@font-face {
    font-family: 'FordAntenna-Black';
    src: url('Textos\ Fuentes/FordAntennaWGL-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
  }

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('Textos\ Fuentes/Metropolis-Bold,ttf') format('truetype');
    src: url('Textos\ Fuentes/Metropolis-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

body{
    margin: 0 auto;
    background-color: #f1f1f1;
    overflow-x: hidden;
    max-width: 100vw;
    
}



.SepNav{
    padding-left: 17vw;
}


.ultgima{
    grid-template-columns: auto auto auto auto auto;
    display: grid;
    box-sizing: content-box;
    margin-right: -2vw;
  }

  .ultgima img{
    width: 2.1vw;
  }


  .ultgima2{
    display: none;
    padding-left: 8.5vw;
    box-sizing: content-box;
    margin-right: -2vw;
  }

  .ultgima2 img{
    width: 6.5vw;
    padding-right: 6vw;
  }



.Footer{
    margin: 2vw 9.5vw;
    display: flex;
}

.LogoNa img{
    height: 4vw;
}

.cntry img{
    margin-bottom: -0.17vw;
    width: 1.7vw;
    height: auto;
    padding-left: 1.9vw;
}

.cntry2 img{
    margin-bottom: -0.17vw;
    width: 1.7vw;
    height: auto;
    padding-left: 1.3vw;
}

.footmen1{
    display: none;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    background-color: #f1f1f1;
    width: 54vw;
    height: 2.5vw;
    position: absolute;
    padding: 2vw 1.8vw;
    z-index: 2;
    font-size: 0.85vw;
    left: 33.5vw;
    top: 5.3vw;
    color: #274193;
    font-weight: 700;
    padding-bottom: 0.5vw;
    opacity: 0; /* Start with opacity 0 */
    transition: opacity 0.3s ease; /* Add transition for opacity */
}


.footmen1.active {
    display: flex;
    opacity: 1; 
}


.menele a{
    text-decoration: none;
    padding: 2.22vw 1vw;
    cursor: pointer;
    color: #274193;
    white-space: nowrap;
}

.menele a:hover{
    color: #f5a800;
}

.menele a.hover{
    color: #f5a800;
}



.infooter{
    padding-left: 8vw;
    padding-top: 0.9vw;
    font-size: 0.8vw;
}


.infooter2{
    padding-left: 5.5vw;
    padding-top: 0.58vw;
    font-size: 0.8vw;
}

.FootSep{
    color: #f5a800;
    font-weight: 900;
}


.FooterTN{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    text-decoration: none;
    padding-left: 1.6vw;
    color: #274193;
    font-weight: 700;
    transition: color 0.2s ease; 

}

.FooterTN:hover{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    text-decoration: none;
    color: #f5a800;
    font-weight: 800;
 
}



.FooterTN22{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    text-decoration: none;
    padding-left: 0vw;
    color: #274193;
    font-weight: 700;   
    transition: color 0.2s ease; 

}

.FooterTN22:hover{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    text-decoration: none;
    color: #f5a800;
    font-weight: 800;
 
}


#botmen1 {
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    text-decoration: none;
    padding-left: 1.6vw;
    color: #274193;
    font-weight: 700;
}

#botmen1:hover,
#botmen1.active {
    color: #f5a800;
    font-weight: 800;
}


.Volme{
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10.3vw;
    left: 31vw;
}

.Platme{
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10.3vw;
    left: 36vw;
}

.Sobrechasisme{
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10vw;
    left: 65vw;
}

.Volme.active{
    display: flex;
}

.Platme.active{
    display: flex;
}

.Sobrechasisme.active{
    display: flex;
}

.civ{
    width: 7.2vw;
    height: 5.5vw;
}

.VolmeE img{
    width: 100%;
    height: auto;
}

.PlatmeE img{
    width: 100%;
    height: auto;
}

.SobrechasismeE img{
    width: 100%;
    height: auto;
}

.gray-margin {
    margin-top: 1vw;
    height: 7vw; /* Altura del margen gris */
    width: 0.1vw; /* Ancho del margen gris */
    background-color: rgb(228, 228, 228);
}

.VolmeE{
    display: inline;
    text-align: left;
    padding: 1vw 2vw;   
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}


.PlatmeE{
    display: inline;
    text-align: left;
    padding: 1vw 2vw;   
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}



.SobrechasismeE{
    display: inline;
    text-align: left;
    padding: 1vw 2vw;   
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}


.mentext{
    margin: auto;
}

