/* ======= Estilos del Hero ======= */
#hero {
  background-image: url('../images/statue-of-liberty.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
}

/* Ajuste de espaciado: sección waitlist sin padding-bottom */
#waitlist {
  padding-bottom: 10px !important;
}

/* ======= Estilos del Countdown Timer ======= */
.countdown-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
  background: #ffffff !important; /* Fondo blanco solicitado */
  border: 1px solid var(--color-yellow); /* Mantener borde en color actual (amarillo) */
  box-shadow: none;
}

.countdown-item:hover {
  transform: scale(1.05); /* Igual que hover de los botones */
  box-shadow: none;
}

.countdown-item > div:first-child {
  transition: all 0.2s ease;
}

/* Forzamos color de texto oscuro como en botones */
.countdown-item .text-gray-900,
.countdown-item .text-gray-700 {
  color: var(--color-gray-dark) !important;
}

/* ======= Ajustes Mobile específicos para Home ======= */
@media (max-width: 767px) {
  /* Quita el fondo del hero en móvil */
  #hero {
    background-image: none !important;
    background-size: auto !important;
    background-position: center bottom !important;
    padding-top: 1.25rem;   /* pt-5 */
    padding-bottom: 1.25rem;/* pb-5 */
    min-height: auto !important;
  }
  
  /* Evita textos enormes y mejora legibilidad */
  #hero h1 {
    font-size: 1.875rem;    /* text-3xl */
    line-height: 2.25rem;   /* leading-9 */
    letter-spacing: -0.01em;
  }
  
  #hero p.lead {
    font-size: 1rem;        /* text-base */
    line-height: 1.75rem;   /* leading-7 */
  }
  
  /* Botones apilados y pill a ancho total */
  #hero .cta-wrap {
    flex-direction: column;
    align-items: stretch;
  }
  
  #hero .cta-wrap a,
  #hero .cta-wrap span {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  
  /* Disclaimer debajo, con margen arriba */
  #hero .disclaimer {
    position: static !important;
    margin: 0.75rem 1.5rem 0 1.5rem; /* mt-3 mx-6 */
    font-size: 0.72rem;
    line-height: 1.1rem;
    opacity: .7;
    text-align: left;
  }
}