/*---------------------------------------
*        PAGINA CORPORATIVO
*----------------------------------------
*/
@media (min-width:768px) {
   .corporativo ._barra-busqueda {
      height: 80px;
      position: sticky;
      top: 0;
   }
   .corporativo ._barra-busqueda .search-container {
      bottom: 0;
   }
}
.corporativo {
   padding: 0 10px;
}
@media (min-width:768px) {
   .corporativo {
      background-image: url("../../img/update-servicios/bg_corporativo.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
   }
}
.corporativo .title-corp {
   padding: 20px 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.title-corp h2 {
   font-size: 35px;
   font-weight: bold;
}
.title-corp span {
   font-size: 25px;
}
.corporativo .beneficios-corp h3 {
   padding-top: 20px;
   font-size: 30px;
   font-weight: bold;
}


.beneficio-corp {
   margin: 10px 0;
}
.beneficio-corp h4 {
   font-weight: bold;
   margin-bottom: 0;
   color: red;
}
.beneficio-corp p {
   text-align: justify;
}

.productos-corporativos .title-corp {
   text-align: center;
}
.productos-corp {
   margin: 10px;
}
@media (min-width: 768px) {
   .beneficios-corp {
      margin: 10px 50px;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .contenedor-beneficio-corp {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }
   .productos-corporativos .title-corp {
      margin-top: 30px;
   }
}
@media (min-width: 1024px) {
   .title-corp h2 {
      font-size: 40px;
   }
   .beneficios-corp {
      margin: 0 150px;
      gap: 50px;
   }
   .beneficio-corp {
      margin: 30px;
   }
}
@media(min-width:768px) {
   .productos-corp {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 50px;
   }
   .card-corp {
      width: 350px;
   }
}
.card-corp {
   margin: 25px 0;
   padding: 15px;
   background-image: linear-gradient(
      rgb(80, 80, 80, 0.9), rgba(80, 80, 80, 0.9)
   ), url("../../img/update-servicios/PLATINUM/EXTERIOR/bushallpa.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.card-corp h3 {
   font-weight: bold;
   padding: 10px 0;
   border-bottom: 1px solid white;
   color: white;
}
.card-corp p {
   text-align: justify;
   padding: 10px 0;
   color: white;
}
.card-corp .btn-corp-card {
   display: flex;
   align-items: center;
   justify-content: center;
}

.card-corp a {
   background-color: red;
   color: white;
   padding: 10px 20px;
   font-weight: bold;
}
/* C O R P O R A T I V O  --  P E R S O N A L */
.corp-portada-main {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: 300px;
}
.corp-portada-texto {
   color: white;
   padding: 10px 20px;
}
@media (min-width:425px) {
   .corp-portada-texto h1 {
      color: red;
      font-size: 50px;
   }
}
.corp-portada-texto h1{
   font-weight: 800;
   text-align: left;
}
@keyframes barrido {
   from {
     transform: translateX(-100%);
     opacity: 0;
   }
   to {
     transform: translateX(0);
     opacity: 1;
   }
 }

@media (min-width:425px) {
   .corp-portada-texto .texto-barrido {
      display: inline-block; /* Asegura que la animaci¨®n se vea bien */
      white-space: nowrap; /* Evita que se rompa en varias l¨ªneas */
      overflow: hidden;
      animation: barrido 1s ease-out;
   }
}

.corp-portada-texto p {
   margin-top: 20px;
   text-align: left;
   text-transform: capitalize;
}
.btn-contactanos {
   display: flex;
   justify-content: center;
}
.btn-contactanos .btn{
   color: white;
   margin: 10px 0;
   padding: 10px 20px;
   border: 1px solid red;
}
.btn-contactanos .btn:hover{
   background-color: red;
}

@media (max-width:768px) {
   .corp-portada-main {
      min-height: 300px;
      padding: 30px 20px;
   }
}

@media (min-width: 1024px) {
   .corp-portada-main {
      height: 100vh;
      padding-top: 300px;
   }
   .corp-portada-texto {
      margin-top: 250px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
}

/*---------------------------------------
*        PAGINA CORPORATIVO TURISMO
*----------------------------------------
*/
.nuestros-servicios .title-servicios {
   margin-top: 30px;
}
.title-servicios {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
}
.scuadro {
   height: 10px;
   width: 10px;
   background-color: red;
   margin-right: 10px;
}
.title-servicios h2 {
   font-weight: bold;
   font-size: 35px;
}
.servicios-list {
   margin: 30px 0;
}
@media (min-width:768px) {
   .servicios-list {
      display: flex;
      justify-content: center;
   }
   .title-servicios h2 {
      font-size: 40px;
   }
}
.card-servicio {
   margin: 10px 0;
   position: relative;
   width: 100%;
   max-width: 500px;
   max-height: 450px;
   overflow: hidden;

  /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}
@media (min-width:768px) {
   .card-servicio {
      width: 100%;
   }
}
.card-servicio  img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.descripcion-title {
   position: absolute;
   bottom: 30px;
   left: 0;
   width: 100%;
   background: rgba(0, 0, 0, 0.6);
   color: #fff;
   padding: 20px 15px;
   font-size: 16px;
   text-align: left;
  box-sizing: border-box;
}
.title-servicios-des {
   text-align: center;
   padding: 0 10px;
}


@media (min-width:768px) {
   .eligenos {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }
   .post-facebook {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .list-why .div {
      padding: 30px;
   }
}
.list-why {
   background-color: #efefef;
   padding: 30px 10px;
}
.list-why h2 {
   margin: 40px 0;
}
.list-why li {
   margin: 10px;
   display: flex;
   justify-content: center;
}
.list-why .scuadro {
   margin-right: 10px;
}
.list-why ul span {
   font-weight: bold;
}

.flotas {
   padding: 40px 0;
}
@media(min-width: 768px) {
   .list-flota {
      margin: 20px 40px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
   }
}
.flota-card {
   margin: 20px 0;
   width: 100%;
}

.flota-card img {
   width: 100%;
   height: 350px;
   object-fit: cover;
}
.flota-text {
   text-align: center;
   padding: 10px 0;
}