.Volme a{
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

.Platme a{
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

.Sobrechasisme a{
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}



.Volme a:hover{
    text-decoration: none;
    color: #f5a800;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}


.Platme a:hover{
    color: #f5a800;
}


.LowBme a:hover{
    color: #f5a800;
}

.Tolvasme a:hover{
    color: #f5a800;
}

.CamasBme a:hover {
    color: #f5a800;
}

.Dollysme a:hover {
    color: #f5a800;
}

.Tanquesme a:hover {
    color: #f5a800;
}

.Especialesme a:hover {
    color: #f5a800;
}

.Sobrechasisme a:hover {
    color: #f5a800;
}


/* New styles for each name with "me" appended */

/* LowB styles */
.LowBme {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10.3vw;
    left: 40vw;
}

.LowBme.active {
    display: flex;
}

.LowBmeE img {
    width: 100%;
    height: auto;
}

.LowBmeE {
    display: inline;
    text-align: left;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}

.LowBme a {
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

/* CamasB styles */
.CamasBme {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10.3vw;
    left: 53vw;
}

.CamasBme.active {
    display: flex;
}

.CamasBmeE img {
    width: 100%;
    height: auto;
}

.CamasBmeE {
    display: inline;
    text-align: left;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}

.CamasBme a {
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

/* Dollys styles */
.Dollysme {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10.3vw;
    left: 60vw;
}

.Dollysme.active {
    display: flex;
}

.DollysmeE img {
    width: 100%;
    height: auto;
}

.DollysmeE {
    display: inline;
    text-align: left;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}

.Dollysme a {
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

/* Tanques styles */
.Tanquesme {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10.3vw;
    left: 60vw;
}

.Tanquesme.active {
    display: flex;
}

.TanquesmeE img {
    width: 100%;
    height: auto;
}

.TanquesmeE {
    display: inline;
    text-align: left;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}

.Tanquesme a {
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

/* Tolvas styles */
.Tolvasme {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10vw;
    left: 69vw;
}

.Tolvasme.active {
    display: flex;
}

.TolvasmeE img {
    width: 100%;
    height: auto;
}

.TolvasmeE {
    display: inline;
    text-align: left;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}

.Tolvasme a {
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}


/* Especiales styles */
.Especialesme {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #f1f1f1;
    top: 10vw;
    left: 65vw;
}

.Especialesme.active {
    display: flex;
}

.EspecialesmeE img {
    width: 100%;
    height: auto;
}

.EspecialesmeE {
    display: inline;
    text-align: left;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 0.69vw;
    padding-bottom: 2vw;
}

.Especialesme a {
    text-decoration: none;
    color: #274193;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}







.Ban2Tel{
    top: 48vw;
    left: 4vw;
    position: absolute;
}

.Ban2Tel img{
    width: 91vw;
}

.FooterTN2D{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    text-decoration: none;
    padding-left: 0vw;
    color: #274193;
    transition: color 0.2s ease; 

}

.FooterTN2D:hover{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    text-decoration: none;
    padding-left: 0vw;
    color: #f5a800;

}

.FooterTN2D img{
    width: 1.2vw;
    margin-bottom: -0.25vw;
    margin-right: 0.3vw;
    height: auto;
}


.FooterTN2{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    text-decoration: none;
    padding-left: 2.2vw;
    color: #274193;
    transition: color 0.2s ease; 

}

.FooterTN2:hover{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    text-decoration: none;
    padding-left: 2.2vw;
    color: #f5a800;

}

.FooterTN2 img{
    width: 1.2vw;
    margin-bottom: -0.25vw;
    margin-right: 0.3vw;
    height: auto;
}

.FooterTN22 img{
    width: 1.2vw;
    margin-bottom: -0.25vw;
    margin-right: 0.3vw;
    height: auto;
}

.Tolvas img{
   bottom: 5vw;
   left: 40vw;
   margin-top: -30vw;
   width: 49vw;
   position: relative;
}

.LowBoys img{
    bottom: 3vw;
    left: 46vw;
    margin-top: -30vw;
    width: 42vw;
    position: relative;
 }

.Plataformas img{
    bottom: 1.5vw;
    left: 40vw;
    margin-top: -30vw;
    width: 49vw;
    position: relative;
}

.Tanques img{
    bottom: 4vw;
    left: 44vw;
    margin-top: -30vw;
    width: 44vw;
    position: relative;
}

.Especiales img{
    bottom: 5vw;
    left: 44vw;
    margin-top: -30vw;
    width: 45vw;
    position: relative;
}

.SobreChasis img{
    bottom: 2vw;
    left: 44vw;
    margin-top: -30vw;
    width: 45vw;
    position: relative;
}

 /*INICIO VC*/


.vid1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.background-video2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -1;
}




 /*INICIO VC*/

.HeaderVid{
    color: white;
    background-color: #f1f1f1;
    position: relative;
    overflow: hidden;
    margin: 0 10.15vw;
    height: 37vw;
}

.HeaderVid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; 
}


.HeaderVid video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; 
}


.HeaderVid .ContHVFull {
    position: relative;
    z-index: 2;
}


.ContHV{
    padding-top: 10.6vw;
    padding-left: 5.46vw;
    padding-right: 40vw;
}

.Thv1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 2.06vw;
    font-weight: 800;
    letter-spacing: 0.145vw;
    line-height: 1.23;
}

.Thv2{
    padding-top: 1.26vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 0.88vw;
    line-height: 0.5;
}

.ACBotonesHV{
    padding-top: 3.53vw;
    padding-left: 5.49vw;
}

.BotonHV {
    padding: 0.53vw 0.89vw;
    font-size: 0.78vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    color: white;
    text-decoration: none;
    background: linear-gradient(90deg, rgba(211, 56, 52, 1) 0%, rgba(244, 169, 0, 1) 100%);
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: background 0.25s ease;
    z-index: 1; /* Ensure the text stays above pseudo-element */
}

.BotonHV::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(244, 169, 0, 1) 0%, rgba(244, 169, 0, 1) 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: -1; /* Ensure the overlay is behind the text */
}

.BotonHV:hover::before {
    left: 0;
    opacity: 1;
}

.BotonHV span {
    position: relative;
    z-index: 2; /* Ensure the text is above the pseudo-element */
}


.pedafu{
    background: url(ElementosWeb/FullForma-730x545px.png);
    top: 33vw;
    left: 47vw;
    background-repeat: no-repeat;
    background-size: contain;
    height: 39vw; 
    width: 52vw;
    position: absolute;
}









.BHV2{
    margin-left: 2.03vw;
}


.HeaderCAL{
    margin: 0 10.15vw;
    color: #274193;
}

.HCGrid{
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas de igual ancho */
}


.ContHC{
    padding-top: 8.15vw;
    padding-left: 5.58vw;
    padding-right: 1vw;
}

.Thc1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.47vw;
    font-weight: 800;
    letter-spacing: 0.00vw;
    line-height: 0.45;
}

.Thc2{
    padding-top: 1.8vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 0.88vw;
    line-height: 0.5;
}

.HCGrid2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 1.2vw;
    gap: 1.5vw;
    padding-top: 2.1vw; 
}

.EleCal{
    display: flex;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 700;
    font-size: 1vw;
    letter-spacing: 0.02vw;
    padding-bottom: 0.85vw;
    margin-top: -1vw;
}

.EleCal img{
    height: 3.35vw;
    width: auto;
}

.TextCal{
    padding-left: 0.6vw;
    padding-top: 0.7vw;
    line-height: 0.3;
    
}

.AcoHG{
    padding-top: 6.5vw;
    padding-left: 3.1vw;
}

.HeaderPCat{
    padding-top: 9vw;
    margin: 0 15.825vw;
    color: #2a4285;
}

.HPC1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.4vw;
}

