/* ═══════════════════════════════════════════════════════════════
   CABEÇALHO ÚNICO Casa Estampa — visual da home em TODAS as páginas.
   Gerado de public/puck/global.css (estrutura/grade) + public/puck/blocks.css
   (cores do botão/menu da home).
   Regra: este arquivo tem que ser carregado POR ÚLTIMO em cada página
   (v2-home/v2-pisos, páginas congeladas via *.head.html e páginas do banco
   via renderHtml), senão o CSS local da página volta a divergir.
   ═══════════════════════════════════════════════════════════════ */

/* base (desktop) */
  .navbar { position:fixed!important;top:0;left:0;right:0;z-index:2400!important;height:104px!important;min-height:104px!important;padding:14px clamp(18px,3.4vw,56px)!important;gap:28px!important;box-sizing:border-box!important; }
  .navbar-logo { display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;margin:0!important; }
  .navbar-logo .site-logo-icon,.navbar-logo .logo-symbol { width:48px!important;height:48px!important;object-fit:contain!important;flex:0 0 48px!important; }
  .navbar-logo .site-logo-lettering { width:auto!important;height:66px!important;max-width:280px!important;object-fit:contain!important; }
  .navbar-logo .logo-text-wrap { display:none!important; }
  .navbar-nav { display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(12px,1.6vw,26px)!important;min-width:0!important;margin:0!important;padding:0!important; }
  .navbar-nav li { margin:0!important;padding:0!important;list-style:none!important;white-space:nowrap!important; }
  .navbar-cta,.navbar-wa { display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;white-space:nowrap!important;padding:9px 16px!important; }
  .navbar-toggle { display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;width:46px!important;height:46px!important;min-width:46px!important;margin:0!important;padding:0!important;border:1px solid rgba(194,165,122,.45)!important;border-radius:0!important;background:rgba(246,241,232,.55)!important;color:#c2a57a!important;box-shadow:none!important;cursor:pointer!important; }
  .navbar-toggle span { display:block!important;width:21px!important;height:2px!important;background:#c2a57a!important;border-radius:2px!important;transition:transform .2s,opacity .2s!important; }
  .navbar-toggle[aria-expanded='true'] span:nth-child(1) { transform:translateY(7px) rotate(45deg)!important; }
  .navbar-toggle[aria-expanded='true'] span:nth-child(2) { opacity:0!important; }
  .navbar-toggle[aria-expanded='true'] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg)!important; }
  .navbar-social { display:none!important; }

@media(max-width:768px) {
  .navbar { overflow:visible!important; contain:none!important; z-index:9999!important; width:100%!important; max-width:100vw!important; left:0!important; right:0!important; box-sizing:border-box!important; transform:none!important; will-change:auto!important; }
  .navbar * { min-width:0!important; box-sizing:border-box!important; }
}

