/* chrome.css · Roncati Engenharia · chrome COMPARTILHADO das LPs (residencial e minha-casa-minha-vida).
   Header branco sólido, rodapé claro + faixa marinho fina, banner de cookies À ESQUERDA, WhatsApp flutuante À DIREITA.
   Markup exato em /_partials/chrome.html. Não renomear classes (o agente MCMV copia este markup).
   Só tokens: nenhuma cor, fonte ou rgba fixo. */

/* ---------- Pular para o conteúdo ---------- */
.skip-link{position:absolute;left:12px;top:-60px;z-index:120;background:var(--c-dark);color:var(--c-white);
  padding:10px 16px;border-radius:var(--r-sm);font-weight:700;transition:top .2s var(--ease)}
.skip-link:focus{top:12px}

/* ---------- Header: barra clara por cima do topo do hero (logo só em superfície clara).
   Ao rolar: a logo encolhe, a barra vira vidro fosco e mostra o progresso da leitura (laranja, 2px).
   A altura NÃO muda: o botão do header é o mesmo das seções e precisa de folga em volta. ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:80;height:var(--header-h);display:flex;align-items:center;
  background:var(--c-surface);border-bottom:1px solid var(--c-n200);
  transition:height .5s var(--ease-out),background-color .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--c-accent);
  transform-origin:0 50%;transform:scaleX(var(--read,0));pointer-events:none}
.site-header.is-scrolled{box-shadow:var(--shadow-sm);
  background:color-mix(in srgb,var(--c-surface) 94%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}
.site-header__in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-header__brand{display:block;flex:0 0 auto;border-radius:var(--r-sm)}
.site-header__logo{display:block;height:44px;width:auto;transition:height .5s var(--ease-out)}
.site-header.is-scrolled .site-header__logo{height:38px}
/* o CTA do header é o MESMO botão das seções (mesma altura, fonte e canto) */
.site-header__cta{flex:0 0 auto}
.site-header__cta-short{display:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header.is-scrolled{background:var(--c-surface)}}
@media (prefers-reduced-motion:reduce){.site-header,.site-header__logo{transition:none}}
/* página sem hero (política): o conteúdo começa abaixo do header fixo */
.page-top{padding-top:calc(var(--header-h) + clamp(40px,6vw,72px))}
@media (max-width:560px){
  .site-header__logo,.site-header.is-scrolled .site-header__logo{height:32px}
  .site-header__in{gap:12px}
  .site-header__cta{padding-inline:1.1em}
}
@media (max-width:420px){
  .site-header__cta-long{display:none}
  .site-header__cta-short{display:inline}
}

/* ---------- Rodapé: marinho com a logo branca, navegação da página e faixa de copyright ---------- */
.site-footer{background:var(--c-dark);color:var(--c-on-dark-muted);padding-bottom:var(--cookie-h,0px)} /* espaço do aviso de cookies, no próprio marinho */
.site-footer__main{padding-block:clamp(48px,7vw,80px)}
.site-footer__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px clamp(40px,6vw,96px);align-items:start}
.site-footer__brand{display:flex;flex-direction:column;gap:20px}
.site-footer__logo{display:block;height:52px;width:auto;align-self:flex-start}
.site-footer__info{font-size:var(--fs-small);color:var(--c-on-dark-muted);line-height:1.6;margin:0}
.site-footer__info strong{color:var(--c-on-dark);font-family:var(--font-display);font-weight:700}
.site-footer__h{margin:0 0 16px;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary)}
.site-footer__links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px}
.site-footer__links a{display:inline-block;padding:7px 0;color:var(--c-on-dark);font-size:var(--fs-small);text-decoration:none;
  background:linear-gradient(var(--c-primary),var(--c-primary)) 0 100%/0 1px no-repeat;transition:background-size .3s ease,color .2s ease}
.site-footer__links a:hover{background-size:100% 1px}
.site-footer__links a:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.site-footer__bar{border-top:1px solid color-mix(in srgb,var(--c-white) 12%,transparent);color:var(--c-on-dark-muted);font-size:.8125rem}
.site-footer__bar-in{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-block:14px}
.site-footer__bar p{margin:0}
.site-footer__legal{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap}
.site-footer__legal a,.site-footer__legal button{color:var(--c-on-dark);font-size:.8125rem;text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--c-white) 40%,transparent);text-underline-offset:3px;padding:6px 0}
.site-footer__legal a:hover,.site-footer__legal button:hover{text-decoration-color:var(--c-primary)}
.site-footer__legal :focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
@media (max-width:767px){
  .site-footer__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .site-footer__links{gap:0 20px}
  .site-footer__bar-in{flex-direction:column;align-items:flex-start;padding-block:16px 88px} /* espaço p/ o WhatsApp flutuante */
}

/* ---------- Banner de cookies: SEMPRE à ESQUERDA (o canto inferior direito é do WhatsApp) ---------- */
.cookie{position:fixed;left:20px;bottom:20px;z-index:85;width:min(380px,calc(100% - 120px));
  background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-n200);border-left:3px solid var(--c-accent);
  border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:18px 20px;font-size:.9375rem;line-height:1.5;
  opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.cookie.show{opacity:1;transform:none}
.cookie[hidden]{display:none}
/* recolhido enquanto cobriria o CTA do hero: sem display:none, para a medição seguir valendo; a escolha não é gravada */
.cookie.is-away{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
.cookie p{margin:0;color:var(--c-muted)}
.cookie a{color:var(--c-text);text-decoration:underline;text-underline-offset:2px}
.cookie__actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
/* aviso de cookies é o único botão compacto: não é CTA, não disputa com o WhatsApp */
.cookie .btn{min-height:42px;padding:.45em 1.2em;font-size:.875rem}
@media (max-width:560px){
  .cookie{left:12px;bottom:12px;width:auto;right:88px;padding:14px 16px;font-size:.875rem}
  .cookie__actions .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.cookie{transition:none;transform:none}}

/* ---------- WhatsApp flutuante: canto inferior DIREITO ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:86;width:60px;height:60px;border-radius:var(--r-pill);
  display:grid;place-items:center;background:var(--c-primary);color:var(--c-dark);box-shadow:var(--shadow-lg);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.wa-float svg{width:30px;height:30px;fill:currentColor}
.wa-float:hover{background:var(--c-primary-dark);color:var(--c-white);transform:translateY(-2px)}
.wa-float:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}
@media (max-width:560px){.wa-float{right:14px;bottom:14px;width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.wa-float{transition:none}.wa-float:hover{transform:none}}