:root {
            --fundo-slide-1: linear-gradient(160deg, #0d0c0a 0%, #1c1a16 40%, #2e2820 100%);
            --fundo-slide-2: linear-gradient(160deg, #0f0e0c 0%, #1e1b17 40%, #302920 100%);
            --fundo-slide-3: linear-gradient(160deg, #0c0c0d 0%, #191820 40%, #252338 100%);
            --fundo-slide-4: linear-gradient(160deg, #0d0b0b 0%, #1c1515 40%, #2e1e1e 100%);
            --fundo-slide-5: linear-gradient(160deg, #090c0b 0%, #121c18 40%, #1c2e28 100%);
            --ouro: #b89c6e;
            --ouro-claro: #d4b896;
            --branco: #fdfcfa;
            --carvao: #1a1814;
            --tamanho-marca: clamp(3rem, 7vw, 6rem);
            --tamanho-tagline: 1.1rem;
            --tamanho-botao: 0.65rem;
            --peso-leve: 300;
            --peso-normal: 400;
            --opacidade-branco: 0.55;
            --espacamento-botao: 0.85rem 2.5rem;
            --borda-botao: 1px solid rgba(184,156,110,0.7);
            --borda-seta: 1px solid rgba(184,156,110,0.4);
            --cor-seta: #D6B377;

            /* altura da imagem no mobile */
            --img-mobile-h: 56vw;
            /* altura do texto no mobile */
            --txt-mobile-h: 280px;
            /* altura total do hero no mobile */
            --hero-mobile-h: calc(var(--img-mobile-h) + var(--txt-mobile-h));
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
       

        /* ══ DESKTOP ══ */
        .nav-links-main {
    background: var(--menu-header-bg);
}
/* ═══════════════════════════════════════════
   HEADER / NAV
═══════════════════════════════════════════ */
.nav-links-main {
  display: flex;
  justify-content: flex-end; 
  gap: 40px;
  padding: 0 25px ;
  background: transparent;
  flex-wrap: wrap;  
  
margin-left: auto;
  width: fit-content;}

.nav-links-main a {
  color: #553904;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  transition: color 0.3s, border-color 0.3s;

}

.nav-links-main a:hover {
  color: #D4B87A;
  border-bottom-color: #D4B87A;
}

        .hero {
            position: relative;
            height: 100vh;
            overflow: hidden;
        }

        .hero input[type="radio"] { display: none; }

    

     
     
     
     
     
  
    
 
/* ============================================================
   ZOOM — overlay JS (fundo 100% preto, sem espaços)
============================================================ */
#zoom-overlay { 
  display: none; 
  position: fixed; 
  inset: 0; 
  background: #000; 
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
#zoom-overlay.open { 
  display: flex; 
  animation: popIn .22s ease; 
}
@keyframes popIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }

#zoom-emoji { 
  width: 100%; 
  height: 100%; 
}

#zoom-emoji img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#zoom-close { 
  position: fixed; 
  top: 14px; 
  right: 14px; 
  background: rgba(255,255,255,.12); 
  color: #fff; 
  border: none; 
  border-radius: 50%; 
  width: 38px; 
  height: 38px; 
  font-size: 20px; 
  cursor: pointer; 
  z-index: 10000; 
  transition: background .15s; 
}
#zoom-close:hover { background: rgba(255,255,255,.28); }
.card-zoom-trigger { position: absolute; inset: 0; z-index: 10; cursor: pointer; }
@keyframes popIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }