/* ihc.academy, 08/11/2026. A identidade do site antigo (preto, Monument Extended, rosa, verde-limão, o desvio ciano e vermelho da logo), em sala de montagem. */
@font-face{font-family:"Monument";src:url(/fontes/monument-extended.woff2) format("woff2");font-weight:400;font-display:swap}
@view-transition{navigation:auto}
:root{--preto:#000;--painel:#121212;--linha:#2a2a2a;--branco:#fff;--cinza:#9a9a9a;--rosa:#ffccff;--lima:#89ff00;--ciano:#00ffff;--verm:#ff2a1f;
--d:"Monument",system-ui,sans-serif;--t:"Jost",system-ui,sans-serif;--s:"Cormorant Garamond",Georgia,serif;
--wrap:min(1240px,100% - 32px);--r:14px;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--preto);color:var(--branco);font:400 18px/1.6 var(--t);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit;color:inherit}
.wrap{width:var(--wrap);margin-inline:auto}
.pular{position:absolute;left:-999px;top:8px;z-index:99;background:var(--lima);color:#000;padding:8px 14px;border-radius:8px}.pular:focus{left:8px}
:focus-visible{outline:2px solid var(--lima);outline-offset:3px;border-radius:6px}
.tit{font-family:var(--d);font-weight:400;letter-spacing:.005em;line-height:1.08;margin:0;text-wrap:balance}
.t2{font-size:clamp(24px,3.1vw,40px);margin-bottom:18px}
.mudo{color:var(--cinza)}.intro{color:#cfcfcf;max-width:62ch;margin:0 0 32px;font-size:clamp(17px,1.5vw,20px)}
.selo{display:inline-block;margin:0 0 18px;padding:5px 12px;border:1px solid rgba(255,255,255,.35);border-radius:99px;font-size:14px;letter-spacing:.02em}

/* o desvio de cor da logo */
.rgb{text-shadow:-.035em 0 rgba(0,255,255,.75),.035em 0 rgba(255,42,31,.75)}
.rgb.entra{animation:rgb 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes rgb{0%{text-shadow:-.28em 0 rgba(0,255,255,.9),.28em 0 rgba(255,42,31,.9);opacity:0;filter:blur(6px)}35%{opacity:1;filter:blur(0)}60%{text-shadow:.06em 0 rgba(0,255,255,.8),-.06em 0 rgba(255,42,31,.8)}100%{text-shadow:-.035em 0 rgba(0,255,255,.75),.035em 0 rgba(255,42,31,.75)}}
.rgb-fixo{text-shadow:-.03em 0 rgba(0,190,200,.9),.03em 0 rgba(255,42,31,.85)}

/* botões */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:99px;border:1px solid transparent;
 font:500 16px/1.1 var(--t);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,color .15s;white-space:nowrap}
.bt svg{width:18px;height:18px;flex:none}.bt:active{transform:scale(.97)}
.bt-g{min-height:56px;padding:14px 28px;font-size:17px}.bt-p{min-height:40px;padding:8px 16px;font-size:15px}
.bt-lima{background:var(--lima);color:#000}.bt-lima:hover{background:#a6ff3d}
.bt-linha{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}.bt-linha:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.bt-preto{background:#000;color:#fff}.bt-preto:hover{background:#222}
.bt-preto-linha{border-color:#000;color:#000}.bt-preto-linha:hover{background:rgba(0,0,0,.08)}
.link{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:inherit;font-size:inherit}
.acoes{display:flex;flex-wrap:wrap;gap:12px}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:40;background:linear-gradient(#000c,#0000);transition:background .3s}
.topo.solido{background:rgba(0,0,0,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14}
.topo .wrap{display:flex;align-items:center;gap:28px;height:76px}
.logo img{width:54px;height:54px}
.menu{display:flex;gap:26px;margin-left:auto}
.menu a{text-decoration:none;font-size:16px;color:#ddd;padding:6px 0;border-bottom:1px solid transparent}
.menu a:hover{color:#fff}.menu a[aria-current]{color:#fff;border-color:var(--lima)}

/* abertura: o visor */
.abre{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 0 0;overflow:hidden;isolation:isolate}
.abre-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.abre::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000e 0%,#000a 42%,#0003 75%),linear-gradient(0deg,#000 0%,#0000 38%)}
.abre-txt{padding-bottom:40px}
.abre h1{font-size:clamp(32px,5.4vw,78px);max-width:15ch;margin-bottom:22px}
.abre-sub{max-width:52ch;font-size:clamp(17px,1.6vw,21px);color:#e4e4e4;margin:0 0 30px}
.visor-cantos{position:absolute;inset:92px 22px 96px;pointer-events:none}
.visor-cantos i{position:absolute;width:30px;height:30px;border:2px solid #ffffffb0}
.visor-cantos i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.visor-cantos i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
.visor-cantos i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.visor-cantos i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.hud{font-variant-numeric:tabular-nums;font-size:14px;color:#eee}
.hud-topo{position:absolute;top:104px;right:44px;display:flex;gap:18px;align-items:center}
.rec{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.rec::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--verm);animation:pisca 1.2s steps(2) infinite}
.rec-pausa::before{background:var(--rosa);animation:none}
@keyframes pisca{50%{opacity:.15}}
.tc{min-width:11ch}
.hud-base{position:relative;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff2e;background:#000a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hud-base div{padding:16px 22px;border-right:1px solid #ffffff1f}.hud-base div:last-child{border-right:0}
.hud-base dt{font-size:13px;color:var(--cinza)}.hud-base dd{margin:2px 0 0;font:400 clamp(15px,1.6vw,20px)/1.2 var(--d)}
.duas-abre{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:end}
.abre-curso h1{font-size:clamp(30px,4.4vw,64px)}
.abre-breve{min-height:auto;padding-top:150px}

/* páginas internas */
.abre-p{padding:150px 0 30px}.abre-p h1{font-size:clamp(34px,5.6vw,80px);margin-bottom:18px;max-width:18ch}
.abre-aula h1{font-size:clamp(28px,4.2vw,58px)}
.sec{padding:clamp(56px,8vw,112px) 0}.sec-cola{padding-top:16px}.sec-topo{padding-top:140px}
.duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:center}
.cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.cab .t2{margin-right:auto}
.ver{display:inline-flex;gap:8px;align-items:center;color:var(--lima);text-decoration:none;font-weight:500}.ver svg{width:18px;height:18px}
.texto{max-width:70ch}.texto p{margin:0 0 18px}
.destaque{font-size:clamp(19px,1.8vw,23px);line-height:1.5;color:#fff}

/* preço */
.preco{display:grid;gap:6px;justify-items:start;padding:26px;border:1px solid var(--linha);border-radius:var(--r);background:var(--painel);max-width:420px;margin-top:26px}
.preco-de{color:var(--cinza);text-decoration:line-through;font-size:15px}
.preco-por{font:400 clamp(28px,3vw,40px)/1.1 var(--d);color:var(--lima)}.preco-por small{font:400 15px var(--t);color:#ddd;margin-right:4px}
.preco-vista{color:#ddd;margin-bottom:14px}.preco .bt{width:100%}.preco-nota{font-size:14px;color:var(--cinza);margin-top:6px}
.preco-abre{margin:0 0 40px;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.preco-rosa{background:#000;border-color:#000;margin:0;justify-self:end}
.preco-curto .preco-por{margin-bottom:12px}

/* vídeo */
.video{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:#111;cursor:pointer}
.video img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s;filter:saturate(.9) brightness(.82)}
.video:hover img{transform:scale(1.03);filter:none}
.video .visor{position:absolute;inset:14px;border:1px solid #ffffff40;border-radius:8px;pointer-events:none}
.play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--lima);color:#000;display:grid;place-items:center;transition:transform .2s}
.play svg{width:30px;height:30px;margin-left:4px}.video:hover .play{transform:scale(1.08)}
.video-nome{position:absolute;left:24px;bottom:20px;right:24px;text-align:left;font-size:15px;color:#fff;text-shadow:0 1px 8px #000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.videos2{display:grid;grid-template-columns:1fr 1fr;gap:24px}

/* linha do tempo */
.sec-tl{background:linear-gradient(#000,#0b0b0b 30%,#0b0b0b 70%,#000)}
.timeline{position:relative;border:1px solid var(--linha);border-radius:var(--r);background:#070707;padding:14px 16px 18px 16px;--p:0}
.tl-regua{display:flex;justify-content:space-between;margin-left:46px;font-size:12px;color:#777;font-variant-numeric:tabular-nums;border-bottom:1px solid #222;padding-bottom:6px;margin-bottom:10px}
.tl-pista{display:flex;align-items:stretch;gap:10px;margin-top:8px}
.tl-rot{width:36px;flex:none;display:grid;place-items:center;font-size:12px;color:#888;border:1px solid #2a2a2a;border-radius:6px}
.tl-clipes{flex:1;display:flex;gap:4px;min-width:0}
.clipe{flex:var(--g) 1 0;min-width:0;min-height:86px;text-align:left;padding:10px 12px;border:0;border-radius:6px;background:var(--rosa);color:#000;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:background .2s,transform .2s;position:relative;overflow:hidden}
.clipe::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:repeating-linear-gradient(90deg,#0000 0 10px,#0000001a 10px 11px)}
.clipe:hover{transform:translateY(-2px)}
.clipe[aria-expanded="true"]{background:var(--lima)}
.clipe-n{font-size:12px;opacity:.7}.clipe-t{font:400 clamp(11px,1vw,14px)/1.2 var(--d)}
.tl-audio .onda{flex:1;height:38px;border-radius:6px;background:#141414;
 -webkit-mask:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 5px);mask:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 5px);
 background-image:linear-gradient(0deg,#0000 calc(50% - var(--a,14px)),#3a8a1a calc(50% - var(--a,14px)),#89ff00 50%,#3a8a1a calc(50% + var(--a,14px)),#0000 calc(50% + var(--a,14px)))}
.agulha{position:absolute;top:6px;bottom:6px;left:calc(62px + (100% - 80px) * var(--p));width:2px;background:var(--verm);pointer-events:none;box-shadow:0 0 12px #ff2a1f88}
.agulha::before{content:"";position:absolute;top:-2px;left:-6px;border:7px solid transparent;border-top:9px solid var(--verm)}
.mods{margin-top:28px}
.mod{max-width:900px}.mod h3{font-size:clamp(18px,2vw,26px);margin-bottom:10px}.mod>p{color:#d7d7d7;margin:0 0 18px}
.caps{list-style:none;counter-reset:c;margin:0;padding:0;display:grid;gap:2px}
.caps li{counter-increment:c;display:grid;grid-template-columns:72px 1fr;gap:4px 16px;padding:14px 0;border-top:1px solid var(--linha)}
.caps li::before{content:"Cap. " counter(c);grid-row:span 2;color:var(--lima);font-size:14px;padding-top:3px;font-variant-numeric:tabular-nums}
.caps b{font-weight:500}.caps span{color:#bdbdbd;font-size:16px}

/* mentores */
.mentores{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mentor-card{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--painel)}
.mentor-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:filter .4s}
.mentor-card:hover img{filter:drop-shadow(-6px 0 0 #00ffff66) drop-shadow(6px 0 0 #ff2a1f66)}
.mentor-card figcaption{padding:18px 20px 22px}.mentor-card b{display:block;font:400 18px/1.2 var(--d);margin-bottom:8px}.mentor-card span{color:#bdbdbd;font-size:16px}
.mentor{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}
.quadro{margin:0;border-radius:var(--r);overflow:hidden;position:relative}
.quadro img{width:100%;aspect-ratio:4/5;object-fit:cover}
.mentor p{color:#d6d6d6}
.redes-txt{display:flex;flex-wrap:wrap;gap:8px 18px}.redes-txt a{color:var(--lima);text-decoration:none}.redes-txt a:hover{text-decoration:underline}

/* aulas */
.aulas{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.aulas-grade{grid-template-columns:repeat(3,1fr);gap:28px 22px}
.aula{text-decoration:none;display:grid;gap:12px;align-content:start}
.aula-img{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#111}
.aula-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:filter .3s,transform .4s}
.aula:hover .aula-img img{filter:none;transform:scale(1.04)}
.aula .play{width:48px;height:48px;margin:-24px 0 0 -24px}.aula .play svg{width:20px;height:20px}
.aula-t{font:400 15px/1.3 var(--d)}.aula-d{color:#bbb;font-size:16px}
.aula-palco{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:32px;align-items:start}
.tela{position:sticky;top:96px}
.tela-trava{position:relative}
.trava{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#000c;border:1px solid #ffffff30;padding:8px 16px;border-radius:99px;font-size:15px;white-space:nowrap}
.video-travado{pointer-events:none}.video-travado img{filter:brightness(.5) blur(2px)}.video-travado .play{background:#333;color:#888}
.tela.aberta .trava{display:none}.tela.aberta .video-travado{pointer-events:auto}.tela.aberta .video-travado img{filter:saturate(.9) brightness(.82)}.tela.aberta .video-travado .play{background:var(--lima);color:#000}

/* depoimento */
.depo{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.depo-foto{margin:0;border-radius:50% 50% var(--r) var(--r);overflow:hidden}.depo-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.depo blockquote{margin:0}.depo blockquote p{font:italic 400 clamp(24px,2.7vw,36px)/1.32 var(--s);margin:0 0 22px}
.depo footer{color:#bdbdbd;font-size:16px}.depo footer b{color:#fff;font-weight:500}.depo footer a{color:var(--lima)}

/* cursos */
.trilho,.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{position:relative;display:grid;text-decoration:none;border-radius:var(--r);overflow:hidden;background:var(--painel);border:1px solid #1d1d1d;transition:border-color .2s}
.card:hover{border-color:#444}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:brightness(.85);transition:transform .5s}
.card:hover img{transform:scale(1.04)}
.card-st{position:absolute;top:14px;left:14px;background:var(--rosa);color:#000;font-size:13px;padding:4px 10px;border-radius:99px;font-weight:500}
.card-st-lima{background:var(--lima)}
.card-t{font:400 16px/1.25 var(--d);padding:18px 20px 6px}.card-m{padding:0 20px 20px;color:#aaa;font-size:15px}
.destaque-curso{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);text-decoration:none;border:1px solid var(--linha);border-radius:var(--r);overflow:hidden;background:var(--painel);margin-bottom:22px}
.destaque-curso img{width:100%;height:100%;object-fit:cover;min-height:360px}
.dc-txt{display:grid;gap:12px;align-content:center;justify-items:start;padding:clamp(24px,4vw,48px)}
.dc-txt .card-st{position:static}
.dc-t{font-size:clamp(20px,2.4vw,32px)}.dc-p{color:var(--lima)}
.dc-menor img{min-height:260px}

/* listas */
.aprendes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.aprende{margin:0;border-radius:var(--r);overflow:hidden;background:var(--painel)}
.aprende img{width:100%;aspect-ratio:4/3;object-fit:cover}
.aprende figcaption{padding:16px 18px 20px;font-size:16px;line-height:1.45}
.itens{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.itens-4{grid-template-columns:repeat(4,1fr)}
.item{padding:24px;border-top:2px solid var(--lima);background:linear-gradient(#111,#0000)}
.item h3{font-size:16px;margin-bottom:10px}.item p{margin:0;color:#c9c9c9;font-size:16px}
.nao{margin-top:36px;padding:24px;border:1px dashed #444;border-radius:var(--r)}.nao h3{font-size:16px;margin-bottom:8px}.nao ul{margin:0;padding-left:20px;color:#c9c9c9}
.benef{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.benef li{padding:18px 0 18px 30px;border-top:1px solid var(--linha);position:relative;color:#ddd}
.benef li::before{content:"";position:absolute;left:0;top:27px;width:14px;height:8px;border-left:2px solid var(--lima);border-bottom:2px solid var(--lima);transform:rotate(-45deg)}
.lista-lima{padding-left:20px}.lista-lima li{margin-bottom:8px}.lista-lima li::marker{color:var(--lima)}
.cert figure{margin:0;border-radius:var(--r);overflow:hidden}
.faq details{border-top:1px solid var(--linha)}.faq details:last-child{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-weight:500;font-size:18px}
.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:22px;height:22px;flex:none;transition:transform .25s;color:var(--lima)}
.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{margin:0 0 22px;color:#ccc}

/* e-book */
.ebook-capa{margin:0;max-width:420px;justify-self:center;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px #ff2a1f22,0 0 0 1px #222;transform:rotate(-2deg);transition:transform .3s}
.ebook-capa:hover{transform:rotate(0)}

/* faixa rosa */
.faixa-rosa{background:var(--rosa);color:#000;padding:clamp(56px,8vw,100px) 0}
.faixa-rosa h2{font-size:clamp(26px,4vw,54px);max-width:18ch;margin-bottom:26px}
.faixa-rosa a:not(.bt){color:#000}
.faixa-rosa .preco{color:#fff}

/* formulários */
.form{display:grid;gap:16px;padding:clamp(22px,3vw,32px);border:1px solid var(--linha);border-radius:var(--r);background:#0d0d0dee;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.form h2,.form h3{font-size:18px}.form .mudo{margin:-6px 0 4px;font-size:15px}
.form label>span,.form legend{display:block;font-size:14px;color:#bbb;margin-bottom:6px}
.form input:not([type=radio]):not([type=checkbox]),.form textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#000;color:#fff;font:inherit;font-size:16px}
.form input:focus,.form textarea:focus{border-color:var(--lima);outline:none}
.form fieldset{border:0;padding:0;margin:0}
.pilulas{display:flex;flex-wrap:wrap;gap:8px}
.pilulas label{position:relative}.pilulas input{position:absolute;opacity:0;inset:0}
.pilulas span{display:block;padding:9px 14px;border:1px solid #3a3a3a;border-radius:99px;font-size:15px;cursor:pointer;color:#ddd}
.pilulas input:checked+span{background:var(--lima);border-color:var(--lima);color:#000}
.pilulas input:focus-visible+span{outline:2px solid var(--lima);outline-offset:2px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#bbb}.check input{margin-top:5px;accent-color:var(--lima)}
.form-ok{margin:0;padding:12px 14px;border-radius:10px;background:#89ff0018;color:var(--lima)}
.canais{display:grid;gap:12px}
.canal{display:grid;gap:2px;padding:20px 22px;border:1px solid var(--linha);border-radius:var(--r);text-decoration:none;transition:border-color .2s}
.canal:hover{border-color:var(--lima)}.canal span{font-size:14px;color:var(--cinza)}.canal b{font:400 18px var(--d)}
.legal h2{font:500 20px var(--t);margin:32px 0 10px}.legal p{color:#ccc}
.fsa-g{margin:0;background:#fff;border-radius:var(--r);padding:20px}

/* rodapé */
.pe{border-top:1px solid #1c1c1c;padding:72px 0 120px}
.pe-topo{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid #1c1c1c}
.pe-topo img{width:110px;height:auto}.pe-lema{font:400 clamp(16px,1.8vw,22px)/1.3 var(--d);flex:1;min-width:240px;margin:0}
.pe-meio{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:40px 0}
.pe-meio h3{font:500 14px var(--t);color:var(--cinza);margin:0 0 12px}
.pe-meio a{display:block;text-decoration:none;color:#ddd;padding:4px 0}.pe-meio a:hover{color:var(--lima)}
.fsa{background:#fff;border-radius:8px;padding:8px;max-width:220px;margin-bottom:8px}.pe-meio p{font-size:14px;margin:0}
.pe-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--cinza)}
.pe-base span{display:flex;gap:16px;flex-wrap:wrap}.pe-base a{color:var(--cinza)}

/* barra de atalhos no celular */
.barra{display:none}
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-inline:auto;padding:18px 20px;border-radius:var(--r);background:#111;border:1px solid #333;box-shadow:0 20px 50px #000a;display:grid;gap:12px}
.cookies[hidden]{display:none}.cookies p{margin:0;font-size:15px;color:#ddd}.cookies a{color:var(--lima)}.cookies div{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* entrada das seções: uma só, discreta */
.sobe{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.sobe.ok{opacity:1;transform:none}

@media (max-width:1000px){
 .menu{display:none}.topo .wrap{justify-content:space-between}
 .aulas{grid-template-columns:repeat(3,1fr)}.aprendes,.itens-4{grid-template-columns:repeat(2,1fr)}
 .duas-abre{grid-template-columns:1fr;gap:8px}.preco-abre{margin-bottom:24px}
 .aula-palco{grid-template-columns:1fr}.tela{position:static}
 .pe-meio{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
 body{font-size:17px}
 .duas,.mentor,.depo,.videos2,.destaque-curso{grid-template-columns:1fr}
 .mentores,.trilho,.grade,.itens,.benef,.aulas-grade{grid-template-columns:1fr}
 .aulas{grid-template-columns:1fr 1fr}
 .aprendes,.itens-4{grid-template-columns:1fr}
 .hud-topo{top:92px;right:28px;font-size:13px;gap:12px}.hud-topo span:last-child{display:none}
 .visor-cantos{inset:84px 14px 84px}.visor-cantos i{width:22px;height:22px}
 .hud-base{grid-template-columns:repeat(2,1fr)}.hud-base div:nth-child(2){border-right:0}.hud-base div:nth-child(-n+2){border-bottom:1px solid #ffffff1f}
 .hud-base div{padding:12px 16px}
 .abre{padding-top:150px}.abre h1,.abre-curso h1{font-size:min(7.3vw,40px)}.abre-p h1{font-size:min(8vw,44px)}.abre-aula h1{font-size:min(6.6vw,34px)}.t2{font-size:min(6.4vw,30px)}.faixa-rosa h2{font-size:min(7vw,36px)}
 .abre-breve{padding-top:170px}.abre::after{background:linear-gradient(0deg,#000 0%,#000c 45%,#0006 80%)}
 .abre-txt{padding-bottom:28px}.acoes .bt{flex:1 1 100%}
 .tl-regua,.tl-audio,.agulha,.tl-rot{display:none}
 .tl-clipes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.clipe{min-height:74px}
 .timeline{padding:10px}
 .caps li{grid-template-columns:1fr}.caps li::before{grid-row:auto}
 .preco{max-width:none;width:100%}.preco-rosa{justify-self:stretch}
 .destaque-curso img{min-height:220px;aspect-ratio:16/10}
 .depo-foto{max-width:260px}
 .pe-meio{grid-template-columns:1fr}.pe{padding-bottom:110px}
 .barra{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:#000e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #222;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
 .barra a{display:grid;justify-items:center;gap:3px;text-decoration:none;font-size:12px;color:#bbb;padding:6px 2px;border-radius:10px}
 .barra svg{width:22px;height:22px}.barra a[aria-current]{color:#fff}.barra a.lima{color:var(--lima)}
 .cookies{bottom:calc(76px + env(safe-area-inset-bottom))}
 .trava{font-size:13px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sobe{opacity:1;transform:none}@view-transition{navigation:none}}

/* ===== v2: luz etérea, grão, vidro ===== */
body{position:relative}
.luz{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.luz i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.16;mix-blend-mode:screen;animation:deriva 38s ease-in-out infinite alternate}
.luz i:nth-child(1){background:var(--rosa);left:-20vmax;top:-10vmax}
.luz i:nth-child(2){background:var(--ciano);right:-25vmax;top:30vh;opacity:.09;animation-duration:46s;animation-delay:-12s}
.luz i:nth-child(3){background:var(--lima);left:20vw;bottom:-35vmax;opacity:.07;animation-duration:54s;animation-delay:-20s}
@keyframes deriva{0%{transform:translate(0,0) scale(1)}50%{transform:translate(8vw,6vh) scale(1.15)}100%{transform:translate(-6vw,12vh) scale(.95)}}
body::after{content:"";position:fixed;inset:-50%;z-index:70;pointer-events:none;opacity:.07;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 animation:grao 1s steps(4) infinite}
@keyframes grao{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,-2%)}}
main>.sec:not(.sec-tl):not(.sec-depo){background:transparent}
.abre-foto{animation:respira 24s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes respira{from{transform:scale(1.02)}to{transform:scale(1.1) translate(-1%,-1%)}}
.abre::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.35;
 background:radial-gradient(40% 30% at 15% 20%,#ffccff55,#0000 70%),radial-gradient(30% 25% at 85% 75%,#00ffff33,#0000 70%);animation:vaza 16s ease-in-out infinite alternate}
@keyframes vaza{to{transform:translate(6%,-4%) rotate(4deg)}}
.preco,.form,.card,.mentor-card,.aprende,.item,.destaque-curso,.canal,.timeline{background:rgba(18,18,18,.55);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-color:rgba(255,255,255,.08)}
.preco,.destaque-curso,.timeline{box-shadow:0 30px 80px -30px #ffccff22,inset 0 1px 0 #ffffff14}
.bt-lima{box-shadow:0 0 0 0 #89ff0066;transition:transform .15s,box-shadow .3s,background .15s}
.bt-lima:hover{box-shadow:0 0 28px 2px #89ff0055}

/* revelação das imagens ao rolar (onde o navegador sabe) */
@supports (animation-timeline:view()){
 .revela img,.card img,.aula-img img{animation:revela linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
 @keyframes revela{from{clip-path:inset(12% 6% 12% 6% round 14px);opacity:.2;transform:scale(1.12)}to{clip-path:inset(0 0 0 0 round 0);opacity:1;transform:scale(1)}}
}

/* parede de depoimentos */
.sec-depo{overflow:hidden}
.parede{display:grid;gap:18px;margin-top:18px;-webkit-mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.fila{overflow:hidden}
.fila-in{display:flex;gap:18px;width:max-content;align-items:flex-start;animation:corre 90s linear infinite}
.ao-contrario .fila-in{animation-direction:reverse;animation-duration:110s}
.parede:hover .fila-in{animation-play-state:paused}
@keyframes corre{to{transform:translateX(-50%)}}
.depo-c{margin:0;width:min(380px,78vw);flex:none;padding:22px 22px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(255,204,255,.09),rgba(255,255,255,.03) 40%,rgba(0,255,255,.05));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.depo-c blockquote{margin:0 0 18px;font:italic 400 20px/1.38 var(--s);color:#f2f2f2}
.fila .depo-c blockquote{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.depo-c figcaption{display:flex;align-items:center;gap:12px}
.depo-c img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #ffffff30}
.depo-c b{display:block;font-weight:500;font-size:15px}.depo-c small{color:var(--cinza);font-size:13px}
.depo-c a{margin-left:auto;font-size:13px;color:var(--lima);text-decoration:none;border:1px solid #89ff0055;padding:4px 10px;border-radius:99px}
.mural{columns:3 320px;column-gap:18px}.depo-m{width:auto;break-inside:avoid;margin-bottom:18px;display:block}

/* apoio: bandeira e selos (regra do BRDE, em todas as páginas) */
.apoio{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid #1c1c1c}
.apoio .bandeira{width:56px;height:auto;border-radius:3px;box-shadow:0 0 0 1px #ffffff22}
.apoio .fsa{margin:0;max-width:200px;padding:6px 10px}
.apoio p{margin:0;font-size:14px;color:var(--cinza);flex:1;min-width:220px}

@media (max-width:760px){
 /* cara de app */
 .topo .wrap{height:64px}.logo img{width:46px;height:46px}
 .sec{padding:56px 0}
 .aulas,.trilho,.mentores{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:4px 16px 12px;scrollbar-width:none}
 .aulas::-webkit-scrollbar,.trilho::-webkit-scrollbar,.mentores::-webkit-scrollbar{display:none}
 .aulas>*{flex:0 0 72%;scroll-snap-align:start}.mentores>*{flex:0 0 76%;scroll-snap-align:start}.mentores .mentor-card img{aspect-ratio:1}.trilho>*{flex:0 0 80%;scroll-snap-align:start}
 .aulas-grade{display:grid;overflow:visible;margin:0;padding:0}.aulas-grade>*{flex:none}
 .barra{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:22px;border:1px solid #ffffff1c;background:rgba(10,10,10,.72);padding:6px;box-shadow:0 20px 40px #000c}
 .barra a[aria-current]{background:#ffffff12}
 .pe{padding-bottom:130px}
 .cookies{bottom:calc(92px + env(safe-area-inset-bottom))}
 .depo-c blockquote{font-size:18px}
 .luz i{filter:blur(70px)}
}
@media (prefers-reduced-motion:reduce){.fila-in{animation:none;flex-wrap:wrap;width:auto}.luz i,.abre-foto,.abre::before,body::after{animation:none}}