/* HERO  -  Por defecto movil */

.hero_pc {
    display: none;
}

.hero_mv {
    display: block;
}

/* Cuando el ancho sea mayor a 800px, mostrar el banner PC */
@media (min-width: 801px) {
    .hero_pc {
        display: block;
    }

    .hero_mv {
        display: none;
    }
}

.hero .media {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    max-width: 100%;
    object-fit: cover;
    z-index: 1;
    height: 100%;
    display: block;
    background-color: #000;

}

.hero_info_container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  z-index: 1;
  color: var(--color-blanco);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


/* Capa de overlay semitransparente */
.hero__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}



/* MOBILE */
@media (max-width: 992px) {

    /** dejarlo aqui dentro, es exclusivo para mvl */

    .hero {
        position: relative;
        margin-top: 90px;
        height: calc(100vh - 390px);
        overflow: hidden;
        display: block;
        max-height: 600px;
    }

    /* .hero.pag_general .hero_title{
      font-size: 70px;
      font-weight: 700;
      margin: 0 0 90px;
      line-height: 1.1;
      margin-top: 100px;
    } */

    .hero_title,
    .pc-hero-content {
        display: none !important;
    }

    .hero_info_container .pc-hero-content p,
    .hero_subtitle {
        display: none !important;
    }

    .mobile-hero-content {
        display: block;
        top: 0;
        left: 0;
        transform: unset;
        z-index: 10;
        text-align: left;
        color: #fff;
    }

    .mobile-hero-content .mobile-hero-title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

    .hero.pag_general .mobile-hero-title {
      font-size: 45px;
      font-weight: 700;
      /* margin: 0 0 90px; */
      line-height: 1.1;
      margin-top: 100px;
    }


    .mobile-hero-content .mobile-hero-subtitle,
    .mobile-hero-content {

        color: var(--Color-White, #FFF);

        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 1rem;
        margin: 0 0 90px;
    }
}


/* DESKTOP */
@media (min-width: 993px) {

    .hero {
        position: relative;
        /* height: 640px; */
        height: 475px;
    }


    .hero_title {
        color: white;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        width: 100%;
        line-height: 46px;

        text-align: left;
        margin-top: 200px;

        max-width: 23ch;
        margin: 0;
    }

    .hero_subtitle,
    .pc-hero-content {
        margin: 8px 0 0;
        margin-bottom: 2rem;
        text-align: left;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 80ch;
    }

    .mobile-hero-content,
    .mobile-hero-title .mobile-hero-subtitle {
        display: none;
    }

    .hero.pag_general .hero_title{
      font-size: 70px;
      font-weight: 700;
      /* margin: 0 0 90px; */
      line-height: 1.1;
      margin-top: 100px;
    }

    .hero.pag_general .hero_subtitle,
    .pc-hero-content{
      margin: 0 0 120px;
    }

    
}






/************* OBSOLETO ???  -*****/


/* .hero__content.container {
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
  } 
  
// Contenido centrado encima del overlay 
.hero__content {
    position: relative;
    z-index: 1;
    color: #fff;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
  }
  
  .hero__content.container {
    width: 100% !important;
    margin-right: 600px;
    margin-left: 45px;
    max-width: 2100px !important;
  }
  
  
  */

  /* .hero__form button {
  background-color: #e31837;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
  width: 100%
} */

/* // Formulario de búsqueda 
.hero__form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) 100px;
    gap: 0.5rem;
    width: 100%;
  }
  
  .hero__form .uk-select {
    width: 100%;
  } */


/* 
.hero__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    overflow: hidden;
    z-index: 0;
  }
  
  .hero__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
/*   
  @media (max-width: 767px) {
  .hero__logo{display: none !important;}

  }
  @media (min-width: 768px) and (max-width: 1024px) {

    .hero__content.container {
        width: 100% !important;
        margin-right: 600px;
        margin-left: 20px;
        max-width: 2100px !important;
      }
  }
   */



/* 
.hero__logo {
    position: absolute !important;
    top: 1rem !important;
    left: 1rem !important;
    padding: 0 !important;
    margin: 0;
    z-index: 1000 !important;
    padding-left: 45px !important;
  }
  
  .hero__logo img {
    display: block;
    height: 50px;
    width: auto;
    object-fit: contain;
  }
  
  @media (max-width: 767px) {
    .hero__logo {
      top: 0.5rem;
      left: 0.5rem;
    }
  
    .hero__logo img {
      height: 40px;
    }
  } */