/* iluara, HOME. Conceito de layout: faixas de largura total com conteudo no trilho de 1248 px,
   simulador como protagonista do topo, grades completas e simetricas (3x4, 4x1, 3x2, 3x9, 3x1).
   Tokens do design system iluara (iluara-design-system.json, versao 1.0): claro e escuro. */

@font-face{font-family:"Petrona";src:url("../fonts/petrona-600-800-latin.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../fonts/plex-sans-400-600-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plex-mono-500-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* cores semanticas, tema claro */
  --bg-canvas:#FBF3E8; --bg-canvas-soft:#EFE5D6; --bg-surface:#FEFAF5; --bg-surface-raised:#FFFFFF;
  --bg-inverse:#1E1A33; --bg-rodape:#1E1A33; --bg-highlight-row:#1E1A33; --text-on-highlight:#FBF3E8;
  --text-primary:#1E1A33; --text-secondary:#3C3952; --text-muted:#545269; --text-on-action:#FFFFFF;
  --text-link:#A5350F; --text-link-hover:#852A0D;
  --text-on-inverse:#FBF3E8; --text-secondary-on-inverse:#CDCCD7; --text-accent-on-inverse:#F2A13A;
  --text-economia:#1E6B4A; --text-sol:#A5350F;
  --action-primary:#C4441C; --action-primary-hover:#A5350F; --action-primary-pressed:#852A0D;
  --action-secondary:#DFD2C0; --action-secondary-hover:#C8B8A1; --text-on-action-secondary:#1E1A33;
  --border-subtle:#DFD2C0; --border-strong:#716F84; --focus-ring:#1E1A33; --focus-ring-on-inverse:#FBF3E8;
  --card-border:rgba(30,26,51,0); --etq-bg:#DFD2C0; --etq-tx:#26223B; --text-ok:#1E6B4A;
  --servico-icone-hover:#F2A13A; --servico-icone-bg-hover:rgba(242,161,58,.14); --servico-texto-hover:#CDCCD7;
  --bg-economia-soft:#EFF6F1; --overlay:rgba(30,26,51,.56);
  --erro:#B42318; --erro-forte:#B42318; --erro-on-inverse:#FFB4A2;
  --btn-inverso-bg:#FBF3E8; --btn-inverso-tx:#1E1A33;
  --footer-link:#CDCCD7; --footer-link-hover:#FEBB71; --footer-label:#F2A13A; --footer-line:#3C3952;
  --topbar-bg:#1E1A33; --topbar-tx:#E6E5EC;
  --ph-a:#DFD2C0; --ph-b:#D3C4AD;
  --logo-claro:block; --logo-escuro:none;

  /* escalas */
  --sp-xs:4px; --sp-sm:8px; --sp-md:12px; --sp-lg:16px; --sp-xl:24px; --sp-2xl:32px; --sp-3xl:48px; --sp-4xl:64px; --sp-5xl:96px;
  --r-sm:4px; --r-md:6px; --r-lg:8px; --r-full:9999px;
  --sombra-flutuante:0 12px 32px rgba(30,26,51,.18),0 2px 6px rgba(30,26,51,.08);
  --f-titulo:"Petrona",Georgia,"Times New Roman",serif;
  --f-texto:"IBM Plex Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --dur-1:120ms; --dur-2:200ms; --ease:cubic-bezier(.3,0,.2,1); --ease-amanhecer:cubic-bezier(.16,1,.3,1);
  --margem:20px;
  --alt-cab:64px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg-canvas:#0F0C20; --bg-canvas-soft:#1E1A33; --bg-surface:#26223B; --bg-surface-raised:#26223B;
    --bg-inverse:#221E37; --bg-rodape:#1E1A33; --bg-highlight-row:#FBF3E8; --text-on-highlight:#1E1A33;
    --text-primary:#FBF3E8; --text-secondary:#CDCCD7; --text-muted:#ADACBA;
    --text-link:#FEA389; --text-link-hover:#FFC6B6;
    --text-economia:#7FD1A8; --text-sol:#F2A13A;
    --action-secondary:#3C3952; --action-secondary-hover:#545269; --text-on-action-secondary:#FBF3E8;
    --border-subtle:#3C3952; --border-strong:#8E8D9E; --focus-ring:#FBF3E8;
    --card-border:rgba(173,172,186,.16); --etq-bg:#3C3952; --etq-tx:#FBF3E8; --text-ok:#6FD1A0;
    --servico-icone-hover:#A5350F; --servico-icone-bg-hover:rgba(196,68,28,.10); --servico-texto-hover:#3C3952;
    --bg-economia-soft:rgba(127,209,168,.10); --overlay:rgba(15,12,32,.72); --erro:#FFB4A2;
    --topbar-bg:#0F0C20; --topbar-tx:#CDCCD7; --ph-a:#2F2B47; --ph-b:#383352;
    --logo-claro:none; --logo-escuro:block;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg-canvas:#0F0C20; --bg-canvas-soft:#1E1A33; --bg-surface:#26223B; --bg-surface-raised:#26223B;
  --bg-inverse:#221E37; --bg-rodape:#1E1A33; --bg-highlight-row:#FBF3E8; --text-on-highlight:#1E1A33;
  --text-primary:#FBF3E8; --text-secondary:#CDCCD7; --text-muted:#ADACBA;
  --text-link:#FEA389; --text-link-hover:#FFC6B6;
  --text-economia:#7FD1A8; --text-sol:#F2A13A;
  --action-secondary:#3C3952; --action-secondary-hover:#545269; --text-on-action-secondary:#FBF3E8;
  --border-subtle:#3C3952; --border-strong:#8E8D9E; --focus-ring:#FBF3E8;
  --card-border:rgba(173,172,186,.16); --etq-bg:#3C3952; --etq-tx:#FBF3E8; --text-ok:#6FD1A0;
  --servico-icone-hover:#A5350F; --servico-icone-bg-hover:rgba(196,68,28,.10); --servico-texto-hover:#3C3952;
  --bg-economia-soft:rgba(127,209,168,.10); --overlay:rgba(15,12,32,.72); --erro:#FFB4A2;
  --topbar-bg:#0F0C20; --topbar-tx:#CDCCD7; --ph-a:#2F2B47; --ph-b:#383352;
  --logo-claro:none; --logo-escuro:block;
  color-scheme:dark;
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
@media (prefers-reduced-motion:no-preference){html.rolagem-suave{scroll-behavior:smooth}}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--f-texto);font-size:16px;line-height:1.6;overflow-x:clip}
@media (min-width:768px){body{font-size:17px}}
.il{--margem:20px;overflow-x:clip}
@media (min-width:768px){.il{--margem:32px}}
@media (min-width:1280px){.il{--margem:max(var(--sp-5xl),calc((100% - 1248px) / 2))}}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:var(--text-link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--text-link-hover)}
h1,h2,h3,h4,h5,h6{margin:0;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:2px}
.faixa-inversa :focus-visible,.rodape :focus-visible,.topbar :focus-visible{outline-color:var(--focus-ring-on-inverse)}
.pt-oculto{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.so-js{display:none!important}
html.js .so-js{display:inline-flex!important}
.pular{position:absolute;left:var(--sp-lg);top:0;z-index:100;transform:translateY(-200%);background:var(--bg-inverse);color:var(--text-on-inverse);min-height:48px;display:inline-flex;align-items:center;padding:0 var(--sp-xl);border-radius:var(--r-md);font-weight:600;text-decoration:none}
.pular:focus{transform:translateY(var(--sp-sm))}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ico-16{width:16px;height:16px}
.ico-24{width:24px;height:24px}
.ico-32{width:32px;height:32px;stroke-width:1.5}

/* tipografia */
.t-rotulo{font-family:var(--f-mono);font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sol)}
h1{font-family:var(--f-titulo);font-weight:700;font-size:36px;line-height:1.12;letter-spacing:-.005em}
h2{font-family:var(--f-titulo);font-weight:600;font-size:28px;line-height:1.2}
h3{font-size:19px;line-height:1.3;font-weight:600}
h4{font-size:16px;line-height:1.45;font-weight:600}
@media (min-width:768px){
  h1{font-size:44px;letter-spacing:-.01em}
  h2{font-size:34px}
  h3{font-size:20px}
  h4{font-size:17px}
}
@media (min-width:1024px){h1{font-size:56px}h2{font-size:36px}}
.lead{font-size:18px;line-height:1.5;color:var(--text-secondary)}
@media (min-width:768px){.lead{font-size:20px}}
.apoio{font-size:14px;line-height:1.45;color:var(--text-muted)}
strong{font-weight:600}

