/* RT Síndicos: componentes comuns (cookies, flutuantes, rodapé legal, páginas legais).
   Usa as variáveis --navy, --amber, --paper, --card, --slate, --muted, --head, --serif da página. */

/* banner de cookies */
.cookie{position:fixed;left:16px;bottom:16px;z-index:90;width:min(460px,calc(100% - 32px));background:var(--card);color:var(--navy);border:2.5px solid var(--navy);box-shadow:8px 8px 0 var(--amber);padding:20px 20px 18px;font-size:16px;line-height:1.5}
.cookie[hidden]{display:none}
.cookie p{margin:0 0 14px}
.cookie a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-actions .ck{min-height:46px;border:2.5px solid var(--navy);background:var(--card);color:var(--navy);font-family:var(--head);font-stretch:85%;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--navy);transition:transform .12s,box-shadow .12s}
.cookie-actions .ck:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--navy)}
.cookie-actions .ck:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--navy)}
.cookie-actions .ck-prefs{grid-column:1/-1;min-height:40px;border:0;box-shadow:none;background:none;text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:4px}
.cookie-actions .ck-prefs:hover,.cookie-actions .ck-prefs:active{transform:none;box-shadow:none}
.cookie-prefs{margin-top:14px;display:grid;gap:10px;font-size:15px}
.cookie-prefs[hidden]{display:none}
.cookie-prefs label{display:flex;gap:10px;align-items:flex-start}
.cookie-prefs input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy);flex:none}
.cookie-prefs .ck{min-height:46px;border:2.5px solid var(--navy);background:var(--navy);color:#fff;font-family:var(--head);font-stretch:85%;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--amber)}

/* flutuantes: WhatsApp (direita), cookies (esquerda), voltar ao topo (acima do WhatsApp) */
.cookie-float{position:fixed;left:22px;bottom:25px;z-index:70;width:56px;height:56px;border-radius:50%;border:2.5px solid var(--navy);background:var(--card);color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px -10px rgba(11,37,69,.5);transition:opacity .3s,transform .3s,visibility .3s}
.cookie-float[hidden]{display:none}
.cookie-float svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.to-top{position:fixed;right:28px;bottom:98px;z-index:69;width:50px;height:50px;border-radius:50%;border:2.5px solid var(--navy);background:var(--card);color:var(--navy);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none}
.to-top[hidden]{display:grid}
.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}
.to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wa-float,.cookie-float,.to-top{transition:opacity .3s,transform .3s,visibility .3s}
.is-hidden{opacity:0!important;visibility:hidden;pointer-events:none!important;transform:translateY(12px)!important}

/* rodapé: marca com link, links legais, crédito */
.f-brand{display:inline-block}
.f-brand img{display:block}
.f-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 22px;font-size:15px}
.f-legal a,.f-legal button{color:#C9D3DE;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,176,32,.6);text-underline-offset:4px}
.f-legal a:hover,.f-legal button:hover{color:#fff}
@media (max-width:640px){
  .f-legal{justify-content:flex-start}
  footer .credit{flex-direction:column;align-items:flex-start}
  .cookie{left:12px;bottom:12px;width:calc(100% - 24px)}
}

/* páginas legais */
.legal{padding:clamp(48px,6vw,90px) 0 20px}
.legal .doc-body{max-width:760px}
.legal h1{font-size:clamp(42px,6vw,76px);margin-bottom:14px}
.legal .upd{color:var(--muted);font-size:16px;margin-bottom:36px}
.legal h2{font-size:clamp(24px,2.6vw,32px);margin:42px 0 12px;line-height:1.05}
.legal p,.legal li{font-size:18px;color:var(--slate)}
.legal ul{padding-left:22px}
.legal li{margin:6px 0}
.legal a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px}

/* redes sociais no rodapé */
.social{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.social a{display:inline-flex;align-items:center;gap:12px;color:#C9D3DE;text-decoration:none;font-size:16px}
.social a:hover{color:#fff}
.social svg{width:40px;height:40px;padding:9px;border-radius:50%;border:2px solid rgba(255,176,32,.7);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:background .2s,border-color .2s,color .2s;box-sizing:border-box}
.social a[aria-label^="Facebook"] svg{fill:currentColor;stroke:none}
.social a:hover svg{background:var(--amber);border-color:var(--amber);color:var(--navy)}