.HPC12{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.47vw;
    padding-bottom: 2.4vw;
    margin-bottom: -1.4vw;
}

.HPC2{
    padding-top: 0.9vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.865vw;
}

.HCatG{
    padding-top: 3.8vw;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto;
    justify-content: center; /* Centra el grid horizontalmente */
    align-content: center; 
    padding-left: 2vw;
}

.EspG{
    height: 24.3vw;
    width: 25vw;
    padding: 1vw;
    padding-bottom: 4.2vw;
}

.ContAn {
    background-image: url(ElementosWeb/BackP.png);
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: content-box;
    transition: filter 0.3s ease; /* Transición suave para el efecto de sombra */
}

.ContAn:hover {
    filter: drop-shadow(0 4px 15px #f5a700a4); /* Drop shadow al pasar el cursor */
}


.VHard{
    z-index: 5;
}

.VHard img{
    margin-top: -1.8vw;
    margin-bottom: 1.8vw;
    transition: transform 0.3s ease;

}

.VHard img:hover {
    transform: translateY(-7px);
}


.BDiv1{
    padding-top: 2.7vw;
}

.BDiv2{
    padding-top: 1.55vw;
}


.EspG img{
    width: 24.6vw;

}

.TGC1{
    margin-top: -4.1vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.5vw;
    color: #2a4285;
}

.TGC2{
    padding-top: 0.8vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.900vw;
    color: #2a4285;
    line-height: 0.4vw;
}

.CatT{
    padding: 1vw 1.95vw;
}





.EndFooter{
    z-index: 1;
    background: url(ElementosWeb/EndFooter.png);
    color: white; 
    background-size: cover;
    background-repeat: no-repeat;
}

.pfo{
    transition: filter 0.3s ease; 
}

.pfo:hover{
    filter: drop-shadow(0 4px 8px rgba(199, 199, 199, 0.562));
}

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

.AEF{
    margin: 0vw 15.825vw;
    padding-bottom: 10vw;

}

.TAEF{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.46vw;
}

.TAEF2{
    font-size: 0.9vw;
    padding-top: 0.77vw;
    padding-bottom: 4.4vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}

.Contactanos input{
    height: 1.85vw;
    width: 24.33vw;
    font-size: 1vw;
    background-color:#d8d8d8;
    border-style: none;
    margin-bottom: 0.4vw;
    padding-left: 1.2vw;

}

#Mensaje{
    height: 4vw;
}

.InfoContactos{
    padding-left: 15.5vw;
    padding-top: 7.7vw;
}


.TAEFD{
    margin-top: -0.15vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.1vw;
    padding-bottom: 1.19vw;
    margin-left: -0.35vw;
}

.TAEFD2{
    margin-top: -0.2vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 0.9vw;
    padding-bottom: 1.19vw;    
}

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

.TAEFD2 a:hover{
    color: #f5a800;
}


.TAEFDX{
    margin-top: -0.2vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 0.9vw;
    margin-left: 1.65vw;
    padding-bottom: 1.19vw;    
}

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

.TAEFDX a:hover{
    color: #f5a800;
}


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

.TAEFD3 a:hover{
    color: #f5a800;
}




.TAEFD3{
    margin-top: -0.25vw;
    padding-top: 0.3vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.9vw;
    padding-bottom: 1.15vw;
    line-height: 0.4vw;    
}

.USAC{
    padding-top: 1vw;
}

.PRFTR img{
    margin-top: -10.8vw;
    margin-left: 10.5vw;
    width: 79.5vw;
}


.sep{
    padding-top: 15vw;
}

.sep2{
    padding-top: 14vw;
}

.espbt{
    padding-top: 2.2vw;
}