/* botoes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);min-height:48px;padding:0 var(--sp-xl);border-radius:var(--r-md);border:1px solid transparent;font-family:var(--f-texto);font-size:16px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.btn-primario{background:var(--action-primary);color:var(--text-on-action)}
.btn-primario:hover{background:var(--action-primary-hover);color:var(--text-on-action)}
.btn-primario:active{background:var(--action-primary-pressed)}
.btn-secundario{background:var(--action-secondary);color:var(--text-on-action-secondary)}
.btn-secundario:hover{background:var(--action-secondary-hover);color:var(--text-on-action-secondary)}
.btn-terciario{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}
.btn-terciario:hover{background:var(--bg-canvas-soft);color:var(--text-primary)}
.btn-lg{min-height:56px;padding:0 var(--sp-2xl);font-size:17px}
.btn-p{min-height:44px;padding:0 var(--sp-lg);font-size:15px}
.btn-inverso{background:var(--btn-inverso-bg);color:var(--btn-inverso-tx)}
.btn-inverso:hover{background:#fff;color:var(--btn-inverso-tx)}
.btn-bloco{width:100%}
.link-seta{display:inline-flex;align-items:center;gap:var(--sp-sm);font-weight:600;min-height:48px}

/* topbar */
.topbar{background:var(--topbar-bg);color:var(--topbar-tx);font-size:14px;line-height:1.4}
.topbar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-xs) var(--sp-xl);min-height:40px;padding-block:var(--sp-xs);padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px))}
.topbar ul{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-xs) var(--sp-xl)}
.topbar li{display:inline-flex;align-items:center;gap:var(--sp-sm)}
.topbar li>span{display:inline}
.topbar a{color:var(--topbar-tx)}
.topbar a:hover{color:#fff}
.topbar .ico{width:16px;height:16px}
.topbar .m-oculto{display:none}
@media (min-width:768px){.topbar .m-oculto{display:inline-flex}}
.tema-alternar{background:none;border:1px solid #545269;border-radius:var(--r-md);color:var(--topbar-tx);min-height:32px;padding:0 var(--sp-md);gap:var(--sp-sm);align-items:center;font:inherit;cursor:pointer}
.tema-alternar:hover{color:#fff;border-color:#8E8D9E}

/* cabecalho */
.nav{position:sticky;top:0;z-index:50;background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle)}
.cab-1{display:flex;align-items:center;gap:var(--sp-lg);min-height:var(--alt-cab);padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px))}
.marca{display:inline-flex;align-items:center;min-height:44px;margin-right:auto}
.marca img{height:36px;width:auto}
.logo-claro{display:var(--logo-claro)}
.logo-escuro{display:var(--logo-escuro)}
.cta-curto{display:inline}
.cta-longo{display:none}
.menu-abrir{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:44px;padding:0 var(--sp-md);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-primary);font-weight:600;font-size:15px;text-decoration:none}
.menu-abrir:hover{background:var(--bg-canvas-soft);color:var(--text-primary)}
.menu{display:none}
.menu:target,html.menu-aberto .menu{display:flex}
.menu{position:fixed;inset:0;z-index:70;flex-direction:column;background:var(--bg-canvas);overflow-y:auto;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.menu-topo-m{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);min-height:var(--alt-cab);padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px));border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-canvas);z-index:2}
.menu-fechar{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:44px;padding:0 var(--sp-md);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-primary);font-weight:600;font-size:15px;text-decoration:none}
.linha-2{padding-inline:max(var(--margem),env(safe-area-inset-left,0px))}
.mega-item{border-bottom:1px solid var(--border-subtle)}
.mega-gatilho{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;background:none;border:0;padding:0;color:var(--text-primary);font:inherit;font-weight:600;font-size:17px;text-align:left;cursor:pointer}
.mega-gatilho .seta{transition:transform var(--dur-1) var(--ease)}
.mega-gatilho[aria-expanded="true"] .seta{transform:rotate(180deg)}
.mega{display:none;padding-bottom:var(--sp-lg)}
html:not(.js) .mega,.mega-item.aberto .mega{display:block}
.mega-grade{display:grid;gap:var(--sp-lg)}
.mega-coluna ul{display:grid;gap:0}
.mega-titulo{display:flex;align-items:center;min-height:48px;font-weight:600;font-size:16px;color:var(--text-link);text-decoration:none}
span.mega-titulo{color:var(--text-sol);cursor:default}
.mega-link{display:flex;align-items:center;gap:var(--sp-md);min-height:48px;padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-md);color:var(--text-primary);font-weight:600;font-size:15px;text-decoration:none}
.mega-link:hover{background:var(--bg-canvas-soft);color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mega-link .ico{color:var(--text-sol)}
.mega-desc{display:none;font-size:13px;line-height:1.4;color:var(--text-secondary);font-weight:400}
.mega-todos{display:flex;align-items:center;min-height:48px;padding:0 var(--sp-sm);font-weight:600;font-size:15px}
.mega-destaque,.mega-contato{display:none}
.linha-1{display:grid;gap:0;padding:var(--sp-lg) max(var(--margem),env(safe-area-inset-left,0px)) 0}
.linha-1 a{display:flex;align-items:center;min-height:48px;color:var(--text-primary);font-weight:600;text-decoration:none}
.linha-1 a:hover{color:var(--text-link)}
.linha-1 .cta-item{display:none}
.menu-rodape{position:fixed;left:0;right:0;bottom:0;z-index:3;display:grid;gap:var(--sp-md);padding:var(--sp-md) max(var(--margem),env(safe-area-inset-right,0px)) calc(var(--sp-md) + env(safe-area-inset-bottom,0px));background:var(--bg-surface);box-shadow:0 -8px 24px rgba(30,26,51,.12)}
.menu-rodape .btn{min-height:52px}

/* desktop do cabecalho */
@media (min-width:1200px){
  .menu-abrir,.menu-topo-m,.menu-rodape{display:none}
  .cab-1{flex-wrap:wrap;gap:0 var(--sp-2xl);min-height:0;padding-top:var(--sp-sm)}
  .marca{min-height:56px;margin-right:0}
  .marca img{height:40px}
  .menu,.menu:target,html.menu-aberto .menu{display:contents}
  .linha-1{display:flex;align-items:center;gap:var(--sp-2xl);padding:0;flex:1;order:2}
  .linha-1 a{min-height:44px;font-size:15px}
  .linha-1 li:last-child{margin-left:auto;padding-left:var(--sp-xl);border-left:1px solid var(--border-subtle)}
  .cab-cta{order:3}
  .cta-curto{display:none}
  .cta-longo{display:inline}
  .linha-2{order:4;flex:0 0 calc(100% + var(--sp-md) * 2);display:flex;justify-content:space-between;gap:var(--sp-xs);padding:0;margin:0 calc(var(--sp-md) * -1)}
  .mega-item{border:0}
  .mega-gatilho{width:auto;min-height:48px;padding:0 var(--sp-md);gap:var(--sp-sm);font-size:15px;border-radius:var(--r-md)}
  .mega-gatilho:hover{color:var(--text-link)}
  .mega-gatilho[aria-expanded="true"]{color:var(--text-link)}
  .mega{display:block;position:absolute;left:0;right:0;top:100%;visibility:hidden;opacity:0;background:var(--bg-surface);box-shadow:var(--sombra-flutuante);border-bottom:1px solid var(--card-border);padding:var(--sp-3xl) max(var(--margem),env(safe-area-inset-right,0px)) 0;max-height:calc(100dvh - 112px);overflow-y:auto;transition:opacity var(--dur-1) linear,visibility 0s linear 300ms}
  .mega-item:hover>.mega,.mega-item:focus-within>.mega,.mega-item.aberto>.mega{visibility:visible;opacity:1;transition:opacity var(--dur-1) linear 150ms,visibility 0s linear 150ms}
  .mega-grade{grid-template-columns:repeat(3,minmax(0,1fr)) 352px;gap:var(--sp-xl)}
  .mega-coluna{display:flex;flex-direction:column;gap:var(--sp-xs)}
  .mega-titulo{font-size:17px;min-height:40px}
  .mega-link{min-height:52px;align-items:center}
  .mega-link>span{display:flex;flex-direction:column}
  .mega-desc{display:block}
  .mega-destaque{display:flex;flex-direction:column;gap:var(--sp-md);justify-content:space-between;padding:var(--sp-xl);background:var(--bg-canvas-soft);border-radius:var(--r-lg)}
  .mega-destaque .titulo-d{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.2}
  .mega-destaque p{font-size:15px;line-height:1.45;color:var(--text-secondary)}
  .mega-contato{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-xl);margin-top:var(--sp-xl);padding:var(--sp-lg) 0;border-top:1px solid var(--border-subtle);font-size:15px;color:var(--text-secondary)}
  .mega-contato p{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp-md);margin:0}
  .mega-contato-link{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:44px;font-weight:600;color:var(--text-link);text-decoration:underline;text-underline-offset:3px}
  .mega-contato-link:hover{color:var(--text-link-hover);text-decoration-thickness:2px}
  .mega-contato .fechar{flex:none;gap:var(--sp-sm);min-height:44px;padding:0 var(--sp-md);background:none;border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-secondary);font:inherit;font-size:14px;cursor:pointer}
  .mega-contato .fechar:hover{background:var(--bg-canvas-soft);color:var(--text-primary)}
  .mega-pe{margin-top:var(--sp-sm);font-size:14px}
  .mega-cidades .mega-link{min-height:44px;padding-block:2px}
  .mega-cidades .mega-link>span{gap:0;white-space:nowrap}
  .mega-cidades .mega-desc{font-size:12.5px;line-height:1.25}
}
@media (prefers-reduced-motion:reduce){.mega,.mega-gatilho .seta{transition:none!important}}

/* faixas */
.faixa{padding-block:var(--sp-3xl);padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px))}
@media (min-width:768px){.faixa{padding-block:var(--sp-4xl)}}
@media (min-width:1024px){.faixa{padding-block:var(--sp-5xl)}}
.faixa-suave{background:var(--bg-canvas-soft)}
.faixa-inversa{background:var(--bg-inverse);color:var(--text-on-inverse)}
.faixa-inversa a{color:var(--text-accent-on-inverse)}
.faixa-inversa a:hover{color:#FEBB71}
.faixa-inversa .btn-inverso,.faixa-inversa .btn-inverso:hover{color:var(--btn-inverso-tx)}
.faixa-compacta{padding-block:var(--sp-3xl)}
@media (min-width:1024px){.faixa-compacta{padding-block:var(--sp-4xl)}}
.cabeca-faixa{display:grid;gap:var(--sp-lg);margin-bottom:var(--sp-2xl);max-width:760px}
@media (min-width:1024px){.cabeca-faixa{margin-bottom:var(--sp-3xl)}}
.cabeca-faixa .t-rotulo{margin-bottom:calc(var(--sp-md) - var(--sp-lg))}
.cabeca-faixa p{font-size:18px;line-height:1.5;color:var(--text-secondary);max-width:680px}
.faixa-inversa .cabeca-faixa p{color:var(--text-secondary-on-inverse)}
.faixa-inversa .t-rotulo{color:var(--text-accent-on-inverse)}

/* hero */
.hero{padding-top:var(--sp-3xl);padding-bottom:var(--sp-3xl)}
@media (min-width:768px){.hero{padding-top:var(--sp-4xl);padding-bottom:var(--sp-4xl)}}
@media (min-width:1024px){.hero{padding-top:var(--sp-4xl);padding-bottom:var(--sp-5xl)}}
.hero-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2xl)}
@media (min-width:1024px){.hero-grade{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-xl);align-items:start}.hero-texto{grid-column:1 / span 6}.hero-sim{grid-column:8 / span 5}}
.hero-texto{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-xl);align-content:start}
.hero-texto h1{max-width:14em}
.hero-texto .lead strong{color:var(--text-primary)}
.hero-acoes{display:flex;flex-wrap:wrap;gap:var(--sp-md)}
@media (max-width:767px){.hero-acoes .btn{width:100%}}
.provas{display:grid;gap:var(--sp-lg);margin-top:var(--sp-sm)}
@media (min-width:768px){.provas{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-xl)}}
.prova{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--sp-md);align-items:start}
.prova .ico-caixa{width:40px;height:40px;border-radius:var(--r-lg);background:var(--bg-canvas-soft);color:var(--text-sol);display:grid;place-items:center}
.prova strong{display:block;font-size:16px;line-height:1.3}
.prova span{display:block;font-size:14px;line-height:1.4;color:var(--text-muted);margin-top:2px}

/* cartao do simulador */
.sim{background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-xl);display:grid;gap:var(--sp-xl)}
@media (min-width:768px){.sim{padding:var(--sp-2xl)}}
.sim .t-rotulo{color:var(--text-muted)}
.campo{display:grid;gap:var(--sp-sm)}
.campo label,.campo .rot{font-weight:600;font-size:16px;line-height:1.4}
.campo .ajuda{font-size:14px;line-height:1.45;color:var(--text-secondary)}
.entrada,.selecao{width:100%;min-height:48px;padding:0 var(--sp-lg);background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-md);font:inherit;font-size:17px}
.selecao{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:var(--sp-3xl)}
.entrada::placeholder{color:var(--text-muted)}
.entrada:hover,.selecao:hover{border-color:var(--text-primary)}
.entrada:focus,.selecao:focus{outline:3px solid var(--focus-ring);outline-offset:2px;border-color:var(--text-primary)}
.dinheiro{display:flex;align-items:center;min-height:64px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface-raised);padding:0 var(--sp-lg);gap:var(--sp-sm)}
.dinheiro:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px;border-color:var(--text-primary)}
.dinheiro span{font-size:20px;color:var(--text-secondary)}
.dinheiro input{flex:1;min-width:0;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:28px;font-weight:600;outline:0;padding:0}
.dinheiro input::placeholder{color:var(--text-muted);font-weight:400}
.sim .btn{min-height:56px;font-size:17px}
.sim-nota{display:grid;gap:var(--sp-xs);font-size:14px;line-height:1.45;color:var(--text-secondary)}

