.heroTitle{
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:47px;
        line-height:51px;
        letter-spacing:-0.047em;
        color:white;
        max-width:750px;
        box-shadow: 0 0 30 rgba(0, 0, 0, 1);
      }
      
      .heroTexto{
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:26px;
        line-height:32px;
        letter-spacing:-0.02em;
        color:white;
        max-width:510.68px;
      }
      
      
      .hero{
        display:flex;
        position:relative;
        width:100%;
        height:788px;
        align-items:center;
        /*background-color:black;*/
        overflow:hidden;
        position: relative;
        z-index: 0;
        padding-top: 100px;
        justify-content: center;
      }     
      
      .heroFondo{
        display:flex;
        top: 0;
        position:absolute;
        width:100%;
        height:100%;
        overflow:hidden;
        z-index:1;
      }

      .heroFondo.filter{
        z-index:2;
        opacity: 0.4;
        mix-blend-mode:multiply;
        background-color: black;
      }


      
      .heroFondo img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .heroContainer{
        display:flex;
        width:100%;
        max-width:1400px;
        flex-direction:column;
        gap:35px;
        position:relative;
        z-index:4;
        padding: 0 40px;
        /*background-color: aquamarine;*/
      }
      
      .hero a{
        all:unset;
        cursor:pointer;
        display:flex;
        align-items: center;
        justify-content: center;
        /*background-color:pink;*/
        width:220px;
        height:55px;
        border-radius:50px;
        background-image:url("./imgs/hero/hero_boton.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:19.38px;
        line-height:19.38px;
        letter-spacing:-0.024em;
        color:white;
        flex-shrink: 0;
      }
      

 .video-fondo { 
    /* Propiedades para cubrir el contenedor */
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center;
}




@media(max-width:700px){

  .hero{
    max-height: 100vh;
    align-items: flex-end;
    padding-bottom: 58px;
  }

  .heroContainer{
    gap: 17px;
    text-align: center;
    padding: 0 20px;
  }

  .heroTitle{
    font-size: 31px;
    line-height: 30px;
  }

  .heroTexto{
    font-size: 18px;
    line-height: 22px;
    letter-spacing:0;
  }


}