.BotonHV2 {
    padding: 0.53vw 1.3vw;
    background: linear-gradient(90deg, rgba(211, 56, 52, 1) 0%, rgba(244, 169, 0, 1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 0.78vw;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1; /* Ensure the text stays above the pseudo-element */
}

.BotonHV2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(244, 169, 0, 1) 0%, rgba(244, 169, 0, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1; /* Ensure the overlay is behind the button */
}

.BotonHV2:hover::before {
    opacity: 1;
}


.telimg{
    width: 1.4vw;
    margin-left: -0.3vw;
    margin-bottom: -0.35vw;
    padding-right: 0.52vw;
}

.telimg2{
    width: 1.6vw;
    margin-left: -0.3vw;
    margin-bottom: -0.35vw;
    padding-right: 0.42vw;
}

.telimg3{
    width: 1.55vw;
    margin-left: -0.3vw;
    margin-bottom: -0.35vw;
    padding-right: 0.4vw;
}

.telimg4{
    width: 1.55vw;
    margin-left: -0.3vw;
    margin-bottom: -0.35vw;
    padding-right: 0.4vw;
}

.UltFT{
    margin-left: 0.3vw;
    display: flex;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    margin-top: 4vw;
    font-size: 0.9vw;
    color: #b7c0ce;
}

.UltFT a{
    text-decoration: none;
    color: #b7c0ce;

}

.UltFT a:hover{
    text-decoration: none;
    color: #5e7394;

}


.UltFTL{
    padding-right: -2vw;
    width: 23vw;
}

.UltFT img{
    padding-left: 10.5vw;
    width: 20.3vw;
    margin-top: -0.9vw;
    padding-bottom: 4vw;
}

.Banner{
    transform: translateY(-10.6vw);
    margin-left: 10.5vw;
    height: 18.9vw;
    width: 85vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(ElementosWeb/Banner1-1088x258px.png);
}

.Banner img{
    padding-left: 4vw;
    padding-top: 5vw;
    width: 18vw;
}

.Btlos{
    padding-left: 4.1vw;
    padding-top: 0.4vw;
}

.Btlos1{
    padding-top: 0.26vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.88vw;
}

.Btlos2{
    font-size: 1.01vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
}

.enftresp{
  padding-bottom: 2.1vw;
}

.enftresp2{
    padding-bottom: 1.3vw;
}
  


.Banner2{
    margin-top: 7vw;
    color: white;
    margin-left: 10.25vw;
    height: 17vw;
    width: 79.8vw;
    padding-bottom: 6.5vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(ElementosWeb/plecaCoverP-1088x226px.png);
}

.Bp{
    padding-left: 5.4vw;
    padding-top: 3.7vw;
}

.BpPF{
    padding-left: 5.4vw;
    padding-top: 2.7vw;
}


.Bp1{
    padding-top: 0.20vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 2.24vw;
}

.Bp2{
    font-size: 0.93vw;
    font-weight: 100;
    padding-top: 0.1vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}

.Cntinfgr{
    padding-top: 10.8vw;
    padding-bottom: 2vw;
    margin: 0 10.5vw;
}

.infimg img{
    width: 38vw;
    margin-top: -3.5vw;
}

.infimg{
    padding-left: 2vw;
}

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

.infTlo{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.45vw;
}

.infTlo2{
    padding-top: 1vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.9vw;
    line-height: 0.38vw;
}

.tlo{
    font-size: 0.85vw;
    font-weight: 900;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}

.tlo2{
    font-weight: 700;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}

.infeqcont{
    padding-left: 8.7vw;
    color: #274193;
}

.infF{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.94vw;
    padding-top: 0.35vw;
}

.dbtn{
   padding-top: 2.6vw;
}

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

.VdImggr img{
    width: 100%;
}



.BotonHVF1 {
    padding: 0.53vw 0.68vw;
    margin-right: 1.85vw;
    background: linear-gradient(90deg, rgba(211, 56, 52, 1) 0%, rgba(244, 169, 0, 1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 0.78vw;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1; /* Ensure the text stays above the pseudo-element */
}

.BotonHVF1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(244, 169, 0, 1) 0%, rgba(244, 169, 0, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1; /* Ensure the overlay is behind the button */
}

.BotonHVF1:hover::before {
    opacity: 1;
}


.Capa{
    padding-top: 1.9vw;
    display: flex;
}

.Capa img{
   width: 1.4vw;
   height: 1.8vw;
   padding-right: 0.8vw;
}

.Capa2{
    padding-top: 1.9vw;
    display: flex;
}

.Capa2 img{
    padding-top: 0.1vw;
   width: 1.4vw;
   height: 1.4vw;
   padding-right: 0.8vw;
}









.mdimg{
    display: grid;
    grid-template-rows: 1vw 1vw;
    padding-bottom: 41.5vw;
}

.mdimg img{
    margin-left: 43.7vw;
    width: 56.3vw;
    
}

.AcoIMGT{
    padding-left: 15.7vw;
    padding-top: 6.3vw;
    color: #274193;
}

.IMGTT1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    line-height: 0.6vw;
    font-size: 2.24vw;
    padding-top: 0.7vw;
}

.IMGTT2{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    line-height: 0.4vw;
    font-size: 0.9vw;
    padding-top: 1.7vw;
    font-weight: 400;
}

.Azu{
   margin-top: 3.5vw;
   background: linear-gradient(90deg, rgba(39,65,147,1) 0%, rgba(2,36,87,1) 76%);
   margin-left: 10.2vw;
   margin-right: 33vw;
   color: white;
}

.acoinfazu{
    margin-left: 5.3vw;
    padding-top: 2.5vw;
}

.Tazu1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1vw;
    display: flex;
}

.Tazu2{
    padding-top: 1vw;
    padding-bottom: 3.8vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.8vw;
    font-weight: 300;
    line-height: 0.4vw;
}




.HCGrid22 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); 
    gap: 0.4vw;
    padding-left: 1.2vw;
    padding-top: 2.1vw;
}

.EleCal2{
    display: flex;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 700;
    font-size: 1vw;
    letter-spacing: 0.02vw;
    padding-bottom: 2.3vw;
    margin-top: -1vw;
    color: #274193;
}

.EleCal2 img{
    height: 3.35vw;
    width: auto;
    padding-right: 0.3vw;
}


.AcoHG2{
    padding-top: 6.53vw;
    padding-left: 14.3vw;
    padding-right: 22.1vw;
}


.AIGR2{
    padding-top: 6.8vw;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-left: 15vw;
}

.AIGR2 img{
    width: 29vw;
}

.AIGT1{
    color: #2a4285;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    padding-top: 4vw;
    font-size: 1.5vw;
    padding-left: 0.7vw;

    
}

.AIGT2{
    color: #2a4285;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    padding-top: 4vw;
    font-size: 1.5vw;
    margin-left: -1.2vw;
}

.AIGT11{
    padding-left: 0.75vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.95vw;
    color: #2a4285;
    padding-top: 0.9vw;
    line-height: 0.25vw;
}

.AIGT22{
    margin-left: -1.2vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.95vw;
    color: #2a4285;
    padding-top: 0.9vw;
    line-height: 0.25vw;

    
}

.sepGT1{
    padding-top: 3.6vw;
}


