@font-face {
  font-family: amate;
  src: url('../fonts/Amate/Amate\ Sans_Semibold.otf') ;
}

  @font-face {
  font-family: alegreya;
  src: url('../fonts/Alegreya_Sans/AlegreyaSans-Bold.ttf') ;
}

  @font-face {
  font-family: quetzal;
  src: url('../fonts/QuetzalliSans-Bold.otf') ;
}
  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    html, body {
      height: 100%;
      overflow: hidden; /* ✅ Esto elimina el scroll forzado */
      font-family: 'MONTSERRAT', sans-serif;
      
    }
    /* Carrusel ocupa todo */
    .hero {
      height: 100vh;
      position: relative;
      overflow: hidden;
      
    }
    .carousel-item img {
      width: 100%;
      height: 100vh;
      object-fit: cover;
    }
    /* Texto encima del carrusel */
    .hero-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: #fff;
      z-index: 5;

     font-family: alegreya;
      
    }
        .hero-content h1 {
          font-size: 5vw;
          margin: 0;
          font-weight: bold;
        
    
        }
     .hero-content h2 {
          font-size: 4vw;
          margin: 0;
          font-weight: bold;
      
    
        }
        .hero-content h6 {
          font-size: 1vw;
          margin-top: 1vh;
          color: #ffffff;
          font-weight: lighter;
          font-family: alegreya;
          text-shadow: 0 3px 4px rgba(0, 0, 0, 1);
          line-height: 1.8;
          text-align: justify;
          /* Aumenta el espacio entre líneas */
          letter-spacing: 0.1em;
          /* Aumenta la separación entre letras */
    
    
        }


    /* Responsive */
    @media (max-width: 768px) {
     
      
      .hero-content h1 {
        font-size: 8vw;
      }
      .hero-content h2 {
        font-size: 4vw;
        
      }
       .hero-content h5 {
        font-size: 2vw;
        
      }
    }