/*header */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Fallback se o Tailwind não tiver as classes de snap habilitadas */
#benefits {
  scroll-snap-type: x mandatory;
}

#benefits > li {
  scroll-snap-align: start;
}

.bg-gradient-topbar {
  background: linear-gradient(180deg, #f9f6f1, #ffffff);
}

.text-shadow-strong {
  text-shadow: 2px 1px 0 rgba(93, 84, 84, 0.2);
}

.text-shadow-n {
  text-shadow: 2px 1px 0 rgba(93, 84, 84, 0.2);
}

/* Fallback se o Tailwind não tiver as classes de snap habilitadas */
#benefits {
  scroll-snap-type: x mandatory;
}

.drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s;
}

.topbar-gradient {
  background: linear-gradient(180deg, #f9f6f1, #ffffff);
}

.use-n-letter {
  text-shadow: 2px 1px 0 rgba(93, 84, 84, 0.2);
}

.gold-dot-gradient {
  background: linear-gradient(to bottom right, #f9d74d, #e5b83f, #d49e3a);
}

.border-bottom-slide {
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 0;
  background-color: #373737;
  opacity: 0.4;
  transition: all 0.2s;
}

.group:hover .border-bottom-slide {
  width: 100%;
}

/* / header */

.shadow-text-brown {
  text-shadow: 1px 1px 1px rgba(184, 119, 117, 0.35);
}
.shadow-text-dark {
  text-shadow: 1px 1px 1px rgba(131, 99, 103, 0.4);
}
.shadow-text-light {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24);
}
.shadow-text-strong {
  text-shadow: 2px 1px 0 rgba(93, 84, 84, 0.2);
}
.filter-icon-brown {
  filter: brightness(0) saturate(100%) invert(37%) sepia(12%) saturate(1088%)
    hue-rotate(299deg) brightness(91%) contrast(85%);
}
.filter-icon-gray {
  filter: brightness(0) saturate(100%) invert(37%) sepia(3%) saturate(467%)
    hue-rotate(359deg) brightness(95%) contrast(87%);
}
.gradient-bg-hero {
  background: linear-gradient(180deg, #f9f6f1 0%, #ffffff 100%);
}
.radial-gold-soft {
  background: radial-gradient(
    closest-side,
    rgba(213, 183, 122, 0.24),
    transparent 90%
  );
}
.radial-brown-soft {
  background: radial-gradient(
    closest-side,
    rgba(107, 73, 73, 0.2),
    transparent 92%
  );
}
.radial-gold-footer {
  background: radial-gradient(
    closest-side,
    rgba(213, 183, 122, 0.22),
    transparent 90%
  );
}
.aspect-ratio-16-9 {
  aspect-ratio: 16 / 9;
}
.margin-left-35 {
  margin-left: 35px;
}

/* Fade + Slide (mobile): enquanto anima, dá um “fade” elegante */
#benefitsViewport.is-animating li {
  opacity: 0.55;
  transition: opacity 260ms ease;
}

#benefitsViewport li {
  opacity: 1;
  transition: opacity 260ms ease;
}

/* Fade + Slide (mobile): enquanto anima, dá um “fade” elegante */
#nlShowViewport.is-animating li {
  opacity: 0.55;
  transition: opacity 260ms ease;
}

/* Fade elegante (sem slide) */
#nlShowViewport.is-fading {
  opacity: 0;
  transition: opacity 260ms ease;
}

#nlShowViewport {
  opacity: 1;
  transition: opacity 260ms ease;
}

#hero-slider {
  position: relative;
}

/* cada slide ocupa o mesmo espaço */
#hero-slider .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.9s ease-in-out;
}

/* slide ativo */
#hero-slider .slide.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

/* garante altura do container */
#hero-slider {
  height: 537px;
}

@media (min-width: 768px) {
  #hero-slider {
    height: 480px;
  }
}

.slider-timer {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  /*  width: 80%; ou width: 100%; */
  width: 80%;
  height: 1px;
  background: rgba(255, 253, 250, 0.1);
  border-radius: 1px;
  overflow: hidden;
  z-index: 50;
}

.slider-progress {
  display: block !important;
  /* <-- AQUI está o pulo do gato */
  width: 100% !important;
  height: 100% !important;
  background: rgba(255, 253, 250, 0.4) !important;

  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

@keyframes nlProgress {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.slider-progress.run {
  animation-name: nlProgress;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

// Dúvidas Frequentes (FAQ) - Acordeon
/* NeroLiss tokens leves (sem tailwind.config) */

/* sombra equivalente à "shadow-luxe" */
.shadow-luxe {
  box-shadow: 0 10px 30px -10px rgba(17, 24, 39, 0.25);
}

/* accordion animation */
.accordion-panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.35s ease,
    opacity 0.25s ease;
}
.accordion-panel[data-open="true"] {
  opacity: 1;
}
// Fim Dúvidas Frequentes (FAQ) - Acordeon

/* Dúvidas Frequentes (FAQ) - Ícones */

  /* NeroLiss tokens leves (sem tailwind.config) */
  :root {
  --nero-ink: #0f172a;
  --nero-stone: #f6f4f1;
  --nero-blush: #f5e9e6;
  --nero-gold: #d5b77a;
}

/* sombra equivalente à "shadow-luxe" */
.shadow-luxe {
  box-shadow: 0 10px 30px -10px rgba(17, 24, 39, 0.25);
}

/* accordion animation */
.accordion-panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.35s ease,
    opacity 0.25s ease;
}
.accordion-panel[data-open="true"] {
  opacity: 1;
}

/* ✅ substituições dos inline styles */
.nl-bg-luxe {
  background-image: linear-gradient(
    to bottom right,
    #fff,
    color-mix(in srgb, var(--nero-stone) 70%, transparent),
    color-mix(in srgb, var(--nero-blush) 70%, transparent)
  );
}

.nl-kicker {
  color: color-mix(in srgb, var(--nero-gold) 80%, transparent);
}

.nl-muted {
  color: color-mix(in srgb, var(--nero-ink) 70%, transparent);
}
.nl-muted-60 {
  color: color-mix(in srgb, var(--nero-ink) 60%, transparent);
}
.nl-muted-80 {
  color: color-mix(in srgb, var(--nero-ink) 80%, transparent);
}

.nl-icon-muted {
  color: color-mix(in srgb, var(--nero-ink) 60%, transparent);
}

.nl-link-gold {
  color: var(--nero-gold);
  text-decoration-color: color-mix(in srgb, var(--nero-gold) 60%, transparent);
}

/* Dúvidas Frequentes (FAQ) - Ícones */