.BotonHV33{
    padding: 0.53vw 0.89vw;
    background: linear-gradient(90deg, rgba(211, 56, 52, 1) 0%, rgba(244, 169, 0, 1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 0.78vw;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1; /* Ensure the text stays above the pseudo-element */
    margin-left: -1.1vw;
    
}

.BotonHV33::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(244, 169, 0, 1) 0%, rgba(244, 169, 0, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1; /* Ensure the overlay is behind the button */
}

.BotonHV33:hover::before {
    opacity: 1;
}



.BotonHV33z{
    padding: 0.53vw 0.89vw;
    background: linear-gradient(90deg, rgba(211, 56, 52, 1) 0%, rgba(244, 169, 0, 1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 0.78vw;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1; /* Ensure the text stays above the pseudo-element */
    margin-left: 0.8vw;
}

.BotonHV33z::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(244, 169, 0, 1) 0%, rgba(244, 169, 0, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1; /* Ensure the overlay is behind the button */
}

.BotonHV33z:hover::before {
    opacity: 1;
}



.Ftrpa{
    margin-top: 11.1vw;
    padding-top: 1vw;
    background-image: url(ElementosWeb/Mapa-1366x500px.png);
    padding-bottom: 14.5vw;
    background-size: cover;
    margin-bottom: 10.5vw;
}

.CVT{
    margin-left: 63.85vw;
    margin-top: 7.9vw;
    color: white;
}

.FtrpaTT1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.5vw;
    line-height: 0.4vw;
    padding-bottom: 1.6vw;
}

.CVT img{
    height: 2.2vw;
    padding-bottom: 3.5vw;
}

.FtrpaTT2{
    padding-top: 0.5vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.93vw;
    font-weight: 100;
    line-height: 0.3vw;
}

.sepul{
    padding-top: 3.7vw;
}


.HPC122{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 1.47vw;
    padding-bottom: 0.95vw;
    padding-left: 0.7vw;
    color: #2a4285;

}


.AIGT111{
    padding-left: 0.75vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 0.883vw;
    color: #2a4285;
    padding-top: 0.2vw;
    line-height: 0.25vw;
}

.Remo{
    margin: 0 16.5vw;
    padding-bottom: 2vw;
}

.remogr{
    padding-top: 6.1vw;
    display: grid;
    gap: 6.3vw;
    grid-template-columns: 1.1fr 1.15fr 1.1fr 1.5fr;
}

.remogr img{
    width: 100%;

}

.nocom{
    display: none;
}




.ultaco{
    margin: auto 15.42vw;
    padding-top: 5vw;
    padding-bottom: 2vw;
}

.ultacol{
    display: grid;
    grid-template-columns: auto auto;
    margin-bottom: 3vw;
}



.utc1{
    font-size: 1.5vw;
    color: #2a4285;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;


  }

  .utc2{
    padding-top: 1vw;
    font-weight: 500;
    padding-bottom: 0vw;
    font-size: 0.9vw;
    color: #2a4285;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;

  }




  .tiktok-container {
    display: flex;
    gap: 1vw;
    width: 100%;
    justify-content: center;
  }
  
  .video-wrapper {
    position: relative;
  }
  
  .tiktok-video {
    width: 16.3vw;
  }
  
  .vidico2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-image: url('ElementosWeb/verico.png');
    opacity: 1;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.37));
    transition: opacity 0.16s ease, filter 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
    transform: scale(1); /* Escala inicial */
    pointer-events: none; /* Para asegurar que el video se pueda seguir clicando */
  }
  
  /* Transición para incrementar el tamaño y agregar tinte gris */
  .video-wrapper:hover .vidico2 {
    transform: scale(1.05); /* Escala aumentada */
    background-color: rgba(255, 255, 255, 0.322); /* Tinte gris con opacidad */
  }




/* video */


.vidvis{
    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);
}





.vidvis .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}



.VdImggr img {
    cursor: pointer;
    transition: 0.3s;
}

.VdImggr a{
    transition: 0.3s;
}

.VdImggr img:hover {opacity: 0.7;}

.VdImggr a:hover {opacity: 0.7;}

.modal-content video{
    margin: auto;
    display: block;
    width: 100%;
}

.modal-content2 video{
    margin: auto auto;
    display: block;
    width: 45vh;
}



.vidvis .close:hover,
.vidvis .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}



/* video */






.midbar{
    margin: 0vw auto;
    width: 78vw;
    height: 0.1vw;
    background-color: #dfdfdf;
}










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






  .ultgima2{
    display: block;
    padding-left: 8.5vw;
    box-sizing: content-box;
    margin-right: 2vw;
    margin-top: -7vw;
    padding-bottom: 7vw;
  }

  .ultgima2 img{
    width: 6.5vw;
    padding-right: 6vw;
  }









    .modal-content2 video{
        margin: auto auto;
        display: block;
        width: 60%;
    }



    .utc1{
        font-size: 3.4vw;
        color: #2a4285;
        font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    
    
      }
    
      .utc2{
        padding-top: 2vw;
        padding-bottom: 7vw;
        font-weight: 500;
        font-size: 2.7vw;
        line-height: 4vw;
        color: #2a4285;
        font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    
      }




    .tiktok-container {
        display: flex;
        gap: 2.5vw;
        width: 100%;
        padding-left: 73vw;
        justify-content: center;
        overflow-y: scroll;
        width: 18.5vw;
      }
      
      .video-wrapper {
        position: relative;
      }
      
      .tiktok-video {
        width: 40vw;
      }


    .ultaco{
        margin: 9vw 8.5vw;
        padding-top: 5vw;
        padding-bottom: 4vw;
    }





.nocom{
    display: block;
}


.notel{
   display: none;
}

.Footer{
    margin: 4.3vw 4vw;
    display: flex;
}

.LogoNa img{
    height: 8.5vw;
}

.SepTel{
    padding-bottom: 8.5vw;
}

.HeaderVid{
     
    padding-top: 10vw;
    color: white;
    background-color: #0E1F57;
    position: relative;
    overflow: hidden;
    margin: 0vw 0vw;
    height: 45vw;
}


.ContHV{
    padding-top: 0.9vw;
    padding-left: 9vw;
    padding-right: 40vw;
}


.Thv1{
    font-size: 5.5vw;
}


.ACBotonesHV{
    padding-top: 8vw;
    padding-left: 8.7vw;
}