/* faixa de confianca */
.selos{padding-block:var(--sp-2xl);border-block:1px solid var(--border-subtle);background:var(--bg-canvas);padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px))}
.selos ul{display:grid;gap:var(--sp-xl)}
@media (min-width:640px){.selos ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.selos ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.selo{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--sp-md);align-items:start}
.selo .ico-caixa{width:44px;height:44px;border-radius:50%;background:var(--bg-economia-soft);color:var(--text-economia);display:grid;place-items:center}
.selo strong,.selo a{display:block;font-size:16px;line-height:1.3;font-weight:600;color:var(--text-primary);text-decoration:none}
.selo a:hover{color:var(--text-link);text-decoration:underline}
.selo span{display:block;font-size:14px;line-height:1.4;color:var(--text-muted);margin-top:2px}

/* servicos */
.grade-servicos{display:grid;gap:var(--sp-lg);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.grade-servicos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.grade-servicos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cartao{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
:root[data-theme="dark"] .cartao{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cartao{border-color:var(--card-border)}}
.cartao img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--ph-a)}
.cartao-corpo{display:flex;flex-direction:column;gap:var(--sp-md);padding:var(--sp-xl);flex:1}
.cartao-topo{display:flex;align-items:center;gap:var(--sp-md)}
.cartao-ico{width:44px;height:44px;border-radius:var(--r-lg);background:var(--bg-canvas-soft);color:var(--text-sol);display:grid;place-items:center;flex:none;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}
.cartao p{font-size:15px;line-height:1.5;color:var(--text-secondary);flex:1;min-height:3em}
.cartao-link{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:48px;font-weight:600;font-size:15px;color:var(--text-link);text-decoration:none}
.cartao-link::after{content:"";position:absolute;inset:0}
.cartao-link:focus-visible{outline:none}
.cartao:has(.cartao-link:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}
.cartao-link .ico{transition:transform var(--dur-2) var(--ease)}
@media (hover:hover){
  .cartao:hover{background:var(--bg-highlight-row);color:var(--text-on-highlight);transform:translateY(-4px)}
  .cartao:hover p{color:var(--servico-texto-hover)}
  .cartao:hover .cartao-ico{background:var(--servico-icone-bg-hover);color:var(--servico-icone-hover)}
  .cartao:hover .cartao-link{color:var(--servico-icone-hover)}
  .cartao:hover .cartao-link .ico{transform:translateX(4px)}
}
@media (prefers-reduced-motion:reduce){.cartao,.cartao-link .ico{transition:none!important;transform:none!important}}
.mais-procurados{margin-top:var(--sp-3xl);display:grid;gap:var(--sp-lg)}
.chips{display:grid;gap:var(--sp-sm);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.chips{grid-template-columns:repeat(4,minmax(0,1fr))}}
.chips a{display:flex;align-items:center;gap:var(--sp-sm);min-height:48px;padding:var(--sp-sm) var(--sp-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.chips a:hover{background:var(--bg-canvas);border-color:var(--text-primary);color:var(--text-primary)}
.chips .ico{color:var(--text-sol);width:16px;height:16px}
.nota-publico{margin-top:var(--sp-xl);font-size:16px}

/* problema e solucao */
.dividido{display:grid;gap:var(--sp-2xl);align-items:center}
@media (min-width:1024px){.dividido{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-xl)}.dividido .figura{grid-column:1 / span 5}.dividido .texto{grid-column:7 / span 6}}
.figura img{width:100%;border-radius:var(--r-lg);object-fit:cover;background:var(--ph-a);aspect-ratio:4 / 5}
.figura figcaption{margin-top:var(--sp-md)}
.texto{display:grid;gap:var(--sp-xl)}
.dores{display:grid;gap:var(--sp-xl)}
.dor{display:grid;gap:var(--sp-sm);padding-top:var(--sp-xl);border-top:1px solid var(--border-subtle)}
.dor p{color:var(--text-secondary)}
.dor strong{color:var(--text-primary)}

/* como funciona */
.passos{display:grid;gap:var(--sp-lg);counter-reset:passo}
@media (min-width:640px){.passos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.passos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.passo{display:flex;flex-direction:column;gap:var(--sp-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl)}
:root[data-theme="dark"] .passo,:root[data-theme="dark"] .dif{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .passo,:root:not([data-theme="light"]) .dif{border-color:var(--card-border)}}
.passo-topo{display:flex;align-items:center;justify-content:space-between}
.passo-num{font-family:var(--f-mono);font-weight:500;font-size:28px;line-height:1;color:var(--text-sol)}
.passo-ico{width:44px;height:44px;border-radius:var(--r-lg);background:var(--bg-canvas-soft);color:var(--text-sol);display:grid;place-items:center}
.passo p{font-size:15px;line-height:1.5;color:var(--text-secondary)}
.nota-fim{margin-top:var(--sp-xl);display:grid;gap:var(--sp-lg);justify-items:start}

/* diferenciais */
.dif-grade{display:grid;gap:var(--sp-lg)}
@media (min-width:640px){.dif-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.dif-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dif{display:flex;flex-direction:column;gap:var(--sp-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl)}
.dif .passo-ico{background:var(--bg-canvas-soft)}
.dif p{font-size:15px;line-height:1.5;color:var(--text-secondary)}

/* information gain */
.criterios{display:grid;gap:var(--sp-2xl)}
.criterio-bloco{display:grid;gap:var(--sp-lg);padding-top:var(--sp-2xl);border-top:1px solid var(--border-subtle)}
@media (min-width:1024px){.criterio-bloco{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-xl)}.criterio-bloco .c-titulo{grid-column:1 / span 4}.criterio-bloco .c-tabela{grid-column:5 / span 8}}
.c-titulo{display:grid;gap:var(--sp-sm);align-content:start}
.c-titulo p{font-size:15px;color:var(--text-secondary)}
.tabela-rolagem{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-surface)}
.tabela-rolagem:focus-visible{outline-offset:2px}
table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px;line-height:1.5}
th,td{text-align:left;vertical-align:top;padding:var(--sp-lg) var(--sp-xl)}
thead th{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas-soft)}
tbody th{font-weight:600;width:42%;color:var(--text-primary)}
tbody td{color:var(--text-secondary)}
tbody tr+tr th,tbody tr+tr td{border-top:1px solid var(--border-subtle)}
.ig-acoes{display:flex;flex-wrap:wrap;gap:var(--sp-md);margin-top:var(--sp-2xl)}
.sub-ig{display:grid;gap:var(--sp-md);margin-bottom:var(--sp-md)}
.sub-ig p{max-width:680px;color:var(--text-secondary)}

/* estados */
.estados{display:grid;gap:var(--sp-2xl)}
@media (min-width:768px){.estados{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-xl)}}
.estado-col{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl);display:grid;gap:var(--sp-sm);align-content:start}
:root[data-theme="dark"] .estado-col{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .estado-col{border-color:var(--card-border)}}
.estado-col h3{font-family:var(--f-titulo);font-weight:600;font-size:22px;margin-bottom:var(--sp-sm)}
.estado-col a{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-md);min-height:44px;padding:0 var(--sp-sm);border-radius:var(--r-md);color:var(--text-primary);font-weight:600;font-size:15px;text-decoration:none;align-items:center}
.estado-col a:hover{background:var(--bg-canvas-soft);text-decoration:underline;text-underline-offset:3px}
.estado-col a small{font-weight:400;font-size:13px;color:var(--text-muted)}
.links-linha{display:flex;flex-wrap:wrap;gap:var(--sp-sm) var(--sp-2xl);margin-top:var(--sp-xl)}

/* depoimentos */
.modelo-aviso{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:26px;padding:0 10px;border-radius:var(--r-sm);background:var(--etq-bg);color:var(--etq-tx);font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;justify-self:start}
.depoimentos{display:grid;gap:var(--sp-lg)}
@media (min-width:768px){.depoimentos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.depoimento{margin:0;display:flex;flex-direction:column;gap:var(--sp-lg);justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl)}
:root[data-theme="dark"] .depoimento{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .depoimento{border-color:var(--card-border)}}
.depoimento blockquote{margin:0;font-family:var(--f-titulo);font-weight:600;font-size:20px;line-height:1.35}
.depoimento figcaption{display:grid;gap:2px;font-size:14px;color:var(--text-secondary);padding-top:var(--sp-lg);border-top:1px solid var(--border-subtle)}
.depoimento figcaption strong{color:var(--text-primary);font-size:15px}

/* faq */
.faq{max-width:880px}
.faq details{border-bottom:1px solid var(--border-subtle)}
.faq details:first-child{border-top:1px solid var(--border-subtle)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);min-height:72px;padding:var(--sp-lg) 0;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-size:18px;line-height:1.35}
@media (min-width:768px){.faq summary h3{font-size:19px}}
.faq summary .ico{transition:transform var(--dur-2) var(--ease);color:var(--text-sol)}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq .resposta{padding:0 var(--sp-3xl) var(--sp-xl) 0;color:var(--text-secondary);max-width:680px}
@media (prefers-reduced-motion:reduce){.faq summary .ico{transition:none}}