@media(max-width:1024px) {
  .navbar { height:92px!important;min-height:92px!important; }
  .navbar-nav { display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;background:#F6F1E8!important;border-top:1px solid rgba(194,165,122,.22)!important;border-bottom:1px solid rgba(194,165,122,.22)!important;box-shadow:0 22px 48px rgba(0,0,0,.34)!important; }
  .navbar.is-menu-open .navbar-nav { display:flex!important; }
  .navbar-nav li { width:100%!important; }
  .navbar-nav a { display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:52px!important;padding:0 24px!important;border-bottom:1px solid rgba(194,165,122,.12)!important; }
  .navbar-toggle { display:inline-flex!important; }
}

@media(max-width:768px) {
  .navbar { height:190px!important;min-height:190px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:38px 56px 42px!important;align-items:center!important;padding:14px 20px 16px!important;row-gap:12px!important;column-gap:14px!important; }
  .navbar-social { grid-column:1/3!important;grid-row:1/2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;width:100%!important;padding-bottom:10px!important;border-bottom:1px solid rgba(194,165,122,.18)!important; }
  .navbar-social a { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;color:#9e7d4e!important;font-size:17px!important;text-decoration:none!important;border-bottom:none!important;}
  .navbar-social a:hover { color:#c2a57a!important; }
  .navbar-logo { grid-column:1/2!important;grid-row:2/3!important; }
  .navbar-toggle { grid-column:2/3!important;grid-row:2/3!important; }
  .navbar-cta,.navbar-wa { grid-column:1/3!important;grid-row:3/4!important;justify-content:center!important;width:100%!important;height:42px!important;min-height:42px!important;font-size:10px!important;padding:0 16px!important;letter-spacing:1.8px!important; }
  .navbar-logo .site-logo-icon,.navbar-logo .logo-symbol { width:44px!important;height:44px!important;flex-basis:44px!important; }
  .navbar-logo .site-logo-lettering { height:56px!important;max-width:190px!important; }
  .navbar-nav { top:190px!important; }
  .navbar-nav a { min-height:54px!important;padding:0 22px!important; }
}

/* base (desktop) */
  a .ti,a i[class*=whatsapp],a i[class*=brand],.wa-float,.wa-float *,.navbar-wa,.navbar-wa *,.nav-cta,.nav-cta *,.btn-talk,.btn-talk * { text-decoration:none!important;border-bottom:none!important;box-shadow:none!important;background-image:none!important; }

@media(max-width:768px) {
  .navbar-search { position:absolute!important;right:72px!important;top:60px!important;z-index:11!important; }
  .navbar-search-toggle { width:42px!important;height:42px!important; }
  .navbar-search-form { position:fixed!important;top:190px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important; }
}

/* base (desktop) */
  /* navbar 2 linhas (mobile) */ body .navbar .navbar-cta,body .navbar .navbar-wa { display:inline-flex!important; }
  .navbar-contact { display:none; }

@media(max-width:768px) {
  /* Header mobile "site antigo": social no topo, logo+menu sem botão,
     contato embaixo (linhas 40 / 113 / 70 = 224px no total). */
  .navbar { height:224px!important;min-height:224px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:40px 113px 70px!important;align-items:center!important;padding:0 18px!important;row-gap:0!important;column-gap:14px!important;overflow:visible!important; }
  .navbar-social { grid-column:1/3!important;grid-row:1/2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;width:100%!important;height:40px!important;padding-bottom:0!important;border-bottom:1px solid rgba(194,165,122,.22)!important; }
  .navbar-social a { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;color:#9e7d4e!important;font-size:22px!important;text-decoration:none!important;border-bottom:none!important;}
  .navbar-social a:hover { color:#c2a57a!important; }
  .navbar-logo { grid-column:1/2!important;grid-row:2/3!important;min-width:0!important;overflow:hidden!important; }
  .navbar-logo .site-logo-icon,.navbar-logo .logo-symbol { width:58px!important;height:58px!important;flex-basis:58px!important; }
  .navbar-logo .site-logo-lettering { height:72px!important;max-width:230px!important; }
  .navbar-toggle { grid-column:2/3!important;grid-row:2/3!important;width:40px!important;height:40px!important;min-width:40px!important;display:inline-flex!important; }
  .navbar-search { display:none!important; }
  .navbar-contact { grid-column:1/3!important;grid-row:3/4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;height:70px!important;padding:0 18px!important;border-top:1px solid rgba(194,165,122,.18)!important; }
  .navbar-contact a { display:inline-flex!important;align-items:center!important;gap:8px!important;color:#5C4F3A!important;font-family:Montserrat,Arial,sans-serif!important;font-size:16px!important;letter-spacing:1px!important;text-transform:none!important;text-decoration:none!important; }
  .navbar-contact a i { color:#c2a57a!important;font-size:20px!important; }
  body .navbar .navbar-cta, body .navbar .navbar-wa { display:none!important; }
  .navbar-nav { top:100%!important; }
}

/* ── Cores do botão e do menu, iguais à home (blocks.css) ─────────────── */
body .navbar .navbar-cta {
  color: #1c1810 !important; background: #c2a57a !important;
  font-family: 'Montserrat', Arial, sans-serif !important; font-size: 10px !important;
  letter-spacing: 2px !important; text-transform: uppercase !important;
  font-weight: 600 !important; text-decoration: none !important; border-bottom: none !important;
  box-shadow: none !important; background-image: none !important;
}
body .navbar .navbar-cta:hover { background: #c8960c !important; color: #1c1810 !important; }
body .navbar .navbar-nav a {
  color: #5C4F3A !important; font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 11px !important; letter-spacing: 2px !important;
  text-transform: uppercase !important; text-decoration: none !important;
}
body .navbar .navbar-nav a:hover, body .navbar .navbar-nav a.active { color: #c2a57a !important; }
body .navbar { background: rgba(246,241,232,.92) !important; border-bottom: 1px solid rgba(194,165,122,.25) !important; }
/* A home não tem busca nem barra social no topo: esconde em qualquer página. */
body .navbar .navbar-search, body .navbar .navbar-social { display: none !important; }
/* Menu: itens na horizontal no desktop, encostados na coluna do mobile
   (algumas páginas congeladas trazem gap:16px e abriam o menu mais alto). */
body .navbar .navbar-nav { gap: clamp(12px, 1.6vw, 26px) !important; }
@media (max-width: 1024px) {
  body .navbar .navbar-nav { gap: 0 !important; }
}

/* ═══════════════════════════════════════════════════════════════════════
   BLINDAGEM — o mesmo bloco acima com especificidade MAIOR.
   Motivo: páginas congeladas trazem regras escopadas que vencem as gerais,
   ex.: body.elementor-page-26152 .navbar-logo img { width:auto !important }
   (o ícone do logo do Papéis ia para 58px contra os 48px da home).
   Aqui os seletores ganham um nível (.navbar como ancestral / corpo), então
   só perdem se a página tiver ainda MAIS classes — e, em empate, este
   arquivo (carregado por último) decide.
   ═══════════════════════════════════════════════════════════════════════ */

/* blindagem — base (desktop) */
  body .navbar.navbar { position:fixed!important;top:0;left:0;right:0;z-index:2400!important;height:104px!important;min-height:104px!important;padding:14px clamp(18px,3.4vw,56px)!important;gap:28px!important;box-sizing:border-box!important; }
  body .navbar .navbar-logo { display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;margin:0!important; }
  body .navbar .navbar-logo .site-logo-icon, body .navbar .navbar-logo .logo-symbol { width:48px!important;height:48px!important;object-fit:contain!important;flex:0 0 48px!important; }
  body .navbar .navbar-logo .site-logo-lettering { width:auto!important;height:66px!important;max-width:280px!important;object-fit:contain!important; }
  body .navbar .navbar-logo .logo-text-wrap { display:none!important; }
  body .navbar .navbar-nav { display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(12px,1.6vw,26px)!important;min-width:0!important;margin:0!important;padding:0!important; }
  body .navbar .navbar-nav li { margin:0!important;padding:0!important;list-style:none!important;white-space:nowrap!important; }
  body .navbar .navbar-cta, body .navbar .navbar-wa { display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;white-space:nowrap!important;padding:9px 16px!important; }
  body .navbar .navbar-toggle { display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;width:46px!important;height:46px!important;min-width:46px!important;margin:0!important;padding:0!important;border:1px solid rgba(194,165,122,.45)!important;border-radius:0!important;background:rgba(246,241,232,.55)!important;color:#c2a57a!important;box-shadow:none!important;cursor:pointer!important; }
  body .navbar .navbar-toggle span { display:block!important;width:21px!important;height:2px!important;background:#c2a57a!important;border-radius:2px!important;transition:transform .2s,opacity .2s!important; }
  body .navbar .navbar-toggle[aria-expanded='true'] span:nth-child(1) { transform:translateY(7px) rotate(45deg)!important; }
  body .navbar .navbar-toggle[aria-expanded='true'] span:nth-child(2) { opacity:0!important; }
  body .navbar .navbar-toggle[aria-expanded='true'] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg)!important; }
  body .navbar .navbar-social { display:none!important; }

@media(max-width:768px) {
  body .navbar.navbar { overflow:visible!important; contain:none!important; z-index:9999!important; width:100%!important; max-width:100vw!important; left:0!important; right:0!important; box-sizing:border-box!important; transform:none!important; will-change:auto!important; }
  body .navbar.navbar * { min-width:0!important; box-sizing:border-box!important; }
}

@media(max-width:1024px) {
  body .navbar.navbar { height:92px!important;min-height:92px!important; }
  body .navbar .navbar-nav { display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;background:#F6F1E8!important;border-top:1px solid rgba(194,165,122,.22)!important;border-bottom:1px solid rgba(194,165,122,.22)!important;box-shadow:0 22px 48px rgba(0,0,0,.34)!important; }
  body .navbar .navbar.is-menu-open .navbar-nav { display:flex!important; }
  body .navbar .navbar-nav li { width:100%!important; }
  body .navbar .navbar-nav a { display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:52px!important;padding:0 24px!important;border-bottom:1px solid rgba(194,165,122,.12)!important; }
  body .navbar .navbar-toggle { display:inline-flex!important; }
}

@media(max-width:768px) {
  body .navbar.navbar { height:190px!important;min-height:190px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:38px 56px 42px!important;align-items:center!important;padding:14px 20px 16px!important;row-gap:12px!important;column-gap:14px!important; }
  body .navbar .navbar-social { grid-column:1/3!important;grid-row:1/2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;width:100%!important;padding-bottom:10px!important;border-bottom:1px solid rgba(194,165,122,.18)!important; }
  body .navbar .navbar-social a { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;color:#9e7d4e!important;font-size:17px!important;text-decoration:none!important;border-bottom:none!important;}
  body .navbar .navbar-social a:hover { color:#c2a57a!important; }
  body .navbar .navbar-logo { grid-column:1/2!important;grid-row:2/3!important; }
  body .navbar .navbar-toggle { grid-column:2/3!important;grid-row:2/3!important; }
  body .navbar .navbar-cta, body .navbar .navbar-wa { grid-column:1/3!important;grid-row:3/4!important;justify-content:center!important;width:100%!important;height:42px!important;min-height:42px!important;font-size:10px!important;padding:0 16px!important;letter-spacing:1.8px!important; }
  body .navbar .navbar-logo .site-logo-icon, body .navbar .navbar-logo .logo-symbol { width:44px!important;height:44px!important;flex-basis:44px!important; }
  body .navbar .navbar-logo .site-logo-lettering { height:56px!important;max-width:190px!important; }
  body .navbar .navbar-nav { top:190px!important; }
  body .navbar .navbar-nav a { min-height:54px!important;padding:0 22px!important; }
}

/* blindagem — base (desktop) */
  a .ti, a i[class*=whatsapp], a i[class*=brand], .wa-float, .wa-float *, body .navbar .navbar-wa, body .navbar .navbar-wa *, .nav-cta, .nav-cta *, .btn-talk, .btn-talk * { text-decoration:none!important;border-bottom:none!important;box-shadow:none!important;background-image:none!important; }

@media(max-width:768px) {
  body .navbar .navbar-search { position:absolute!important;right:72px!important;top:60px!important;z-index:11!important; }
  body .navbar .navbar-search-toggle { width:42px!important;height:42px!important; }
  body .navbar .navbar-search-form { position:fixed!important;top:190px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important; }
}

/* blindagem — base (desktop) */
  /* navbar 2 linhas (mobile) */ body .navbar .navbar-cta, body .navbar .navbar-wa { display:inline-flex!important; }
  body .navbar .navbar-contact { display:none; }

@media(max-width:768px) {
  /* blindagem — header mobile 3 linhas (social/logo/contato), 224px */
  body .navbar.navbar { height:224px!important;min-height:224px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:40px 113px 70px!important;align-items:center!important;padding:0 18px!important;row-gap:0!important;column-gap:14px!important;overflow:visible!important; }
  body .navbar .navbar-social { grid-column:1/3!important;grid-row:1/2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;width:100%!important;height:40px!important;padding-bottom:0!important;border-bottom:1px solid rgba(194,165,122,.22)!important; }
  body .navbar .navbar-social a { display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;color:#9e7d4e!important;font-size:22px!important;text-decoration:none!important;border-bottom:none!important;}
  body .navbar .navbar-social a:hover { color:#c2a57a!important; }
  body .navbar .navbar-logo { grid-column:1/2!important;grid-row:2/3!important;min-width:0!important;overflow:hidden!important; }
  body .navbar .navbar-logo .site-logo-icon, body .navbar .navbar-logo .logo-symbol { width:58px!important;height:58px!important;flex-basis:58px!important; }
  body .navbar .navbar-logo .site-logo-lettering { height:72px!important;max-width:230px!important; }
  body .navbar .navbar-toggle { grid-column:2/3!important;grid-row:2/3!important;width:40px!important;height:40px!important;min-width:40px!important;display:inline-flex!important; }
  body .navbar .navbar-search { display:none!important; }
  body .navbar .navbar-contact { grid-column:1/3!important;grid-row:3/4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;height:70px!important;padding:0 18px!important;border-top:1px solid rgba(194,165,122,.18)!important; }
  body .navbar .navbar-contact a { display:inline-flex!important;align-items:center!important;gap:8px!important;color:#5C4F3A!important;font-family:Montserrat,Arial,sans-serif!important;font-size:16px!important;letter-spacing:1px!important;text-transform:none!important;text-decoration:none!important; }
  body .navbar .navbar-contact a i { color:#c2a57a!important;font-size:20px!important; }
  body .navbar .navbar-cta, body .navbar .navbar-wa { display:none!important; }
  body .navbar .navbar-nav { top:100%!important; }
}

/* Altura do header e o espaço no topo do body, casados (navbar é fixed):
   as páginas do banco ainda tinham body{padding-top:190px} => folga de 60px
   entre o cabeçalho e o conteúdo. Mobile = header de 3 linhas (224px). */
body { padding-top: 104px !important; }
@media (max-width: 1024px) { body { padding-top: 92px !important; } }
@media (max-width: 768px) { body { padding-top: 224px !important; } }


img[src*="logo-letra"]{filter:brightness(0) invert(9%) sepia(100%) saturate(300%) brightness(95%)!important;}
