/* Guias com a conta feita — estilo comum das páginas de tema (gfp360.com.br) */
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:url(/fontes/spectral-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Spectral";font-style:normal;font-weight:600;font-display:swap;src:url(/fontes/spectral-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fontes/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fontes/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fontes/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}

:root{
  --navy:#062753;--navy-deep:#041B3A;--gold:#EFC75B;--paper:#F3F5F7;--white:#FFFFFF;
  --ink:#12161C;--ink-soft:#4A535F;--rule:#D5DAE0;--ok:#1F6B3A;--alerta:#8A5A00;--measure:40rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:17px;line-height:1.62}
h1,h2,h3{font-family:Spectral,Georgia,serif;font-weight:600;line-height:1.2;margin:0;letter-spacing:-.01em}
p{margin:0 0 1.1em}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:.18em}
:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:52rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:640px){.wrap{padding:0 1.75rem}}
.num,.calc output,.tab td{font-variant-numeric:tabular-nums}

/* topo */
.topo{background:var(--navy)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:4rem;gap:1rem}
.marca{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.marca svg{width:1.8rem;height:1.8rem;flex:0 0 auto}
.marca b{font-family:Spectral;font-size:1.4rem;font-weight:600;color:var(--white);letter-spacing:-.02em}
.marca b span{color:var(--gold)}
.topo nav a{color:#B7C9DF;text-decoration:none;font-size:.93rem}
.topo nav a:hover{color:var(--white)}

/* cabeçalho do guia */
.cab{background:var(--navy);color:var(--white);padding:2.2rem 0 2.6rem}
.trilha{font-size:.86rem;color:#9FB4CE;margin:0 0 1rem;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}
.trilha li+li::before{content:"›";margin-right:.35rem;color:#6F88A8}
.trilha a{color:#C3D2E4;text-decoration:none}
.cab h1{font-size:clamp(1.7rem,4.6vw,2.6rem);max-width:24ch;margin-bottom:1rem}
.cab .resumo{color:#D3DEEB;font-size:1.06rem;max-width:var(--measure);margin-bottom:1rem}
.cab .meta{font-size:.86rem;color:#9FB4CE;margin:0}

main section{padding:2.4rem 0;border-bottom:1px solid var(--rule)}
main section:last-of-type{border-bottom:0}
main h2{font-size:clamp(1.35rem,3vw,1.7rem);color:var(--navy);margin-bottom:1rem}
main h3{font-size:1.12rem;color:var(--navy);margin:1.4rem 0 .4rem}
.prose{max-width:var(--measure)}
.wrap.prose{max-width:52rem}
.wrap.prose>*{max-width:var(--measure)}
.wrap.prose>.exemplo{max-width:44rem}
.prose ul,.prose ol{padding-left:1.25rem;margin:0 0 1.1em}
.prose li{margin-bottom:.35rem}

/* calculadora */
.calc{background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--gold);padding:1.4rem 1.2rem 1.5rem;max-width:44rem}
@media(min-width:640px){.calc{padding:1.8rem 2rem}}
.calc h2{margin-bottom:.4rem}
.calc .nota{font-size:.9rem;color:var(--ink-soft);margin-bottom:1.2rem}
.campos{display:grid;gap:1rem;margin-bottom:1.2rem}
@media(min-width:640px){.campos{grid-template-columns:1fr 1fr}}
.campo label{display:block;font-weight:500;font-size:.95rem;margin-bottom:.3rem}
.campo .ajuda{display:block;font-size:.84rem;color:var(--ink-soft);margin-top:.25rem}
.campo input,.campo select{font:inherit;width:100%;padding:.6rem .7rem;border:1px solid #AEB7C2;border-radius:4px;background:var(--white);color:var(--ink)}
.campo input:focus,.campo select:focus{border-color:var(--navy)}
.campo.inteiro{grid-column:1/-1}
.radios{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.95rem}
.radios label{display:flex;gap:.4rem;align-items:center;font-weight:400;margin:0}
.radios input{width:auto}
.memoria{width:100%;border-collapse:collapse;font-size:.97rem;margin-top:.4rem}
.memoria td{padding:.5rem .2rem;border-top:1px solid var(--rule)}
.memoria td:last-child{text-align:right;white-space:nowrap}
.memoria .op{color:var(--ink-soft);width:1.5rem}
.memoria tr.total td{border-top:2px solid var(--navy);font-weight:600;font-size:1.08rem}
.memoria tr.total td:last-child{font-family:Spectral;font-size:1.45rem;color:var(--navy)}
.situacao{margin:1rem 0 0;padding:.75rem .9rem;background:#FBF6E6;border-left:3px solid var(--gold);font-size:.95rem}
.situacao.zero{background:#EAF4EC;border-left-color:var(--ok)}
.calc .rodape{font-size:.84rem;color:var(--ink-soft);margin:1rem 0 0}

/* exemplo e lei */
.exemplo{background:var(--white);border:1px solid var(--rule);padding:1.2rem 1.3rem;max-width:44rem;margin:1rem 0}
.tab{width:100%;border-collapse:collapse;font-size:.95rem;max-width:44rem;margin:.6rem 0 1.2rem}
.tab th,.tab td{text-align:left;padding:.5rem .45rem;border-top:1px solid var(--rule);vertical-align:top}
.tab th{font-weight:600;color:var(--navy);font-size:.88rem;border-top:0}
.tab td.v{text-align:right;white-space:nowrap}
.lei{border-left:3px solid var(--navy);padding:.2rem 0 .2rem 1rem;margin:0 0 1rem;max-width:var(--measure);font-size:.96rem}
.lei b{color:var(--navy)}
.aviso{font-size:.9rem;color:var(--ink-soft);max-width:var(--measure)}

/* perguntas */
details{border-top:1px solid var(--rule);max-width:var(--measure)}
details:last-of-type{border-bottom:1px solid var(--rule)}
summary{cursor:pointer;padding:.85rem 0;font-weight:500;color:var(--navy);list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";display:inline-block;width:1.2rem;color:var(--gold);font-weight:700}
details[open] summary::before{content:"–"}
details .corpo{padding:0 0 1rem 1.2rem;color:var(--ink-soft);font-size:.97rem}

/* vídeo */
.quadro{position:relative;aspect-ratio:16/9;background:var(--navy);max-width:44rem}
.quadro iframe{width:100%;height:100%;border:0;display:block}
.quadro .yt{all:unset;cursor:pointer;display:block;position:absolute;inset:0;background:#000 center/cover no-repeat}
.quadro .yt::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(6,39,83,.9)}
.quadro .yt::before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -6px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #EFC75B;z-index:1}
.legenda{font-size:.92rem;color:var(--ink-soft);margin-top:.6rem;max-width:44rem}

/* no GFP360 */
.app{background:var(--navy-deep);color:var(--white)}
.app h2{color:var(--white)}
.app p,.app li{color:#C3D2E4}
.app .botao{display:inline-block;background:var(--gold);color:var(--navy-deep);font-weight:600;padding:.8rem 1.5rem;border-radius:2px;text-decoration:none;margin-top:.4rem}
.app .botao:hover{background:#F5D57F}
.app .fino{font-size:.88rem;color:#9FB4CE}

/* outros guias */
.guias{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;max-width:44rem}
@media(min-width:640px){.guias{grid-template-columns:1fr 1fr}}
.guias a{display:block;background:var(--white);border:1px solid var(--rule);border-top:2px solid var(--gold);padding:.8rem 1rem;text-decoration:none}
.guias a b{display:block;font-family:Spectral;color:var(--navy);font-size:1.05rem}
.guias a span{font-size:.88rem;color:var(--ink-soft)}

/* rodapé */
footer{background:var(--navy);color:#9FB4CE;padding:2rem 0;font-size:.88rem}
footer a{color:#C3D2E4}
footer .linhas{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-bottom:1rem}
footer .link{all:unset;cursor:pointer;color:#C3D2E4;text-decoration:underline}
footer .link:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px}
footer .fiscal{margin:0;line-height:1.55}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.topo,.app,footer,.quadro{display:none}}

/* avise-me nos guias (mesmo formulário da home) */
.avise{margin-top:1.2rem;max-width:34rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:1.2rem 1.3rem}
.avise h3{font-size:1.12rem;color:var(--gold);margin:0 0 .4rem}
.avise p{color:#C3D2E4;font-size:.95rem;margin:0 0 .8rem}
.avise form{display:flex;flex-wrap:wrap;gap:.6rem}
.avise input[type=email]{flex:1 1 14rem;font:inherit;font-size:1rem;padding:.7rem .9rem;border:1px solid #6E88AA;border-radius:2px;background:var(--white);color:var(--ink)}
.avise button.botao{font:inherit;font-weight:600;border:0;cursor:pointer;margin-top:0}
.avise button.botao:disabled{opacity:.6;cursor:wait}
.avise .lgpd{font-size:.84rem;color:#9FB4CE;margin:.7rem 0 0}
.avise .lgpd a{color:#D8E3F0}
.avise .ok{color:var(--gold);font-weight:500;margin:.7rem 0 0}
.avise + .fino{margin-top:.8rem}