/* blog */
.blog-grade{display:grid;gap:var(--sp-lg)}
@media (min-width:768px){.blog-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
.blog-grade .cartao img{aspect-ratio:16 / 9}
.blog-grade .cartao h3{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.25}
.blog-grade .cartao h3 a{color:inherit;text-decoration:none}
.blog-grade .cartao h3 a::after{content:"";position:absolute;inset:0}
.blog-grade .cartao h3 a:focus-visible{outline:none}
.blog-grade .cartao:has(h3 a:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}
.etq{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:var(--r-sm);background:var(--etq-bg);color:var(--etq-tx);font-size:13px;font-weight:600;justify-self:start;align-self:flex-start}
.blog-grade .cartao:hover .etq{background:var(--text-on-highlight);color:var(--bg-highlight-row)}

/* cta final */
.cta-grade{display:grid;gap:var(--sp-2xl);align-items:center}
@media (min-width:1024px){.cta-grade{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-xl)}.cta-texto{grid-column:1 / span 5}.cta-form{grid-column:7 / span 6}}
.cta-texto{display:grid;gap:var(--sp-lg)}
.cta-texto p{color:var(--text-secondary-on-inverse);font-size:18px;line-height:1.5}
.cta-form{display:grid;gap:var(--sp-lg);background:#26223B;border:1px solid #3C3952;border-radius:var(--r-lg);padding:var(--sp-xl);color:#FBF3E8}
@media (min-width:768px){.cta-form{padding:var(--sp-2xl)}}
.cta-form .ajuda{color:#CDCCD7}
.cta-form .campo label{color:#FBF3E8}
.cta-form .entrada,.cta-form .selecao,.cta-form .dinheiro{background-color:#FBF3E8;color:#1E1A33;border-color:#FBF3E8}
.cta-form .entrada::placeholder,.cta-form .dinheiro input::placeholder{color:#545269}
.cta-form .dinheiro input,.cta-form .dinheiro span{color:#1E1A33}
.cta-form .entrada:focus,.cta-form .selecao:focus,.cta-form .dinheiro:focus-within{outline-color:#FBF3E8}
.cta-form .linha-campos{display:grid;gap:var(--sp-lg)}
@media (min-width:640px){.cta-form .linha-campos{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.cta-links{display:flex;flex-wrap:wrap;gap:var(--sp-sm) var(--sp-xl);font-size:15px}
.cta-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.cta-form-nota{font-size:14px;color:#CDCCD7}

/* rodape */
.rodape{background:var(--bg-rodape);color:#FBF3E8;border-top:1px solid #3C3952;padding-top:var(--sp-3xl);padding-bottom:176px;padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px))}
@media (min-width:1024px){.rodape{padding-top:var(--sp-4xl);padding-bottom:var(--sp-3xl)}}
.rodape a{color:var(--footer-link);text-decoration:none}
.rodape a:hover{color:var(--footer-link-hover);text-decoration:underline}
.rodape-grade{display:grid;gap:var(--sp-2xl)}
@media (min-width:640px){.rodape-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.rodape-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:var(--sp-xl)}}
.rodape .t-rotulo{display:inline-flex;align-items:center;min-height:44px;color:var(--footer-label);font-size:12px}
.rodape ul{display:grid;gap:0}
.rodape li{display:flex}
.rodape li a,.rodape li span{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.4}
.rodape li span{color:var(--footer-link)}
.rodape li a span{color:inherit}
.rodape-base{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-md) var(--sp-2xl);margin-top:var(--sp-3xl);padding-top:var(--sp-xl);border-top:1px solid var(--footer-line)}
.selo-rodape{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:44px;padding:0 var(--sp-lg);border:1px solid #545269;border-radius:var(--r-md);font-weight:600;font-size:15px;color:#FBF3E8!important}
.selo-rodape .ico{color:var(--text-accent-on-inverse)}
.rodape-base nav ul{display:flex;flex-wrap:wrap;gap:0 var(--sp-xl)}
.direitos{margin-top:var(--sp-xl);font-size:14px;line-height:1.5;color:#CDCCD7;max-width:880px}
.rodape-marca{display:flex;align-items:center;gap:var(--sp-xl);margin-bottom:var(--sp-2xl);flex-wrap:wrap}
.rodape-marca img{height:40px;width:auto}
.rodape-marca p{color:#CDCCD7;font-size:15px;max-width:460px}

/* contato fixo (WhatsApp): em todas as larguras. A partir de 768 px alinha o centro com o do voltar ao topo, que fica logo acima */
.contato-fixo{position:fixed;right:max(var(--sp-lg),env(safe-area-inset-right,0px));bottom:calc(var(--sp-lg) + env(safe-area-inset-bottom,0px));z-index:40;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--mata-contato,#1E6B4A);color:#fff;box-shadow:var(--sombra-flutuante)}
.contato-fixo:hover{color:#fff;background:#18573C}
.contato-fixo[hidden]{display:none}
.contato-dica{position:absolute;right:calc(100% + var(--sp-md));top:50%;translate:0 -50%;padding:var(--sp-sm) var(--sp-lg);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-inverse);color:var(--text-on-inverse);font:500 14px/1.3 var(--f-texto);white-space:nowrap;box-shadow:var(--sombra-flutuante);opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),visibility 0s linear var(--dur-2);pointer-events:none}
.contato-dica::after{content:"";position:absolute;left:100%;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:var(--bg-inverse)}
.contato-fixo:focus-visible .contato-dica{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover){.contato-fixo:hover .contato-dica{opacity:1;visibility:visible;transform:none;transition-delay:0s}}
@media (prefers-reduced-motion:reduce){.contato-dica{transition:none;transform:none}}
@media (min-width:768px){.contato-fixo{right:calc(max(var(--sp-2xl),env(safe-area-inset-right,0px)) + 4px);bottom:calc(var(--sp-2xl) + env(safe-area-inset-bottom,0px))}}
/* Voltar ao topo (design system, componente voltar-ao-topo): o sol que nasce no canto depois que a pessoa rola. Tudo em CSS, sem script.
   Base: um trilho invisivel comeca a 1,5 tela do topo e vai ate o fim da pagina; o botao e sticky dentro dele, entao a propria rolagem o traz.
   Com animacoes ligadas a rolagem (Chrome, Safari 26): ele fica escondido, nasce de baixo para cima em 800 ms e se poe em 240 ms ao voltar ao topo.
   Ele fica sempre acima do botao de WhatsApp (variante "acima da barra" do design system); abaixo de 768 px usa o tamanho de celular. */
@property --topo-visto{syntax:"<number>";inherits:true;initial-value:0}
.il:has(>.topo-trilho){position:relative}
.il .topo-trilho{position:absolute;top:150vh;right:32px;bottom:104px;width:64px;z-index:60;pointer-events:none}
.il .topo{position:sticky;top:calc(100vh - 168px);top:calc(100dvh - 168px);width:64px;height:64px;display:grid;place-items:center;border-radius:var(--r-full);text-decoration:none;color:var(--text-on-action);pointer-events:auto}
.il .topo-anel{position:absolute;inset:0;border-radius:var(--r-full)}
.il .topo-anel::before{content:"";position:absolute;inset:0;border-radius:var(--r-full);border:2px dashed var(--action-primary)}
.il .topo-miolo{position:relative;width:48px;height:48px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--action-primary);box-shadow:0 6px 18px rgba(30,26,51,.18);transition:background-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}
.il .topo-miolo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-2) var(--ease-amanhecer)}
.il .topo:hover,.il .topo:focus-visible,.il .topo:active{color:var(--text-on-action)}
.il .topo:hover .topo-miolo{background:var(--action-primary-hover)}
.il .topo:hover .topo-miolo svg{transform:translateY(-2px)}
.il .topo:active .topo-miolo{transform:scale(.94);background:var(--action-primary-pressed)}
.il .topo:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
@media (max-width:767px){
  .il .topo-trilho{right:16px;bottom:96px;width:56px}
  .il .topo{top:calc(100vh - 152px);top:calc(100dvh - 152px);width:56px;height:56px}
  .il .topo-miolo{width:44px;height:44px}
}
@keyframes il-gira{to{transform:rotate(360deg)}}
@keyframes il-topo-visto{from{--topo-visto:0}to{--topo-visto:1}}
@supports (animation-timeline:scroll()){
  .il .topo-trilho{animation:il-topo-visto steps(1,end) both;animation-timeline:scroll(root block);animation-range:0px calc(50vh + 168px)}
  @media (max-width:767px){.il .topo-trilho{animation-range:0px calc(50vh + 152px)}}
  @media (prefers-reduced-motion:no-preference){
    @container style(--topo-visto:0){.il .topo-trilho .topo{opacity:0;visibility:hidden;translate:0 72px}}
    .il .topo-trilho .topo{transition:translate 800ms var(--ease-amanhecer),opacity 560ms var(--ease),visibility 0s}
    @container style(--topo-visto:0){.il .topo-trilho .topo{transition:translate 240ms var(--ease),opacity 200ms var(--ease),visibility 0s linear 240ms}}
    @container style(--topo-visto:1){
      .il .topo-trilho .topo-anel{animation:il-gira 10s linear 800ms infinite}
      .il .topo-trilho .topo-anel::before{animation:il-gira 2.5s linear infinite paused}
      .il .topo-trilho .topo:hover .topo-anel::before{animation-play-state:running}
    }
  }
}
/* Sem o botao de WhatsApp (desligado em assets/config/site.json), o voltar ao topo desce para o canto e o rodape perde o espaco extra */
html.sem-zap .il .topo-trilho{bottom:32px}
html.sem-zap .il .topo{top:calc(100vh - 96px);top:calc(100dvh - 96px)}
html.sem-zap .rodape{padding-bottom:96px}
@supports (animation-timeline:scroll()){html.sem-zap .il .topo-trilho{animation-range:0px calc(50vh + 96px)}}
@media (max-width:767px){
  html.sem-zap .il .topo-trilho{bottom:16px}
  html.sem-zap .il .topo{top:calc(100vh - 72px);top:calc(100dvh - 72px)}
  @supports (animation-timeline:scroll()){html.sem-zap .il .topo-trilho{animation-range:0px calc(50vh + 72px)}}
}
@media (prefers-reduced-motion:reduce){
  .il .topo-anel,.il .topo-anel::before{animation:none}
  .il .topo-miolo,.il .topo-miolo svg{transition:none}
}

/* grades de uma coluna nunca crescem pelo conteudo (evita rolagem lateral) */
.sim,.campo,.cta-form,.sim-nota,.cta-grade,.cta-form .linha-campos{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.cta-form .linha-campos{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media (min-width:1024px){.cta-grade{grid-template-columns:repeat(12,minmax(0,1fr))}}
.selecao,.entrada{min-width:0;max-width:100%;text-overflow:ellipsis}
@media (max-width:639px){.selos ul,.dividido,.texto,.dores,.passos,.dif-grade,.criterios,.criterio-bloco,.estados,.depoimentos,.blog-grade,.provas{grid-template-columns:minmax(0,1fr)}.criterio-bloco>*,.c-tabela{min-width:0}}

/* alinhamento e simetria (revisao 1) */
.campo{align-content:start}
.cta-form .linha-campos{align-items:start}
.selo a,.selo strong{min-height:calc(2 * 1.3em)}
.selo span{min-height:calc(2 * 1.4em)}
.prova span{min-height:calc(2 * 1.4em)}
@media (min-width:1024px){
  .hero-texto{grid-column:1 / span 7}
  .hero-sim{grid-column:8 / span 5}
  .hero-texto .provas{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-lg)}
  .prova{grid-template-columns:40px minmax(0,1fr);gap:var(--sp-sm)}
  .prova strong{white-space:nowrap}
}
@media (min-width:640px){
  .passo h3,.dif h3{min-height:calc(2 * 1.3em)}
}
@media (min-width:640px) and (max-width:1023px){
  .hero-texto .provas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prova strong{white-space:nowrap}
}

/* destaque do mega menu: ilustracao em .svg no topo, texto embaixo */
@media (min-width:1200px){
  .mega-destaque{padding:0;gap:0;overflow:hidden;justify-content:flex-start}
  .mega-ilu{display:block;line-height:0;background:var(--bg-canvas-soft)}
  .mega-ilu img{display:block;width:100%;height:168px;object-fit:cover}
  .mega-destaque-corpo{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-lg);padding:var(--sp-xl)}
  .mega-destaque-corpo>div:first-child{display:grid;gap:var(--sp-sm)}
  .mega-contato .fechar{display:inline-flex;align-items:center;justify-content:center}
}
@media (max-width:1199px){.mega-ilu{display:none}}
@media (min-width:1024px) and (max-width:1365px){
  .passo{padding:var(--sp-lg)}
  .passo h3,.dif h3{font-size:16px}
  .prova span,.selo span{font-size:13px}
  .selo a,.selo strong{font-size:14px}
  .selos ul{gap:var(--sp-lg)}
}
.selo a{white-space:normal}@media (min-width:1024px){.selo a{white-space:nowrap}}

/* cabecalho das secoes em duas colunas: titulo a esquerda, texto a direita, centralizado na vertical */
@media (min-width:1024px){
  .faixa>.cabeca-faixa{max-width:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-xl);row-gap:var(--sp-lg);align-items:start}
  .faixa>.cabeca-faixa>*{grid-column:1 / span 6}
  .faixa>.cabeca-faixa>p:last-child{grid-column:7 / span 5;grid-row:1 / span 2;align-self:center;max-width:560px}
  .faixa>.cabeca-faixa h2{max-width:none}
}
/* perguntas frequentes: titulo fixo a esquerda, perguntas a direita */
@media (min-width:1024px){
  .faq-grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-xl);align-items:start}
  .faq-cab{grid-column:1 / span 5;position:sticky;top:calc(var(--alt-cab) + 72px);margin-bottom:0;max-width:none}
  .faq{grid-column:7 / span 6;max-width:none}
}

/* HUB DE CATEGORIA: trilha, hero com imagem, tabela comparativa, blocos de Information Gain */
.trilha{padding-top:var(--sp-sm);padding-left:max(var(--margem),env(safe-area-inset-left,0px));padding-right:max(var(--margem),env(safe-area-inset-right,0px))}
.trilha ol{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;line-height:1.4;color:var(--text-muted)}
.trilha li{display:inline-flex;align-items:center;gap:var(--sp-xs)}
.trilha li a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;padding-right:var(--sp-xs)}
.trilha [aria-current]{font-weight:600;color:var(--text-primary)}
.trilha .ico{color:var(--text-muted)}
.hero-hub{padding-top:var(--sp-xl)}
@media (min-width:768px){.hero-hub{padding-top:var(--sp-2xl)}}
.hero-hub .hero-texto h1{max-width:none}
.hero-fig{margin:0}
.hero-fig img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r-lg);background:var(--ph-a)}
@media (min-width:1024px){
  .hero-hub .hero-grade{align-items:center}
  .hero-hub .hero-texto{grid-column:1 / span 7}
  .hero-fig{grid-column:8 / span 5}
  .hero-fig img{aspect-ratio:1 / 1}
}
@media (min-width:1024px) and (max-width:1279px){.hero-hub h1{font-size:46px}}
.sub-prazos{margin-top:var(--sp-3xl)}
.sub-prazos+.tabela-rolagem{margin-top:var(--sp-lg)}
.tabela-comp{min-width:1040px;font-size:14.5px}
.tabela-comp tbody th{width:16%;white-space:nowrap}
.tabela-comp th,.tabela-comp td{padding:var(--sp-lg) var(--sp-lg)}
.tabela-comp tbody th a{color:var(--text-link)}
.ig-itens{display:grid;gap:var(--sp-lg);grid-template-columns:minmax(0,1fr);align-content:start}
@media (min-width:640px){.ig-itens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.criterio-bloco .ig-itens{grid-column:5 / span 8}.ig-itens.ig-tres{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ig-item{display:flex;flex-direction:column;gap:var(--sp-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl);min-width:0}
:root[data-theme="dark"] .ig-item{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ig-item{border-color:var(--card-border)}}
.ig-item h4{font-size:17px;line-height:1.35}
.ig-item p,.ig-item li{font-size:15px;line-height:1.5;color:var(--text-secondary)}
.ig-item p.apoio{font-size:13.5px;color:var(--text-muted)}
.lista{display:grid;gap:var(--sp-sm)}
.lista li{position:relative;padding-left:20px}
.lista li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:1px;background:var(--text-sol)}
.tabela-mini{min-width:0;font-size:14px}
.tabela-mini th,.tabela-mini td{padding:var(--sp-md) var(--sp-md)}
.tabela-mini tbody th{width:auto}
.ig-item .tabela-rolagem{background:var(--bg-canvas)}
@media (max-width:639px){.ig-itens,.trilha ol{grid-template-columns:minmax(0,1fr)}}
.hero-hub .hero-acoes .btn{padding:0 var(--sp-xl)}
@media (min-width:1024px){.hero-hub h1{font-size:46px}}
@media (min-width:1280px){.hero-hub h1{font-size:50px}}
.chips li{display:flex}
.chips li a{flex:1}
@media (min-width:1024px){.blog-grade .cartao h3{min-height:calc(3 * 1.25em)}}

/* ===== pagina de servico ===== */
.hero-servico{padding-top:var(--sp-xl)}
@media (min-width:768px){.hero-servico{padding-top:var(--sp-2xl)}}
.hero-servico .hero-texto h1{max-width:none}
@media (min-width:1024px){.hero-servico h1{font-size:42px}.hero-servico .hero-grade{align-items:center}}
@media (min-width:1280px){.hero-servico h1{font-size:46px}}
.faixa-resposta{padding:var(--sp-2xl) max(var(--margem),env(safe-area-inset-left,0px))}
.resposta-direta{max-width:1248px;margin-inline:auto;display:grid;gap:var(--sp-sm);padding:var(--sp-xl);border-left:4px solid var(--text-sol);background:var(--bg-surface);border-radius:var(--r-lg)}
.resposta-direta p:not(.t-rotulo){font-size:18px;line-height:1.55;max-width:900px}
.faixa-tight{padding-block:var(--sp-3xl)}
.sub-tipos{margin-top:var(--sp-3xl)}
.sub-ig h3{font-family:var(--f-titulo);font-size:24px;line-height:1.25}
.dif h4{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.25}
.dif-link{display:inline-flex;align-items:center;gap:var(--sp-sm);min-height:44px;font-weight:600;font-size:15px;color:var(--text-link);margin-top:auto}
.dif-link .ico{transition:transform var(--dur-2) var(--ease)}
.dif-link:hover .ico{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.dif-link .ico{transition:none!important}}
.passos.passos-seis{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.passos.passos-seis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.passos.passos-seis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.passo p{flex:1}
.passo-prazo{display:flex;align-items:center;gap:var(--sp-sm);flex:none!important;padding-top:var(--sp-md);border-top:1px solid var(--border-subtle);font-family:var(--f-mono);font-size:13px!important;font-weight:500;color:var(--text-primary)!important}
.passo-prazo .ico{color:var(--text-sol);flex:none}
.nota-prazo{margin-top:var(--sp-xl);max-width:820px}
.duas-listas{display:grid;gap:var(--sp-lg)}
@media (min-width:768px){.duas-listas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.caixa-lista{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl);display:grid;gap:var(--sp-lg);align-content:start;min-width:0}
:root[data-theme="dark"] .caixa-lista{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .caixa-lista{border-color:var(--card-border)}}
.caixa-lista h3{font-family:var(--f-titulo);font-weight:600;font-size:22px}
.caixa-lista ul{display:grid;gap:var(--sp-md)}
.caixa-lista li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--sp-md);align-items:start;font-size:15px;line-height:1.5;color:var(--text-secondary);min-height:48px}
.ico-sim{color:var(--text-ok)}
.ico-nao{color:var(--text-sol)}
.tabela-fatores{min-width:760px}
.tabela-fatores tbody th{width:24%}
.preco-ref{display:grid;gap:var(--sp-xl);margin-top:var(--sp-3xl);align-items:start}
@media (min-width:1024px){.preco-ref{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-2xl)}}
.preco-ref .ig-acoes{margin-top:var(--sp-lg)}
.ig-itens.ig-um{grid-template-columns:minmax(0,1fr)}
.tabela-tipos{min-width:640px}
.tabela-tipos tbody th{width:22%}
.erro-item{display:grid;gap:var(--sp-xs);padding-top:var(--sp-md);border-top:1px solid var(--border-subtle)}
.erro-item h5{font-size:15px;line-height:1.35;font-weight:600;color:var(--text-primary)}
.checklist{display:grid;gap:var(--sp-sm)}
@media (min-width:768px){.checklist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-xl)}}
.checklist li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--sp-md);align-items:start;min-height:44px}
.prova-real{margin-top:var(--sp-xl);max-width:900px;font-size:15px;line-height:1.55;color:var(--text-secondary)}
.caixa-apoio{margin-top:var(--sp-2xl);display:grid;gap:var(--sp-md);padding:var(--sp-xl);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-surface-raised)}
.caixa-apoio ul{display:grid;gap:var(--sp-lg)}
@media (min-width:768px){.caixa-apoio ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-xl)}}
.caixa-apoio li{display:grid;gap:var(--sp-xs);align-content:start}
.caixa-apoio li a{font-family:var(--f-titulo);font-weight:600;font-size:19px;line-height:1.3;color:var(--text-link)}
.caixa-apoio li span{font-size:14.5px;line-height:1.5;color:var(--text-secondary)}
@media (max-width:639px){.duas-listas,.preco-ref,.caixa-apoio ul{grid-template-columns:minmax(0,1fr)}}

