/* Blog Dose de Café — NetFiscal · layout de apresentação (ClickUX) */
:root{
  --laranja:#FE4D16;
  --laranja-forte:#E2400C;
  --laranja-texto:#C43A0A;
  --laranja-claro:#FFF0E8;
  --tinta:#121212;
  --tinta-2:#1C1C1C;
  --tinta-3:#2A2A2A;
  --texto:#2B2724;
  --suave:#6E6760;
  --linha:#ECE4DB;
  --creme:#FBF7F2;
  --branco:#FFFFFF;
  /* cores dos 4 formatos */
  --f-rapido:#C43A0A;   --f-rapido-bg:#FFEDE4;
  --f-aula:#137A4B;     --f-aula-bg:#E3F5EC;
  --f-guia:#2350B8;     --f-guia-bg:#E6EDFC;
  --f-carreira:#6E34B8; --f-carreira-bg:#F0E8FB;
  --raio:8px;
  --raio-sm:6px;
  --sombra:0 1px 2px rgba(18,18,18,.04),0 8px 24px rgba(18,18,18,.06);
  --sombra-hover:0 2px 4px rgba(18,18,18,.06),0 18px 40px rgba(18,18,18,.10);
  --largura:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Sora",system-ui,sans-serif;color:var(--texto);background:var(--branco);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{max-width:var(--largura);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{color:var(--tinta);line-height:1.18;letter-spacing:-.02em;font-weight:700}

/* ---------- Topo ---------- */
.topo{position:sticky;top:0;z-index:50;background:rgba(18,18,18,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.topo .wrap{display:flex;align-items:center;gap:28px;height:72px}
.marca{display:flex;align-items:center;gap:12px;flex-shrink:0}
.marca img{height:22px;width:auto}
.marca span{color:#BDB6AE;font-size:13px;padding-left:12px;border-left:1px solid #3A3A3A;white-space:nowrap}
.menu{display:flex;gap:4px;margin-left:auto;align-items:center}
.menu a{color:#E9E4DF;font-size:14px;padding:8px 11px;white-space:nowrap;border-radius:8px}.menu a.ativo{color:#fff}
.menu a.ativo::after{content:"";display:block;height:2px;background:var(--laranja);border-radius:2px;margin-top:4px}
.menu .seta{display:inline-block;margin-left:4px;opacity:.6;font-size:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;border-radius:6px;padding:12px 22px;border:0;cursor:pointer;white-space:nowrap}.btn-laranja{background:var(--laranja-forte);color:#fff;box-shadow:0 6px 18px rgba(226,64,12,.28)}.btn-escuro{background:var(--tinta);color:#fff}
.btn-branco{background:#fff;color:var(--laranja-texto)}
.btn-contorno{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8)}.menu-mobile{display:none;margin-left:auto;background:none;border:0;color:#fff;width:40px;height:40px}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--tinta);color:#fff;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:780px;height:780px;background:radial-gradient(circle,rgba(254,77,22,.38),rgba(254,77,22,0) 62%);z-index:-1}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 85%);z-index:-1}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:76px;padding-bottom:84px}
.sobretitulo{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--laranja)}
.hero h1{color:#fff;font-size:clamp(44px,6vw,76px);letter-spacing:-.035em;margin:18px 0 18px;line-height:1}
.hero h1 em{font-style:normal;color:var(--laranja)}
.hero .sub{font-size:20px;color:#CFC8C1;max-width:520px;line-height:1.5}
.busca{display:flex;gap:8px;margin-top:34px;max-width:560px;background:#fff;border-radius:6px;padding:6px 6px 6px 20px;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.busca svg{flex-shrink:0;color:#8A837C}
.busca input{flex:1;border:0;outline:0;font-size:15px;color:var(--texto);background:transparent;min-width:0}
.atalhos{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.atalhos a{font-size:13px;color:#E9E4DF;padding:7px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.16)}
.hero-visual{position:relative;height:430px}
.hero-visual .foto{position:absolute;right:0;top:0;width:86%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.hero-visual .foto img{width:100%;height:100%;object-fit:cover}
.hero-visual .foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,18,0) 40%,rgba(18,18,18,.55))}
.cartao-semana{position:absolute;left:0;bottom:34px;width:270px;background:#fff;color:var(--texto);border-radius:8px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.cartao-semana h4{font-size:13px;color:var(--suave);font-weight:600;letter-spacing:0;margin-bottom:12px}
.cartao-semana li{list-style:none;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--tinta);padding:7px 0;border-top:1px solid var(--linha)}
.cartao-semana li:first-of-type{border-top:0}
.cartao-semana li small{margin-left:auto;font-weight:500;color:var(--suave);font-size:11px}
.ponto{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.selo-flutuante{position:absolute;right:22px;top:22px;background:var(--laranja-forte);color:#fff;font-size:12px;font-weight:700;padding:9px 14px;border-radius:6px;display:flex;gap:8px;align-items:center}
.selo-flutuante i{width:7px;height:7px;background:#fff;border-radius:50%}

/* ---------- Seções ---------- */
.secao{padding:96px 0}
.secao.creme{background:var(--creme)}
.secao.escura{background:var(--tinta);color:#D8D1CA}
.secao.escura h2,.secao.escura h3{color:#fff}
.cab-secao{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.cab-secao h2{font-size:clamp(30px,3.4vw,42px)}
.cab-secao p{color:var(--suave);margin-top:10px;max-width:560px;font-size:17px}
.secao.escura .cab-secao p{color:#A9A29B}
.ver-todos{font-size:14px;font-weight:600;color:var(--laranja-texto);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding-bottom:4px}
.ver-todos svg{}.secao.escura .ver-todos{color:#FF8A5C}

/* Selos de formato */
.selo{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:4px;white-space:nowrap}
.selo::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-rapido{color:var(--f-rapido);background:var(--f-rapido-bg)}
.s-aula{color:var(--f-aula);background:var(--f-aula-bg)}
.s-guia{color:var(--f-guia);background:var(--f-guia-bg)}
.s-carreira{color:var(--f-carreira);background:var(--f-carreira-bg)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--suave)}
.meta .cat{font-weight:600;color:var(--texto)}
.meta .sep{width:3px;height:3px;border-radius:50%;background:#C9C0B7}

/* Cards genéricos */
.card{background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column}.card .capa{aspect-ratio:1200/630;overflow:hidden;background:#EEE6DD;position:relative}
.card .capa img{width:100%;height:100%;object-fit:cover}.card .corpo{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.card h3{font-size:19px}
.card p{font-size:14.5px;color:var(--suave);line-height:1.55}
.autor-mini{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--suave);margin-top:auto;padding-top:6px}
.autor-mini img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.autor-mini b{color:var(--texto);font-weight:600}
.capa .selo{position:absolute;left:16px;top:16px;box-shadow:0 4px 12px rgba(0,0,0,.15)}

/* Bloco 2 — Destaque */
.destaque{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}
.destaque-grande{position:relative;border-radius:8px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.destaque-grande img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.destaque-grande::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,18,.05) 10%,rgba(18,18,18,.6) 45%,rgba(18,18,18,.96));z-index:-1}
.destaque-grande .txt{padding:40px}
.destaque-grande h3{color:#fff;font-size:clamp(26px,2.6vw,36px);margin:16px 0 12px;max-width:620px}
.destaque-grande p{color:#DCD5CE;font-size:16px;max-width:560px}
.destaque-grande .meta{color:#CFC8C1;margin-top:18px}
.destaque-grande .meta .cat{color:#fff}
.destaque-grande .ler{margin-top:24px}
.destaque-lado{display:grid;gap:28px}
.card-h{display:grid;grid-template-columns:1fr;background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}.card-h .capa{aspect-ratio:2.4/1;overflow:hidden;position:relative}
.card-h .capa img{width:100%;height:100%;object-fit:cover}
.card-h .corpo{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px}
.card-h h3{font-size:17px}

/* Bloco 3 — Café Rápido */
.rapidos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rapido{background:#fff;border-radius:var(--raio);padding:24px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--linha);position:relative}.rapido .num{font-size:13px;font-weight:700;color:var(--laranja-texto);display:flex;justify-content:space-between;align-items:center}
.rapido .num span{color:var(--suave);font-weight:500;display:flex;gap:5px;align-items:center}
.rapido .cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.rapido h3{font-size:17px;line-height:1.3}
.rapido .trio{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--linha);font-size:13px;font-weight:600;color:var(--laranja-texto)}
.rapido .trio svg{}
/* Bloco 4 — Aulas */
.aulas{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--raio);overflow:hidden;background:#000}
.video img{width:100%;height:100%;object-fit:cover;opacity:.72}.video .play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}.video .play svg{margin-left:4px;color:var(--laranja-forte)}
.video .dur{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px}
.video .yt{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px;backdrop-filter:blur(4px)}
.video .yt b{width:8px;height:8px;background:#FF3B30;border-radius:50%}
.aulas .card{box-shadow:none;background:transparent;overflow:visible}.aulas .corpo{padding:18px 4px 0}
.tags-aula{display:flex;gap:6px;flex-wrap:wrap}
.tags-aula i{font-style:normal;font-size:12px;color:var(--suave);display:flex;align-items:center;gap:5px}

/* Bloco 5 — Hubs */
.hubs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hub{background:var(--tinta-2);border:1px solid #2E2E2E;border-radius:8px;padding:30px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;min-height:340px}.hub .rotulo{font-size:11px;font-weight:700;letter-spacing:.12em;color:#FF8A5C;text-transform:uppercase}
.hub h3{font-size:26px}
.hub p{font-size:14.5px;color:#A9A29B}
.hub .acessar{margin-top:auto;font-weight:600;font-size:14px;color:#fff;display:flex;align-items:center;gap:8px}
.hub .acessar b{width:36px;height:36px;border-radius:50%;background:var(--laranja-forte);display:grid;place-items:center}.linha-tempo{display:flex;align-items:center;gap:0;margin:8px 0 4px}
.linha-tempo span{font-size:11px;font-weight:700;color:#fff;background:#2F2F2F;padding:5px 8px;border-radius:6px}
.linha-tempo span.on{background:var(--laranja-forte)}
.linha-tempo i{flex:1;height:2px;background:linear-gradient(90deg,var(--laranja-forte),#3A3A3A)}
.grade-uf{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:8px 0 4px}
.grade-uf span{font-size:10px;font-weight:700;text-align:center;padding:4px 0;border-radius:5px;background:#2A2A2A;color:#8F8881}
.grade-uf span.on{background:var(--laranja-forte);color:#fff}
.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0 4px}
.mini-cal span{font-size:10px;text-align:center;padding:5px 0;border-radius:5px;color:#8F8881;background:#252525}
.mini-cal span.on{background:var(--laranja-forte);color:#fff;font-weight:700}

/* Bloco 6 — Guias */
.guias{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.guia-atual{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--f-guia);font-weight:600}

/* Bloco 7 — Materiais */
.materiais{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.material{display:grid;grid-template-columns:200px 1fr;gap:28px;background:#fff;border-radius:8px;padding:28px;box-shadow:var(--sombra);align-items:center}.material .arte{aspect-ratio:3/4;border-radius:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}
.arte-laranja{background:linear-gradient(150deg,#FF6B3A,#D9360A)}
.arte-escura{background:linear-gradient(150deg,#2A2A2A,#121212)}
.material .arte::before{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.12)}
.material .arte b{font-size:18px;line-height:1.15;position:relative}
.material .arte small{font-size:11px;opacity:.85;position:relative;margin-top:6px}
.material .arte .icone{position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.material .gratis{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--laranja-texto)}
.material h3{font-size:22px;margin:8px 0 10px}
.material p{color:var(--suave);font-size:15px;margin-bottom:22px}

/* Bloco 8 — Prova social */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}
.numero{padding:26px 24px;border-radius:var(--raio);background:var(--creme);border:1px solid var(--linha)}
.numero b{display:block;font-size:40px;color:var(--laranja-texto);letter-spacing:-.03em;line-height:1}
.numero span{font-size:14px;color:var(--suave);margin-top:8px;display:block}
.depoimentos{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.depoimentos::-webkit-scrollbar{display:none}
.depo{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:28px;display:flex;flex-direction:column;gap:20px}
.depo .aspas{font-size:56px;line-height:.6;color:var(--laranja);font-weight:700;height:24px}
.depo p{font-size:16px;color:var(--texto);line-height:1.6}
.depo .quem{display:flex;gap:12px;align-items:center;margin-top:auto}
.depo .quem img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.depo .quem b{display:block;font-size:15px;color:var(--tinta)}
.depo .quem small{font-size:12.5px;color:var(--suave)}
.setas{display:flex;gap:8px}
.setas button{width:44px;height:44px;border-radius:50%;border:1px solid var(--linha);background:#fff;cursor:pointer;display:grid;place-items:center}
/* Bloco 9 — Carreira */
.carreira{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.carreira{align-items:start}
.carreira .card.grande .capa{aspect-ratio:16/11}
.carreira .card.grande .capa img{object-position:center 15%}
.citacao{font-size:15px;font-style:italic;color:var(--texto);border-left:3px solid var(--f-carreira);padding-left:14px}

/* Bloco 10 — Agenda */
.agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.evento{border-radius:8px;padding:28px;border:1px solid var(--linha);display:flex;flex-direction:column;gap:14px;background:#fff}.evento.fixo{background:var(--tinta);color:#D8D1CA;border-color:var(--tinta);position:relative;overflow:hidden}
.evento.fixo::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(254,77,22,.45),transparent 70%)}
.evento.fixo h3{color:#fff}
.evento .data{display:flex;gap:14px;align-items:center}
.evento .cal{width:62px;flex-shrink:0;border-radius:8px;overflow:hidden;text-align:center;border:1px solid var(--linha)}
.evento .cal small{display:block;background:var(--laranja-forte);color:#fff;font-size:11px;font-weight:700;padding:3px 0;text-transform:uppercase;letter-spacing:.06em}
.evento .cal b{display:block;font-size:22px;color:var(--tinta);padding:5px 0}
.evento .info{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}
.evento.fixo .info{color:#FF8A5C}
.evento h3{font-size:21px}
.evento p{font-size:14.5px;color:var(--suave)}
.evento.fixo p{color:#A9A29B}
.evento .acao{margin-top:auto;padding-top:8px;position:relative;z-index:1}
.dias{display:flex;gap:6px}
.dias span{font-size:12px;font-weight:700;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#262626;color:#fff}

/* Bloco 11 — Professores */
.time{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.prof{text-align:left;background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}.prof img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1)}.prof div{padding:18px 20px 22px}
.prof b{display:block;font-size:17px;color:var(--tinta)}
.prof span{font-size:13.5px;color:var(--suave)}

/* Bloco 12 — CTA */
.cta{background:var(--laranja-forte);border-radius:8px;padding:56px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:rgba(255,255,255,.1);z-index:-1}
.cta::after{content:"";position:absolute;right:120px;bottom:-200px;width:360px;height:360px;border-radius:50%;background:rgba(0,0,0,.08);z-index:-1}
.cta h2{color:#fff;font-size:clamp(28px,3.2vw,40px);max-width:560px}
.cta p{color:#FFE3D7;margin-top:12px;max-width:520px;font-size:17px}
.cta .botoes{display:flex;gap:12px;flex-shrink:0}

/* Bloco 13 — Newsletter */
.news{background:var(--tinta);color:#D8D1CA;padding:96px 0;position:relative;overflow:hidden}
.news::before{content:"";position:absolute;left:-200px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(254,77,22,.22),transparent 65%)}
.news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative}
.xicara{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.xicara .foto{width:84px;height:84px;border-radius:8px;overflow:hidden;flex-shrink:0}
.xicara .foto img{width:100%;height:100%;object-fit:cover}
.xicara .nome{font-size:26px;font-weight:700;color:#fff;line-height:1.05;letter-spacing:-.02em}
.xicara .nome em{font-style:normal;background:var(--laranja-forte);font-size:13px;padding:2px 6px;border-radius:5px;margin:0 3px;vertical-align:middle}
.news h2{color:#fff;font-size:clamp(30px,3.4vw,44px);margin:12px 0 16px}
.news .sub{font-size:17px;color:#BDB6AE;max-width:460px}
.news ul{margin-top:26px;display:grid;gap:12px}
.news li{list-style:none;display:flex;gap:12px;align-items:center;font-size:15px;color:#E9E4DF}
.news li b{width:24px;height:24px;border-radius:50%;background:rgba(254,77,22,.18);color:#FF8A5C;display:grid;place-items:center;flex-shrink:0}
.form{background:var(--tinta-2);border:1px solid #2E2E2E;border-radius:8px;padding:36px;display:grid;gap:16px}
.form label{font-size:13px;font-weight:600;color:#E9E4DF;display:grid;gap:8px}
.form input[type=text],.form input[type=email],.form input[type=tel]{background:#111;border:1px solid #333;border-radius:8px;padding:14px 16px;color:#fff;outline:0}
.form input:focus{border-color:var(--laranja)}
.form .lgpd{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#A9A29B;font-weight:400}
.form .lgpd input{margin-top:3px;accent-color:var(--laranja)}
.form .lgpd a{color:#FF8A5C;text-decoration:underline}
.form .btn{padding:16px;font-size:15px}

/* Rodapé */
.rodape{background:#0B0B0B;color:#8F8881;padding:40px 0;font-size:13px}
.rodape .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.rodape img{height:18px;width:auto}
.rodape nav{display:flex;gap:20px}
/* WhatsApp flutuante */
.zap{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.45);z-index:60}
/* Selo de layout (apresentação) */
.aviso-layout{background:var(--laranja-claro);color:var(--laranja-texto);font-size:12.5px;text-align:center;padding:8px 16px;font-weight:600}
.aviso-layout a{text-decoration:underline}

/* ---------- Página do post ---------- */
.post-topo{background:var(--creme);padding:48px 0 0;border-bottom:1px solid var(--linha)}
.migalha{font-size:13px;color:var(--suave);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.migalha span{opacity:.5}
.post-cab{max-width:860px;padding:34px 0 40px}
.post-cab .linha-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.post-cab h1{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.035em;line-height:1.08;margin:22px 0 22px}
.resumo{font-size:20px;line-height:1.55;color:var(--texto);border-left:4px solid var(--laranja);padding:4px 0 4px 20px;max-width:760px}
.autor-linha{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;flex-wrap:wrap}
.autor-linha .quem{display:flex;gap:14px;align-items:center}
.autor-linha img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--linha)}
.autor-linha b{display:block;color:var(--tinta);font-size:15.5px}
.autor-linha small{color:var(--suave);font-size:13.5px}
.compartilhar{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--suave)}
.compartilhar a,.compartilhar button{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--linha);display:grid;place-items:center;cursor:pointer;color:var(--texto)}.post-capa{max-width:var(--largura);margin:0 auto;padding:0 24px;transform:translateY(0)}
.post-capa img{width:100%;aspect-ratio:1200/530;object-fit:cover;border-radius:8px;margin-top:-1px}
.legenda{font-size:12.5px;color:var(--suave);margin-top:10px}

.post-grade{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;padding-top:56px;padding-bottom:40px}
.lateral{position:relative}
.lateral .fixa{position:sticky;top:100px;display:grid;gap:20px}
.indice{border:1px solid var(--linha);border-radius:var(--raio);padding:22px}
.indice h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave);margin-bottom:12px}
.indice ol{list-style:none;counter-reset:i;display:grid;gap:2px}
.indice li{counter-increment:i}
.indice a{display:flex;gap:10px;font-size:14px;padding:7px 10px;border-radius:8px;color:var(--texto);line-height:1.35}
.indice a::before{content:counter(i,decimal-leading-zero);font-size:11px;font-weight:700;color:#B8AFA6;padding-top:2px}.indice a.ativo{background:var(--laranja-claro);color:var(--laranja-texto);font-weight:600}
.indice a.ativo::before{color:var(--laranja-texto)}
.progresso{height:4px;background:var(--linha);border-radius:4px;margin-top:16px;overflow:hidden}
.progresso i{display:block;height:100%;width:0;background:var(--laranja)}
.news-lateral{background:var(--tinta);color:#BDB6AE;border-radius:var(--raio);padding:24px;position:relative;overflow:hidden}
.news-lateral::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(254,77,22,.5),transparent 70%)}
.news-lateral b{color:#fff;font-size:18px;display:block;line-height:1.25;margin:8px 0 8px;position:relative}
.news-lateral p{font-size:13.5px;position:relative}
.news-lateral input{width:100%;margin-top:14px;background:#1E1E1E;border:1px solid #333;border-radius:8px;padding:12px 14px;color:#fff;outline:0}
.news-lateral .btn{width:100%;margin-top:10px}

/* Conteúdo do post */
.conteudo{font-size:18px;line-height:1.78;color:#34302C}
.conteudo > * + *{margin-top:24px}
.conteudo h2{font-size:30px;margin-top:56px;scroll-margin-top:100px}
.conteudo h3{font-size:22px;margin-top:36px}
.conteudo a{color:var(--laranja-texto);text-decoration:underline;text-underline-offset:3px}
.conteudo strong{color:var(--tinta)}
.conteudo ul,.conteudo ol{padding-left:22px}
.conteudo li + li{margin-top:8px}
.conteudo li::marker{color:var(--laranja)}
.conteudo figure img{border-radius:var(--raio)}
.conteudo figcaption{font-size:13px;color:var(--suave);margin-top:10px}
.caixa{border-radius:var(--raio);padding:24px 26px;font-size:16.5px;line-height:1.65}
.caixa .tit{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;margin-bottom:8px}
.caixa-alerta{background:#FFF5E6;border:1px solid #FBD9A8;color:#5A3A0A}
.caixa-alerta .tit{color:#A15C00}
.caixa-fazer{background:#F1F8F4;border:1px solid #CBE7D7}
.caixa-fazer .tit{color:var(--f-aula)}
.caixa-fazer ul{list-style:none;padding:0;display:grid;gap:10px;margin-top:8px}
.caixa-fazer li{display:flex;gap:10px;margin:0}
.caixa-fazer li b{width:22px;height:22px;border-radius:6px;border:2px solid var(--f-aula);flex-shrink:0;margin-top:3px}
.tabela{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.tabela th{background:var(--tinta);color:#fff;text-align:left;padding:14px 16px;font-weight:600;font-size:14px}
.tabela td{padding:14px 16px;border-top:1px solid var(--linha);vertical-align:top}
.tabela tr:nth-child(even) td{background:var(--creme)}
.tabela td:first-child{font-weight:700;color:var(--tinta);white-space:nowrap}
.citacao-grande{font-size:24px;line-height:1.45;font-weight:600;color:var(--tinta);letter-spacing:-.01em;padding:8px 0 8px 28px;border-left:4px solid var(--laranja);position:relative}
.citacao-grande cite{display:block;font-size:14px;font-style:normal;font-weight:500;color:var(--suave);margin-top:14px}
.fonte-oficial{display:flex;align-items:center;gap:14px;border:1px dashed #D6CCC2;border-radius:var(--raio);padding:18px 20px;font-size:15px}
.fonte-oficial .ic{width:42px;height:42px;border-radius:8px;background:var(--creme);display:grid;place-items:center;flex-shrink:0;color:var(--laranja-texto)}
.fonte-oficial small{display:block;color:var(--suave);font-size:12.5px}
.conteudo .fonte-oficial a{text-decoration:none;color:var(--tinta);font-weight:600}
.download{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;background:var(--creme);border-radius:8px;padding:24px;border:1px solid var(--linha)}
.download .arte{aspect-ratio:3/4;border-radius:8px;background:linear-gradient(150deg,#FF6B3A,#D9360A);color:#fff;padding:14px;display:flex;align-items:flex-end;font-weight:700;font-size:13px;line-height:1.2}
.download b{font-size:19px;color:var(--tinta);display:block;line-height:1.3}
.download p{font-size:14.5px;color:var(--suave);margin:6px 0 14px;line-height:1.5}
.download form{display:flex;gap:8px;flex-wrap:wrap}
.download input{flex:1;min-width:140px;border:1px solid var(--linha);border-radius:6px;padding:11px 16px;outline:0;font-size:14px;background:#fff}
.conteudo .download a{text-decoration:none}

/* CTA de produto */
.cta-produto{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--tinta);color:#BDB6AE;border-radius:8px;padding:36px 40px;margin-top:56px;position:relative;overflow:hidden;isolation:isolate}
.cta-produto::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(254,77,22,.45),transparent 70%);z-index:-1}
.cta-produto .rotulo{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FF8A5C}
.cta-produto b{display:block;color:#fff;font-size:24px;line-height:1.25;margin:8px 0 8px;letter-spacing:-.01em}
.cta-produto p{font-size:15px}

/* FAQ */
.faq{margin-top:56px}
.faq h2{font-size:30px;margin-bottom:20px}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:600;font-size:17px;color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq summary b{width:32px;height:32px;border-radius:50%;background:var(--creme);display:grid;place-items:center;flex-shrink:0;font-size:20px;font-weight:400}
.faq details[open] summary b{transform:rotate(45deg);background:var(--laranja-claro);color:var(--laranja-texto)}
.faq details p{padding:0 50px 22px 0;color:var(--suave);font-size:16px;line-height:1.7}

/* Caixa do autor */
.caixa-autor{display:grid;grid-template-columns:96px 1fr;gap:24px;margin-top:56px;padding:30px;border-radius:8px;border:1px solid var(--linha);background:#fff}
.caixa-autor img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.caixa-autor .rot{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.caixa-autor b{display:block;font-size:20px;color:var(--tinta);margin:4px 0 2px}
.caixa-autor .cargo{font-size:14px;color:var(--laranja-texto);font-weight:600}
.caixa-autor p{font-size:15px;color:var(--suave);margin:12px 0 14px;line-height:1.65}
.caixa-autor .links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:600}
.caixa-autor .links a{display:flex;align-items:center;gap:6px;color:var(--tinta)}.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.etiquetas a{font-size:13px;padding:6px 12px;border-radius:6px;background:var(--creme);color:var(--texto);border:1px solid var(--linha);text-decoration:none!important}

/* ---------- Responsivo ---------- */
@media (max-width:1240px){.marca span{display:none}}
@media (max-width:1080px){
  .menu{display:none}
  .menu-mobile{display:grid;place-items:center}
  .topo .btn-laranja{display:none}
  .hero .wrap{grid-template-columns:1fr;gap:40px}
  .hero-visual{height:340px}
  .destaque{grid-template-columns:1fr}
  .destaque-lado{grid-template-columns:1fr 1fr}
  .rapidos{grid-template-columns:repeat(2,1fr)}
  .carreira{grid-template-columns:1fr 1fr 1fr}
  .agenda{grid-template-columns:1fr 1fr}
  .time{grid-template-columns:repeat(2,1fr)}
  .numeros{grid-template-columns:repeat(2,1fr)}
  .materiais{grid-template-columns:1fr}
  .news .wrap{grid-template-columns:1fr;gap:40px}
  .post-grade{grid-template-columns:minmax(0,1fr);gap:40px}
  .post-grade > *{min-width:0}
  .lateral{order:-1}
  .lateral .fixa{position:static}
  .news-lateral{display:none}
  .cta{flex-direction:column;align-items:flex-start;padding:44px 36px}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .topo .wrap{height:64px}
  .marca span{display:none}
  .hero .wrap{padding-top:52px;padding-bottom:56px}
  .hero .sub{font-size:17px}
  .hero-visual{height:300px}
  .cartao-semana{width:236px;bottom:16px;padding:16px}
  .busca{padding-left:16px}
  .busca .btn{padding:11px 16px}
  .secao{padding:68px 0}
  .cab-secao{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}
  .destaque-grande{min-height:440px}
  .destaque-grande .txt{padding:26px}
  .destaque-lado{grid-template-columns:1fr}
  .rapidos,.aulas,.hubs,.guias,.carreira,.agenda,.numeros{grid-template-columns:1fr}
  .rapidos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none}
  .rapidos::-webkit-scrollbar{display:none}
  .rapido{flex:0 0 78%;scroll-snap-align:start}
  .numeros{grid-template-columns:1fr 1fr}
  .numero b{font-size:32px}
  .depo{flex:0 0 86%}
  .material{grid-template-columns:1fr;gap:20px;padding:22px}
  .material .arte{aspect-ratio:16/9}
  .time{grid-template-columns:1fr 1fr;gap:16px}
  .cta{padding:36px 24px;border-radius:8px}
  .cta .botoes{flex-direction:column;width:100%}
  .cta .botoes .btn{width:100%}
  .form{padding:24px}
  .news{padding:68px 0}
  .rodape .wrap{flex-direction:column;align-items:flex-start}
  .post-topo{padding-top:28px}
  .resumo{font-size:17.5px}
  .conteudo{font-size:17px}
  .conteudo h2{font-size:25px}
  .cta-produto{grid-template-columns:1fr;padding:28px 24px}
  .caixa-autor{grid-template-columns:1fr;padding:24px}
  .download{grid-template-columns:1fr}
  .download .arte{aspect-ratio:16/7}
  .tabela{display:block;overflow-x:auto}
  .tabela th,.tabela td{min-width:170px}
  .tabela td:first-child,.tabela th:first-child{min-width:130px}
  .post-capa img{border-radius:8px;aspect-ratio:16/10}
}

/* ajustes v2 */
.card .capa,.card-h .capa{border-radius:0}
.carreira .card .capa{aspect-ratio:1200/630}
.banner-dose{width:100%;max-width:520px;border-radius:8px;margin-bottom:28px;display:block}
.hero-visual .foto{width:100%}
.agenda .evento{height:100%}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cards-4 .card h3{font-size:17px}
.cards-4 .card .corpo{padding:18px 18px 20px}
.fase{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6E6760;border:1px dashed #C9C0B7;border-radius:4px;padding:3px 8px;margin-bottom:12px}
.evento .fase{margin-bottom:0;align-self:flex-start}
.card-h .ver-todos{margin-top:2px}
@media (max-width:1080px){.cards-4{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.cards-4{grid-template-columns:1fr}}
.indice-topo{margin-bottom:8px;background:var(--creme)}
.indice-topo ol{grid-template-columns:1fr 1fr;column-gap:16px}
@media (max-width:720px){.indice-topo ol{grid-template-columns:1fr}}
.conteudo .indice ol{padding-left:0}
.conteudo .indice li + li{margin-top:0}
.conteudo .indice a{text-decoration:none;color:var(--texto)}
.cards-4 .meta{flex-direction:column;align-items:flex-start;gap:2px}
.cards-4 .meta .sep{display:none}
.video-post{display:block;aspect-ratio:16/9;border-radius:8px;text-decoration:none!important}
.video-post img{border-radius:0}
.legenda-video{font-size:13px;color:var(--suave);margin-top:10px!important}
.caixa-duvidas{background:var(--f-aula-bg);border:1px solid #CBE7D7}
.caixa-duvidas .tit{color:var(--f-aula)}
.caixa-duvidas p{margin:0 0 10px}
.caixa-duvidas ul{margin:0;padding-left:20px}
.numeros-post{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.numeros-post div{background:var(--creme);border:1px solid var(--linha);border-radius:8px;padding:20px}
.numeros-post b{display:block;font-size:34px;line-height:1;color:var(--laranja-texto);letter-spacing:-.02em}
.numeros-post span{display:block;font-size:14px;line-height:1.5;color:var(--suave);margin-top:8px}
.tabela td:first-child{white-space:normal}
@media (max-width:720px){.numeros-post{grid-template-columns:1fr}}
.post-capa img{aspect-ratio:1200/630!important;object-fit:cover}
.video-embed{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}