/* Contabilidade Digital: topo, capa e rodapé iguais aos do site www.ravasco.com.br (site/index.html, "igual ao /certificados").
   Usado pelas páginas públicas: /contabilidadedigital, /contratar, /proposta e /termos. Cores e fontes são as do site. */
:root{--accent-2:#16473e;--hero-ink:#ffffff;--hero-muted:#d3e5df;--barra:#9aa39f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--accent-2:#163a32;--hero-ink:#e4ebe7;--hero-muted:#a9c4bb}}
:root[data-theme="dark"]{--accent-2:#163a32;--hero-ink:#e4ebe7;--hero-muted:#a9c4bb}
.site-topo{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.site-topo .in{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:22px;height:58px}
.site-marca{font-family:var(--f-display);font-size:19px;font-weight:700;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:10px}
.site-marca .logo{width:34px;height:30px;flex:none;color:var(--ink)}
.site-marca small{font:600 13px var(--f-body);color:var(--muted);white-space:nowrap}
.site-nav{display:flex;gap:20px;margin-left:auto}
.site-nav a{color:var(--ink);font-weight:500;text-decoration:none;font-size:15px;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--accent)}
.site-cliente{display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--f-body);border-radius:7px;padding:7px 14px;text-decoration:none;white-space:nowrap;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}
@media (max-width:1040px){.site-nav{display:none}.site-cliente{margin-left:auto}}
@media (max-width:420px){.site-marca small{display:none}}
.site-rodape{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);padding:32px 0 96px;font-size:14px;margin-top:28px}
.site-rodape .in{max-width:1080px;margin:0 auto;padding:0 16px;display:grid;gap:18px}
@media(min-width:760px){.site-rodape .in{grid-template-columns:1.3fr 1fr 1fr}}
.site-rodape strong{color:var(--ink);font-family:var(--f-display);font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.site-rodape strong .logo{width:30px;height:27px;color:var(--ink)}
.site-rodape h4{color:var(--ink);margin:0 0 6px;font-size:14px}
.site-rodape a{text-decoration:none;color:var(--accent);font-weight:600}
.site-rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.site-rodape .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;font-size:13px}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .15s}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:32px;height:32px}
@media(max-width:700px){.wa-float{right:14px;bottom:14px;width:52px;height:52px}}
@media print{.site-topo,.site-rodape,.wa-float{display:none!important}}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}