.BotonHV{
    padding: 1.6vw 3.88vw;
    background: rgb(211,56,52);
background: linear-gradient(90deg, rgba(211,56,52,1) 0%, rgba(244,169,0,1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 800;
    font-size: 2.5vw;
    text-decoration: none;
    margin-right: 5vw;
}

.Thv2{
    padding-top: 14vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 500;
    font-size: 3vw;
    color: #2a4285;
    line-height: 0.5;
    padding-left: 8.4vw;
}

.HCGrid{
    padding-top: 16vw;
    display: block;
    
}

.ContHC{
    padding-top: 7.3vw;
    padding-left: 0vw;
    padding-right: 1vw;
}

.HeaderCAL{
    margin: 0 8.5vw;
}

.Thc1{
    padding-top: 1.1vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.9vw;
    font-weight: 800;
    letter-spacing: 0.00vw;
    line-height: 0.45;
}

.Thc2{
   padding-top: 7.6vw;
   line-height: 1.2vw;
   font-size: 2.95vw;

}


.AcoHG{
    padding-top: 14vw;
    padding-left: 0vw;
}

.EleCal{
    display: flex;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 800;
    font-size: 2.7vw;
    letter-spacing: 0.02vw;
    padding-bottom: 5vw;
    margin-top: -1vw;
}

.EleCal img{
    padding-right: 2.5vw;
    height: 9.7vw;
    width: auto;
    padding-top: 1vw;
    margin-top: -2.4vw;
}

.HCGrid2{
    display: grid;
    grid-template-columns: 1.28fr 1fr;
    padding-left: 0.01vw;
    gap: 1.5vw;
    padding-top: 2vw; 
}

.HeaderPCat{
    padding-top: 14.7vw;
    margin: 0 9vw;
    color: #2a4285;

}

.HPC1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.8vw;
    padding-right: 3vw;
    margin-left: -1.1vw;
}

.HPC2{
    padding-top: 3vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 3.2vw;
    line-height: 4.5vw;
    padding-bottom: 9.5vw;
    margin-left: -1.1vw;
}

.HCatG{
    padding-top: 3.8vw;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center; /* Centra el grid horizontalmente */
    align-content: center; 
    padding-left: 0;
}

.EspG{
    height: 50vw;
    width: 46.7vw;
    padding: 0 1.5vw;
    padding-bottom: 4.2vw;

}

.EspG img {
    width:46vw;
}


.VHard img{
    margin-top: -3vw;
    margin-bottom: 0vw;
    transition: transform 0.3s ease;

}

.VHard img:hover {
    transform: translateY(-7px);
}

.TGC1{
    margin-top: -4.3vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.3vw;
    color: #2a4285;
}

.TGC2{
    padding-top: 1.3vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 1.6vw;
    color: #2a4285;
    font-weight: 400;
    line-height: 0.4vw;
    padding-bottom: 2.6vw;
}

.CatT{
    padding: 0vw 4vw;
}



.Banner{
    margin-left: -51vw;
    height: 40vw;
    width: 148vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(ElementosWeb/Banner1-1088x258px.png);
}



.TAEF{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 5vw;
    line-height: 6.35vw;
    padding-right: 18vw;
    padding-top: 15vw;
}

.AEF{
    margin: 0vw 8.8vw;
    padding-bottom: 10vw;

}

.EndGr{
    display: block;
}






.InfoContactos{
    padding-left: 1vw;
    padding-top: 7.8vw;
}




.TAEFD{
    margin-top: -0.15vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.8vw;
    padding-bottom: 1.19vw;
    margin-left: -0.35vw;
}

.TAEFD2{
    margin-top: -0.2vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.13vw;
    padding-bottom: 1.19vw;    
}

.TAEFDX{
    margin-top: -0.2vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.13vw;
        margin-left: 0vw;

    padding-bottom: 1.19vw;    
}

.TAEFDX::marker {
    color: #f5a800;
}



.TAEFD3{
    margin-top: -0.25vw;
    padding-top: 0.3vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 3.1vw;
    padding-bottom: 1.15vw;
    line-height: 0.4vw;    
}


.telimg{
    padding-top: 3vw;
    width: 4.6vw;
    margin-left: -0.3vw;
    margin-bottom: -1vw;
    padding-right: 2.6vw;
}

.telimg2{
    padding-top: 3.4vw;
    width: 4.7vw;
    margin-left: -0.3vw;
    margin-bottom: -1.1vw;
    padding-right: 2.42vw;
}

.telimg3{
    padding-top: 3.6vw;
    width: 4.6vw;
    margin-left: -0.3vw;
    margin-bottom: -1.1vw;
    padding-right: 2.4vw;
}

.telimg4{
    padding-top: 4vw;
    width: 4.6vw;
    margin-left: -0.3vw;
    margin-bottom: -1.7vw;
    padding-right: 2.4vw;
}



.USAC{
    padding-top: 12.5vw;
}

.TAEF2{
    font-size: 3.1vw;
    padding-top: 2.3vw;
    line-height: 4.3vw;
    padding-bottom: 4.4vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}


.UltFT{
    margin-left: 0vw;
    display: block;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 2.7vw;
    color: #b7c0ce;
    text-align: center;
    padding-bottom: 10vw;


}

.UltFTL{
    padding-top: 1.3vw;
    padding-right: 0vw;
    padding-bottom: 2.6vw;
}

.UltFT img{
    padding-left: 0;
    width: 73vw;
    margin-top: 11vw;
    padding-bottom: 12vw;
}

.UltFTL{
    padding-left: 0vw;
}


.cospref img{
    width: 68vw;
}

.cospref{
    margin-top: -8.5vw;
    margin-left: 8vw;
    color: #2a4285;
    padding-bottom: 25vw;
}

.Resc{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    padding-top: 2.9vw;
    font-size: 3.1vw;
}

.Resc2{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.4vw;
    padding-top: 0.6vw;
}

.taco{
    padding-left: 0.9vw;
}

.sepref{
    padding-bottom: 7vw;
}


.Banner2 {
    margin-top: 13.2vw;
    color: white;
    width: 99.8vw; /* Ajusta el ancho del banner */
    height: 43vw; /* Ajusta la altura del banner */
    padding-bottom: 6.5vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('ElementosWeb/plecaCoverP-1088x226px (1).png');
    overflow: hidden; /* Oculta el contenido que se desborde */
    max-width: 100%; /* Limita el ancho máximo al tamaño del viewport */
    margin-left: 0; /* Ajusta el margen izquierdo */
    margin-right: 0; /* Ajusta el margen derecho */
}


.Bp{
    padding-left: 8.7vw;
    padding-top: 5vw;
}

.Bp1{
    padding-top: 0vw;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 5.8vw;
}

.Bp2{
    font-size: 2.7vw;
    font-weight: 400;
    padding-top: 0.1vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}


.Cntinfgr{
    padding-top: 10.8vw;
    padding-bottom: 2vw;
    margin: 0 0vw;
}

.infimg img{
    display: none;
    width: 38vw;
    margin-top: -3.5vw;
}

.infimg{
    padding-left: 0vw;
}

.infgr{
    display: block;
}



.infTlo{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.8vw;
}

.infTlo2{
    padding-top: 3.8vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 2.7vw;
    line-height: 1vw;
    padding-right: 1vw;
}

.infTlo23{
    padding-top: 2vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 2.8vw;
    line-height: 4vw;
    padding-right: 8vw;
    font-weight: 500;
    padding-bottom: 2vw;
}

.tlo{
    padding-top: 3.5vw;
    font-size: 3vw;
    font-weight: 900;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}

.tlo2{
    font-weight: 700;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
}

.infeqcont{
    padding-left: 8.7vw;
    color: #274193;
}

.infF{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 3vw;
    padding-top: 1.4vw;
}

.dbtn{
    padding-top: 13.3vw;
 }



 .VdImggr{
    padding-top: 10vw;
    display: block;
    padding-bottom: 0vw;
}

.VdImggr img{
    margin: 3vw 0vw;
    margin-left: 9vw;
    width: 81%;
}

.HPC12{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.8vw;
    padding-bottom: 2.4vw;
    margin-bottom: 0vw;
}

.Imgtell{
    margin-left: -12vw;
    padding-top: 9vw;
}

.Imgtell img{
  width: 112vw;
}

.FabTel{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    padding-top: 13.5vw;
    padding-left: 8.5vw;
    font-size: 5.8vw;
    line-height: 7.2vw;
    color: #2a4285;
    padding-right: 23vw;
}


.FabTel2{
    color: #2a4285;
    line-height: 4.5vw;
    padding-top: 2.4vw;
    padding-left: 8.5vw;
    font-size: 2.9vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;

}



.AcoHG2{
    padding-top: 6.53vw;
    padding-left: 14.3vw;
    padding-right: 22.1vw;
}


.HCGrid22 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr); 
    gap: 0.4vw;
    padding-left: 1.2vw;
    padding-top: 2.1vw;
}




