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

/* ======= 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;
  }
}