/* Site da Ima: o que as tres paginas dividem (topo e rodape).
   Valores copiados do canvas do Design (Site V1). Um preto so (o da areia, #090807) no fundo
   das paginas e no rodape, por decisao do Vitor em 11 nov 2026: sem faixa entre os dois. */
:root { --night: #090807; --night-ink: var(--ink-100, #f1ece7); --night-soft: var(--ink-300, #c4beb8); --night-mute: var(--ink-420, #8c857f); }
body { margin: 0; background: var(--night); }
.ato-label { font-family: var(--font-sans); font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; }

/* Topo */
.site-top { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; padding: 14px clamp(12px, 2.2vw, 28px); pointer-events: none; }
.site-top-veil { position: absolute; left: 0; right: 0; top: 0; height: 112px; z-index: -1; pointer-events: none; background: linear-gradient(to bottom, #090807 0%, #090807 58%, rgba(9,8,7,0) 100%); transition: opacity 450ms ease; }
.site-logo { pointer-events: auto; display: flex; align-items: center; padding: 9px 14px; border-radius: 10px; border: 1px solid rgba(241,236,231,0); background: rgba(9,8,7,0); transition: background 450ms ease, border-color 450ms ease; text-decoration: none; }
.site-logo img { display: block; height: 26px; width: auto; filter: invert(1) sepia(0.08) brightness(1.02); }
.site-logo:focus-visible { outline: 1px solid #f1ece7; outline-offset: 4px; }
.site-logo.is-boxed { background: rgba(9,8,7,0.9); border-color: rgba(241,236,231,0.2); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }

/* Rodape: igual nas tres paginas */
.site-footer { background: var(--night); color: var(--ink-300, #c4beb8); font-family: var(--font-sans); position: relative; overflow: hidden; }
.site-footer-sand { position: relative; height: clamp(220px, 34vw, 520px); max-width: 1440px; margin: 0 auto; }
.ima-legal { max-width: 1440px; margin: 0 auto; padding: 22px var(--gutter, clamp(20px, 5vw, 40px)) clamp(28px, 4vw, 40px); border-top: 1px solid rgba(241,236,231,0.10); }
.ima-legal p { margin: 0; font-size: 13px; line-height: 1.8; letter-spacing: 0.01em; color: var(--ink-300, #c4beb8); }
.ima-legal .ima-oque { margin: 0 0 10px; }
.ima-legal a { color: var(--ink-100, #f1ece7); text-decoration: underline; text-decoration-color: rgba(241,236,231,0.28); text-underline-offset: 3px; text-decoration-thickness: 1px; transition: text-decoration-color 160ms ease; }
/* Alvo de toque de 2.75rem sem mudar o desenho: a area clicavel cresce para cima e para baixo, a linha nao. */
.ima-legal a { display: inline-block; padding: 0.7rem 0; margin: -0.7rem 0; }
.ima-legal a:hover, .ima-legal a:focus-visible { text-decoration-color: rgba(241,236,231,0.9); }
.ima-legal a:focus-visible { outline: 1px solid rgba(241,236,231,0.6); outline-offset: 3px; border-radius: 2px; }