.AIGR2{
    padding-top: 6.8vw;
    display: block;
    grid-template-columns: 50% 50%;
    margin-left: 5.8vw;
}

.AIGR2 img{
    width: 86vw;
}



.remogr{
    margin-top: 5vw;
    padding-left: 6vw;
    display: grid;
    gap: 3vw;
}

.AcoHG2{
    padding-top: 19.9vw;
    padding-left: 7.3vw;
    padding-right: 0vw;
}


.EleCal2{
    display: flex;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 900;
    font-size: 2.8vw;
    letter-spacing: 0.02vw;
    padding-bottom: 4.5vw;
    margin-top: -1vw;
    color: #274193;
}

.EleCal2 img{
    height: 10vw;
    width: auto;
    padding-right: 0.3vw;
}


.MVon{
   margin-top: 13vw;
   background-color: #0E1F57;
   color: white;
}

.acoMVon{
    padding-top: 17.5vw;
    margin-left: 9vw;
    padding-bottom: 5vw;
    padding-right: 8.5vw;
}


.titMVon{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3vw;
}

.titMVon2{
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    padding-top: 3vw;
    font-size: 3.1vw;
    padding-right: 6vw;
    line-height: 4vw;
    padding-bottom: 10.5vw;
}



.TextCal{
    padding-left: 2.4vw;
    padding-top: 2.1vw;
    line-height: 0.3;   
}



.AIGT1{
    color: #2a4285;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    padding-top: 9vw;
    font-size: 4vw;
    padding-left: 3vw;


    
}

.AIGT2{
    color: #2a4285;
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    padding-top: 9.5vw;
    font-size: 3.5vw;
    margin-left: 3vw;
}

.AIGT11{
    padding-left: 3vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 3vw;
    color: #2a4285;
    padding-top: 4.4vw;
    line-height: 0.25vw;
}

.AIGT22{
    margin-left: 3vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 2.9vw;
    color: #2a4285;
    padding-top: 4.4vw;
    line-height: 0.25vw;

    
}


