@font-face {
    font-family: 'GommeSansExtraBold';
    src: url('2-Fuentes/Gomme\ Sans\ W04\ ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'GothamMedium';
    src: url('2-Fuentes/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Gotham Book';
    src: url('2-Fuentes/Gotham-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }



html, body {
  overflow-x: hidden;
}

body{
    background-color: white;
    overflow-x: hidden;
    margin: 0 0;
}


.altbody{
    background-color: white;
}


.navar{
    display: flex;
}

.menunav a{
    color: white;
    text-decoration: none;
    transition: color 0.2s ease;

}

.osc a:hover{
  color: #c00 !important;
}


.cntbar{
    display: flex;
    margin: 0vw 2.7vw;
    margin-top: 2.1vw;
}

.LogoNav img{
    width: 13.2vw;
}

.menunav{
    margin-top: 0.72vw;
    margin-left: 41.85vw;
    margin-right: -1.5vw;
    display: flex;
}

.menunav a{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.74vw;
    font-weight: 700;
    padding-right: 2.5vw;
}

.menunav img{
    width: 1.8vw;
    margin-right: -1vw;
    margin-top: -0.1vw;
}

.flags{
    margin-left: 0.4vw;
    display: flex;
    background-color: #0c264b;
    padding-left: 1.3vw;
    padding-top: 0.8vw;
    margin-top: -0.8vw;
    border-radius: 0.5vw;
}


.Conthom{
    display: flex;
    padding-bottom: 6vw;
}

.Par1{
    width: 28.5vw;
    margin-left: 10vw;
    margin-top: 10vw;
    color: white;
}

.Par2 video{
    margin-top: 5.8vw;
    margin-left: 4.6vw;
    width: 51vw;
}

.Tpp{
    font-size: 3.3vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    line-height: 3.1vw;
}

.Tpp2{
  margin-top: 0.4vw;
  font-size: 3.2vw;
  font-family: 'GothamMedium', sans-serif;
  line-height: 3.1vw;
}



.TppD{
    font-size: 3.3vw;
    margin-top: -2.3vw;
    margin-bottom: 2vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    line-height: 3.1vw;
}

.Tpd{
    font-family: 'GothamMedium', sans-serif;
    line-height: 1.5vw;
    margin-top: 1.35vw;
    font-size: 1.1vw;
    margin-bottom: 4.9vw;
}



.Bc1{
    background:
    url("1-Elementos/FlechasFondoCover.webp"),
    linear-gradient(180deg,rgba(17, 51, 101, 1) 0%, rgba(12, 37, 74, 1) 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.centcont{
    margin: 5.6vw 10vw;
}




.Ttservicios{
    color: #0c2547;
    font-family: 'GommeSansExtraBold', sans-serif;
    font-size: 2.2vw;
}

.Ttcont{
    color: #c4172c;
    font-family: 'GothamMedium', sans-serif;
    margin-top: 1vw;
    font-size: 1.1vw;
}

.TtserviciosD{
    color: #ffffff;
    font-family: 'GommeSansExtraBold', sans-serif;
    font-size: 2.2vw;
}

.TtcontD{
    color: #86a8d9;
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.1vw;
}


.BigDiv{
    margin-top: 4.3vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 2 columnas del mismo tamaño */
    grid-template-rows: 1fr;  
    gap: 1.5vw; 
}




.CardT{
    z-index: 2;
    width: 25vw;
    border-radius: 1vw;
    overflow: hidden;
    height: 31vw;
    margin-bottom: 9vw;
}

.Cardimg{
    transition: transform 0.4s ease-in-out; 

}

.Cardimg img {
    width: 104%;
    object-fit: cover; /* Hace que la imagen se ajuste bien al contenedor sin deformarse */
    object-position: -1vw;
    transition: transform 0.4s ease-in-out; 
  }



.Cardimg.hover-activo {
    transform: scale(1.1) translateY(-0.9vw); /* Aplica zoom y desplaza la imagen hacia arriba */

}


.BackCard{
    margin-top: -0.35vw;
    background: white;
    color: #113365;   
   top: 20vw;
    height: 20vw;
}

.PG{
    font-family: 'GommeSansExtraBold', sans-serif;
    font-size: 1.4vw;
    padding-top: 2.9vw;
    margin-left: 1.5vw;
    padding-bottom: 1.6vw;
    display: flex;
    flex-direction: column;
}



.ama{
  line-height: 0; /* elimina el espacio vertical */

  margin-top: -1vw;
  color: #0a1f44;
}


.apa{
  margin-top: 2vw;
  line-height: 0; /* elimina el espacio vertical */

    font-family: 'GothamMedium', sans-serif;
    color: #0a1f44;
    margin-left: 0vw;
    font-size: 1.1vw;

}


.lcard{
    background-color: rgb(224, 224, 224);
    padding: 0.05vw;
    margin: 0vw 1.4vw;
}


.espcard{
    padding-top: 1.6vw;
}

.AcoTarj{
    margin-left: 1.4vw;
 }



 .PGr1{
    width: 23vw;
 }
 
 .PGr1 img{
    padding-left: 0.8vw;
    max-height: 4.5vw;
 }

 .InCr{
    display: flex;
 }

 .TIM{
    margin: 1vw 1.65vw;
    font-family: 'GothamMedium', sans-serif;
    width: 7.4vw;
    color: #0c264b;
    font-weight: 900;
    font-size: 1.1vw;
 }

 .TCENT{
    font-family: 'GothamMedium', sans-serif;
    margin: 0.9vw;
    font-size: 0.9vw;
    line-height: 1.15vw;
    color: #0c264b;
 }

 .PRGR{
    margin-top: 4.3vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 2 columnas del mismo tamaño */
    grid-template-rows: 1fr;  
    gap: 3.4vw;
    margin-bottom: 8vw;
 }



 .Bk2{

   background-color: #0c264b;
 }

.Bk21{
    background: url(Extras/flechasFondoV.webp),linear-gradient(180deg,rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);
    background-repeat: no-repeat;
    background-size: contain;
}



 .Bk1M{    
    position: relative;
    z-index: 1;
margin-top: -24.1vw;
    padding-top: 13vw;
background: linear-gradient(90deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
 padding-bottom: 5.3vw;
}


.Bk2M{    
    background:url(1-Elementos/backMapa.webp), linear-gradient(90deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
    }

.MapaBK1{
    margin-left: 10.1vw;
    margin-top: 2vw;
}

.MapaBK1 img{
    width: 50vw;
}

.contA{
    display: flex;
}




.Side2{

    margin-left: 7vw;
    margin-top: 8.4vw;
    height: 22vw;
    width: 20vw;

    
}

.SideTitulo{
    font-family: 'GommeSansExtraBold', sans-serif;
   font-size: 2.55vw;
   color: white;
   line-height: 2.5vw;
   
}

.SideDescripcion{
    font-family: 'GothamMedium', sans-serif;
    color: #86a8d9;
    margin-top: 1.1vw;
    font-size: 1.1vw;
}



.NuestraEmpresa{
    margin-top: 9vw;
    display: flex;
}


.partefoto img{
   width: 100%;
   border-radius: 1vw;
}

.partefoto video{
    width: 100%;
    clip-path: inset(0 0.1vw 0 0); /* top right bottom left */
}


.partefoto{
  max-width: 48.5vw;
  margin-top: 1vw;
  margin-right: 1vw;
  margin-bottom: 4vw;
}


.flechass img{
   width: 100%;
}

.flechass{
  margin-left: 74vw;
  margin-top: -3.8vw;
  margin-bottom: 6.5vw;
   position: relative;
   width: 4.5vw;
}



.fss2{
  margin-top: -2.2vw;

}


.flechass2 img{
  width: 100%;
}

.flechass2{
  width: 4vw;
  margin-top: 1vw;
  margin-bottom: -0.5vw;
}







.partetexto{
    margin-top: 2vw;
    margin-left: 3.5vw;
    max-width: 25.5vw;
}

.nunu{
    line-height: 2.3vw;
    margin-top: 2.7vw;
    font-size: 2.18vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    color: #0c264b;
}

.nene{
    font-family: 'GothamMedium', sans-serif;
    font-weight: 600;
    margin-top: 0.7vw;
    color: #ce232c;
    font-size: 1.1vw;
}

.atee{
    color: #0c264b;
    margin-top: 2.1vw;
    font-family: 'Gotham book', sans-serif;
    font-size: 1.05vw;
    line-height: 1.11vw;
    margin-bottom: 3.2vw;
}



.cuentas{
    border-radius: 0.5vw;
    margin-top: 4vw;
    background: #113365;
    background: linear-gradient(180deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);    color: white;
    height: 7vw;
    display: flex;
    width: 101%;

}


.cl1{
    align-content: center;
    width: 28.8vw;
    text-align: center;
}


.cl2{
    align-content: center;
    width: 27.8vw;
    text-align: center;

}


.cl3{
    align-content: center;
    width: 49.2vw;
    text-align: center;
}

.Cofo img {
    transition: opacity 0.5s ease;
    opacity: 1;
  }
  .Cofo img.fade-out {
    opacity: 0;
  }
  

.lil{
    margin-left: 5vw;
    display: flex;
    margin-top: -0.9vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    font-size: 2.45vw;
}


.smol{
    margin-left: -2.5vw;
    font-family: 'GothamMedium', sans-serif;
    color: #86a8d9;
    font-size: 1.3vw;
    font-weight: bold;   
}






.PGr2{
    border-radius: 0.4vw;
    box-shadow: 0 0.9vw 1vw rgba(0, 0, 0, 0.084);

    height: 15.5vw;
    width: 24.5vw;
    background-color: white;
 }
 
 .PGr2 img{
    padding-left: 2.3vw;
    padding-top: 2.3vw;
    max-height: 4.9vw;
    
 }


 
.PGr3{
    border-radius: 0.8vw;
    box-shadow: 0 0.9vw 1vw rgba(0, 0, 0, 0.084);
    height: 15.5vw;
    width: 24.5vw;
    background-color: #123262;
 }
 
 .PGr3 img{
    padding-left: 2.3vw;
    padding-top: 2.3vw;
    max-height: 4.9vw;
 }




 .InCr2{
    margin-top: -0.4vw;
    display: flex;
 }

 .TIM2{
    margin-top: 3.9vw;
    margin-left: 0.8vw;
    font-family: 'GothamMedium', sans-serif;
    width: 7.4vw;
    color: #0c264b;
    font-size: 1.5vw;
    font-weight: 900;
 }

 .TCENT2{
    font-family: 'GothamMedium', sans-serif;
    margin-left: 2.2vw;
    margin-right: 2.2vw;
    margin-top: 0.4vw;
    margin-bottom: 1vw;
    font-size: 0.9vw;
    line-height: 1.15vw;
    color: #0c264b;

 }


.griser{
  background-color: #efefef;
  margin: -16vw -10vw;
  padding: 18vw 10vw;

  padding-top: 11vw;
}



 .TIM3{
    margin-top: 4vw;
    margin-left: 0.8vw;
    font-family: 'GothamMedium', sans-serif;
    width: 7.4vw;
    color: white;
    font-size: 1.5vw;
    font-weight: 900;
 }

 .TCENT3{
    font-family: 'GothamMedium', sans-serif;
    margin-left: 2.2vw;
    margin-right: 2.2vw;
    margin-top: 0.4vw;
    margin-bottom: 1vw;
    font-size: 0.9vw;
    line-height: 1.15vw;
    color: white;

 }




 .PRGR2{
    margin-top: 4.75vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 2 columnas del mismo tamaño */
    grid-template-rows: 1fr;  
    gap: 3.78vw;
    margin-bottom: 8vw;
 }

 


.F1 img, .F2 img, .F3 img{
    width: 100%;
    border-radius: 1vw;
}

.Cofo{
    margin-top: 4vw;
    margin-left: 0.4vw;
    margin-right: -0.6vw;
    display: flex;
    padding-bottom: 6vw;
}


.F1{
    width: 50vw;
}

.Dosfo{
    margin-left: 0.6vw;
}


.F2{
    width: 29vw;
}

.F3{
    margin-top: 0.22vw;
    width: 29vw;
}

.talento{
    padding-top: 6.3vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    color: white;
    font-size: 2.21vw;
    margin-bottom: 0.5vw;
    margin-left: 0.25vw;
}

.titalento{
    font-family: 'GothamMedium', sans-serif;
    color: #86a8d9;
    font-size: 1.1vw;
    margin-left: 0.25vw;

}

.antimar{
    margin-top: -6vw;
    padding-bottom: 6vw;
}


.Compla{
    border-radius: 1vw;
    margin-right: -0.8vw;
    display: flex;
    background-size: cover;
    height: 33.5vw;
    background-image: url(1-Elementos/coverPlaneta.webp);
}

.Comproc{
    border-radius: 0.5vw;
    margin-top: 6.65vw;
    margin-left: 41.7vw;
    height: 20.5vw;
    width: 34vw;
    background-color: #ffffffe3;
}




.lineota{
  width: 88%;       /* o un valor fijo, como 200px */
  height: 0.07vw;       /* grosor de la línea */
  background-color: #0a1f44; /* color de la línea */
  margin: 0.7vw 2.1vw; 
}





.GrT{
    margin-left: 2.3vw;
    margin-top: 2.8vw;
    

}

.GrC{
    color: #0c264b;
    margin-left: 2.1vw;
    margin-right: 1.1vw;
    margin-top: 0.9vw;
    font-size: 1vw;
    font-family: 'GothamMedium', sans-serif;

}

.bk3{
    background-color: white;

}

.bk3T{
    background-color: white;
    padding-top: 5vw;
    margin-top: -5.7vw;
}


.Clicli{
    margin-top: 7.7vw;
}


.prigri{
    margin-top: 5.5vw;
}

.prigri, .segri{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* 2 columnas del mismo tamaño */
    grid-template-rows: 1fr;  
    gap: 6vw;
}

.prigri img, .segri img{
    width: 15.5vw;

}


.linea2{
    margin-top: 1.5vw;
    background-color: rgb(216, 216, 216);
    padding: 0.04vw 0vw;
}

.segri{
    margin-top: 1.5vw;
}


.formulario{
    margin-top: 7.13vw;
    display: flex;
    background-image: url(1-Elementos/formularioBack.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 27vw;
    margin-right: -1.4vw;
    margin-left: -0.2vw;
    padding-bottom: 10vw;
    margin-bottom: -25vw;
    position: relative;
    z-index: 1;
}


.acofor{
    margin-top: 5.7vw;
    margin-left: 29.6vw;

}

.botmentel{
  display: none;
}

.Tfor{
    font-size: 2.15vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    color: white;
    margin-bottom: 1vw;
}

.Cfor{
    font-family: 'GothamMedium', sans-serif;
    color: white;
    line-height: 0.1vw;
    font-size: 1vw;
}

.acofor form{
    margin-top: 2.8vw;
}


.colun{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.colun input{
  padding-left: 0.7vw;
    border-radius: 0.2vw;
    margin-right: 1vw;
    width: 21.7vw;
    height: 2vw;
    margin-bottom: 1.1vw;
    border: none;
    font-family: 'GothamMedium', sans-serif;
    color: #0c264b;
    font-size: 0.8vw;
}


.colun input::placeholder{
    color: #0c264b;
}


.FRGR input::placeholder{
    color: #0c264b;
}


.atraaa{
  margin-left: 0vw;
}


.dedos{
    display: flex;
}

.FRGR input{
  padding-left: 0.7vw;

    border: none;
    border-radius: 0.2vw;
    margin-top: 0.1vw;
    width: 45.2vw;
    height: 4vw;
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.8vw;

}

.ultsep{
    padding-top: 1.4vw;
}

.enfor{
    padding: 0.5vw 2.6vw;
    font-size: 0.8vw;
    color: white;
    background-color: #0c264b;
    border: none;
    font-family: 'GothamMedium', sans-serif;

    border-radius: 1vw;
}

.footer{
    background: #113365;
    background: linear-gradient(180deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);
}

.Prilo{
    display: flex;
    padding-top: 23vw;
    color: white;    
    margin-left: 10vw;
    margin-bottom: 1vw;
}

.Prilo img{
    width: 15.7vw;
    margin-top: 0.4vw;
}

.Cofoot{
  line-height: 0;
    font-size: 1.47vw;
    display: flex;
    margin: 0.8vw;
    margin-left: 27.4vw;
    margin-top: 1.5vw;
    font-family: 'GothamMedium', sans-serif;
}

.ConFo{
    font-family: 'GommeSansExtraBold', sans-serif;
    margin-top: -0.29vw;
}



.GrFT{
    display: flex;
    margin-top: 2.9vw;
    margin-bottom: 1vw;
    margin-left: 19vw;
}

.GrFT a{
   text-decoration: none;
   color: white;
}

.Sepu{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.85vw;
    line-height: 0.2vw;
    display: flex;
    color: white;
    margin-bottom: 1vw;
    margin-right: 9.5vw;

}

.Sepu2{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.85vw;
    line-height: 0.2vw;
    display: flex;
    color: white;
    margin-bottom: 1vw;
    margin-right: 8.5vw;

}

.Sepu3{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.85vw;
    line-height: 0.2vw;
    display: flex;
    color: white;
    margin-bottom: 1vw;
    margin-right: 5vw;

}

.Sepu4{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.85vw;
    line-height: 0.2vw;
    display: flex;
    color: white;
    margin-bottom: 1vw;
    margin-right: -14vw;

}


.GrFT img{
    width: 1.7vw;
    height: auto;
    margin-right: 0.6vw;
    margin-top: -0.7vw;
}


.avii{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.88vw;
    display: flex;
    color: white;
    margin: 0vw 10.2vw;
}

.avii div{
    padding-right: 0.8vw;
}

.avii a{
    text-decoration: none;
    color: white;
}

.Pime{
    margin-left: 79vw;
    margin-top: -1.5vw;
}

.Pime img{
    width: 1.6vw;
}

.Pime a{
    margin: 0.4vw;
}

.tratra{
    padding-top: 2vw;
    background-color: #0c264b;
    padding-bottom: 3.1vw;
}


.lineault{
    margin: 0vw 10.2vw;
    padding: 0.04vw 0vw;
    background-color: #081033;
}


.osc{background-color: white !important;
    padding-bottom: 1.4vw  !important;
}

.osc a{
    color: #0c264b !important;
}

.osc .flags{
    background-color: #dedede;
}

.BkPro{
    border-radius: 1vw;
    margin-top: 0vw;
    display: flex;
    color: white;
    background-image: url(1-Elementos/coverVolteo.webp);
    height: 36vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0vw 2.4vw;
}

.BkPro video{
    position: absolute;
    z-index: 1;
    height: 45vw;
    border-radius: 0.7vw;

}

.BkProIND{
  border-radius: 1vw;
  margin-top: 0vw;
  display: flex;
  color: #0c264b;
  height: 36vw;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0vw 0vw;
  padding-bottom: 4vw;
}

.BkProIND video{
  position: absolute;
  z-index: 1;
  height: 48vw;
}


.Sepu img{
  width: 1.1vw;
  margin-bottom: -0.25vw;
  margin-right: 0.3vw;

}






.BkPro2{
    border-radius: 1vw;
    margin-top: 0vw;
    display: flex;
    color: white;
    background-image: url(1-Elementos/coverPlataforma.webp);
    height: 36vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0vw 2.4vw;
}


.BkPro7{
    border-radius: 1vw;
    margin-top: 0vw;
    display: flex;
    color: white;
    background-image: url(1-Elementos/CoverPorta.png);
    height: 36vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0vw 2.4vw;
}



.BkPro3{
    border-radius: 1vw;
    margin-top: 0vw;
    display: flex;
    color: #0c264b;
    height: 36.5vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0vw 2.4vw;
    width: 95vw;
}


.BkPro3 video{
     position: absolute;
     z-index: 1;
     height: 36.2vw;
     border-radius: 0.7vw;

}






.BkPro4{
    margin-top: 0vw;
    display: flex;
    color: white;
    background-image: url(1-Elementos/coverBolsa.webp);
    height: 36vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0vw 2.4vw;
    border-radius: 0.7vw;
}

.AcoDes{
    margin-top: 11.2vw;
    height: 18vw;
    margin-left: 7.6vw;
    width: 19.2vw;
}

.AcoEmp{
    z-index: 3;
    margin-top: 11.8vw;
    height: 18vw;
    margin-left: 7.7vw;
    width: 19.2vw;
}


.AcoDes .Tpd{
    margin-bottom: 4vw;
}

.AcoEmp .Tpd{
    margin-bottom: 4vw;
}


.Tst{
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.53vw;
    margin-top: 0.8vw;
    margin-bottom: 2vw;
}


.unsepmas{
    margin-bottom: 2.2vw;
}



.TstD{
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.53vw;
    margin-top: 2.7vw;
    margin-bottom: 2vw;
}


.Cubk{
    box-shadow: 0 0.2vw 0.6vw rgba(0, 0, 0, 0.011);
    position: absolute;
    top: 48vw;
    margin: 0vw 14vw;
    width: 72.2vw;
    height: 6.5vw;
    background-color: white;
    display: flex;
    border-radius: 0.6vw;
}

.Cubk2{
    position: absolute;
    top: 47.5vw;
    margin: 0vw 14vw;
    width: 72.2vw;
    height: 6.5vw;
    display: flex;
    border-radius: 0.6vw;
}



.Cu1, .Cu2, .Cu3{
    font-family: 'GothamMedium', sans-serif;
    display: flex;
    font-size: 1.15vw;
}

.acocu{
    margin: 2vw 2vw;
    display: flex;
    font-size: 1vw;
    font-weight: 500;
    color: #0c264b;
}


.Cu1 img, .Cu2 img, .Cu3 img{
    height: 2.5vw;
    margin-right: 1.1vw;
}


.Cu1{
    width: 32.8vw;
}

.Cu2{
    width: 20.8vw;
}

.Cu3{
    width: 18.55vw;
}


.sepp2{
    padding-top: 5vw;
}


.Acotito{
    color: white;
    margin: 0vw 29.5vw;
}

.tito1{
    font-size: 3.25vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    margin-right: -7vw;
}

.tito2{
    font-family: 'GothamMedium', sans-serif;
    text-align: center;
    font-size: 1.7vw;
    margin-left: -1vw;
    margin-right: -2vw;
    color: #8cb1e7;

}

.GrCos{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2.1vw;
    padding-bottom: 9vw;
}

.GrCos img{
    border-radius: 0.6vw;
    width: 39vw;
}

.camimo{
    margin-left: 57.5vw;
    width: 86vw;
    margin-bottom: -2vw;
}

.camimo img{
    width: 100%;
}

.RH{
    position: relative;
   margin-left: 10vw;
   margin-right: 9vw;
}

.RH img{
    margin-top: -16vw;
   width: 100%;
   border-radius: 0.8vw;
}

.seep{
    margin-top: 13vw;
}

.ComT{
    margin-top: -1vw;
    color: #0c264b;
    font-family: 'GommeSansExtraBold', sans-serif;
   font-size: 2.21vw;
margin-bottom: -1vw;
margin-left: -0.3vw;
}


.ComC{
    margin-left: -0.3vw;

   color: #0c264b;
   font-family: 'GommeSansExtraBold', sans-serif;
   font-size: 2.21vw;
   margin-bottom: -1.9vw;

}



.diviman{
  line-height: 0; /* elimina el espacio vertical */
  display: block;
  margin-top: 0.38vw;
  padding: 0;
}


/* Menú oculto por defecto, pero “clickeable” cuando está abierto */
.menuhover {
  position: absolute;          /* o como lo tengas, pero con z-index alto */
  z-index: 9999;
  opacity: 0;
  margin-top: 2vw;
  border-radius: 0.4vw;
  padding-bottom: 0.5vw;
  visibility: hidden;
  pointer-events: none;
  background-color: white;
  transition: opacity .15s ease, visibility .15s ease;
}

/* Abierto */
.menuhover.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Asegura que el trigger pueda estar por encima si hace falta */
.divimen { position: relative; z-index: 10000; }


.elemenu{
  line-height: 2vw; /* elimina el espacio vertical */
  display: block;
  margin-top: 0.1vw;
  margin-left: 1vw;
}





.fleti{
  display: flex;
}

.icopla img{
  width: 93%;
}

.icopla{
  width: 6vw;
  margin-left: 2vw;
  margin-top: 1.3vw;
  margin-right: -1.6vw;
}




.lista-estados ul {
    margin-top: 3vw;
    columns: 2; /* Divide la lista en dos columnas automáticamente */
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-type: disc;
    color: white;
    font-family: 'GothamMedium', sans-serif;

    margin-left: -2vw;
    margin-right: -2vw;
    font-size: 1.2vw;
    column-gap: 2.2vw; /* Espacio entre columnas */
  }
  
  .lista-estados {
    width: fit-content;
  }



  .Btp1 {
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.8vw;
    font-weight: 700;
    background-color: #ce232c;
    color: white;
    text-decoration: none;
    padding: 0.5vw 1.85vw;
    border-radius: 1vw;
    transition: background-color 0.1s ease-in;
}

.Btp1:hover {
    background-color: #e14149;
}

.Btp1.hover-activo {
    background-color: #e14149; /* o lo que quieras */
  }

.FlechaBo {
    margin-bottom: -0.24vw;
    margin-left: 0.23vw;
    height: 1vw;
    transition: margin 0.3s ease-in-out;
}

/* Estilo que se aplica cuando está en estado hover */
.FlechaBo.hover-activo {
    margin-left: 0.50vw;
    margin-right: -0.27vw;
}










  .FlechaBo img{
    height: 100%;
  
  }

  .animup, .animright {
    opacity: 0;
    transition: opacity 0.5s ease-out; /* Suavizado extra */
  }
  
  .animate__animated {
    opacity: 1 !important;
  }

  
  .F1, .F2, .F3 {
    position: relative;
  }
  
  .F1 img, .F2 img, .F3 img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .img-fade-alt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
  }
  
  .F3 img{
    border-radius: 1vw;
    padding-top: 0.58vw;
  }







  /* Image Styling */

.image img,
.image2 img {
    width: 100%;
    border-radius: 0.7vw; /* Adds rounded corners to the images */
}

.image2 img {
    padding-top: 5.8vw;
}

.image{
    padding-top: 0.9vw;
}

.vision-section{
    padding-top: 2vw;
}

/* The Modal (background) */


#image-viewer {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}


.modal-content {
    margin: 2vw auto;
    display: block;
    width: 80%;
    max-width: 126vh;
}
.modal-content { 
    animation-name: zoom;
    animation-duration: 0.6s;
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
#image-viewer .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
#image-viewer .close:hover,
#image-viewer .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}



  /* Image Styling */




  .pruebming img{
    width: 100%;
  }



  .TeRo{
    text-align: center;
    color: #ce232c;
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.3vw;
    font-weight: 600;
    margin: 1vw 2vw;
  }

  .TeRo2{
    text-align: center;
    color: #ce232c;
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.8vw;
    font-weight: 900;
    margin: 1vw 2vw;
  }


  .atenten2{
    text-align: center;
    color: #0c264b;
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.5vw;
    font-weight: 100;
    margin-top: -0.7vw;
    line-height: 2vw;
  }



  .atenten{
    text-align: center;
    color: #0c264b;
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.4vw;
  }

  .Cardinas, .Cardinas2, .Cardinas3{
    width: 100%;
    height: 25.5vw;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    border-radius: 0.5vw;
  }

  .Cardinas{
    background-image: url(1-Elementos/vacOpera.webp);
  }


  .Cardinas2{
    background-image: url(1-Elementos/vacMante.webp);
  }


  .Cardinas3{
    background-image: url(1-Elementos/vacAdmin.webp);
  }

  .PTC{
    margin-left: 3.5vw;
    margin-top: 9vw;
    margin-bottom: 8.4vw;
    width: 17vw;
    color: white;
  }



  .vovolteos {
    cursor: pointer;
  }

  .plapla{
    cursor: pointer;

  }

  .portaporta{
    cursor: pointer;
  }



  .Ptt1{
    font-family: 'GothamMedium', sans-serif;
    font-size: 1.45vw;
    font-weight: 900;
  }

  .Ptt2{
    font-family: 'GothamMedium', sans-serif;
    font-size: 2.25vw;
    font-weight: 900;
    margin-top: 0vw;
  }


  .lilsep{
    padding-top: 1.7vw;
  }

  .PTC2{
    font-family: 'GothamMedium', sans-serif;
    margin-left: 39vw;
    margin-top: 8vw;
    margin-bottom: 6.8vw;
     width: 17vw;
     color: white;
     font-size: 1.1vw;
     line-height: 1.6vw;
  }

  .laput{
    margin-top: 1.5vw;
  }


  .lineotac{
    padding: 0.04vw 0vw;
    background-color: #61000073;
  }

  .litjuan{
    padding-top: 0.9vw;
    font-size: 0.92vw;
  }

  .PTC2 li{
    font-size: 0.92vw;
  }

  .masque{
    margin-bottom: 1vw;
  }

  .sese{
    padding-top: 4vw;
  }


  .linline{
    padding: 1vw 2vw;
    z-index: 6;
    position: inherit;
    border-bottom: 1px solid #2b518a; /* línea divisora */
    margin: 1vw 9.5vw;
  }

  .linline2{
    padding: 1vw 2vw;
    z-index: 6;
    position: inherit;
    border-bottom: 1px solid #2b518a; /* línea divisora */
    margin: 1vw 0.5vw;
    margin-bottom: 5vw;
  }


  
.linline3{
  padding: 1vw 2vw;
  z-index: 6;
  position: inherit;
  border-bottom: 1px solid #d4d4d4; /* línea divisora */
  margin: 1vw 0.5vw;
  margin-bottom: 5vw;
}



.lineaprestaciones{
  width: 79vw;
  height: 0.1vw;
  background-color: #ececec;
  margin: 4vw auto;
}

 


  .benebene{
    margin-top: 5.3vw;
  }

  

  .benefits-grid {
    font-family: 'GothamMedium', sans-serif;
    padding-top: 1.8vw;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 0vw;
    color: #0c264b;
  }

  .row {
    display: flex;
    justify-content: space-between;
    background-color: #ececec;
    padding: 1vw 24px;
    border-radius: 0.2vw;
    margin-bottom: 1.4vw;
  }

  .row:nth-child(even) {
    background-color: #ececec;
  }

  .benefit {
    font-size: 1.1vw;
    font-weight: 600;
    color: #0c264b;
    flex: 1;
    text-align: center;
    margin-left: 0.7vw;
  }



  .bengra{
    padding-top: 0.6vw;
    padding-left: 1vw;
    font-family: 'GothamMedium', sans-serif;
    font-weight: bold;
    font-size: 1.4vw;
  }


  .otrosep{
    padding-top: 3.8vw;
  }

  .elGR4{
    margin-top: 4.5vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.3vw;
  }

  .tag4{
    width: 18vw;
  }

  .tag4 img{
     width: 100%;
     border-radius: 1vw;
  }


  .TP4{
    margin-top: 1.5vw;
    font-size: 1.45vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    line-height: 0.1vw;
    margin-bottom: 4vw;
    width: 60vw;
    color: #0a1f44;
  }

  .TP44{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.85vw;
    font-weight: 100;
    width: 19vw;
    color: #0a1f44;
  }

  .TP44D{
    font-family: 'Gotham Book', sans-serif;
    font-size: 0.85vw;
    font-weight: 100;
    color: #ffffff;
  }


  .TP4D{
    margin-top: 1.5vw;
    font-size: 1.45vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    line-height: 0.1vw;
    margin-bottom: 3.2vw;
    width: 20vw;
    color: #ffffff;
  }



  .Sepat{
    margin-left: 0.1vw;
    margin-top: 0.8vw;
  }




  .TP4D::after {
    content: '';
    display: block;
    margin-top: 1.7vw; /* distancia entre texto y línea */
    margin-bottom: -2.3vw;
    width: 4.3vw; /* longitud de la línea */
    height: 0.25vw; /* grosor */
    background-color: red;
  }




  .TP4::after {
    content: '';
    display: block;
    margin-top: 1.7vw; /* distancia entre texto y línea */
    margin-bottom: -2.3vw;
    width: 4.3vw; /* longitud de la línea */
    height: 0.25vw; /* grosor */
    background-color: red;
  }



  

  .smolito{
    font-weight: 100 !important;
    font-size: 3.2vw;

  }




  .tabla-contenedor {
    margin-top: -7.6vw;
    border-collapse: collapse;
    color: #0a1f44;
    margin-bottom: -1.5vw;
  }
  
  .tabla-titulos {
    display: flex;
    font-weight: bold;
    margin-right: -4vw;
    border-bottom: 0.5vw;
    margin-bottom: 3.3vw;
  }
  
  .columna-titulo {
    margin-left: 0.95vw;
    width: 20.8vw;
margin-top: 0.5vw;
    font-size: 1.5vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    
  }
  
  .columna-subtitulo {
    width: 29.5vw;
    font-family: 'GommeSansExtraBold', sans-serif;
    text-align: left;
    font-size: 2.1vw;
    position: relative;

  }
  
  .columna-subtitulo.activo::after {
    content: '';
    position: absolute;
    display: block;
    width: 5vw;
    height: 0.3vw;
    background: #c4172c;
    margin: 0.5vw auto 0;
  }
  
  .tabla-fila {
    display: flex;
    align-items: flex-start;
    padding: 2.4vw 0;
    border-top: 0.1vw solid #dadada;
  }
  
  .icono {
    width: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .icono img {
    width: 3.9vw;
    height: auto;
    margin-top: 1.4vw;
    margin-right: -1.5vw;
  }

  .icono2 {
    width: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .icono2 img {
    width: 2.9vw;
    height: auto;
    margin-top: 0.8vw;
    margin-right: -1.5vw;
  }

  .nonop{
    margin-top: -1.6vw;
  }

  
  .etiqueta {
    width: 20%;
    font-weight: bold;
    text-transform: uppercase;
    color: #0a1f44;
    padding-top: 1.25vw;
    padding-left: 3.5vw;
    font-size: 1.13vw;
    font-family: 'GommeSansExtraBold', sans-serif;

  }
  
  .columna-descripcion {
    font-family: 'GothamMedium', sans-serif;
    width: 31.5vw;
    padding: 0 2vw;
    font-size: 1.14vw;
    color: #0a1f44;
    line-height: 1.5vw;
    font-weight: 100;
    margin-top: 0.96vw;

  }
  
  .bigg{
    margin: -0.3vw;
  }


  .mabaj{
    margin-top: 0.82vw;
  }


  .mabaj2{
    margin-top: 1.45vw;
  }


  .cardonas{
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-bottom: 19vw;
    gap: 3vw;
    row-gap: 4.3vw;
  }


  .Tart{
    display: flex;
  }
  
  .Tart img{
    height: 8vw;
    width: auto;
    margin-right: 2.7vw;
  }

  .lilta{
    width: 26.5vw;
    margin-top: 0.3vw;
  }

  .Titin3{
    font-family: 'GommeSansExtraBold', sans-serif;
    font-size: 1.09vw;
  }

  .Desu{
    font-family: 'GothamMedium', sans-serif;
    font-size: 0.94vw;
    margin-top: 1vw;
  }

  .vermas a{
    text-decoration: none;
    font-family: 'GommeSansExtraBold', sans-serif;
    color: #0c2547;
    font-size: 1.6vw;
  }

  .vermas{
    padding: 0.4vw 0vw;
    margin-left: 25.8vw;
    text-align: center;
    width: 27.5vw;
    background-color: #efefef;
border-radius: 2vw;
  }

  .vermas img{
    width: 3.9vw;
    margin-left: 1.3vw;
  }


  .divice{
    display: flex;
    margin-bottom: 3vw;
  }

  .dedes{
    font-size: 1.12vw;
    font-family: 'GothamMedium', sans-serif;
    width: 27vw;
    color: #081033;
  }






  .dslug{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }


  .cdtt{
    font-size: 1vw;
    line-height: 0.3vw;
    font-family: 'GothamMedium', sans-serif;
    width: 17vw;
    color: #081033;
    display: flex;
    font-weight: 900;
  }

  .cdtt img{
    margin-top: -0.5vw;
    margin-left: 1.9vw;
    height: 6.6vw;
    width: auto;
  }

  .octt{
    margin-top: 1.7vw;
  }



  .Grmq{
     display: flex;
     margin-left: 9vw;
     margin-right: -10vw;
  }
  
  .coco{
    width: 100%;

  }

  .coco img{
    width: 54vw;
  }


  .Btr{
    margin-left: -43.5vw;
    margin-top: 10vw;
    width: 18vw;
  }

  .mapota{
    margin-top: -9vw;
    padding-top: 9vw;
    padding-bottom: 6vw;
    margin-bottom: -6vw;
    background-color: #f3f3f3;
background-image: url(1-Elementos/c4Fondo.webp); 
background-size: contain;
background-size: 65% auto; /* ancho al 50%, alto automático */

background-repeat: no-repeat;
background-position: 13vw;

 }



 .AcoJom{
    z-index: 3;
    margin-top: 5.8vw;
    height: 18vw;
    margin-left: 7.7vw;
    width: 56.2vw;
 }

 .SA{
    color: #86a8d9;
 }


 

.nocom{
  display: none;
}








.pcf-section {
        padding: 0vw;
        margin-left: -0vw;
        margin-bottom: 5vw;
    }

    .pcf-title {
        font-family: 'GommeSansExtraBold', sans-serif;

        color: #002147;
        font-size: 1.45vw;
        font-weight: bold;
        margin-bottom: 1vw;
        position: relative;
    }

    .pcf-title::after {
        content: "";
        display: block;
        width: 4.8vw;
        height: 0.5vw;
        background-color: #c8102e;
        margin-top: 1vw;
    }

    .pcf-info-wrapper {
        display: flex;
        align-items: center;
    gap: 4.5vw;
    margin-top: 2.1vw;
        border-top: 0.1vw solid #efefef;
    border-bottom: 0.1vw solid #efefef;
     padding-top: 1.9vw;    /* espacio arriba del contenido */
    padding-bottom: 1.9vw; 
    
    }

    .pcf-info-block {
        display: flex;
        align-items: center;
        gap: 0.1vw;
    }

    .pcf-icon {
        width: 5.6vw;
    }

    .pcf-text-container {
        margin-top: 1vw;
        margin-left: 1.2vw;
        font-size: 1.1vw;
        color: #333;
        display: flex;
  font-family: 'GothamMedium', sans-serif;
    }


       .pcf-text-container2 {
        margin-top: 1vw;
        margin-left: 1.2vw;
        font-size: 1.1vw;
        color: #333;
        display: flex;
  font-family: 'GothamMedium', sans-serif;
    }




    .pcf-text-title {
        display: block;
        font-size: 1.1vw;
        color: #002147;
        font-weight: bold;
        margin-bottom: 1vw;
        margin-right: 2vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  margin-top: -0.24vw;

    }



      .pcf-text-title2 {
        display: block;
        font-size: 1.1vw;
        color: #002147;
        font-weight: bold;
        margin-bottom: 1vw;
        margin-right: 2vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  margin-top: -0.25vw;

    }


























 @media screen and (max-width: 768px) {





html, body {
  overflow-x: hidden;
}





  

  .notel{
    display: none;
  }
  
  .nocom{
    display: inherit;
  }

  .cntbar{
    display: flex;
    margin: 0vw 10vw;
    margin-top: 5.1vw;
}

  .LogoNav img{
    width: 45.2vw;
}


.BkProIND{
  border-radius: 1vw;
  margin-top: 4vw;
  display: flex;
  color: #0c264b;
  height: 36vw;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0vw 2.8vw;
  margin-bottom: 38vw;
}

.BkProIND video{
  position: absolute;
  z-index: 1;
  height: 62.2vw;
 margin-top: 1.6vw;
 margin-left: -10vw;
  transform: translateX(-22.9vw); /* recorta 30px desde la izquierda */
}

.AcoJom{
  z-index: 3;
  margin-top: 10vw;
  height: 18vw;
  margin-left: 6.4vw;
  width: 57.2vw;
}


.Tpp{
  font-size: 5.3vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  line-height: 5.1vw;
}

.Tpp2{
  font-size: 5.3vw;
  font-family: 'GothamMedium', sans-serif;
  line-height: 5.1vw;
}

.TppD{
  font-size: 5.3vw;
  margin-top: -3.1vw;
  margin-bottom: 7vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  line-height: 3.1vw;
}

.TppDin{
  font-size: 5.3vw;
  margin-left: 1.8vw;
  margin-top: -6.15vw;
  margin-bottom: 7vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  line-height: 3.1vw;
}



.TppDo{
  font-size: 5.3vw;
  margin-top: -2.3vw;
  margin-bottom: 7vw;
  font-family: 'GothamMedium', sans-serif;
  line-height: 3.1vw;
}

.TppDon{
  margin-left: -8vw;
  font-size: 5.3vw;
  margin-top: -2.3vw;
  margin-bottom: 7vw;
  font-family: 'GothamMedium', sans-serif;
  line-height: 3.1vw;
}


.TppDon2{
  margin-left: -8.5vw;
  text-align: center;
  font-size: 5.3vw;
  margin-top: -2.3vw;
  margin-bottom: 7vw;
  font-family: 'GothamMedium', sans-serif;
  line-height: 3.1vw;
}

.TppDin2{
  font-size: 5.3vw;
  margin-left: -9.5vw;
  margin-top: -4.15vw;
  margin-bottom: 7vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  line-height: 3.1vw;
}









.centcont{
  margin: 5.6vw 4.2vw;
}


.deste{
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.6vw;
  margin-top: -3vw;
  line-height: 3.8vw;
  color: #081033;
}





.Ttservicios{
  color: #0c2547;
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 4.2vw;
}


.Ttcont{
  margin-top: 1.3vw;
  color: #c4172c;
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.5vw;
}

.TtserviciosD{
  color: #ffffff;
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 4.2vw;
}

.TtcontD{
  margin-top: 1.3vw;
  color: #86a8d9;
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.5vw;
}


.dservicios{
  margin-left: 5vw;
  margin-top: 13vw;
}

.Servicios{
 margin-left: 4.8vw; 
 margin-top: 14.8vw;
}


.BigDiv {
  position: relative;
  z-index: 9;
  margin-top: 4.3vw;

  /* Organización en fila */
  display: flex;
  gap: 4.5vw;

  /* Scroll horizontal */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;

  /* Que los elementos no se rompan en varias líneas */
  white-space: nowrap;

  /* Más cómodo para scroll en móvil */
  -webkit-overflow-scrolling: touch;

  /* Ocultar barra de scroll en algunos navegadores */
  scrollbar-width: none; /* Firefox */

  width: 92vw;
}
.BigDiv::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

/* Ejemplo de item dentro del contenedor */
.BigDiv > * {
  flex: 0 0 auto;   /* Evita que se encojan */
  min-width: 150px; /* Ajusta al tamaño que quieras */
}




.CardT{
    z-index: 2;
    width: 55.7vw;
    border-radius: 2vw;
    margin-top: 5vw;
    overflow: hidden;
    height: 67.3vw;
    margin-bottom: 32vw;
}

.Cardimg{
  transition: transform 0.4s ease-in-out; 

}

.Cardimg img {
  width: 100%;
  height: 48vw;
  object-fit: cover; /* Hace que la imagen se ajuste bien al contenedor sin deformarse */
  transition: transform 0.4s ease-in-out; 
}



.Cardimg.hover-activo {
  transform: scale(1) translateY(0); /* Aplica zoom y desplaza la imagen hacia arriba */

}


.BackCard{
  padding-top: 0.33vw;
  margin-top: -1.5vw;
  background: white;
  color: #113365;   
 top: 20vw;
  height: 22.3vw;
  display: flex;
  flex-direction: column;
}




.PG{
  margin-top: 2.3vw;
  line-height: 0;
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 3.2vw;
  padding-top: 2.6vw;
  margin-left: 3.5vw;
  padding-bottom: 0.5vw;
  display: flex;
  flex-direction: column;
}





.PG::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 9.3vw;           /* Pegada abajo del contenedor */
  width: 89%;
  margin-left: 3.2vw;
  height: 0.1vw;         /* Grosor */
  background-color: #efefef; /* Gris */
}












.apa{
  margin-top: 4.4vw;
  line-height: 0;
  font-family: 'GothamMedium', sans-serif;
  color: #0a1f44;
  margin-left: -0.1vw;
  font-size: 2.5vw;

}





.Btp1 {
  font-family: 'GothamMedium', sans-serif;
  font-size: 1.95vw;
  font-weight: 700;
  background-color: #ce232c;
  color: white;
  text-decoration: none;
  padding: 1.7vw 6vw;
  border-radius: 3vw;
  max-height: 2.2vw;
  max-width: 19.5vw;
  transition: background-color 0.1s ease-in;

}


.Btp7{
  padding: 1.1vw 4vw;
  

}




.FlechaBo {

  margin-bottom: -0.52vw;
  margin-left: 0.23vw;
  height: 2.5vw;
  transition: margin 0.3s ease-in-out;
}

/* Estilo que se aplica cuando está en estado hover */
.FlechaBo.hover-activo {
  margin-left: 0.50vw;
  margin-right: -0.27vw;
}

.FlechaBo img{
  height: 100%;

}

.acobo{
  margin-top: 1.6vw;
  margin-left: 0vw;
}

.acobo2{
  margin-top: 1.6vw;
  margin-left: -0.3vw;
}



.Bk1M{    
  position: relative;
  z-index: 1;
margin-top: -70.45vw;
  padding-top: 47vw;
background: linear-gradient(90deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 5.3vw;
}



.yprl2{
  font-family: 'GothamMedium', sans-serif;
  color: white;
  font-weight: 700;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-top: 8vw;
  margin-left: 6vw;
  margin-right: 6vw;
  row-gap: 4.75vw;
  column-gap: 7vw;
  padding-bottom: 3vw;
 }


.nsc{
  display: flex;

}

.nsc img{
   width: 10.5vw;
   margin-right: 1.5vw;
}


.ojte{
  font-size: 2.5vw;
  margin-top: 1.4vw;
  margin-left: 1.7vw;
  margin-right: 2vw;
  line-height: 4vw;
}


.linfon{
  border: none;
  height: 0.4vw;
  background-color: rgb(13, 33, 78);
  margin: 1vw 8.4vw;
  margin-top: 8vw;
  margin-bottom: -7.5vw;
}



.emprete{
  margin-top: -8vw;
}

.emprete video{
  width: 100%;
}

.ServiciosH{
  margin-left: 9vw;
  margin-top: 6vw;
}


.mapcel{
  background-color: #efefef;
  background-image: url(1-Elementos/c4Fondo.webp);
  background-size: 165%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 23vw 13vw;
  margin: -10vw 0vw;
}






.atee{
  color: #0c264b;
  margin-top: 8vw;
  font-family: 'GothamMedium', sans-serif;
  font-size: 3vw;
  line-height: 3.4vw;
  margin-bottom: 3.2vw;
  margin-right: 3vw;
}



.cuentas{
  border-radius: 1.55vw;
  margin-top: 17vw;
  background: #113365;
  background: linear-gradient(180deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);    color: white;
  height: 18vw;
  display: flex;
  width: 82vw;
  margin-left: 9vw;

}





.lil{
  margin-left: 5vw;
  display: flex;
  margin-top: -0.9vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 4vw;
  align-content: center;
  text-align: center;

}





.cl1{
  margin-top: 3vw;
  align-content: center;
  width: 28.8vw;
  text-align: center;
  line-height: 5vw;
  margin-left: 2vw;
}

.cl3{
  line-height: 5vw;

}



.SA{
  margin-left: 7vw;
}

.mms{
  margin-left: 10.3vw;
}

.telmap{
  margin-left: -2.8vw;
   width: 88vw;
   margin-top: 8vw;
}

.telmap img{
  width: 100%;
}



.talento{
  padding-top: 12.3vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  color: white;
  font-size: 4.21vw;
  margin-bottom: 0.5vw;
  margin-left: 5vw;
  margin-right: 38vw;
  line-height: 4.2vw;
}

.titalento{
  font-family: 'GothamMedium', sans-serif;
  color: #86a8d9;
  font-size: 2.7vw;
  margin-left: 5vw;
  margin-top: 4.2vw;
  margin-right: 27vw;
}







.F11 img, .F22 img, .F33 img{
  width: 100%;
  border-radius: 0.7vw;
}

.Cofo{
  margin-top: 7vw;
  margin-left: 4.7vw;
  margin-right: -0.6vw;
  display: block;
  padding-bottom: 15vw;
}


.F11{
  width: 82.3vw;
}

.Dosfo{
  display: flex;
  margin-left: 0vw;
  margin-top: 4vw;
}


.F22{
  width: 39vw;
}

.F33{
  margin-left: 3.1vw;
  margin-top: -0.82vw;
  width: 40vw;
}



  
.F11, .F22, .F33 {
  position: relative;
}

.F11 img, .F22 img, .F33 img {
  display: block;
  width: 100%;
  height: auto;
}

.img-fade-alt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}

.F33 img{
  border-radius: 1.5vw;
  padding-top: 0.58vw;
}



.planetamo{
  margin-left: 4.8vw;
  width: 81.5vw;
  border-radius: 1.4vw;
}

.planetamo img{
  width: 100%;
  border-radius: 1.7vw;

}

.comteltex{
  padding-top: 6.5vw;
  margin: 1vw 5vw;
  color: #0a1f44;

}


.entitcom{

  display: flex;
}


.entitcom img{
  width: 9.5vw;
}


.cocotel{
  font-family: 'GommeSansExtraBold', sans-serif;
  margin-left: 3vw;
  font-size: 4vw;
  line-height: 3.9vw;
  margin-top: 0.6vw;
  margin-right: 130vw;
}



.Lilota{
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.5vw;
  margin-top: 3vw;
  line-height: 3.8vw;
  margin-bottom: 8vw;
}



.Grtecm{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

}

.Grtecm img{
  width: 100%;
}

.clitel{
  margin: 5.2vw;
}



.AGDC{
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 4vw;
  margin-right: 8vw;
  line-height: 4vw;
  color: #0a1f44;
}


.TCE{
  margin-top: 4vw;
  font-family: 'GothamMedium', sans-serif;
margin-right: 29vw;
  font-size: 2.7vw;
  color: #c4172c;
  margin-bottom: 7.3vw;
}



.linefinefo{
  margin-left: 8.2vw;
  margin-top: 28vw;
  margin-bottom: -20vw;
  display: flex;
}

.linfo{
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.2vw;
  text-decoration: none;
  color: #d4d4d4;
  padding: 1.8vw;
}


.linfo a{
  color: #d4d4d4;
  text-decoration: none;
}


.footertel{
  background-color: #10305f;
  padding-bottom: 30vw;
  background: linear-gradient(180deg, rgba(17, 51, 101, 1) 16%, rgba(12, 37, 74, 1) 84%);

}


.prico{
  display: flex;
  padding-top: 15vw;
  margin: 2vw 9vw;
}


.logonto img{
  width: 100%;
}

.logonto{
  width: 34.4vw;
}


.grfon{
    margin-left: 29.5vw;
    margin-top: 0.8vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2.9vw;
}

.grfon img{
   width: 3.8vw;

}



.YPRL{
  font-family: 'GommeSansExtraBold', sans-serif;
  color: white;
  font-size: 3.9vw;
  margin-left: 9vw;
  margin-top: 15vw;
  margin-right: 18vw;
  line-height: 4.2vw;
}





.FTel{
  display: flex;
  color: white;
  font-family: 'GothamMedium', sans-serif;
  line-height: 0.4vw;
  margin-left: 9.3vw;
  margin-bottom: 6.6vw;
  font-size: 3vw;
  text-decoration: none;
}


.FTel a{
  text-decoration: none;
  color: white;
}

.FTtel img{
margin-right: 98vw;
}

.ubitel img{
width: 4.9vw;

}


.riosl{
  margin-left: 0vw;

}


.atraaa{
  margin-left: 0vw;
}


.riosl img{
   width: 4vw;
   margin-bottom: -0.7vw;
   margin-right: 1.2vw;
}








.riosl7{
  margin-left: 2.9vw;
  margin-top: 2vw;
}

.riosl2{
  margin-left: 2.1vw;
 margin-top: 4.2vw;
}



.liton{
  margin-top: 9.1vw;
}



.BOLTEL {
  background-image: url(Extras/celBolsa.webp);
  margin: 1vw 4.4vw;
  height: 82vw;
  margin-top: -12vw;
  background-repeat: no-repeat;
  background-size: contain;
}




.AcoDeste{
  padding-top: 60vw;
  
  color: white;
  margin-top: 15.8vw;
  height: 18vw;
  margin-left: 17.9vw;
  width: 59.2vw;
}




.TppDeste{
  font-size: 5.3vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  line-height: 5.1vw;

}

.tinin{
  margin-bottom: -2vw;
  margin-left: 7.6vw;
  display: flex;
}

.tinin2{margin-top: -6vw;
  margin-bottom: -2vw;
  margin-left: 7.6vw;
  display: flex;
  flex-direction: column;
}





.unsepmas{
    margin-bottom: 6.2vw;
}


.unacote{
  margin-left: 13vw;
}





.divice{
  display: inline;
  margin-bottom: 3vw;
}



.botmentel{
  margin: 5vw 6vw;
  padding-top: 10vw;
  font-size: 6vw;

}




.botmentel{
  padding-left: 5vw;
  z-index: 99;
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0vw;
  margin-top: -1vw;
  margin-left: -11.05vw;
  box-sizing: content-box;
  background-color: #ffffff   ;
  font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
  font-weight: 700;
}


.botmentel a{
  text-decoration: none;
  color: #002e48;
}
.botmentel ul{
  padding-bottom: 0.003vh;
}



.cerrmentel{
  z-index: 3;
  left: 86vw;
  top: 12vw;
  position: absolute;
}



.cerrmentel img{
  width: 5.5vw;
}
















.dedes{
  font-size: 2.5vw;
  font-family: 'GothamMedium', sans-serif;
  width: 93vw;
  line-height: 3.8vw;
  color: #081033;
  margin-bottom: 8.5vw;
}




.cdtt{
  margin-left: 3.9vw;
  font-size: 2.6vw;
  line-height: 0.3vw;
  font-family: 'GothamMedium', sans-serif;
  width: 17vw;
  color: #081033;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  margin-bottom: 16vw;
}

.cdtt img{
  margin-top: -0.5vw;
  margin-left: 0.4vw;
  height: 15.6vw;
  width: auto;
}


.octt{
  text-align: center;
  margin-top: 1.7vw;
}




.Textotecel{
  background-image: url(Extras/celOp.webp);
  height: 43.9vw;
  width: 82vw;
  background-size: contain;
  display: flex;
  color: white;
}


.Textotecel2{
  background-image: url(Extras/celMan.webp);
  height: 43.9vw;
  width: 82vw;
  background-size: contain;
  display: flex;
  color: white;
}


.Textotecel3{
  background-image: url(Extras/celAdmin.webp);
  height: 43.9vw;
  width: 82vw;
  background-size: contain;
  display: flex;
  color: white;
}


.acotesto{
  margin-top: 18vw;
  margin-left: 4vw;
}


.prites{
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.6vw;
}


.segtes{
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 3.9vw;
  margin-bottom: 4.8vw;
}




.perojo{
  border-radius: 0 0 0.8vw 0.8vw;
  background-color: #c4172c;
  color: white;
  height: 20.3vw;
}



.centrojo{
  margin-left: 12.5vw;
  margin-right: 10vw;
  padding-top: 4.9vw;
  padding-bottom: 4.9vw;
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.55vw;
  line-height: 3.5vw;
}




.cuadrode{
  margin: 8vw 9vw;
  border-radius: 10vw;
}




.beneficios {
  max-width: 100%;
  margin: 0vw 9vw;
}

.beneficios h2 {
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 3.8vw;
  font-weight: 800;
  color: #0c2547; /* azul fuerte */
  margin-bottom: 0.3rem;
}

.incentivo {
  color: #c12130; /* rojo */
  font-weight: 500;
  margin-bottom: 1rem;
  font-family: 'GothamMedium', sans-serif;

}

.beneficios-grid {
  font-family: 'GothamMedium', sans-serif;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 0.5rem;
  column-gap: 0;
}

.item {
  background-color: #f0f2f5;
  color: #0c2547;
  font-weight: 700;
  text-align: left;
  font-size: 1.9vw;
  padding: 0.1vw 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: left;
  height: 4vw;
  margin: 1.4vw 0vw;
  padding-left: 2.8vw;
}

.item.full {
  grid-column: span 3;
}



.Bkemptel{
  height: 100%;
margin: 0vw 4vw;
padding-bottom: 80vw;

}



.Bkemptel video{
  margin-top: 1.7vw;
  width: 92%;
  position: absolute;
  z-index: 0;
  border-radius: 2.7vw;
}


.emptelm{
  position: relative;
  z-index: 3;
  padding-top: 65vw;
  padding-left: 19vw;
  color: white;
}

.AcoTarj{
  margin-left: 3.2vw;
  margin-top: 1.5vw;
}


.Nemp{
  font-family: 'GothamMedium', sans-serif;
  font-size: 5.3vw;
  color: white;
  margin-bottom: 5vw;
}


.psps{
  margin-left: 14vw;
}


.psps2{
  margin-left: 21vw;
}

.espeec{
  margin-top: -59vw
}


.espeec{
  color: #c12130;
  margin-left: 15vw;
  margin-right: 15vw;
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.7vw;
  font-weight: 700;
  text-align: center;
}


.atenten2{
  margin-top: -4vw;
  font-size: 2.8vw;
  line-height: 3.5vw;
}




.PRGR2{
  margin-top: 8.75vw;
  display: grid;
  grid-template-columns: 1fr; /* 2 columnas del mismo tamaño */
  grid-template-rows: 1fr 1fr 1fr;  
  gap: 6.78vw;
  margin-bottom: 8vw;
}



 
.PGr3{
  margin-left: 5vw;
  border-radius: 1.5vw;
  box-shadow: 0 0.9vw 1vw rgba(0, 0, 0, 0.084);
  height: 49.5vw;
  width: 81.5vw;
  background-color: #123262;
}

.PGr3 img{
  padding-left: 6.3vw;
  padding-top: 8.3vw;
  max-height: 12.7vw;
}







.TIM3{
  margin-top: 12.2vw;
  margin-left: 3.8vw;
  font-family: 'GothamMedium', sans-serif;
  width: 7.4vw;
  color: white;
  font-size: 3.9vw;
  font-weight: 900;
}


.TCENT3{
  font-family: 'GothamMedium', sans-serif;
  margin-left: 5.2vw;
  margin-right: 3.8vw;
  margin-top:  6vw;
  margin-bottom: 1vw;
  font-size: 2.8vw;
  line-height: 3.8vw;
  color: white;

}


.elGR4{
  margin-top: 4.5vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 2.3vw;
}





.tag4{
  width: 18.3vw;
  display: flex;

}

.tag4 img{
   width: 31.45vw;
   border-radius: 1.5vw;
   margin-right: 1.5vw;
}





.BkPro{
  border-radius: 1vw;
  margin-top: 0vw;
  display: flex;
  color: white;
  background-image: url(xTras/VolteosCel.webp);
  height: 82vw;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 2vw 4.4vw;
}


.BkPro2{
  border-radius: 1vw;
  margin-top: 0vw;
  display: flex;
  color: white;
  background-image: url(xTras/PlataCel.webp);
  height: 82vw;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 2vw 4.4vw;
}



.BkPro7{
  border-radius: 1vw;
  margin-top: 0vw;
  display: flex;
  color: white;
  background-image: url(1-Elementos/CoverPortaCel.png);
  height: 82vw;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 2vw 4.4vw;
}





.menutel img{
   width: 100%;
}

.menutel{
  margin-left: 27vw;
  margin-top: -0.5vw;
  width: 9vw;
  height: 9vw;
}




.AcoDes{
  margin-top: 66.4vw;
  height: 18vw;
  margin-left: 11.6vw;
  width: 71.2vw;
}



.vermas a{
  text-decoration: none;
  font-family: 'GommeSansExtraBold', sans-serif;
  color: #0c2547;
  font-size: 2.6vw;
}

.vermas{
  margin: 12vw 0vw;
  padding: 1.4vw 0vw;
  margin-left: 25.8vw;
  text-align: center;
  width: 42.5vw;
  background-color: #efefef;
border-radius: 2vw;
}

.vermas img{
  width: 6vw;
  margin-left: 1.3vw;
}






.xTabs__selector {
  margin-left: 4.5vw; 
  display: flex;
  gap: 15vw;
  font-weight: bold;
  font-size: 4vw;
}

.xTabs__tab {
  color: #ccc;
  position: relative;
  cursor: pointer;
  font-family: 'GothamMedium', sans-serif;

}

.xTabs__tab--active {
  color: #0c1c38;
}

.xTabs__tab--active::after {
  content: "";
  position: absolute;
  bottom: -2.6vw;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #c00;
}

.xDivider {
  border: none;
  border-top: 1px solid #eee;
  margin: 7.5vw 0;
}

.xBlock__info {
  color: #0c264b;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 9vw 0;
  border-bottom: 1px solid #f0f0f0;
}

.xBlock__info img {
  margin-left: 4.7vw;
  margin-top: 4vw;
  margin-right: 6vw;
  width: 10vw;
  height: auto;
}

.xBlock__title {
  font-family: 'GothamMedium', sans-serif;
  margin: 0;
  font-size: 2.64vw;
  font-weight: 900;
}

.xBlock__text {
  font-family: 'GothamMedium', sans-serif;
  margin: 2vw 0 0 0;
  font-size: 2.4vw;
  color: #0c264b;
  max-width: 400px;
}




.tito1{
  font-size: 5vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  margin-right: -27vw;
  margin-left: -10.3vw;
}


.tito2{
  font-family: 'GothamMedium', sans-serif;
  text-align: center;
  font-size: 2.6vw;
  margin-left: -15.5vw;
  margin-right: -16vw;
  color: #8cb1e7;

}




.cardonas{
  color: white;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  padding-bottom: 47vw;
  gap: 3vw;
  row-gap: 4.3vw;
}




.Tart img{
  margin-left: 4.5vw;
  height: 14vw;
  width: auto;
  margin-right: 3.2vw;
}



.Titin3{
  font-family: 'GommeSansExtraBold', sans-serif;
  font-size: 2.4vw;
}



.lilta{
  width: 64.5vw;
  margin-top: 0.3vw;
}




.Desu{
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.4vw;
  line-height: 2.7vw;
  margin-top: 1vw;
}


.GrCos{
  margin-left: 4vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2.1vw;
  padding-bottom: 9vw;
}

.GrCos img{
  border-radius: 0.6vw;
  width: 39vw;
}

.RH img{
  margin-top: -32vw;
 width: 100%;
}




.TP4D::after {
  content: '';
  display: block;
  margin-top: 2.3vw; /* distancia entre texto y línea */
  margin-bottom: -2.3vw;
  width: 4.3vw; /* longitud de la línea */
  height: 0.25vw; /* grosor */
  background-color: red;
}




.TP4::after {
  content: '';
  display: block;
  margin-top: 3.3vw; /* distancia entre texto y línea */
  margin-bottom: -2.3vw;
  margin-left: 0.1vw;
  width: 19.3vw; /* longitud de la línea */
  height: 0.7vw; /* grosor */
  background-color: red;
}





.TP4{
  margin-top: 1.5vw;
  font-size: 3.45vw;
  font-family: 'GommeSansExtraBold', sans-serif;
  line-height: 0.1vw;
  margin-bottom: 4vw;
  width: 60vw;
  color: #0a1f44;
}

.TP44{
  font-family: 'GothamMedium', sans-serif;
  font-size: 2.4vw;
  font-weight: 100;
  width: 60vw;
  color: #0a1f44;
}






.Sepat{
  margin-left: 1.5vw;
  margin-top: 0.8vw;
}












.notel{
  display: none;
}



 }