:root{
  --turq:#00BFA6;--turq-esc:#00997F;--turq-claro:#E3F7F3;--tinta:#0F1B1B;--card-esc:#142B2B;--fundo:#F5FBF9;--branco:#fff;
  --champ:#E8C98A;--champ-esc:#B8954F;--texto:#1F2E2E;--suave:#5B6B6A;--linha:#DCE9E5;--ambar:#F4A93B;--ambar-claro:#FFF4E2;--vermelho:#D9534F;
  --raio:18px;--sombra:0 18px 50px -24px rgba(15,27,27,.35);--titulo:'Lexend Exa',Inter,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 17px/1.7 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--turq-esc)}
.envolve{max-width:1200px;margin:0 auto;padding:0 24px}
.estreito{max-width:860px}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--turq);color:var(--tinta);font-weight:800;font-size:15px;padding:13px 22px;border-radius:999px;text-decoration:none;border:2px solid var(--turq);cursor:pointer;transition:.2s;font-family:inherit;white-space:nowrap}
.botao:hover{background:#19d4ba;transform:translateY(-1px)}
.botao.contorno{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.botao.contorno.claro{color:#fff;border-color:rgba(255,255,255,.4)}
.botao.contorno:hover{border-color:var(--turq);color:var(--turq-esc)}
.botao.contorno.claro:hover{color:var(--turq)}
.sobre{display:inline-block;font:700 12px/1 Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--champ);margin-bottom:16px}
.sobre.escuro{color:var(--champ-esc)}
em{font-style:normal;color:var(--turq)}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(15,27,27,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.topo .envolve{display:flex;align-items:center;gap:28px;height:70px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none}
.marca img{height:38px;width:auto}
.marca span{font:600 12px/1 var(--titulo);letter-spacing:.2em;text-transform:uppercase;color:var(--champ);border-left:1px solid rgba(232,201,138,.4);padding-left:12px}
.menu{display:flex;gap:26px;margin-left:auto}
.menu a{color:#CFE7E2;text-decoration:none;font-weight:600;font-size:15px}
.menu a:hover,.menu a.ativo{color:var(--turq)}
.topo-cta{padding:10px 18px;font-size:14px}
.abre-menu{display:none;background:none;border:0;cursor:pointer;padding:8px}
.abre-menu i{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:2px}

/* herói */
.heroi{background:radial-gradient(1000px 500px at 85% 10%,rgba(0,191,166,.22),transparent 60%),var(--tinta);color:#fff;padding:80px 0 100px;overflow:hidden}
.heroi-grade{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.heroi h1{font:700 clamp(32px,3.9vw,52px)/1.12 var(--titulo);letter-spacing:-.03em;margin:0 0 22px}
.heroi-txt>p{font-size:19px;color:#CFE7E2;max-width:560px;margin:0 0 32px}
.heroi-botoes{display:flex;gap:14px;flex-wrap:wrap}
.heroi-numeros{display:flex;gap:34px;margin-top:44px;padding-top:28px;border-top:1px solid rgba(232,201,138,.25)}
.heroi-numeros b{display:block;font:700 30px/1 var(--titulo);color:var(--champ)}
.heroi-numeros span{font-size:13px;color:#9FC2BC}
.heroi-img{position:relative}
.heroi-img .moldura{transform:perspective(1400px) rotateY(-9deg) rotateX(3deg);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.flutua{position:absolute;background:#fff;color:var(--tinta);border-radius:14px;padding:14px 18px;box-shadow:var(--sombra);animation:flutua 6s ease-in-out infinite}
.flutua small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--turq-esc)}
.flutua b{font-size:15px}
.flutua span{display:block;font-size:12px;color:var(--suave)}
.f1{left:-28px;bottom:40px;max-width:250px}
.f2{right:-14px;top:-24px;animation-delay:-3s}
.f2 b{font:700 24px var(--titulo);color:var(--vermelho)}
@keyframes flutua{50%{transform:translateY(-10px)}}

/* moldura de tela */
.moldura{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--linha)}
.barra{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#EEF5F3;border-bottom:1px solid var(--linha)}
.barra i{width:10px;height:10px;border-radius:50%;background:#D5E2DF}
.barra i:first-child{background:#F1B3AE}.barra i:nth-child(2){background:#F3D79B}.barra i:nth-child(3){background:#A9DFC9}
.barra span{margin-left:10px;font-size:12px;color:var(--suave);background:#fff;padding:2px 12px;border-radius:99px}

/* busca */
.busca-faixa{margin-top:-34px;position:relative;z-index:5}
.busca{width:100%;padding:20px 26px;border-radius:999px;border:1px solid var(--linha);font:500 17px Inter;box-shadow:var(--sombra);outline:none;background:#fff;color:var(--texto)}
.busca:focus{border-color:var(--turq);box-shadow:0 0 0 4px rgba(0,191,166,.15),var(--sombra)}
.resultados{background:#fff;border-radius:18px;margin-top:10px;box-shadow:var(--sombra);overflow:hidden}
.resultados:empty{display:none}
.resultados a{display:block;padding:14px 24px;text-decoration:none;color:var(--texto);border-bottom:1px solid var(--linha)}
.resultados a:hover{background:var(--turq-claro)}
.resultados b{display:block}
.resultados small{color:var(--suave)}
.resultados .vazio{padding:16px 24px;color:var(--suave)}

/* seções */
.titulo-sec{font:700 clamp(26px,3vw,38px)/1.2 var(--titulo);letter-spacing:-.01em;color:var(--tinta);margin:0 0 10px}
.sub-sec{color:var(--suave);margin:0 0 34px;font-size:18px}
.porque{padding:90px 24px 40px}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px}
.tres>div{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:30px}
.tres .ic{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--tinta);color:var(--champ);font:700 18px var(--titulo)}
.tres h3{font-size:19px;line-height:1.35;margin:18px 0 8px;color:var(--tinta)}
.tres p{margin:0;color:var(--suave);font-size:16px}

.trilhas-sec{padding:60px 0 40px}
.trilhas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trilha{position:relative;background:var(--tinta);color:#fff;border-radius:var(--raio);padding:26px 24px 22px;text-decoration:none;display:flex;flex-direction:column;transition:.25s;overflow:hidden}
.trilha:hover{transform:translateY(-4px);box-shadow:0 24px 50px -20px rgba(0,191,166,.55)}
.trilha .n{position:absolute;right:18px;top:12px;font:700 46px var(--titulo);color:rgba(232,201,138,.14)}
.trilha .ic{width:44px;height:44px;border-radius:12px;background:rgba(0,191,166,.15);color:var(--turq);display:grid;place-items:center;font-size:20px}
.trilha h3{font:600 17px/1.3 var(--titulo);margin:18px 0 8px}
.trilha p{font-size:14.5px;color:#9FC2BC;line-height:1.55;margin:0 0 18px;flex:1}
.progresso span{font-size:13px;color:inherit;opacity:.8}
.barra-p{height:6px;border-radius:9px;background:rgba(127,160,155,.25);overflow:hidden;margin-bottom:8px}
.barra-p i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--turq),var(--champ));border-radius:9px;transition:width .6s}

/* cartões */
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cartao{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;text-decoration:none;color:var(--texto);display:flex;flex-direction:column;transition:.25s}
.cartao:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:transparent}
.cartao .capa{position:relative;aspect-ratio:16/9;background:var(--tinta);overflow:hidden}
.cartao .capa img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cartao:hover .capa img{transform:scale(1.05)}
.cartao .capa::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,27,27,.75))}
.selo-trilha{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;background:rgba(15,27,27,.55);padding:4px 10px;border-radius:99px;border:1px solid rgba(232,201,138,.45)}
.feito{display:none;position:absolute;right:12px;top:12px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--turq);color:var(--tinta);font-weight:800;place-items:center}
.lida .feito{display:grid}
.cartao .txt{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.cartao h3{font-size:19px;line-height:1.32;margin:0 0 8px;color:var(--tinta)}
.cartao p{margin:0 0 14px;color:var(--suave);font-size:15px;line-height:1.55;flex:1}
.meta{font-size:13px;font-weight:600;color:var(--turq-esc)}
.cartao.grande .capa{aspect-ratio:16/10}
.cartao.grande h3{font:600 24px/1.3 var(--titulo)}

.destaque{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:50px 0 30px}
.destaque-lado h2{font:700 30px/1.25 var(--titulo);color:var(--tinta);margin:0 0 14px}
.destaque-lado>p{color:var(--suave);margin:0 0 22px}
.mini{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid var(--linha);text-decoration:none;color:var(--tinta);font-weight:600}
.mini:hover{color:var(--turq-esc)}
.mini small{color:var(--suave);white-space:nowrap}
.mini.lida span::before{content:"✓ ";color:var(--turq)}
.bloco-trilha{padding:44px 0 10px}
.bloco-cab{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:20px}
.bloco-cab>div{display:flex;align-items:baseline;gap:14px}
.bloco-cab .n{font:700 15px var(--titulo);color:var(--champ-esc)}
.bloco-cab h2{font:700 26px/1.2 var(--titulo);margin:0;color:var(--tinta)}
.bloco-cab a{font-weight:700;text-decoration:none;white-space:nowrap}

.glossario-chamada{display:flex;gap:40px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--linha);border-radius:24px;padding:44px;margin-top:70px;margin-bottom:80px}
.glossario-chamada h2{font:700 26px/1.3 var(--titulo);color:var(--tinta);margin:0 0 8px;max-width:640px}
.glossario-chamada p{margin:0;color:var(--suave)}

/* artigo */
.leitura-barra{position:fixed;top:0;left:0;right:0;height:3px;z-index:60}
.leitura-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--turq),var(--champ))}
.art-topo,.trilha-topo{background:var(--tinta);color:#fff;padding:56px 0 130px}
.trilha-topo{padding-bottom:60px}
.migalhas{font-size:14px;color:#9FC2BC;margin-bottom:22px}
.migalhas a{color:#CFE7E2;text-decoration:none}
.migalhas a:hover{color:var(--turq)}
.chip{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--champ);border:1px solid rgba(232,201,138,.45);padding:6px 14px;border-radius:99px}
.art-topo h1,.trilha-topo h1{font:700 clamp(30px,4.2vw,50px)/1.12 var(--titulo);letter-spacing:-.015em;margin:20px 0 18px}
.gancho{font-size:clamp(18px,2vw,21px);color:#CFE7E2;margin:0;max-width:760px;line-height:1.6}
.autor{display:flex;align-items:center;gap:14px;margin-top:30px}
.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--turq),var(--champ));color:var(--tinta);font:700 15px var(--titulo);display:grid;place-items:center}
.autor b{display:block;font-size:15px}
.autor small{color:#9FC2BC;font-size:13.5px}
.capa-art{margin-top:-100px;position:relative}
.capa-art .tela{margin:0}
.capa-art .moldura{box-shadow:0 40px 80px -30px rgba(15,27,27,.55)}
.corpo-grade{display:grid;grid-template-columns:240px minmax(0,760px);gap:60px;justify-content:center;padding-top:40px;padding-bottom:40px}
.sumario .fixo{position:sticky;top:100px}
.sumario h4{font:700 12px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--champ-esc);margin:6px 0 14px}
.sumario ol{list-style:none;padding:0;margin:0 0 22px;border-left:2px solid var(--linha)}
.sumario li a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--suave);text-decoration:none;font-size:14.5px;line-height:1.4}
.sumario li a:hover,.sumario li a.atual{color:var(--tinta);border-left-color:var(--turq);font-weight:600}
.sumario .concluir{font-size:13px;padding:10px 16px;width:100%}
.concluir.ok{background:var(--tinta);border-color:var(--tinta);color:var(--champ)}