/* ===== pagina sobre (entity home) ===== */
.hero-sobre{padding-top:var(--sp-xl)}
@media (min-width:768px){.hero-sobre{padding-top:var(--sp-2xl)}}
.hero-sobre .hero-texto h1{max-width:none}
.hero-sobre .lead-def{font-size:17px;line-height:1.55}
@media (min-width:1024px){
  .hero-sobre h1{font-size:42px}
  .hero-sobre .hero-grade{align-items:start}
  .hero-sobre .hero-texto{grid-column:1 / span 7}
  .hero-sobre .ficha{grid-column:9 / span 4}
}
@media (min-width:1280px){.hero-sobre h1{font-size:46px}}
.hero-sobre .hero-acoes .btn{padding:0 var(--sp-xl)}
.ficha{background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-xl);display:grid;gap:var(--sp-md);align-content:start}
@media (min-width:768px){.ficha{padding:var(--sp-2xl)}}
.ficha .t-rotulo{color:var(--text-muted)}
.ficha dl{display:grid;gap:0}
.ficha-linha{display:grid;gap:2px;padding:var(--sp-md) 0;border-top:1px solid var(--border-subtle)}
.ficha-linha:first-child{border-top:0}
.ficha dt{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.ficha dd{margin:0;font-size:15px;line-height:1.45;font-weight:600;color:var(--text-primary)}
.sub-linha{margin-top:var(--sp-3xl)}
.linha-tempo{display:grid;gap:var(--sp-lg);counter-reset:marco}
@media (min-width:640px){.linha-tempo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.linha-tempo{grid-template-columns:repeat(4,minmax(0,1fr))}}
.marco{display:flex;flex-direction:column;gap:var(--sp-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:4px solid var(--text-sol);border-radius:var(--r-lg);padding:var(--sp-xl)}
:root[data-theme="dark"] .marco{border-color:var(--card-border);border-top-color:var(--text-sol)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .marco{border-color:var(--card-border);border-top-color:var(--text-sol)}}
.marco-ano{font-family:var(--f-mono);font-weight:500;font-size:28px;line-height:1;color:var(--text-sol)}
.marco h4{font-family:var(--f-titulo);font-weight:600;font-size:20px;line-height:1.25}
.marco p{font-size:15px;line-height:1.5;color:var(--text-secondary)}
#historia .figura img{aspect-ratio:5 / 4}
.dividido .texto .sub-ig{margin-bottom:0}
.dividido .texto .sub-ig p+p{margin-top:calc(var(--sp-sm) * -1 + var(--sp-xs))}
.caixa-lista h4{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.25}
.numeros{display:grid;gap:var(--sp-lg)}
@media (min-width:640px){.numeros{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.numeros{grid-template-columns:repeat(4,minmax(0,1fr))}}
.numero{display:flex;flex-direction:column;gap:var(--sp-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-xl)}
:root[data-theme="dark"] .numero{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .numero{border-color:var(--card-border)}}
.numero h3{display:grid;gap:var(--sp-sm);font-size:19px;line-height:1.3}
.numero-valor{font-family:var(--f-mono);font-weight:500;font-size:48px;line-height:1;color:var(--text-sol)}
.numero>p{font-size:15px;line-height:1.5;color:var(--text-secondary)}
@media (min-width:1024px){.numero-rotulo{min-height:calc(2 * 1.3em)}.dif-quatro{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pendente{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-sm);background:var(--etq-bg);color:var(--etq-tx);font-family:var(--f-mono);font-weight:500;font-size:12px}
.nap{display:grid;gap:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden}
:root[data-theme="dark"] .nap{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nap{border-color:var(--card-border)}}
@media (min-width:768px){.nap{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nap-linha{display:grid;gap:var(--sp-xs);align-content:start;padding:var(--sp-xl);border-top:1px solid var(--border-subtle);min-width:0}
.nap-linha:first-child{border-top:0}
@media (min-width:768px){.nap-linha{border-top:0;border-left:1px solid var(--border-subtle)}.nap-linha:nth-child(3n+1){border-left:0}.nap-linha:nth-child(n+4){border-top:1px solid var(--border-subtle)}}
.nap dt{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.nap dd{margin:0;font-size:16px;line-height:1.45;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}
.dif h4{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.25}
.perfil-nome{font-family:var(--f-mono);font-weight:500;font-size:15px!important;color:var(--text-primary)!important}
.cta-sobre{align-items:center}
@media (min-width:1024px){.cta-sobre .cta-texto{grid-column:1 / span 6}.cta-sobre .cta-botoes{grid-column:8 / span 5}}
.cta-botoes{display:grid;gap:var(--sp-md);justify-items:stretch}
.cta-botoes .btn{width:100%;text-align:center}
.link-inverso{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-weight:600;font-size:15px;color:var(--text-accent-on-inverse);text-decoration:underline;text-underline-offset:3px;text-align:center}
@media (max-width:639px){.nap,.numeros,.linha-tempo{grid-template-columns:minmax(0,1fr)}}
.faixa-inversa .cta-botoes .btn-primario,.faixa-inversa .cta-botoes .btn-primario:hover{color:var(--text-on-action)}
.faixa-inversa .cta-botoes .btn-inverso,.faixa-inversa .cta-botoes .btn-inverso:hover{color:var(--btn-inverso-tx)}

/* Links e botoes para o WhatsApp: sempre com o logotipo (Phosphor, preenchido) */
.ico.ico-marca{fill:currentColor;stroke:none}
.link-zap{display:inline-flex;align-items:center;gap:var(--sp-sm)}

/* Rodape, coluna Atendimento: icone antes de cada item, horario em uma linha */
.rod-contato li a,.rod-contato li>span{gap:var(--sp-sm)}
.rod-contato .rod-horario{white-space:nowrap}
.rod-contato .ico{width:20px;height:20px}

/* ===== blog: hub e categoria ===== */
.ico-48{width:48px;height:48px;stroke-width:1.5}
.blog-lista{display:grid;gap:var(--sp-lg);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.blog-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.blog-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cartao-blog img{aspect-ratio:16 / 9}
.cartao-blog h3{font-family:var(--f-titulo);font-weight:600;font-size:21px;line-height:1.25}
@media (min-width:1024px){.cartao-blog h3{min-height:calc(3 * 1.25em)}}
.cartao-blog h3 a{color:inherit;text-decoration:none}
.cartao-blog h3 a::after{content:"";position:absolute;inset:0}
.cartao-blog h3 a:focus-visible{outline:none}
.cartao-blog:has(h3 a:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}
.cartao-blog .cartao-corpo{gap:var(--sp-md)}
.cartao-blog p{min-height:calc(2 * 1.5em)}
.meta-blog{display:flex;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-lg);margin-top:auto;padding-top:var(--sp-md);border-top:1px solid var(--border-subtle);font-size:14px;line-height:1.4;color:var(--text-muted)}
.meta-item{display:inline-flex;align-items:center;gap:var(--sp-xs)}
.meta-item .ico{color:var(--text-sol)}
@media (hover:hover){.cartao-blog:hover .meta-blog{color:var(--servico-texto-hover);border-top-color:var(--servico-icone-bg-hover)}.cartao-blog:hover .meta-item .ico{color:var(--servico-icone-hover)}.cartao-blog:hover .etq{background:var(--text-on-highlight);color:var(--bg-highlight-row)}}
.cartao-midia{aspect-ratio:16 / 9;display:grid;place-items:center;background:var(--bg-inverse);color:var(--text-accent-on-inverse)}
.hero-blog .hero-texto h1{max-width:none}
.destaque-blog{display:grid;gap:var(--sp-2xl);align-items:center}
@media (min-width:1024px){.destaque-blog{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-xl)}.destaque-fig{grid-column:1 / span 6}.destaque-texto{grid-column:8 / span 5}}
.destaque-fig img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r-lg);background:var(--ph-a)}
.destaque-texto{display:grid;gap:var(--sp-lg);justify-items:start}
.destaque-texto h2{font-size:30px;line-height:1.2}
@media (min-width:1024px){.destaque-texto h2{font-size:34px}}
.destaque-texto h2 .link-titulo{color:inherit;text-decoration:none}
.destaque-texto h2 .link-titulo:hover{text-decoration:underline;text-underline-offset:4px}
.destaque-texto>p:not(.t-rotulo){font-size:18px;line-height:1.5;color:var(--text-secondary)}
.destaque-texto .meta-blog{margin-top:0;padding-top:0;border-top:0}
.grade-assuntos .cartao-topo h3{font-size:19px}
.faixa-insta{display:grid;gap:var(--sp-lg);align-items:center;margin-top:var(--sp-xl);padding:var(--sp-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}
:root[data-theme="dark"] .faixa-insta{border-color:var(--card-border)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .faixa-insta{border-color:var(--card-border)}}
@media (min-width:768px){.faixa-insta{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-xl);padding:var(--sp-xl) var(--sp-2xl)}}
.faixa-insta h3{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.25}
.faixa-insta p{font-size:15px;line-height:1.5;color:var(--text-secondary);margin-top:var(--sp-xs)}
.paginacao{display:grid;gap:var(--sp-md);justify-items:center;margin-top:var(--sp-3xl)}
.pag-info{font-size:14px;color:var(--text-muted)}
.paginacao ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-sm)}
.pag-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-xs);min-width:44px;min-height:44px;padding:0 var(--sp-md);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-primary);font-weight:600;font-size:15px;text-decoration:none}
a.pag-item:hover{background:var(--bg-highlight-row);border-color:var(--bg-highlight-row);color:var(--text-on-highlight)}
.pag-atual{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--text-on-inverse)}
.pag-desab{color:var(--text-muted);background:transparent;border-color:var(--border-subtle)}
.pag-reticencias{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-xs);color:var(--text-muted)}
.cartao-blog p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grade-assuntos .cartao-topo{min-height:52px}
.destaque-fig img{aspect-ratio:4 / 3}
.destaque-fig{margin:0}

