<![CDATA[console.log( 'Code is Poetry' );<!DOCTYPE html>
<html lang="pt-BR">
<head>
<!-- Viewpad essencial para mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover">
<title>Autoestudo | Aula 01 | O Convite à Automaestria</title>
<!-- Fontes e ícones -->
<link rel="stylesheet" href="https://gruposcalco.com.br/wp-content/cache/fonts/1/google-fonts/css/5/9/2/1624bf5bbe4c8c091ef09226fa76f.css" data-wpr-hosted-gf-parameters="family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
<style>
/* Reset absoluto */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Estrutura de altura flexível para permitir crescimento natural */
html, body {
width: 100%;
height: auto; /* altura determinada pelo conteúdo */
min-height: 100%; /* garante preenchimento mínimo, sem cortes */
background-color: #f8f9fa;
font-family: 'Montserrat', sans-serif;
color: #212529;
line-height: 1.7;
-webkit-overflow-scrolling: touch; /* rolagem suave no iOS */
overflow-y: auto;
}
/* Modo escuro */
body.dark-mode {
background-color: #121212;
color: #e0e0e0;
}
/* Cabeçalho simples, sem sticky */
.page-header {
padding: 10px 20px;
background: #ffffff;
border-bottom: 1px solid #dee2e6;
display: flex;
justify-content: flex-end;
}
body.dark-mode .page-header {
background: #1e1e1e;
border-bottom: 1px solid #333;
}
.theme-switch {
cursor: pointer;
padding: 8px;
border-radius: 50%;
background: rgba(0,0,0,0.05);
display: inline-flex;
}
body.dark-mode .theme-switch {
background: rgba(255,255,255,0.1);
}
/* Container principal sem truques de altura */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
/* Tipografia */
h1, h2, h3 {
font-family: 'Merriweather', serif;
color: #40916c;
margin-bottom: 1.5rem;
}
.section-title {
display: flex;
align-items: center;
gap: 15px;
font-size: 2.2rem;
justify-content: center;
margin-top: 4rem;
}
.section-title .material-symbols-outlined {
font-size: 2.5rem;
}
/* Banner */
.banner {
margin-top: 20px;
padding: 4rem 2rem;
text-align: center;
background-color: #40916c;
color: #fff;
border-radius: 12px;
}
.banner h1 {
font-size: 2.8rem;
color: #fff;
margin-bottom: 0.5rem;
}
/* Cards */
.card {
background-color: #ffffff;
border-radius: 12px;
padding: 2rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border: 1px solid #dee2e6;
margin-bottom: 1rem;
}
body.dark-mode .card {
background-color: #1e1e1e;
border-color: #333;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-top: 1rem;
}
.theory-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.theory-card .material-symbols-outlined {
font-size: 3rem;
color: #40916c;
margin-bottom: 1rem;
}
/* Ícones do tema */
#icon-moon { display: block; }
#icon-sun { display: none; }
body.dark-mode #icon-moon { display: none; }
body.dark-mode #icon-sun { display: block; }
@media (max-width: 768px) {
.section-title { font-size: 1.6rem; flex-direction: column; }
.banner h1 { font-size: 1.8rem; }
.card { padding: 1.5rem; }
}
</style>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.rll-youtube-player .play{--wpr-bg-d06e08d4-9087-4051-8aef-4f9149a59633: url('https://gruposcalco.com.br/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-d06e08d4-9087-4051-8aef-4f9149a59633: url('https:\/\/gruposcalco.com.br\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"d06e08d4-9087-4051-8aef-4f9149a59633","url":"https:\/\/gruposcalco.com.br\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<header class="page-header">
<div class="theme-switch" id="theme-toggle">
<span class="material-symbols-outlined" id="icon-moon">dark_mode</span>
<span class="material-symbols-outlined" id="icon-sun">light_mode</span>
</div>
</header>
<div class="container">
<section class="banner">
<p>Autoestudo - Aula 01</p>
<h1>O Convite à Automaestria</h1>
</section>
<section id="introduction">
<h2 class="section-title"><span class="material-symbols-outlined">psychology</span> Proposta Central da Aula</h2>
<div class="card">
<p>A aula apresenta o autoestudo como um convite à "automaestria", definida como a capacidade de estar totalmente presente com a vida e se tornar genuinamente autodeterminante, livre do domínio do medo. O caminho para isso não é buscar a iluminação ou estados perfeitos, mas sim criar atividades diárias que unam corpo e mente no agora, permitindo-nos acessar nosso potencial, sentirmo-nos vivos e confiar em nossa capacidade de lidar com o que vier.</p>
</div>
</section>
<section id="theory-mastery">
<h2 class="section-title"><span class="material-symbols-outlined">school</span> O Que é Automaestria?</h2>
<div class="card" style="text-align: center; margin-bottom: 2rem;">
<p>O objetivo do autoestudo é tornar-se o seu próprio mestre. Isso não significa alcançar um estado de perfeição, mas sim aprender a determinar suas próprias ações, em vez de ser governado pelos seus medos, pensamentos e sentimentos.</p>
</div>
<div class="grid-container">
<div class="card theory-card"><span class="material-symbols-outlined">fact_check</span><h3>Ser Autodeterminante</h3><p>Significa escolher conscientemente como reagir aos seus sentimentos e pensamentos, em vez de ser dominado por eles de forma automática.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">shield</span><h3>Livre do DOMÍNIO do Medo</h3><p>A meta não é eliminar o medo, o que é impossível, mas sim não permitir que ele te paralise ou dite suas escolhas. O medo está presente, mas não no controle.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">front_hand</span><h3>Estar Presente com Tudo</h3><p>A verdadeira maestria é a coragem de "ficar" com o que a vida apresenta — seja uma angústia, um problema ou uma alegria — sem fugir ou procrastinar.</p></div>
</div>
</section>
<section id="theory-longing">
<h2 class="section-title"><span class="material-symbols-outlined">favorite</span> O Anseio Profundo por Viver</h2>
<div class="card" style="text-align: center; margin-bottom: 2rem;">
<p>No fundo, todos queremos nos sentir totalmente vivos e completamente livres. Nossa alma anseia por viver com "emoção", experimentando tudo o que a vida oferece. No entanto, nossa mente, focada na sobrevivência e na segurança, nos sabota, nos mantendo em uma zona de conforto que gera um sentimento de vazio.</p>
</div>
<div class="grid-container">
<div class="card theory-card"><span class="material-symbols-outlined">ecg_heart</span><h3>O Chamado da Alma</h3><p>Nossa essência busca mais vida, mais vibração, mais tesão e desafios que nos façam sentir vivos.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">lock</span><h3>A Mente Protetora</h3><p>A mente busca segurança e evita riscos, preferindo o básico para sobreviver e nos poupando de sentir as dores e desafios da vida.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">directions</span><h3>A Fuga da Presença</h3><p>Recorremos a distrações (celular, compras, vida alheia) porque é difícil ficar presente com tudo o que a vida nos apresenta.</p></div>
</div>
</section>
<section id="theory-secret">
<h2 class="section-title"><span class="material-symbols-outlined">key</span> O Segredo: Unir Corpo e Mente no Agora</h2>
<div class="card" style="text-align: center; margin-bottom: 2rem;">
<p>A chave para se sentir vivo e acessar nossa divindade é criar atividades que exijam que o corpo e a mente estejam no mesmo lugar: o agora. Quando estamos presentes, a energia da nossa consciência aumenta, e sentimos maior unidade, gratidão e confiança na vida.</p>
</div>
<div class="grid-container">
<div class="card theory-card"><span class="material-symbols-outlined">link</span><h3>Corpo e Mente Juntos</h3><p>Nossos corpos estão sempre no agora, mas nossas mentes vagueiam entre passado e futuro. O objetivo é treinar a mente para estar onde o corpo está.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">bolt</span><h3>A Energia da Consciência</h3><p>Estar presente gera uma energia real. É por isso que não precisamos de estímulos externos quando estamos verdadeiramente conectados conosco.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">sentiment_very_dissatisfied</span><h3>Abraçar os Sentimentos</h3><p>É preciso coragem para "desmoronar dentro" dos sentimentos que antes evitávamos. Fugir deles fecha o coração e enfraquece nossa luz.</p></div>
</div>
</section>
<section id="exercises">
<h2 class="section-title"><span class="material-symbols-outlined">checklist</span> Exercícios e Recomendações Iniciais</h2>
<div class="grid-container">
<div class="card theory-card"><span class="material-symbols-outlined">menu_book</span><h3>Leitura</h3><p>Ler os textos fornecidos antes e depois de cada aula.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">edit_note</span><h3>Exercício de Escrita</h3><p>Manter um caderno e anotar as percepções diárias.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">shower</span><h3>Primeiro Exercício de Presença</h3><p>Praticar o "secar-se com presença": após o banho, colocar total atenção no toque da toalha sobre cada milímetro do corpo.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">self_improvement</span><h3>Meditação Diária</h3><p>Meditar todos os dias. A instrução inicial é simplesmente sentar-se e observar o corpo e os ruídos do ambiente.</p></div>
<div class="card theory-card"><span class="material-symbols-outlined">forum</span><h3>Interação no Grupo</h3><p>No grupo do WhatsApp, compartilhar "porque valeu a pena a aula de hoje".</p></div>
</div>
</section>
<!-- Espaço extra para garantir rolagem -->
<div style="height: 60px;"></div>
</div>
<!-- SCRIPT DE REDIMENSIONAMENTO PARA IFRAME (SOLUÇÃO DEFINITIVA) -->
<script>
(function() {
// Função que envia a altura ao iframe pai
function sendHeightToParent() {
// Verifica se está dentro de um iframe
if (window.self === window.parent) {
return; // Não está em iframe
}
// Calcula a altura total do conteúdo (inclui padding e borda)
const height = document.documentElement.scrollHeight;
// Tenta enviar para o pai via postMessage (protocolo seguro)
try {
window.parent.postMessage({
type: 'resize',
height: height,
id: window.name // alguns sistemas usam identificador
}, '*'); // '*' é menos seguro, mas necessário para sites desconhecidos
} catch (e) {
console.warn('Não foi possível enviar altura ao pai:', e);
}
// Fallback: tenta ajustar diretamente o iframe se tiver acesso (raro)
if (window.frameElement) {
try {
window.frameElement.style.height = height + 'px';
} catch (e) {}
}
}
// Envia a altura assim que possível
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', sendHeightToParent);
} else {
sendHeightToParent();
}
// Monitora mudanças no tamanho com ResizeObserver (moderno)
if (window.ResizeObserver) {
const resizeObserver = new ResizeObserver(() => {
sendHeightToParent();
});
// Observa o elemento raiz
resizeObserver.observe(document.documentElement);
} else {
// Fallback para navegadores antigos: verifica a cada 200ms
let lastHeight = 0;
setInterval(function() {
const currentHeight = document.documentElement.scrollHeight;
if (currentHeight !== lastHeight) {
lastHeight = currentHeight;
sendHeightToParent();
}
}, 200);
}
// Também observa mudanças no DOM (inserção de imagens, etc)
const mutationObserver = new MutationObserver(() => {
sendHeightToParent();
});
mutationObserver.observe(document.body, { childList: true, subtree: true, attributes: true, characterData: true });
// Ao carregar imagens, recalcula
window.addEventListener('load', sendHeightToParent);
// Redimensionamento da janela (útil para orientação)
window.addEventListener('resize', sendHeightToParent);
})();
</script>
<script>
// Script do modo escuro (simples)
document.addEventListener('DOMContentLoaded', () => {
const themeToggle = document.getElementById('theme-toggle');
const body = document.body;
themeToggle.addEventListener('click', () => {
body.classList.toggle('dark-mode');
});
});
</script>
<script>(()=>{class RocketElementorPreload{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}t(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this.i(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach((t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this.o(t)}catch(t){}}))}o(t){const e=JSON.parse(t.dataset.settings),i=e.m||e.animation_delay||0,n=e[this.animationSettingKeys.find((t=>e[t]))];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let o=setTimeout((()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this.l(t,e)}),i);window.addEventListener("rocket-startLoading",(function(){clearTimeout(o)}))}i(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach((t=>{e.forEach((e=>{i.push(t+e)}))})),i}l(t,e){this.i().forEach((t=>delete e[t])),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorPreload;requestAnimationFrame(t.t.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorPreload.run)})();</script></body>
</html>]]>