.conteudo{font-size:18px}
.conteudo>p:first-child::first-letter{float:left;font:700 64px/.9 var(--titulo);color:var(--turq);margin:6px 12px 0 0}
.conteudo h2{font:700 clamp(24px,2.6vw,31px)/1.25 var(--titulo);color:var(--tinta);margin:58px 0 16px;letter-spacing:-.01em}
.conteudo h3{font-size:21px;color:var(--tinta);margin:36px 0 10px}
.conteudo p{margin:0 0 20px}
.conteudo strong{color:var(--tinta)}
.conteudo ul{padding-left:0;list-style:none;margin:0 0 24px}
.conteudo ul li{position:relative;padding-left:28px;margin-bottom:10px}
.conteudo ul li::before{content:"";position:absolute;left:4px;top:.68em;width:9px;height:9px;border-radius:3px;background:var(--turq);transform:rotate(45deg)}
.conteudo code{background:var(--turq-claro);padding:2px 7px;border-radius:6px;font-size:.88em;color:var(--tinta)}
ol.passos{list-style:none;counter-reset:p;padding:0;margin:8px 0 28px}
ol.passos li{counter-increment:p;position:relative;padding:0 0 18px 60px;min-height:44px}
ol.passos li::before{content:counter(p);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:12px;background:var(--tinta);color:var(--champ);font:700 16px var(--titulo);display:grid;place-items:center}
ol.passos li:not(:last-child)::after{content:"";position:absolute;left:19px;top:42px;bottom:2px;width:2px;background:var(--linha)}
blockquote{margin:36px 0;padding:6px 0 6px 28px;border-left:4px solid var(--champ)}
blockquote p{font:600 clamp(20px,2.3vw,25px)/1.45 var(--titulo);color:var(--tinta);margin:0 0 8px!important;letter-spacing:-.01em}
.tela{margin:34px 0}
.tela figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:14.5px;color:var(--suave)}
.tela figcaption small{color:var(--turq-esc);font-weight:600;font-size:12px;letter-spacing:.03em}
.tela .moldura{box-shadow:0 22px 50px -28px rgba(15,27,27,.45)}
.tela.cel .moldura{max-width:320px;margin:0 auto;border-radius:34px;border:10px solid var(--tinta)}
.tela.cel figcaption{justify-content:center;text-align:center}
.caixa{border-radius:var(--raio);padding:24px 28px 8px;margin:32px 0;background:#fff;border:1px solid var(--linha);font-size:17px}
.caixa .rotulo{font:700 12px Inter;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.caixa.dica{background:var(--turq-claro);border-color:#BFEDE4}.caixa.dica .rotulo{color:var(--turq-esc)}
.caixa.atencao{background:var(--ambar-claro);border-color:#F7DDB0}.caixa.atencao .rotulo{color:#B5741A}
.caixa.exemplo{background:#fff;border-left:4px solid var(--champ)}.caixa.exemplo .rotulo{color:var(--champ-esc)}
.caixa.pergunta{background:var(--tinta);color:#CFE7E2;border:0}.caixa.pergunta .rotulo{color:var(--turq)}.caixa.pergunta strong{color:#fff}
.caixa.pergunta p{font-style:italic}
.caixa.mito{background:#fff;border:2px dashed var(--linha)}.caixa.mito .rotulo{color:var(--vermelho)}
.caixa.resumo{background:var(--tinta);color:#E7F3F0;border:0;padding:30px 32px 14px}.caixa.resumo .rotulo{color:var(--champ)}.caixa.resumo strong{color:#fff}
.caixa.resumo ul li::before{background:var(--champ)}
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:30px 0}
.numeros>div{background:var(--tinta);border-radius:16px;padding:22px 20px}
.numeros b{display:block;font:700 30px/1.1 var(--titulo);color:var(--champ);margin-bottom:6px}
.numeros span{font-size:14px;color:#CFE7E2;line-height:1.45;display:block}
.antesdepois{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}
.antesdepois>div{border-radius:var(--raio);padding:22px 24px 6px;font-size:16px}
.antesdepois h4{margin:0 0 12px;font:700 12px Inter;letter-spacing:.14em;text-transform:uppercase}
.antes{background:#fff;border:1px solid var(--linha)}.antes h4{color:var(--suave)}
.antes ul li::before{background:#C7D3D0!important}
.depois{background:var(--turq-claro);border:1px solid #BFEDE4}.depois h4{color:var(--turq-esc)}
.tabela{overflow-x:auto;margin:28px 0;border-radius:14px;border:1px solid var(--linha);background:#fff}
table{border-collapse:collapse;width:100%;font-size:15.5px}
th{background:var(--tinta);color:#fff;text-align:left;padding:13px 16px;font-weight:700}
td{padding:12px 16px;border-top:1px solid var(--linha);vertical-align:top}
tr:nth-child(even) td{background:#FAFDFC}

.fim-aula{margin-top:56px}
.concluir-caixa{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px 26px}
.concluir-caixa b{display:block;color:var(--tinta)}
.concluir-caixa span{font-size:15px;color:var(--suave)}
.navega{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.nav-aula{border:1px solid var(--linha);border-radius:var(--raio);padding:18px 22px;text-decoration:none;color:var(--tinta);background:#fff;transition:.2s}
.nav-aula:hover{border-color:var(--turq)}
.nav-aula.prox{text-align:right;background:var(--tinta);color:#fff;border-color:var(--tinta)}
.nav-aula small{display:block;color:var(--turq-esc);font-weight:700;font-size:13px;margin-bottom:4px}
.nav-aula.prox small{color:var(--turq)}
.nav-aula b{font-size:16px;line-height:1.35}
.mais{padding:60px 0 80px;background:#fff;border-top:1px solid var(--linha)}
.mais h2{font:700 26px var(--titulo);color:var(--tinta);margin:0 0 28px}

/* trilha */
.trilha-topo .progresso{max-width:460px;margin-top:30px;color:#CFE7E2}
.lista-aulas{padding-top:40px;padding-bottom:70px;display:flex;flex-direction:column;gap:14px}
.linha-aula{position:relative;display:grid;grid-template-columns:54px 190px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px 22px 16px 18px;text-decoration:none;color:var(--texto);transition:.2s}
.linha-aula:hover{border-color:var(--turq);box-shadow:var(--sombra)}
.linha-aula .num{font:700 26px var(--titulo);color:var(--champ-esc)}
.linha-aula img{width:190px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.linha-aula h3{margin:0 0 4px;font-size:19px;color:var(--tinta)}
.linha-aula p{margin:0 0 4px;font-size:15px;color:var(--suave);line-height:1.5}
.linha-aula small{color:var(--turq-esc);font-weight:600}
.linha-aula .feito{top:50%;transform:translateY(-50%);right:18px}
.linha-aula.lida .num{color:var(--turq)}

/* glossário */
.trilha-topo .busca{margin-top:30px;max-width:620px;box-shadow:none}
.glossario{padding-top:30px;padding-bottom:70px;max-width:900px}
.letras{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:70px;background:var(--fundo);padding:14px 0;z-index:3}
.letras a{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--linha);text-decoration:none;font-weight:700;color:var(--tinta)}
.letras a:hover{background:var(--turq);border-color:var(--turq)}
.letra{font:700 40px var(--titulo);color:var(--champ-esc);margin:40px 0 10px}
.termo{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:20px 26px 4px;margin-bottom:12px}
.termo h3{margin:0 0 6px;font-size:19px;color:var(--tinta)}
.termo p{margin:0 0 16px;color:var(--texto);font-size:16.5px}
.termo.oculto,.letra.oculto{display:none}

/* CTA e rodapé */
.cta-final{background:radial-gradient(800px 400px at 10% 0%,rgba(0,191,166,.25),transparent 60%),var(--card-esc);color:#fff;padding:70px 0}
.cta-final .envolve{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta-final h2{font:700 clamp(24px,3vw,34px)/1.25 var(--titulo);margin:0 0 12px;max-width:720px}
.cta-final p{color:#CFE7E2;margin:0}
.cta-botoes{display:flex;flex-direction:column;gap:12px}
.cta-final .botao.contorno{color:#fff;border-color:rgba(255,255,255,.35)}
.rodape{background:var(--tinta);color:#9FC2BC;padding:56px 0 24px;font-size:15px}
.rodape>.envolve:first-child{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.logo-rodape{height:46px;width:auto;margin-bottom:14px}
.rodape h4{color:var(--champ);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:6px 0 14px}
.rodape a{display:block;color:#CFE7E2;text-decoration:none;margin-bottom:8px}
.rodape a:hover{color:var(--turq)}
.direitos{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:22px;font-size:13px}

/* celular */
@media (max-width:1020px){
  .heroi-grade{grid-template-columns:1fr}.heroi-img{max-width:640px}
  .trilhas{grid-template-columns:repeat(2,1fr)}
  .grade{grid-template-columns:repeat(2,1fr)}
  .corpo-grade{grid-template-columns:minmax(0,1fr)}.sumario{display:none}
  .destaque{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .envolve{padding:0 16px}
  .menu,.topo-cta{display:none}.abre-menu{display:block;margin-left:auto}
  .menu-aberto .menu{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:var(--tinta);padding:18px 16px 24px;gap:16px}
  .heroi{padding:50px 0 80px}
  .heroi-numeros{gap:20px;flex-wrap:wrap}
  .f1{left:8px;bottom:-22px}.f2{right:8px}
  .tres,.trilhas,.grade{grid-template-columns:1fr}
  .conteudo{font-size:17px}
  .antesdepois,.navega{grid-template-columns:1fr}
  .linha-aula{grid-template-columns:1fr;gap:12px;padding:14px}
  .linha-aula .num{position:absolute;left:24px;top:22px;z-index:2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
  .linha-aula img{width:100%}
  .linha-aula .feito{top:24px;transform:none}
  .glossario-chamada,.cta-final .envolve,.concluir-caixa{flex-direction:column;align-items:flex-start}
  .glossario-chamada{padding:28px}
  .rodape>.envolve:first-child{grid-template-columns:1fr}
  .bloco-cab{flex-direction:column;align-items:flex-start;gap:6px}
  .busca{padding:16px 20px;font-size:16px}
  .tela figcaption{flex-direction:column;gap:2px}
}

/* caminho sem site */
.menu a.link-sem-site{color:var(--champ)}
.menu a.link-sem-site:hover,.menu a.link-sem-site.ativo{color:var(--turq)}
.escolha{padding:80px 24px 10px}
.escolha-grade{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.opcao{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:22px;padding:30px;text-decoration:none;color:var(--texto);transition:.25s}
.opcao:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:var(--turq)}
.opcao .ic{width:46px;height:46px;border-radius:13px;background:var(--turq-claro);color:var(--turq-esc);display:grid;place-items:center;font-size:21px}
.opcao h3{font:700 22px/1.3 var(--titulo);color:var(--tinta);margin:18px 0 8px}
.opcao p{margin:0 0 18px;color:var(--suave);flex:1}
.opcao b{color:var(--turq-esc)}
.opcao.destaque-op{background:var(--tinta);border-color:var(--tinta);color:#CFE7E2}
.opcao.destaque-op h3{color:#fff}.opcao.destaque-op p{color:#9FC2BC}.opcao.destaque-op b{color:var(--champ)}
.opcao.destaque-op .ic{background:rgba(232,201,138,.15);color:var(--champ)}
.chip-sem-site{margin-left:8px;text-decoration:none;color:var(--turq);border-color:rgba(0,191,166,.5)}
.chip-sem-site:hover{background:rgba(0,191,166,.12)}
.sem-site-topo{background:radial-gradient(900px 420px at 90% 0%,rgba(232,201,138,.16),transparent 60%),var(--tinta)}
.para-quem{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.para-quem span{font-size:14px;font-weight:600;color:#CFE7E2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:7px 14px;border-radius:99px}
.percurso{padding-top:30px;padding-bottom:70px}
.etapa{margin-top:36px}
.etapa-cab{display:flex;gap:18px;align-items:flex-start;margin-bottom:16px}
.etapa-n{flex:none;width:48px;height:48px;border-radius:14px;background:var(--tinta);color:var(--champ);font:700 20px var(--titulo);display:grid;place-items:center}
.etapa-cab h2{font:700 23px/1.3 var(--titulo);color:var(--tinta);margin:2px 0 6px}
.etapa-cab p{margin:0;color:var(--suave);max-width:780px}
.percurso .lista-aulas{padding:0}
.pular{margin-top:44px}
.faixa-sem-site{display:flex;align-items:center;gap:18px;margin-top:-26px;position:relative;background:#fff;border:1px solid var(--linha);border-left:4px solid var(--champ);border-radius:16px;padding:18px 22px;text-decoration:none;color:var(--texto);box-shadow:var(--sombra)}
.faixa-sem-site>span{font-size:22px;color:var(--champ-esc)}
.faixa-sem-site div{flex:1}.faixa-sem-site b{display:block;color:var(--tinta)}.faixa-sem-site small{color:var(--suave);font-size:14.5px}
.faixa-sem-site em{font-weight:800;color:var(--turq-esc)}
@media (max-width:760px){
  .escolha-grade{grid-template-columns:1fr}
  .chip-sem-site{margin:10px 0 0;display:inline-block}
  .faixa-sem-site{flex-direction:column;align-items:flex-start;gap:6px}
}
.atalho-sem-site{display:inline-block;margin-top:20px;color:#CFE7E2;text-decoration:none;font-size:15.5px}
.atalho-sem-site b{color:var(--champ)}
.atalho-sem-site:hover b{color:var(--turq)}

/* ===== tema claro (08/11/2026): topo, heróis, cartões e rodapé em fundo claro ===== */
em{color:var(--turq-esc)}
.sobre{color:var(--champ-esc)}
.topo{background:rgba(255,255,255,.94);border-bottom:1px solid var(--linha)}
.marca span{color:var(--champ-esc);border-left-color:rgba(184,149,79,.45)}
.menu a{color:var(--texto)}
.menu a:hover,.menu a.ativo{color:var(--turq-esc)}
.menu a.link-sem-site{color:var(--champ-esc)}
.menu a.link-sem-site:hover,.menu a.link-sem-site.ativo{color:var(--turq-esc)}
.abre-menu i{background:var(--tinta)}
.botao.contorno.claro{color:var(--tinta);border-color:var(--tinta)}
.botao.contorno.claro:hover{color:var(--turq-esc);border-color:var(--turq)}

.heroi{background:radial-gradient(1000px 500px at 85% 10%,rgba(0,191,166,.16),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(232,201,138,.18),transparent 60%),var(--fundo);color:var(--tinta)}
.heroi-txt>p{color:var(--suave)}
.heroi-numeros{border-top-color:rgba(184,149,79,.3)}
.heroi-numeros b{color:var(--champ-esc)}
.heroi-numeros span{color:var(--suave)}
.heroi-img .moldura{box-shadow:0 40px 90px -30px rgba(15,27,27,.35)}

.trilha{background:#fff;color:var(--tinta);border:1px solid var(--linha)}
.trilha:hover{border-color:var(--turq);box-shadow:0 24px 50px -24px rgba(0,153,127,.4)}
.trilha .n{color:rgba(184,149,79,.2)}
.trilha .ic{background:var(--turq-claro);color:var(--turq-esc)}
.trilha p{color:var(--suave)}

.art-topo,.trilha-topo{background:radial-gradient(900px 420px at 90% 0%,rgba(0,191,166,.12),transparent 60%),#fff;color:var(--tinta);border-bottom:1px solid var(--linha)}
.sem-site-topo{background:radial-gradient(900px 420px at 90% 0%,rgba(232,201,138,.22),transparent 60%),#fff}
.migalhas{color:var(--suave)}
.migalhas a{color:var(--texto)}
.migalhas a:hover{color:var(--turq-esc)}
.chip{color:var(--champ-esc);border-color:rgba(184,149,79,.5)}
.chip-sem-site{color:var(--turq-esc);border-color:rgba(0,153,127,.45)}
.gancho{color:var(--suave)}
.autor small{color:var(--suave)}
.capa-art .moldura{box-shadow:0 40px 80px -30px rgba(15,27,27,.35)}
.trilha-topo .progresso{color:var(--suave)}
.para-quem span{color:var(--texto);background:var(--turq-claro);border-color:#BFEDE4}
.atalho-sem-site{color:var(--suave)}
.atalho-sem-site b{color:var(--champ-esc)}
.atalho-sem-site:hover b{color:var(--turq-esc)}

.caixa.pergunta{background:#fff;color:var(--texto);border:1px solid var(--linha);border-left:4px solid var(--turq)}
.caixa.pergunta .rotulo{color:var(--turq-esc)}.caixa.pergunta strong{color:var(--tinta)}
.caixa.resumo{background:var(--turq-claro);color:var(--texto);border:1px solid #BFEDE4}
.caixa.resumo .rotulo{color:var(--turq-esc)}.caixa.resumo strong{color:var(--tinta)}
.caixa.resumo ul li::before{background:var(--turq)}
.numeros>div{background:#fff;border:1px solid var(--linha);border-top:3px solid var(--champ)}
.numeros b{color:var(--champ-esc)}
.numeros span{color:var(--suave)}
th{background:var(--turq-claro);color:var(--tinta)}
.nav-aula.prox{background:var(--turq-claro);color:var(--tinta);border-color:#BFEDE4}
.nav-aula.prox small{color:var(--turq-esc)}
.opcao.destaque-op{background:#FFFBF2;border-color:rgba(232,201,138,.7);color:var(--texto)}
.opcao.destaque-op h3{color:var(--tinta)}.opcao.destaque-op p{color:var(--suave)}.opcao.destaque-op b{color:var(--champ-esc)}
.opcao.destaque-op .ic{background:rgba(232,201,138,.25);color:var(--champ-esc)}

.cta-final{background:radial-gradient(800px 400px at 10% 0%,rgba(0,191,166,.18),transparent 60%),var(--turq-claro);color:var(--tinta);border-top:1px solid #BFEDE4}
.cta-final p{color:var(--suave)}
.cta-final .botao.contorno{color:var(--tinta);border-color:var(--tinta)}
.rodape{background:#fff;color:var(--suave);border-top:1px solid var(--linha)}
.rodape h4{color:var(--champ-esc)}
.rodape a{color:var(--texto)}
.rodape a:hover{color:var(--turq-esc)}
.direitos{border-top-color:var(--linha)}
.cartao .capa{background:#EEF5F3}
@media (max-width:760px){
  .menu-aberto .menu{background:#fff;border-bottom:1px solid var(--linha);box-shadow:var(--sombra)}
}

/* montagens próprias (pasta imagens/): já trazem fundo e cartões */
.tela.montagem .moldura{border:0;background:transparent;border-radius:18px}