@font-face{font-family:'Unbounded';font-weight:400;font-display:swap;src:url(fonts/unbounded-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-weight:400;font-display:swap;src:url(fonts/unbounded-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-weight:600;font-display:swap;src:url(fonts/unbounded-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-weight:600;font-display:swap;src:url(fonts/unbounded-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-weight:800;font-display:swap;src:url(fonts/unbounded-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-weight:800;font-display:swap;src:url(fonts/unbounded-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-weight:400;font-display:swap;src:url(fonts/sora-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-weight:400;font-display:swap;src:url(fonts/sora-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-weight:600;font-display:swap;src:url(fonts/sora-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-weight:600;font-display:swap;src:url(fonts/sora-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-weight:700;font-display:swap;src:url(fonts/sora-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-weight:700;font-display:swap;src:url(fonts/sora-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-weight:800;font-display:swap;src:url(fonts/sora-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sora';font-weight:800;font-display:swap;src:url(fonts/sora-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-display:swap;src:url(fonts/jetbrains-mono-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:800;font-display:swap;src:url(fonts/jetbrains-mono-latin-800-normal.woff2) format('woff2')}

/* ============ MARCA 2027 · Química na Veia (prévia) ============
   Unbounded (títulos) · Sora (texto) · JetBrains Mono (rótulos "DOSE", "VOLUME")
   azul #224B89 · tinta #0C1B33 · laranja #F89B19 · gelo #F4F8FB · ciano #C5ECF3 · teal #61B4C4 · roxo do soro #8B5CF6 */
:root{
  --navy:#224B89; --navy-2:#0C1B33; --blue:#2E6FC0; --orange:#F89B19; --orange-2:#D97E0A; --orange-soft:#FFF0DA;
  --bg:#F4F8FB; --surface:#FFFFFF; --surface-2:#E4F2F7; --ink:#0C1B33; --muted:#4A5F7A; --line:#D2E2EC;
  --accent:#F89B19; --accent-ink:#0C1B33; --accent-soft:#FFF0DA; --focus:#224B89;
  --side:#0C1B33; --side-ink:#F4F8FB; --side-muted:#9FB6D3; --side-hover:#17305A; --side-active:#F89B19;
  --hand:#224B89; --sombra-btn:#0C1B33; --mapa:#2C8C9E;
  --roxo:#8B5CF6; --ciano:#C5ECF3; --teal:#61B4C4; --gelo:#F4F8FB;
  --area-geral:#224B89; --area-inorganica:#2C8C9E; --area-fisico:#4338A8; --area-organica:#E08A0E;
  --aula-tx-geral:#224B89; --aula-tx-inorganica:#237586; --aula-tx-fisico:#4338A8; --aula-tx-organica:#B86B00;
  --f-display:"Unbounded","Arial Black",sans-serif;
  --f-body:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --hex-claro:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256%22%20height%3D%2297%22%20viewBox%3D%220%200%2056%2097%22%3E%3Cpath%20d%3D%22M28%201%20L55%2016.5%20L55%2047.5%20L28%2063%20L1%2047.5%20L1%2016.5%20Z%20M28%2063%20L28%2097%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.06%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E"); --hex-escuro:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2256%22%20height%3D%2297%22%20viewBox%3D%220%200%2056%2097%22%3E%3Cpath%20d%3D%22M28%201%20L55%2016.5%20L55%2047.5%20L28%2063%20L1%2047.5%20L1%2016.5%20Z%20M28%2063%20L28%2097%22%20fill%3D%22none%22%20stroke%3D%22%23224B89%22%20stroke-opacity%3D%22.07%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E"); --coracoes:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M32%2046%20C20%2037%2014%2031%2014%2024%20C14%2019%2018%2015%2023%2015%20C27%2015%2030%2017%2032%2021%20C34%2017%2037%2015%2041%2015%20C46%2015%2050%2019%2050%2024%20C50%2031%2044%2037%2032%2046%20Z%22%20fill%3D%22none%22%20stroke%3D%22%230C1B33%22%20stroke-opacity%3D%22.08%22%20stroke-width%3D%222.2%22/%3E%3C/svg%3E"); --pulso:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%2218%22%20viewBox%3D%220%200%20220%2018%22%3E%3Cpath%20d%3D%22M1%2012%20H70%20L76%204%20L83%2017%20L90%201%20L96%2012%20H219%22%20fill%3D%22none%22%20stroke%3D%22%23F89B19%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); --pulso-largo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%2240%22%20viewBox%3D%220%200%20600%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2026%20H250%20L262%2010%20L276%2036%20L290%204%20L302%2026%20H600%22%20fill%3D%22none%22%20stroke%3D%22%23F89B19%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#081325; --surface:#0F2140; --surface-2:#16305A; --ink:#F4F8FB; --muted:#9FB6D3; --line:#1F3A63;
  --side:#050D1A; --side-hover:#13284A; --accent-soft:#33270F; --focus:#7FB2F0;
  --area-geral:#3B6DB8; --area-inorganica:#2C8C9E; --area-fisico:#5A50C8; --area-organica:#E08A0E;
  --aula-tx-geral:#9CC0F0; --aula-tx-inorganica:#7FD3E0; --aula-tx-fisico:#B3A9FF; --aula-tx-organica:#F8B652}}
:root[data-theme="dark"]{
  --bg:#081325; --surface:#0F2140; --surface-2:#16305A; --ink:#F4F8FB; --muted:#9FB6D3; --line:#1F3A63;
  --side:#050D1A; --side-hover:#13284A; --accent-soft:#33270F; --focus:#7FB2F0;
  --area-geral:#3B6DB8; --area-inorganica:#2C8C9E; --area-fisico:#5A50C8; --area-organica:#E08A0E;
  --aula-tx-geral:#9CC0F0; --aula-tx-inorganica:#7FD3E0; --aula-tx-fisico:#B3A9FF; --aula-tx-organica:#F8B652}
body{letter-spacing:-.005em}
h1,h2,h3{text-transform:uppercase}
h3{font-family:var(--f-display);font-weight:700;font-size:15px}

/* rótulos em mono, como "VOLUME 04 · DOSE 04 · 2027" das capas */
.eyebrow,.ph-eb,.cp-rot,.pc-rot,.cd-agora,.am-topo,.ah-txt small,.fp-eb{font-family:var(--f-mono);font-weight:700;letter-spacing:.16em}
.cp-faixa,.pc-faixa,.fl-faixa{font-family:var(--f-mono)!important;font-weight:700!important;font-size:11.5px!important;letter-spacing:.2em!important}
.pc-faixa small{font-size:10px}
.passo-st{font-family:var(--f-mono);letter-spacing:.12em}
.mao{font-family:var(--f-display)!important;font-weight:700;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-2)!important}

/* linha de pulso no lugar do traço de pincel */
.main h1::after{width:220px;height:18px;background:var(--pulso) left center/220px 18px no-repeat;border-radius:0;transform:none;bottom:-6px}
.main h1{padding-bottom:18px}

/* lateral: tinta com colmeia de hexágonos e pulso no rodapé */
.side{background-color:var(--side);background-image:var(--hex-claro);background-size:56px 97px}
.side::before{display:none}
.side::after{left:0;right:0;bottom:8px;height:40px;background:var(--pulso-largo) center/100% 40px no-repeat;transform:none;border-radius:0;opacity:1}
.brand img{max-width:200px}
.nav a{font-weight:600}
.nav a[aria-current="page"]{color:#0C1B33;box-shadow:3px 3px 0 #061024}
.side-foot .slogan{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
.topbar{background:#0C1B33 var(--hex-claro);background-size:56px 97px}
.topbar img{height:44px;width:auto}

/* botões: Sora firme, sombra de tinta */
.btn{font-weight:600;border-radius:10px}
.btn.primary{font-weight:700;color:#0C1B33}

/* balão das capas: gelo, borda tinta, sombra laranja, Unbounded */
.balao-marca{display:inline-block;background:#F4F8FB;color:#224B89;border:2px solid #0C1B33;border-radius:12px;padding:7px 13px;font-family:var(--f-display);font-weight:600;font-size:12px;line-height:1.25;box-shadow:3px 3px 0 var(--orange);white-space:nowrap}
.balao{border-color:#0C1B33;border-radius:14px}


/* hero do Hoje: azul da marca, colmeia, dupla apontando */
.hero{background-color:var(--navy);background-image:var(--hex-claro);background-size:56px 97px}
.hero::after,.hero::before{display:none!important}
.hero{border-bottom:0;box-shadow:inset 0 -4px 0 var(--orange)}
.hero-dupla{position:relative;align-self:end;display:grid;justify-items:center;width:clamp(230px,27vw,360px);margin-right:-10px}
.hero-dupla img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 22px rgb(0 0 0 / .35))}
.hero-dupla .balao-marca{position:absolute;top:2px;left:-24px;transform:rotate(-4deg)}
.hero .eyebrow{color:var(--ciano)}
.hero-frase{color:#DCEAF7}
.hp{background:rgb(12 27 51 / .35)!important;border-color:rgb(197 236 243 / .22)!important}
@media (max-width:760px){.hero-dupla{width:200px;margin:0 auto}.hero-dupla .balao-marca{left:0}}

/* questão inédita: a Véia de óculos */
.ci-veia{width:118px;height:auto;margin:-18px 0 -16px;filter:drop-shadow(0 8px 14px rgb(0 0 0 / .45));transition:transform .35s var(--mola)}
.cta-ined:hover .ci-veia{transform:rotate(-6deg) scale(1.06)}
.cta-ined{background-color:#2A1F6B!important;background-image:var(--hex-claro)!important;background-size:56px 97px!important}
.ci-novo{font-family:var(--f-mono)}

/* aulas: áreas como volumes das apostilas */
.am-vol{font-family:var(--f-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;color:#fff;background:var(--naipe);border-radius:6px;padding:3px 8px;margin-right:4px}
.am-area{align-items:center}
.mod-capa::before{content:attr(data-num);position:absolute;right:250px;bottom:-34px;font-family:var(--f-display);font-weight:800;font-size:170px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgb(34 75 137 / .13);pointer-events:none}
@media (max-width:900px){.mod-capa::before{display:none}}
.mod-capa .mcap-corpo{position:relative;z-index:1}
.aula-hero .ah-txt b,.pc-nome{text-transform:uppercase}

/* fim de aula: carimbo + dupla */
.fim-passo{padding-right:clamp(28px,24vw,280px)}
.fp-dupla{position:absolute;right:14px;bottom:0;width:clamp(150px,19vw,240px);display:grid;justify-items:center}
.fp-dupla img{width:100%;height:auto}
.fp-dupla .balao-marca{position:absolute;top:-30px;left:-10px;transform:rotate(-4deg)}
.fp-carimbo{right:auto;left:auto;position:static;justify-self:start;order:-1}
.fim-passo.ok{background-image:var(--coracoes);background-size:64px 64px}
@media (max-width:640px){.fp-dupla{display:none}.fim-passo{padding-right:20px}}

/* login: tinta + colmeia + dupla do coração */
.login{background-color:#0C1B33!important;background-image:var(--hex-claro)!important;background-size:56px 97px!important}
.lg-logo{width:min(400px,82%);animation:none;filter:drop-shadow(0 10px 30px rgb(0 0 0 / .35))}
.lg-frase{font-family:var(--f-display)!important;font-weight:600;font-size:clamp(17px,1.8vw,22px)!important;color:var(--orange)}
.lg-prof img.lg-dupla{width:clamp(230px,24vw,320px)}
.lg-balao{font-family:var(--f-display);font-weight:600;font-size:13px;border-color:#0C1B33;box-shadow:3px 3px 0 var(--orange)}
.lg-cab h1{font-size:26px}

/* simulados e cadernos com colmeia clara */
.cp-corpo,.cd-corpo,.mcap-corpo,.ah-corpo{background-image:var(--hex-escuro)!important;background-size:56px 97px!important}

/* gerado: fonte display (Unbounded é bem mais larga que Anton) */
h1{font-weight:800;font-size:clamp(21px,2.52vw,29.4px);letter-spacing:-.01em}
h2{font-weight:800;font-size:16.1px;letter-spacing:-.01em}
.rv-nome{font-weight:800;font-size:15.4px;letter-spacing:-.01em}
.ex-tit{font-weight:800;font-size:21px;letter-spacing:-.01em}
.kpi b{font-weight:800;font-size:19.6px;letter-spacing:-.01em}
.tile .sym{font-weight:800;font-size:23.8px;letter-spacing:-.01em}
.hero .hero-stats b{font-weight:800;font-size:16.8px;letter-spacing:-.01em}
.kpi b{font-weight:800;font-size:22.4px;letter-spacing:-.01em}
.tile .sym{font-weight:800;letter-spacing:-.01em}
.rosca-tit{font-weight:800;font-size:11.9px;letter-spacing:-.01em}
.rosca-num{font-weight:800;font-size:21px;letter-spacing:-.01em}
.area-tit{font-weight:800;font-size:14.7px;letter-spacing:-.01em}
.cf-canto b{font-weight:800;font-size:13.3px;letter-spacing:-.01em}
.cp-faixa{font-weight:800;font-size:10.5px;letter-spacing:.03em}
.d-h{font-weight:800;font-size:16.8px;letter-spacing:-.01em}
.hp b{font-weight:800;font-size:23.8px;letter-spacing:-.01em}
.m-canto b{font-weight:800;font-size:12.6px;letter-spacing:-.01em}
.carimbo{font-weight:800;font-size:18.2px;letter-spacing:.03em}
.carta-foco2 .cf-canto b{font-weight:800;font-size:11.9px;letter-spacing:-.01em}
.cf-rank{font-weight:800;font-size:19.6px;letter-spacing:-.01em}
.mr-centro{font-weight:800;font-size:11.9px;letter-spacing:-.01em}
.canto b{font-weight:800;font-size:10.5px;letter-spacing:-.01em}
.meio .simb{font-weight:800;font-size:21px;letter-spacing:-.01em}
.b-tit{font-weight:800;font-size:11.5px;letter-spacing:-.01em}
.simb-tag{font-weight:800;font-size:14px;letter-spacing:-.01em}
.pm b{font-weight:800;font-size:23.8px;letter-spacing:-.01em}
.p-num{font-weight:800;font-size:13.3px;letter-spacing:-.01em}
.mc-tit{font-weight:800;font-size:13.3px;letter-spacing:-.01em}
.trecho b{font-weight:800;font-size:11.9px;letter-spacing:-.01em}
.check-topo h2{font-weight:800;font-size:18.2px;letter-spacing:-.01em}
.rm-num{font-weight:800;font-size:44.8px;letter-spacing:-.01em}
.selo{font-weight:800;font-size:12.6px;letter-spacing:.03em}
.pr-placa b{font-weight:800;font-size:11.9px;letter-spacing:.03em}
.vd-g .rotulo text{font-weight:800;font-size:9.1px;letter-spacing:-.01em}
.fi-simb{font-weight:800;font-size:12.6px;letter-spacing:-.01em}
.fi-nivel b{font-weight:800;font-size:25.2px;letter-spacing:-.01em}
.tile-el b{font-weight:800;font-size:16.8px;letter-spacing:-.01em}
.lg-cab h1{font-weight:800;font-size:30.8px;letter-spacing:-.01em}
.su-av{font-weight:800;font-size:11.9px;letter-spacing:-.01em}
.ci-txt b{font-weight:800;font-size:clamp(16.8px,2.1vw,23.8px);letter-spacing:-.01em}
.ia-simb{font-weight:800;font-size:9.8px;letter-spacing:-.01em}
.ih-s{font-weight:800;font-size:10.5px;letter-spacing:-.01em}
.f-simb{font-weight:800;font-size:clamp(11.9px,1.4vw,16.8px);letter-spacing:-.01em}
.cp-qtds button{font-weight:800;font-size:13.3px;letter-spacing:-.01em}
.cp-chip b{font-weight:800;font-size:9.1px;letter-spacing:-.01em}
.pdf-cad{font-weight:800;font-size:9.1px;letter-spacing:.03em}
.pdf-qh b{font-weight:800;font-size:9.8px;letter-spacing:.03em}
.pdf-capa-faixa{font-weight:800;font-size:14px;letter-spacing:.03em}
.pdf-capa h1{font-weight:800;font-size:32.2px;letter-spacing:-.01em}
.pdf-cr h2{font-weight:800;font-size:19.6px;letter-spacing:-.01em}
.rd-selo{font-weight:800;font-size:12.6px;letter-spacing:.03em}
.fe-n b{font-weight:800;font-size:19.6px;letter-spacing:-.01em}
.fx-topo input.titulo{font-weight:800;font-size:15.4px;letter-spacing:-.01em}
.fx-titulo-fixo{font-weight:800;font-size:15.4px;letter-spacing:-.01em}
.fx-no.fantasma .q{font-weight:800;font-size:21px;letter-spacing:-.01em}
.fx-painel h2{font-weight:800;font-size:14px;letter-spacing:-.01em}
.fx-stat b{font-weight:800;font-size:15.4px;letter-spacing:-.01em}
.fx-modal h2{font-weight:800;font-size:16.8px;letter-spacing:-.01em}
.fx-cartao h2{font-weight:800;font-size:clamp(15.4px,1.82vw,19.6px);letter-spacing:-.01em}
.dg-ic{font-weight:800;font-size:14.7px;letter-spacing:-.01em}
.dg-prio li::before{font-weight:800;font-size:11.9px;letter-spacing:-.01em}
.dg-n{font-weight:800;font-size:18.2px;letter-spacing:-.01em}
.elem b{font-weight:800;font-size:14.7px;letter-spacing:-.01em}
.aulas-placar b{font-weight:800;font-size:21px;letter-spacing:-.01em}
.ah-txt b{font-weight:800;font-size:clamp(16.8px,2.1vw,23.8px);letter-spacing:-.01em}
.am-area{font-weight:800;font-size:15.4px;letter-spacing:-.01em}
.am-simb{font-weight:800;font-size:32.2px;letter-spacing:-.01em}
.anel-aula b{font-weight:800;font-size:19.6px;letter-spacing:-.01em}
.passo-n{font-weight:800;font-size:13.3px;letter-spacing:-.01em}
.pc-faixa{font-weight:800;font-size:10.5px;letter-spacing:.03em}
.pc-nome{font-weight:800;font-size:14.7px;letter-spacing:-.01em}
.fim-passo h2{font-weight:800;font-size:clamp(18.2px,2.1vw,23.8px);letter-spacing:-.01em}
.fp-carimbo{font-weight:800;font-size:14px;letter-spacing:.03em}
.tp-tit{font-weight:800;font-size:14px;letter-spacing:-.01em}
.ff-rank{font-weight:800;font-size:21px;letter-spacing:-.01em}
.fl-faixa{font-weight:800;font-size:11.2px;letter-spacing:.03em}
@media (max-width:620px){.ex-tit{font-size:16.8px}}
@media (max-width:520px){.tile .sym{font-size:18.2px}}
.tile .sym{font-size:25.2px}
@media (max-width:520px){.d-h{font-size:11.9px}}
@media (max-width:760px){.hp b{font-size:19.6px}}
@media (max-width:900px){.pm b{font-size:19.6px}}
@media (max-width:760px){.p-num{font-size:11.2px}
.mc-tit{font-size:11.2px}
.trecho b{font-size:10.5px}}
@media (max-width:620px){.rm-num{font-size:36.4px}}
@media (max-width:620px){.pr-placa b{font-size:10.5px}}
@media (max-width:520px){.lg-cab h1{font-size:25.2px}}
@media (max-width:980px){.fx-topo input.titulo,.fx-titulo-fixo{font-size:13.3px}}
@media (max-width:620px){.dg-ic,.dg-av{font-size:12.6px}}
@media (max-width:600px){.tp-tit{font-size:11.9px}}

.elem b{font-size:17px;font-weight:800}.elem.grande b{font-size:38px}
.am-simb{font-size:32px}
.cd-placar .pill{font-family:var(--f-mono)}
.tp-tit{font-size:14px}
/* janela das capas para recortes com borda reta */
.lg-prof img.lg-dupla{background:radial-gradient(circle at 50% 80%,#61B4C4,#224B89 75%);border:3px solid #F4F8FB;border-radius:22px;box-shadow:6px 6px 0 var(--orange);padding:10px 0 0}

/* ===== versão contida ===== */
/* Prof sozinho como guia (clicar abre a ajuda da página); a dupla fica para login, Hoje e conquistas */
.pagehead{grid-template-columns:minmax(0,1fr) auto}
@media (min-width:761px){.ph-carta.com-guia{display:none}}
.ph-prof{all:unset;cursor:pointer;position:relative;align-self:end;display:grid;justify-items:center;margin:-8px 4px -4px 0}
.ph-prof img{width:clamp(108px,10vw,140px);height:auto;filter:drop-shadow(0 10px 14px rgb(12 27 51 / .22));transition:transform .3s var(--mola)}
.ph-prof:hover img{transform:rotate(-4deg) translateY(-4px)}
.ph-prof .balao-marca{position:absolute;top:22px;right:86%;transform:rotate(-3deg);font-size:11px}
.ph-prof img[src*="veia-oculos"]{width:clamp(130px,12vw,165px)}
/* faixas e selos em uma linha só no celular */
.am-vol{white-space:nowrap}
@media (max-width:560px){.cp-faixa>span:last-child{display:none}.cp-faixa{letter-spacing:.14em!important}.am-area{flex-wrap:wrap;row-gap:4px}.am-area small{flex-basis:100%;margin-left:0}}
/* nada de rolagem lateral no celular (selects longos do painel do professor) */
.main select{max-width:100%}
html,body{overflow-x:clip}
/* pulso do rodapé da lateral entra no fluxo: nunca passa por cima do menu, mesmo com o menu do professor */
.side::after{display:none!important}
.side-foot{padding-bottom:10px!important}
.side-foot::after{content:"";display:block;height:34px;margin:12px -22px 0;background:var(--pulso-largo) center/100% 34px no-repeat}
.ph-prof-dica{position:absolute;right:2px;top:18px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#0C1B33;font-weight:800;font-size:13px;box-shadow:2px 2px 0 #0C1B33}
.ph-prof:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:12px}
@media (max-width:760px){.ph-prof{display:none}}

/* Unbounded só no topo: títulos de página, herói e números grandes */
h2{font-family:var(--f-body)!important;font-weight:800!important;font-size:19px!important;letter-spacing:-.01em!important;text-transform:none!important}
h3{font-family:var(--f-body);font-weight:800;text-transform:none}
.pc-nome,.ah-txt b,.cf-tip,.m-tit,.ficha-foco .cf-tip,.am-corpo b,.cp-corpo h2,.fim-passo h2,.ex-tit,.d-h,.area-tit,.rosca-tit{font-family:var(--f-body)!important;font-weight:800!important;text-transform:none!important;letter-spacing:-.01em!important}
.pc-nome{font-size:18px!important}
.ah-txt b{font-size:clamp(20px,2.2vw,26px)!important}
.fim-passo h2{font-size:24px!important}
.ci-txt b{font-family:var(--f-display);font-size:clamp(18px,2vw,22px)!important}
/* mono só em rótulos curtos */
.fp-eb,.ah-txt small,.cd-agora{font-family:var(--f-body)!important;letter-spacing:.02em!important}
.ah-txt small{text-transform:uppercase;font-weight:800;font-size:12px}
.cd-agora{font-weight:800;letter-spacing:.08em!important}
/* corações só na aula validada (mais discretos) */
.fim-passo.ok{background-size:80px 80px}

/* a "letra de mão" do prof vira a voz da marca (Unbounded), no tamanho certo */
:root{--f-hand:"Unbounded","Arial Black",sans-serif}
.rv-balao .mao,.carta3d .mao,.fe-carta .mao{font-size:15px!important;font-weight:700;letter-spacing:0}
.prof-nota b{font-size:15px;font-weight:700}
.rep-resp b{font-size:13px;font-weight:700}
.rd-txt .mao{font-size:14px!important;font-weight:700}
.dg-mao{font-size:14px;font-weight:700}

/* dupla do topo do Hoje é um botão: da bolsa de soro saem vidrarias e fórmulas */
button.hero-dupla{all:unset;box-sizing:border-box;cursor:pointer;position:relative;z-index:1;align-self:end;display:grid;justify-items:center;width:clamp(230px,27vw,360px);margin-right:-10px}
button.hero-dupla:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:14px}
button.hero-dupla img{transition:transform .35s var(--mola)}
button.hero-dupla:hover img{transform:translateY(-4px) rotate(-1.5deg)}
button.hero-dupla.dose img{animation:hd-dose .6s var(--mola)}
@keyframes hd-dose{40%{transform:scale(1.05) rotate(-2deg)}}
.hd-bolsa{position:absolute;left:88%;top:22%;width:8px;height:8px}
.hero .hero-txt{position:relative;z-index:1}
@media (max-width:760px){button.hero-dupla{width:200px;margin:0 auto}}
@media (prefers-reduced-motion: reduce){button.hero-dupla img{transition:none;animation:none!important}}

/* versão hospedada: termos de uso */
.termos-txt{display:grid;gap:10px;font-size:14px;line-height:1.6;color:#DCE7F3;max-height:42vh;overflow:auto;padding-right:6px}
.termos-txt p{margin:0}