/* ===== ARTIGO DO BLOG ===== */
.art-cab .resposta-direta{margin-inline:0;max-width:none}
.art-cab .hero-fig img{aspect-ratio:16 / 9}
.art-cab .etq{text-decoration:none}
@media (min-width:1024px){.art-cab .hero-texto{grid-column:1 / span 8}.art-cab .hero-fig{grid-column:9 / span 4}.art-cab .hero-fig img{aspect-ratio:4 / 3}}
.art-meta{display:grid;gap:var(--sp-md)}
.art-autor-linha{display:flex;align-items:center;gap:var(--sp-md)}
.art-autor-linha img{width:44px;height:44px;border-radius:50%;background:var(--bg-canvas-soft);padding:6px;border:1px solid var(--border-subtle)}
.art-autor-linha>div{display:grid;line-height:1.35}
.art-autor-nome a{font-weight:600;display:inline-flex;align-items:center;min-height:24px}
.art-autor-cargo{font-size:14px;color:var(--text-muted)}
.art-datas{display:flex;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-xl);font-size:14px;color:var(--text-muted)}
.art-datas .meta-item .ico{color:var(--text-sol)}
.art-faixa{padding-top:var(--sp-2xl)}
.art-grade{max-width:1248px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-xl)}
.art-a-resumo,.art-a-toc,.art-corpo{min-width:0}
@media (min-width:1024px){
  .art-grade{grid-template-columns:minmax(0,760px) 300px;column-gap:var(--sp-4xl);justify-content:center;grid-template-areas:"resumo toc" "corpo toc";grid-template-rows:auto 1fr}
  .art-a-resumo{grid-area:resumo}.art-a-toc{grid-area:toc;align-self:start;position:sticky;top:96px}.art-corpo{grid-area:corpo}
}
.art-resumo{display:grid;gap:var(--sp-md);padding:var(--sp-xl);background:var(--bg-economia-soft);border:1px solid var(--border-subtle);border-left:4px solid var(--text-economia);border-radius:var(--r-lg)}
.art-resumo .lista li{font-size:16px;line-height:1.55;color:var(--text-primary)}
.art-toc{display:grid;gap:var(--sp-sm);padding:var(--sp-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}
.art-toc ol{display:grid;gap:2px;counter-reset:toc}
.art-toc li{counter-increment:toc}
.art-toc li a{display:flex;align-items:flex-start;gap:var(--sp-sm);min-height:44px;padding:var(--sp-sm) var(--sp-sm);border-radius:var(--r-md);font-size:15px;line-height:1.4;font-weight:400;color:var(--text-secondary);text-decoration:none}
.art-toc li a::before{content:counter(toc);font-family:var(--f-mono);font-weight:500;font-size:13px;color:var(--text-sol);min-width:1.2em;padding-top:2px}
.art-toc li a:hover{background:var(--bg-canvas-soft);text-decoration:underline;text-underline-offset:3px}
.art-corpo{font-size:17px;line-height:1.7}
.art-corpo>*+*{margin-top:var(--sp-lg)}
.art-corpo h2{margin-top:var(--sp-3xl);scroll-margin-top:88px}
.art-corpo>h2:first-child{margin-top:0}
.art-corpo h3{font-family:var(--f-titulo);font-weight:600;font-size:23px;line-height:1.25;margin-top:var(--sp-2xl)}
.art-corpo h2+p,.art-corpo h3+p,.art-corpo h3+ul{margin-top:var(--sp-md)}
.art-corpo .abre{font-size:19px;line-height:1.6;color:var(--text-primary)}
.art-corpo p a,.art-corpo li a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px}
.art-corpo p a:hover,.art-corpo li a:hover{color:var(--text-link-hover)}
.art-corpo .lista li{line-height:1.6}
.art-corpo .nota-tabela{font-size:14px;line-height:1.5;color:var(--text-muted);margin-top:var(--sp-sm)}
.tabela-art{min-width:620px}
.tabela-art th,.tabela-art td{padding:var(--sp-md) var(--sp-md);font-size:14.5px}
.tabela-art tbody th{white-space:nowrap}
.tabela-art tbody td:last-child{font-weight:600;color:var(--text-economia)}
.tabela-retorno tbody td:last-child{color:var(--text-secondary);font-weight:400}
.tabela-fiob{min-width:700px}
.art-cta{display:grid;gap:var(--sp-md);padding:var(--sp-2xl);background:var(--bg-inverse);color:var(--text-on-inverse);border-radius:var(--r-lg);margin-top:var(--sp-3xl)!important}
.art-cta .t-rotulo{color:var(--text-accent-on-inverse)}
.art-cta p{color:var(--text-secondary-on-inverse);font-size:16px;line-height:1.6}
.art-cta .art-cta-t{font-family:var(--f-titulo);font-weight:600;font-size:26px;line-height:1.2;color:var(--text-on-inverse)}
.art-corpo .art-cta p a{color:var(--text-accent-on-inverse)}
.art-corpo .art-cta p a:hover{color:#FEBB71}
.art-cta-acoes{display:flex;flex-wrap:wrap;gap:var(--sp-md);margin-top:var(--sp-sm)}
.art-cta-acoes .btn{text-decoration:none}
.checklist{display:grid;gap:var(--sp-md)}
.checklist li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--sp-md);align-items:start;padding:var(--sp-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}
.check-ico{width:44px;height:44px;border-radius:var(--r-lg);background:var(--bg-canvas-soft);color:var(--text-sol);display:grid;place-items:center}
.checklist strong{font-size:17px;color:var(--text-primary)}
.checklist p{font-size:15.5px;line-height:1.55;color:var(--text-secondary);margin-top:2px}
.checklist .faca{display:block;margin-top:var(--sp-xs);color:var(--text-primary)}
.passos-art{display:grid;gap:var(--sp-md);counter-reset:pa}
.passos-art li{position:relative;counter-increment:pa;padding:var(--sp-lg) var(--sp-lg) var(--sp-lg) 68px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);font-size:16px;line-height:1.6;color:var(--text-secondary)}
.passos-art li::before{content:counter(pa);position:absolute;left:var(--sp-lg);top:var(--sp-lg);width:36px;height:36px;border-radius:50%;background:var(--bg-canvas-soft);color:var(--text-sol);display:grid;place-items:center;font-family:var(--f-mono);font-weight:500;font-size:16px}
.passos-art strong{color:var(--text-primary)}
.art-corpo .faq{max-width:none}
.art-corpo .faq summary h3{margin-top:0;font-family:var(--f-texto);font-size:18px;line-height:1.35}
.art-corpo .faq .resposta{padding-right:var(--sp-xl)}
.art-fontes{display:grid;gap:var(--sp-sm);padding:var(--sp-xl);border:1px solid var(--border-subtle);border-radius:var(--r-lg);font-size:15px;line-height:1.55;color:var(--text-secondary);margin-top:var(--sp-3xl)!important}
.art-fontes ul{display:grid;gap:var(--sp-sm)}
.art-fontes li{padding-left:16px;position:relative}
.art-fontes li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:1px;background:var(--text-sol)}
.art-autor{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-lg);align-items:start;padding:var(--sp-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);margin-top:var(--sp-xl)!important}
.art-autor img{width:64px;height:64px;border-radius:50%;background:var(--bg-canvas-soft);padding:10px;border:1px solid var(--border-subtle)}
.art-autor>div{display:grid;gap:var(--sp-sm)}
.art-autor p{font-size:15.5px;line-height:1.55;color:var(--text-secondary)}
.art-autor .art-autor-n{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.2;color:var(--text-primary)}
.art-corpo .art-autor .art-autor-n a{color:var(--text-primary);text-decoration:none}
.art-corpo .art-autor .dif-link{text-decoration:none}
@media (max-width:479px){.art-autor{grid-template-columns:minmax(0,1fr)}}
.blog-tres{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.blog-tres{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* cabecalho de duas linhas (a partir de 1200px): o sumario e os titulos descem para nao ficar sob o menu */
@media (min-width:1200px){.art-a-toc{top:144px}.art-corpo h2{scroll-margin-top:136px}}
.art-toc li a{border-left:3px solid transparent;transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.art-toc li a[aria-current="true"]{background:var(--bg-canvas-soft);border-left-color:var(--action-primary);color:var(--text-primary);font-weight:600}
.art-toc li a[aria-current="true"]::before{color:var(--text-primary)}
@media (prefers-reduced-motion:reduce){.art-toc li a{transition:none}}

/* ===== PAGINAS INSTITUCIONAIS (politicas, obrigado, 404) ===== */
.legal-cab .hero-texto{max-width:880px}
.legal-datas{margin-top:calc(var(--sp-sm) * -1)}
.legal-corpo h2{margin-top:var(--sp-3xl)}
.legal-corpo .tabela-rolagem{margin-top:var(--sp-md)}
.tabela-legal{min-width:640px}
.tabela-cookies{min-width:880px}
.tabela-legal tbody td:last-child,.tabela-cookies tbody td:last-child{font-weight:400;color:var(--text-secondary)}
.tabela-legal th,.tabela-legal td,.tabela-cookies th,.tabela-cookies td{vertical-align:top}
.tabela-cookies tbody th{white-space:normal;min-width:150px}

/* obrigado */
.obr-cab .hero-texto h1{max-width:none}
.obr-cab .etq .ico{color:var(--text-economia)}
.nota-zap{font-size:14px;color:var(--text-muted)}
@media (min-width:1024px){.obr-cab .pedido-card{grid-column:8 / span 5;align-self:center}}
.pedido-card{display:grid;gap:var(--sp-lg);padding:var(--sp-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:4px solid var(--text-economia);border-radius:var(--r-lg)}
.pedido-card dl{display:grid;gap:0;margin:0}
.pedido-card dl>div{display:grid;gap:var(--sp-xs);padding:var(--sp-md) 0;border-top:1px solid var(--border-subtle)}
.pedido-card dl>div:first-child{border-top:0;padding-top:0}
.pedido-card dt{display:flex;align-items:center;gap:var(--sp-sm);font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.pedido-card dt .ico{color:var(--text-sol)}
.pedido-card dd{margin:0;font-size:17px;line-height:1.4;font-weight:600;color:var(--text-primary)}
.campo-modelo{border-bottom:2px dashed var(--border-strong);color:var(--text-primary)}
.nota-modelo{font-size:13.5px;color:var(--text-muted)}
.aviso-guardado{margin-bottom:var(--sp-xl);padding:var(--sp-lg) var(--sp-xl);border-left:4px solid var(--text-sol);background:var(--bg-surface);border-radius:var(--r-lg)}
.aviso-guardado[hidden]{display:none}
.passos.passos-tres{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.passos.passos-tres{grid-template-columns:repeat(3,minmax(0,1fr))}}
.passos-tres .passo h3{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1.25}
.grade-servicos.grade-tres{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.grade-servicos.grade-tres{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 404 */
.e404-cab .hero-texto h1{max-width:none}
@media (min-width:1024px){.e404-cab .fig-404{grid-column:9 / span 4;align-self:center}}
.fig-404{display:grid;justify-items:center;gap:var(--sp-md);padding:var(--sp-2xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);color:var(--text-sol)}
.num-404{font-family:var(--f-titulo);font-weight:800;font-size:88px;line-height:1;color:var(--text-primary)}
.dif-grade.hub-grade-16{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.dif-grade.hub-grade-16{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.dif-grade.hub-grade-16{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hub-grade-16 .dif h3{font-family:var(--f-titulo);font-weight:600;font-size:21px;line-height:1.25}
@media (min-width:1024px){.hub-grade-16 .dif h3{min-height:calc(2 * 1.25em)}.hub-grade-16 .dif p{min-height:calc(2 * 1.5em)}}

@media (min-width:1024px){.legal-grade{justify-content:space-between}}
.tabela-legal{min-width:600px}
.tabela-legal tbody th{width:34%}
.tabela-cookies{min-width:620px}
.tabela-cookies tbody th{width:34%;white-space:normal}
.tabela-cookies small{display:block;font-weight:400;font-size:13px;color:var(--text-muted)}
@media (min-width:900px){.passos-tres .passo h3{min-height:calc(2 * 1.25em)}}
.legal-cab{padding-bottom:var(--sp-xl)}
@media (min-width:1024px){.legal-cab{padding-bottom:var(--sp-2xl)}.legal-cab+.art-faixa{padding-top:var(--sp-xl)}}
/* Mega menu fechado por clique em Fechar ou Esc: vence hover e foco ate o mouse ou o foco sairem */
@media (min-width:1200px){.mega-item.fechado-agora>.mega{visibility:hidden!important;opacity:0!important;transition:none!important}}

.hero-acoes-servico{align-items:center;margin:var(--sp-lg) 0}
.hero-servico .hero-sim{scroll-margin-top:96px}
@media (max-width:1023px){.hero-acoes-servico{flex-direction:column;align-items:stretch}.hero-acoes-servico .link-seta{justify-content:center}}
@media (min-width:1024px){.hero-acoes-servico .so-empilhado{display:none}}

.tabela-rolagem+.duas-listas,.tabela-rolagem+.caixa-lista,.dif-grade+.duas-listas,.dif-grade+.caixa-lista{margin-top:var(--sp-xl)}
/* Simetria no tablet: grade de 3 itens fica em 1 coluna e a de 9 itens em 3 colunas, para nao sobrar card sozinho na ultima linha */
@media (min-width:640px) and (max-width:1023px){
  .dif-grade:has(>:nth-child(3):last-child),.grade-servicos:not(.grade-tres):has(>:nth-child(3):last-child),.ig-itens.ig-tres{grid-template-columns:minmax(0,1fr)}
  .grade-servicos:has(>:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Simetria no desktop: grade de 4 cards usa 4 colunas e a de 2 cards usa 2 colunas */
@media (min-width:1024px){.dif-grade:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}.dif-grade:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* CTA no meio da pagina: faixa de destaque na largura do conteudo (diferente do CTA final, de largura total) e botao de acao em linha */
.faixa-cta{padding-block:var(--sp-3xl)}
@media (min-width:1024px){.faixa-cta{padding-block:var(--sp-4xl)}}
.cta-destaque{display:grid;gap:var(--sp-xl);align-items:center;padding:var(--sp-2xl) var(--sp-xl);background:var(--action-primary);color:var(--text-on-action);border-radius:var(--r-lg)}
@media (min-width:768px){.cta-destaque{padding:var(--sp-3xl)}}
@media (min-width:1024px){.cta-destaque{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:var(--sp-3xl);padding:var(--sp-4xl)}}
.cta-destaque p{margin:0}
.cta-d-titulo{font-family:var(--f-titulo);font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.15;text-wrap:balance}
.cta-destaque .cta-d-texto{margin-top:var(--sp-lg);max-width:56ch;font-size:17px;line-height:1.55;text-wrap:pretty}
.cta-d-acao{display:grid;gap:var(--sp-sm);justify-items:start}
@media (min-width:1024px){.cta-d-acao{justify-items:center;text-align:center}.cta-destaque .btn{white-space:normal;text-align:center}}
.cta-destaque .cta-d-nota{font-size:14px;line-height:1.4}
.cta-destaque .btn:focus-visible{outline-color:var(--focus-ring-on-inverse)}
@media (max-width:767px){.cta-destaque .btn{width:100%}}
.cta-linha{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-md) var(--sp-lg);margin-top:var(--sp-3xl)}
.cta-linha .nota{font-size:14px;line-height:1.4;color:var(--text-secondary)}
@media (max-width:639px){.cta-linha .btn{width:100%}}

/* Formulario de pedido (hub e servico): 10 campos, erro junto do campo, honeypot e botao com estado de carregamento.
   Fica dentro do painel escuro .cta-form. O envio ainda nao esta conectado (PF12). */
.form-pedido{position:relative}
.campo-isca{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (min-width:640px){.cta-form.form-pedido .linha-campos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.form-pedido .campo label,.form-pedido .opcoes legend{color:var(--text-on-inverse)}
.form-pedido .erro{margin:0;font-size:14px;line-height:1.4;font-weight:600;color:var(--erro-on-inverse)}
.form-pedido .erro[hidden]{display:none}
.form-pedido [aria-invalid="true"]{border-color:var(--erro-forte);box-shadow:0 0 0 2px var(--erro-forte)}
.form-pedido .campo-erro .opcoes-linha,.form-pedido .campo-erro .check{outline:2px solid var(--erro-on-inverse);outline-offset:4px;border-radius:var(--r-md)}
.opcoes{border:0;padding:0;margin:0;min-width:0}
.opcoes legend{padding:0;margin:0 0 var(--sp-sm);font-weight:600;font-size:16px;line-height:1.4}
.opcoes-linha{display:grid;gap:var(--sp-sm)}
@media (min-width:640px){.opcoes-linha{grid-template-columns:repeat(2,minmax(0,1fr))}}
.opcao,.check{display:flex;align-items:center;gap:var(--sp-md);color:var(--text-on-inverse);font-size:15px;line-height:1.45;cursor:pointer}
.opcao{min-height:48px;padding:var(--sp-sm) var(--sp-lg);border:1px solid var(--text-secondary-on-inverse);border-radius:var(--r-md)}
.opcao:hover{border-color:var(--text-on-inverse)}
.opcao:focus-within,.check:focus-within{outline:3px solid var(--focus-ring-on-inverse);outline-offset:2px}
.check{align-items:flex-start;padding:var(--sp-xs) 0}
.opcao input,.check input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--text-accent-on-inverse)}
.check input{margin-top:1px}
.form-pedido a{color:var(--footer-link-hover);text-decoration:underline;text-underline-offset:3px}
.aviso-form{margin:0;padding:var(--sp-md) var(--sp-lg);border-left:4px solid var(--text-accent-on-inverse);background:var(--bg-inverse);color:var(--text-on-inverse);font-size:15px;line-height:1.5;border-radius:var(--r-sm)}
.aviso-envio{margin:0;padding:var(--sp-md) var(--sp-lg);display:grid;gap:var(--sp-sm);justify-items:start;border-left:4px solid var(--erro-on-inverse);border-radius:var(--r-sm);background:rgba(255,255,255,.08);color:var(--text-on-inverse);font-size:15px;line-height:1.5}
.aviso-envio[hidden]{display:none}
[data-pedido-mostrar][hidden]{display:none}
.pedido-card dd.protocolo{font-family:var(--f-mono);font-weight:500;letter-spacing:.02em;overflow-wrap:anywhere}
/* Pagina /obrigado/: lista de preparo em 2 colunas iguais (4 itens) no tablet e no computador */
@media (min-width:768px){.checklist-dupla{grid-template-columns:repeat(2,minmax(0,1fr))}}
.checklist-dupla li{align-items:center}
.aviso-envio p{margin:0}
.aviso-envio-titulo{font-weight:700}
.aviso-envio .btn{margin-top:var(--sp-xs)}
.aviso-envio:focus-visible{outline:3px solid var(--focus-ring-on-inverse);outline-offset:3px}
.btn[aria-busy="true"]{cursor:progress;opacity:.85}
.btn[aria-busy="true"] .btn-texto::before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--sp-sm);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;animation:girar .8s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.btn[aria-busy="true"] .btn-texto::before{animation:none;border-right-color:currentColor}}

.tabela-rolagem+.apoio,.dif-grade+.apoio{margin-top:var(--sp-lg)}
@media (min-width:640px){.cta-form.form-pedido .linha-campos{row-gap:0;grid-template-rows:auto auto auto}.cta-form.form-pedido .linha-campos>.campo{grid-row:span 3;grid-template-rows:subgrid}}

/* Imagem reservada: bloco que ocupa o lugar da foto ate a imagem real ser enviada (trocar por <img> com width, height e alt) */
.img-reservada{display:grid;place-items:center;align-content:center;gap:var(--sp-xs);width:100%;aspect-ratio:16 / 10;padding:var(--sp-lg);border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--ph-a);color:var(--text-secondary);text-align:center;font-family:var(--f-mono);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.img-reservada strong{font-weight:500;color:var(--text-primary)}
.nq{white-space:nowrap}

/* Aviso de cookies e painel de preferencias. O aviso e fixo (nao empurra o conteudo: sem mudanca de layout) e deixa a pagina rolar.
   Os tres botoes sao identicos (mesma classe, tamanho e cor): nenhum tem mais destaque que o outro. */
.cookies-aviso{position:fixed;z-index:70;left:var(--sp-lg);right:var(--sp-lg);bottom:calc(var(--sp-lg) + env(safe-area-inset-bottom,0px));max-height:min(60vh,440px);overflow:auto;padding:var(--sp-lg);display:grid;gap:var(--sp-md);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--sombra-flutuante)}
.cookies-aviso[hidden]{display:none}
.cookies-titulo{font-family:var(--f-titulo);font-weight:700;font-size:19px;line-height:1.25}
.cookies-aviso p{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-secondary)}
.cookies-aviso .cookies-titulo{color:var(--text-primary)}
.cookies-aviso a,.cookies-painel a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px}
.cookies-acoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-sm)}
.cookies-botao{width:100%;min-height:44px;padding-inline:var(--sp-sm);font-size:14px;line-height:1.2;text-align:center;justify-content:center;white-space:normal}
@media (min-width:768px){
  .cookies-aviso{left:var(--sp-xl);right:auto;bottom:calc(var(--sp-xl) + env(safe-area-inset-bottom,0px));width:min(480px,calc(100vw - 48px));padding:var(--sp-xl)}
  .cookies-botao{font-size:15px}
}
.cookies-painel{width:min(600px,calc(100% - 32px));max-height:min(88dvh,760px);margin:auto;padding:var(--sp-xl);overflow:auto;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--sombra-flutuante)}
.cookies-painel::backdrop{background:var(--overlay)}
.cookies-painel>*+*{margin-top:var(--sp-lg)}
.cookies-painel p{margin:0;font-size:15px;line-height:1.55;color:var(--text-secondary)}
.cookies-painel-topo{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md)}
.cookies-painel h2{font-family:var(--f-titulo);font-weight:700;font-size:24px;line-height:1.2}
.cookies-fechar{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--r-md);background:transparent;color:var(--text-primary);cursor:pointer}
.cookies-fechar:hover{background:var(--action-secondary)}
.cookies-cat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-lg);align-items:start;padding:var(--sp-lg);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}
.cookies-cat h3{font-size:17px;line-height:1.3;font-weight:600;color:var(--text-primary)}
.cookies-cat p+p{margin-top:var(--sp-xs)}
.cookies-painel .cookies-ferr{font-size:13.5px;color:var(--text-muted)}
.cookies-chave{position:relative;display:grid;justify-items:end;gap:var(--sp-xs);min-width:56px;min-height:44px;align-content:start;cursor:pointer}
.cookies-chave input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cookies-chave-fixa,.cookies-chave-fixa input{cursor:default}
.cookies-trilho{position:relative;display:block;width:52px;height:30px;border-radius:999px;background:var(--border-strong);transition:background-color var(--dur-2) var(--ease)}
.cookies-trilho::before{content:"";position:absolute;z-index:1;top:8px;left:34px;width:6px;height:11px;border:solid var(--text-ok);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);opacity:0}
.cookies-trilho::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}
/* Ligado = verde (o mesmo de "economia" e de "ok" do design system) com bolinha clara e um check dentro; desligado = cinza. A diferenca nao depende so da cor: ha o check e o texto Ativado/Desativado. */
.cookies-chave input:checked+.cookies-trilho{background:var(--text-ok)}
.cookies-chave input:checked+.cookies-trilho::after{transform:translateX(22px);background:var(--bg-surface)}
.cookies-chave input:checked+.cookies-trilho::before{opacity:1}
.cookies-chave input:checked~.cookies-estado{color:var(--text-ok);font-weight:600}
.cookies-chave input:focus-visible+.cookies-trilho{outline:3px solid var(--focus-ring);outline-offset:3px}
.cookies-estado{font-size:12.5px;line-height:1.2;color:var(--text-muted);text-align:right;max-width:80px}
.cookies-estado:empty{display:none}
.rodape-base nav a[data-cookies-abrir]{cursor:pointer}
@media (prefers-reduced-motion:reduce){.cookies-trilho,.cookies-trilho::after{transition:none}}