.BotonHV33{
    padding: 1.8vw 4.5vw;
    background: rgb(211,56,52);
background: linear-gradient(90deg, rgba(211,56,52,1) 0%, rgba(244,169,0,1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 600;
    font-size: 2.5vw;
    text-decoration: none;
    margin-left: 3vw;
}

.BotonHV33z{
    padding: 1.8vw 4.5vw;
    background: rgb(211,56,52);
background: linear-gradient(90deg, rgba(211,56,52,1) 0%, rgba(244,169,0,1) 100%);
    color: white;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 600;
    font-size: 2.5vw;
    text-decoration: none;
    margin-left: 3vw;

}


.bjt{
    padding-bottom: 22vw;
}


.sepGT1{
    padding-top: 11vw;
}



.HPC122{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.9vw;
    padding-bottom: 0.95vw;
    padding-left: 0.7vw;
    color: #2a4285;
    padding-right: 23vw;
}


.AIGT111{
    padding-left: 0.75vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 3vw;
    color: #2a4285;
    padding-top: 2vw;
    line-height: 4vw;
}

.Remo{
    margin: 0 8.5vw;
    padding-bottom: 10vw;
}


.CVT{
    margin-left: 9.5vw;
    margin-top: 25vw;
    padding-top: 15.5vw;
    color: white;
}

.CVT img{
    height: 7.5vw;
    padding-bottom: 9.2vw;
}


.AZUPARTEL{
    background-color: #0E1F57;
    padding-bottom: 16vw;
}

.FtrpaTT1{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 3.8vw;
    line-height: 0.7vw;
    padding-bottom: 6.2vw;
}

.FtrpaTT2{
    padding-top: 0.9vw;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-size: 3.05vw;
    font-weight: 100;
    line-height: 1.4vw;
}


.maptel img{
    width: 109vw;
    margin-left: -9vw;
    padding-bottom: 21.5vw;
}



.Capa{
    padding-top: 1.4vw;
    display: flex;
}

.Capa img{
   width: 4.5vw;
   height: 4.5vw;
   padding-right: 2vw;
   padding-top: 4.5vw;
}

.Capa2{
    padding-top: 3vw;
    display: flex;
}

.Capa2 img{
   width: 4.5vw;
   height: 4.5vw;
   padding-right: 2vw;
   padding-top: 4.5vw;
}



.botel{
   display: inline-block;
   padding-left: 10.5vw;
   padding-top: 12vw;
}

.botel .BotonHVF1{
    font-size: 2.5vw;
    font-weight: 500;
    margin-right: 9vw;
    padding: 2vw 3vw;
}


.imageg img {
    display: block;
    width: 82.5%; /* Ensure the image fills the container */
    height: auto; /* Maintain the aspect ratio of the image */
  }






.telmen{
   z-index: 3;
   display: none;
   position: fixed;
   width: 100%;
   height: 100vh;
   top: 0vw;
   box-sizing: content-box;
   background-color: #ececec;
   font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
   font-weight: 700;
}

.telmen a{
    text-decoration: none;
    color: #274193;
}
.telmen ul{
    padding-bottom: 0.003vh;
}


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

}

.npad{
    line-height: 1.8vw;
    display: flex;
    padding-bottom: 3vw;
}

.npad img{
    height: 6.8vw;
    margin-top: -2.8vw;
    padding-right: 3.8vw;
}

.npad2 img{
    height: 8vw;
    padding-right: 2.6vw;
    margin-bottom: -2.1vw;
}


.paismv{
    padding-left: 10vw;
}

.paismv img{
    width: 12vw;
   padding-right: 4vw;
}

.cerrmentel{
    top: 6vw;
    right: 6.8vw;
    position: absolute;
}

.cerrmentel2{
    top: 6vw;
    right: 12.8vw;
    position: absolute;
}




.cerrmentel img{
    width: 5.5vw;
}


.cerrmentel2 img{
    width: 5.5vw;
}

.btelmen img{
    top: 6vw;
    right: 6vw;
    position: absolute;
    width: 7vw;
}

.ultgima{
    display: none;
}




.telmen2{
    z-index: 3;
    display: none;
    position: absolute;
    overflow-y: scroll;
    width: 100%;
    height: 100vh;
    top: 0vw;
    box-sizing: content-box;
    background-color: #ececec;
    font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
    font-weight: 700;
 }


.volver{
    left: 0vw;
    position: absolute;
    display: flex;
    padding-top: 4vw;
}

.vvlt{
   margin-top: -8.5vw;
   padding-left: 9vw;
   color: #274193;
}



.ppdmt{
    padding-left: 8vw;
}

.ptes{
    font-weight: 600;
    font-size: 4vw;
    line-height: 10vw;
}

.corch{
    color: #274193;
    font-weight: 100;
    font-size: 10vw;
}


.ultit{
    font-family: 'FordAntenna-Black', 'Ford Antenna', sans-serif;
    font-size: 4.6vw;
    margin-left: -2vw;
} 

.bjms{
    padding-top: 18.5vw;
}




.vidgeg {
    position: relative;
    display: inline-block; /* Adjust according to your layout needs */
    width: 100%; /* Ensure the container is the same width as the image */
    height: auto; /* Maintain the aspect ratio of the image */
  }
  
  .vidgeg video{
    display: block;
    height: auto; /* Maintain the aspect ratio of the image */
  }
  








}







/* 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: 60vw;
}
.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;
}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}



.VdImggr video{
    width: 100%;
}

.imgico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-size: cover;
    background-image: url('ElementosWeb/sobreico.png');
    opacity: 1;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.37));
    transition: opacity 0.16s ease, filter 0.2s ease; /* Smooth transition for the transform property */
  }
  
  .imageg:hover .imgico {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.226));
    opacity: 0.7; /* Scale the overlay on hover */
  }


.imageg {
  position: relative;
  display: inline-block; /* Adjust according to your layout needs */
  width: 100%; /* Ensure the container is the same width as the image */
  height: auto; /* Maintain the aspect ratio of the image */
}

.imageg img {
  display: block;
  height: auto; /* Maintain the aspect ratio of the image */
}


.vidico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-size: cover;
    background-image: url('ElementosWeb/sobreico2.png');
    opacity: 1;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.37));
    transition: opacity 0.16s ease, filter 0.2s ease; /* Smooth transition for the transform property */
  }
  
  .vidgeg:hover .vidico {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.226));
    opacity: 0.7; /* Scale the overlay on hover */
  }


.vidgeg {
  position: relative;
  display: inline-block; /* Adjust according to your layout needs */
  width: 100%; /* Ensure the container is the same width as the image */
  height: auto; /* Maintain the aspect ratio of the image */
}

.vidgeg video{
  display: block;
  height: auto; /* Maintain the aspect ratio of the image */
}