@font-face {
    font-family: 'Gotham Bold';
    src: url('Fuentes/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium';
    src: url('Fuentes/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Blackthorns';
    src: url('Fuentes/BlackthornsDemoBlack-L2GE.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



.nocom{
    display: none;
}

.notel{
    display: unset;
}


body{
    margin: 0 0; 
}

.otronavbar{
    position: relative;
    z-index: 3;
}






.menuparahover{
    margin: 0 0;
    position: absolute;
    z-index: 3;
    background-color: #ffffff;
    width: 18vw;
    left: 56.9vw;
    top: 5vw;
    display: none;
}


/* Mostrar el menú cuando se hace hover sobre el enlace PRODUCTOS */
.TeNa1:has(a[href*="PRODUCTOS"]):hover + .pieme .menuparahover,
.TeNa1:has(a[href*="PRODUCTOS"]):hover ~ .menuparahover,
.pieme:hover .menuparahover {
    display: block;
}

/* Alternativa usando JavaScript - CSS para la clase activa */
.menuparahover.show {
    display: block;
}

/* Mantener el menú visible cuando se hace hover sobre él mismo */
.menuparahover:hover {
    display: block;
}




.equipos-lista {
    padding: 0.7vw 0vw;
    margin: 1vw 2.6vw;
    list-style: none;     /* quitamos bullet original */
    padding-left: 0;
    font-family: "gotham medium";
    font-size: 0.8vw;

  }
  
  .equipos-lista li {
    margin: 0.8vw 0;
  }
  
  .equipos-lista a {
    position: relative;      /* para que el ::before se posicione */
    text-decoration: none;
    color: #333;
    padding-left: 0.8vw;      /* espacio para el nuevo bullet */
    display: inline-block;   /* para que el padding funcione bien */
    transition: color 0.2s;
  }
  
  .equipos-lista a::before {
    content: '•';
    position: absolute;
    left: 0;
    top: -0.02vw;
    color: #333;            /* color normal del bullet */
    font-size: 0.9vw;       /* tamaño del bullet */
    transition: color 0.2s;
  }
  
  .equipos-lista a:hover {
    color: #FF7F32;         /* color del texto al hover */
  }
  
  .equipos-lista a:hover::before {
    color: #FF7F32;         /* color del bullet al hover */
  }










.LogoNav img{
  width: 100%;
}

.LogoNav{
   width: 29vw;
}


.elenav{
    margin-top: 2.2vw;
    margin-left: 4.9vw;
    display: flex;
}


.pieme{
    margin-top: 1.15vw;
    margin-left: 25.9vw;
    display: flex;
}

.TeNa1 a{
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    margin-right: 1.6vw;
    color: black;
    font-size: 0.84vw;
}





.TeNa1 a:hover{
    color: #ff6720;
}




.TeNa2 a{
    padding: 0.5vw 1.7vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    margin-left: 0.5vw;
    color: rgb(255, 255, 255);
    border-radius: 0.35vw;
    font-size: 0.9vw;
}



.TeNa2 a:hover{
    background: linear-gradient(180deg,rgba(222, 71, 0, 1) 16%, rgba(255, 103, 32, 1) 84%);
    
}

.TeNa3 a{
    padding: 0.5vw 1.7vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    color: rgb(255, 255, 255);
    border-radius: 0.35vw;
    font-size: 0.9vw;
}

.TeNa3 a:hover{
    background: linear-gradient(180deg,rgba(222, 71, 0, 1) 16%, rgba(255, 103, 32, 1) 84%);
    
}



.TeNa4 a{
    padding: 0.5vw 1.7vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    color: rgb(255, 255, 255);
    border-radius: 0.35vw;
    font-size: 0.9vw;
}

.TeNa4 a:hover{
    background: linear-gradient(180deg,rgba(222, 71, 0, 1) 16%, rgba(255, 103, 32, 1) 84%);
    
}






.CoverCamasD {
    position: relative;
    margin-top: 1.5vw;
    padding-bottom: 6.4vw;
    background-image: url(Elementos/BannerBackProductos.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.CoverEmpresaD {
    position: relative;
    margin-top: 1.5vw;
    padding-bottom: 36.9vw;
    background-image: url(Elementos/coverEmpresaDesk.webp);
    background-repeat: no-repeat;
    background-size: cover;
}




.CoverHomeD {
    position: relative;
    margin-top: 1.5vw;
    padding-bottom: 28.8vw;
    margin-bottom: 4.2vw;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    
}


.H1{
   background-image: url(Slide-Cover-Home/Desk/1.webp);

}

.H2{
   background-image: url(Slide-Cover-Home/Desk/2.webp);
}

.H3{
    background-image: url(Slide-Cover-Home/Desk/3.webp);
}

.H4{
    background-image: url(Slide-Cover-Home/Desk/4.webp);
}



.slider-wrapper {
    display: block;
  position: relative;
  width: 100%;
  height: 3vw; /* o el tamaño que quieras */
  overflow: hidden;
  padding-bottom: 37vw;
  margin-bottom: 4.4vw;
}

.CoverHomeD {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10vw;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 0;
}

.CoverHomeD.active {
  opacity: 1;
  z-index: 1;
}







  .slider-controls {
   display: flex;
    position: absolute;
    gap: 90vw;
    margin-top: 19vw;
    margin-left: 0.8vw;
    margin-right: 1vw;
    z-index: 1048;
  }


  .slider-controls button{
      background: rgba(255, 255, 255, 0); /* blanco con 30% de opacidad */
      border: none;
      
  }

 .slider-controls img{
    width: 3vw;
      transition: opacity 0.2s ease;

 }


  .slider-controls img:hover{
     opacity: 0.7;
 }











  




.Newcov{
    padding-top: 14.5vw;
    padding-left: 8.5vw;
    margin-bottom: -14.5vw;

    color: white;
 

}

.Newcov1{
      font-family: 'Blackthorns';
      font-size: 2.2vw;
      padding-bottom: 1.6vw;
}

.Newcov2{
    font-family: 'Gotham Medium', sans-serif;
    font-size: 1vw;
    width: 28vw;
    padding-bottom: 2.3vw;
}




.CoverText {
    position: relative;
    top: -32.5vw;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column; /* apilar de arriba a abajo */
    justify-content: center; /* centra verticalmente */
    align-items: center;     /* centra horizontalmente */
    color: #222222;
}


.CT1{
   font-family: 'Blackthorns', cursive;
   font-size: 2.19vw;

   line-height: 1.2; /* Agregar line-height adecuado */
   padding-top: 0.5vw; /* Espacio extra arriba */
   margin-top: -0.5vw;
}

.CT2{
    padding-top: 0.6vw;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 1.035vw;
}

.BloSolu{
    background-color: #343333;
    color: white;
    padding-bottom: 1.9vw;
    margin-top: -4.4vw;
}


.BloSolu3{
    background-color: #343333;
    color: white;
    padding-bottom: 3vw;
    margin-top: 0vw;
}



.Soluciones{
    display: flex;
    padding-top: 2.5vw;
    margin-left: 10.12vw;
}

.EmpresaSS{
    display: flex;
    text-align: center;
    padding-top: 2.1vw;
    margin: 0vw 17vw;
}

.Presta{
    display: flex;
    font-size: 0.95vw;
    max-width: 13vw;
    max-height: 10vw;
}

.PrestaIMG img, .PrestaIMG2 img, .PrestaIMG3 img, .PrestaIMG4 img, .PrestaIMG5 img{
     width: 100%;
}

.PrestaIMG{
    width: 14.2vw;
    margin-right: 0.7vw;
}


.PrestaIMG2{
    width: 9vw;
    margin-right: -0.5vw;
}


.PrestaIMG3{
    width: 11.7vw;
    margin-right: 0.7vw;
}



.PrestaIMG4{
    width: 7vw;
    margin-left: 1vw;
    margin-right: 0.3vw;
}



.PrestaIMG5{
    width: 14.2vw;
    margin-right: -0.3vw;
}

.PR1{
   margin-top: 0.2vw;
}

.PR2{
   margin-top: 1vw;
}

.PR3{
  margin-top: 0.55vw;
}

.PR4{
  margin-top: 1vw;
}

.PR5{
  margin-top: 0.5vw;
}



.ciones{
    margin: 2.4vw 15vw 0vw 16.2vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.Soso{
    font-family: 'Blackthorns', cursive;
    font-size: 1.45vw;
    text-transform: uppercase;
}

.Soso2{
    font-family: 'Blackthorns', cursive;
    font-size: 1.45vw;
}

.Soso3{
    font-family: 'Blackthorns', cursive;
    font-size: 1.45vw;
}


.Remo{
    font-family: 'Gotham Medium', sans-serif;
    margin-top: 0.38vw;
    margin-left: 3vw;
    display: flex;
    font-size: 0.887vw;
}

.Remo2{
    font-family: 'Gotham Medium', sans-serif;
    margin-top: 0.38vw;
    margin-left: 3vw;
    display: flex;
    flex-direction: column;
    font-size: 0.887vw;
}

.Respon{
    margin-top: 1.4vw;
    margin-bottom: 1vw;
}



.naranja{
    color: #ff6720;
}

.lineagris{
    border: none;
    height: 0.1vw;         /* grosor */
    background-color: #222222; /* color */
    width: 71.94vw;    
    margin-top: 1.25vw;
    margin-left: 10.12vw; 

}



/* Oculta el radio real */
.menu-radios input[type="radio"] {
  display: none;
  
}


.menu-radios {
  margin-left: 9.6vw;
  margin-top: 1.6vw;
  display: flex;
  justify-content: baseline;  /* o space-around, space-between, etc. */
  align-items: center;
}


/* Estilo del contenedor label */
.menu-radios .radio-item {
  display: flex;
  flex-direction: row;      /* icono arriba, texto abajo */
  align-items: center;
  cursor: pointer;
  margin: 0 0.5vw;              /* separación entre botones */
}





/* Icono por defecto: círculo negro */
.icono {
  display: inline-block;
  width: 1.8vw;
  height: 1.8vw;
  background-color: #222222;
  border-radius: 50%;
  cursor: pointer;
  background-size: 64%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.84vw;
  
  /* Transición suave para el fade */
  transition: all 0.3s ease-in-out;
  position: relative;
}

/* Crear la imagen como pseudo-elemento para controlar su opacidad */
.icono::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('Elementos/flech.webp');
  background-size: 64%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0; /* Invisible por defecto */
  transition: opacity 0.3s ease-in-out; /* Fade suave */
  border-radius: 50%;
}

/* Cuando está seleccionado: fade in de la imagen */
.menu-radios input[type="radio"]:checked + .icono::after {
  opacity: 1;
}


/* Cuando está seleccionado: quita el color y pone imagen */
.menu-radios input[type="radio"]:checked + .icono {
  background-image: url('Elementos/flech.webp');  
         /* imagen custom */
}


/* Texto base */
.texto {
  font-family: 'Gotham Medium', sans-serif;
  margin-top: 0vw;
  font-size: 0.88vw;
  color: #D3D3D3;
  position: relative;  /* necesario para pseudo-elemento */
  margin-right: 1.09vw;
}


.menu-radios input[type="radio"]:checked + .icono + .texto {
    color: white; /* Color naranja cuando está seleccionado */
  }



/* Underline decorativa cuando radio está seleccionado */
.menu-radios input[type="radio"]:checked + .icono + .texto::after {
  content: '';
  display: block;
  width: 100%;
  height: 0vw;                    /* grosor de la línea */
  background-color: white;        /* color de la línea */
  margin-top: 0.2vw;
}




.CategoriaMenu{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr 1fr 1fr;
   row-gap: 6vw;
   column-gap: 6vw;


}


.Categoria{
   width: 20vw;
   height: 20vw;
}

a.Categoria {
    text-decoration: none; /* quita el subrayado */
    color: inherit;        /* usa el color del padre, no azul */
  }


.CateBack{
    background-image: url(Elementos/backMap.webp);
    background-repeat: no-repeat;
    background-size: 20vw;
}

.CateIma img{
   margin-left: 0.7vw;
   width: 19vw;
}

.CateDatos{
    margin-top: -1vw;
    text-align: center;
}

.Categoria:hover {
    color: #ff6720;
}

/* La imagen se mueve cuando hay hover en toda la categoría */
.Categoria:hover .CateBack .CateIma {
    transform: translateY(-1vw);
    transition: all 0.2s ease;
}

/* OPCIONAL: Mantener el hover individual en la imagen */
.Categoria .CateBack .CateIma:hover {
    transform: translateY(-1vw);
    transition: all 0.2s ease;
}


.CD1{
    font-family: 'Blackthorns', cursive;
    font-size: 1.4vw;
    text-transform: uppercase;
    
}





.CD1::after {
    content: '';
    display: block;
   
    width: 100%; /* Ancho de la línea */
    height: 0.1vw; /* Grosor */
    background-color: #E8E8E8; /* Color gris */
    margin: 0.7vw auto 0.7vw; /* Centrado y espacio abajo */
}











.CD2{
    font-family: 'Gotham Medium', sans-serif;
    font-size: 0.87vw;
    margin-top: 1.31vw;
    text-transform: none;
}

.sepbot{
    margin-top: 2.3vw;
}


.Acople{
    margin: 6.5vw 12.5vw;
}



.BkN{
    background-image: url(Elementos/corteBackkk.webp);
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 2vw;
}

.Servivi{
    margin: 0vw 10vw;
    padding-top: 22vw;
    color: white;
    display: flex;
}




.Categoria {
    cursor: pointer;
  }












.Backmapa{
    background-image: url(Elementos/backMap.webp);
    background-size: 129vw;
    background-repeat: no-repeat;
    background-position-y: 0vw;
    background-position-x: -19vw;

}


.mapacobe{
    width: 71vw;
    margin-left: 12vw;
    margin-top: 6.3vw;

}

.mapacobe img{
    width: 100%;
}

.Cobebe{
    margin: 0vw 10vw;
    padding-top: 5.8vw;
    color: rgb(0, 0, 0);
    display: flex;
}


.SerGri{
    margin: 4.7vw 10.1vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 6.2vw;
}


.Refa {
    position: relative;
    background-image: url(Elementos/RefaBack1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 36.4vw;
    height: 30.7vw;
    overflow: hidden; /* make sure pseudo doesn't go outside */
}

.Refa::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(Elementos/RefaBack2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;                /* start hidden */
    transition: opacity 0.4s ease; /* smooth fade */
}

.Refa:hover::after {
    opacity: 1;                /* fade in on hover */
}


.flags img{

    width: 100%;
}


.flags{
    width: 5.5vw;
    margin-top: 0vw;
    line-height: 0vw;
    margin-right: 1vw;
}















.Mante{
    position: relative;                  /* this is required! */

    background-image: url(Elementos/ManteBack1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 36.4vw;
    height: 30.7vw;
    overflow: hidden; /* make sure pseudo doesn't go outside */

}



.Mante::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(Elementos/ManteBack2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;                /* start hidden */
    transition: opacity 0.4s ease; /* smooth fade */
}

.Mante:hover::after {
    opacity: 1;                /* fade in on hover */
}


.contenido-hover, .contenido-hover2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 1vw 2vw;
    border-radius: 5px;
    opacity: 0;
    line-height: 1.27vw;
    transition: opacity 0.4s ease;
    z-index: 2;
    font-family: "gotham medium";
}



.Refa:hover .contenido-hover {
    opacity: 1;
}

.Mante:hover .contenido-hover2 {
    opacity: 1;
}


.icoico img{
    width: 100%;
}


.icoico{
    width: 17vw;
    margin-bottom: 1vw;
}


.Enen{
    font-size: 1vw;
}


.Refafa{
    margin-top: 1vw;
    font-size: 1.1vw;
    color: #ff6720;
    font-family: 'gotham bold';
}




.listacosa{
    font-size: 1vw;
    margin-left: -2vw;
}



.contenidodentro{
   width: 30vw;

}











.LetreCard{
    margin-top: 25.5vw;
}

.Letre img{
   width: 100%;
}

.Letre{
    width: 15vw;
    margin-left: 10.8vw;
}


.otro{
    margin-top: -4.3vw;
    padding-bottom: 4vw;
}


.acored{
    margin: 2vw 10.15vw;
    display: flex;
}

.RedTi{
    margin-top: 2vw;
    font-family: 'Blackthorns', cursive;
    font-size: 1.35vw;
}


.LetRed{
    margin-top: 15vw;
    width: 25vw;
    height: 18vw;
}

.RedTi2{
    margin-top: 2.1vw;
    font-size: 0.8vw;
    font-family: 'Gotham Medium', sans-serif;

}

.imate{
    margin-top: 8vw;
    margin-left: 4.6vw;
    width: 48.2vw;
}

.imate img{
    width: 100%;
}

.footer {
  background-image: 
   url("Elementos/NorteFooter.webp");
   background-color: #1F1F1F;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 16vw;
  color: white;
}

.EleFoot{
    margin: 0vw 14.37vw;
    margin-left: 16vw;
    padding-top: 6.1vw;
    display: flex;
}


.TextFoot{
    width: 40vw;
}



.contafoot{
    display: flex;
    margin-left: -16.8vw;
}


.Contacto{
    font-size: 1.45vw;
    font-family: 'Blackthorns', cursive;

}


.Listos{
    font-family: 'Gotham Medium', sans-serif;
    display: flex;
    font-size: 0.85vw;
    margin-left: 2vw;
    margin-top: 0.43vw;
}

.lineafoot{
  border: none;
  height: 0.1vw;
  width: 34vw;
  background-color: #222222; /* Cambia el color según tu fondo */
  margin: 1.8vw 0;
}

.Remol{
    margin-top: 5vw;
    margin-left: 16.4vw;
    width: 24.9vw;
}

.Remol img{
    width: 24.9vw;
}

.infofoot{
    margin-top: 2vw;
    line-height: 1vw;

}


.infofoot3{
    margin-top: 1vw;
    line-height: 1vw;
}


.acogr{
    margin-top: -1vw;
}

.AcoInfo{
    margin-top: 0.1vw;
}

.Info1{
    font-size: 0.8vw;
    font-family: 'Gotham Medium', sans-serif;
    color: #ff6720;
}

.Info2{
     font-size: 0.8vw;
    font-family: 'Gotham Medium', sans-serif;
}


.Info2 a{
    text-decoration: none;
    color: white;
        transition: color 0.3s ease-in-out; /* transición suave */

}


.Info2 a:hover{
    color: #f37021;
}


.Grfoot2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -0.8vw;
}




.form-container {
    margin-left: 4vw;
    margin-top: 2vw;
      color: #fff;
      width: 24.45vw;
      padding: 1vw;
    }

    .form-container h2 {
      font-weight: normal;
      font-size: 0.8vw;
    font-family: 'Gotham Medium', sans-serif;

      margin-bottom: 2vw;
    }

    .form-container input,
    .form-container textarea {
      width: 97%;
      height: 2vw;
      padding: 0.3vw;
      padding-left: 1vw;
      margin-bottom: 0.8vw;
      border: none;
      border-radius: 0.4vw;
      font-size: 0.7vw;
          font-family: 'Gotham Medium', sans-serif;

    }

    .form-container textarea {
      height: 4.2 1vw;
      resize: none;
      margin-bottom: 1.4vw;
      padding-top: 1vw;
      padding-bottom: 2vw;
    }

    .form-container button {
  padding: 0.5vw 1.7vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    margin-left: 0vw;
    border-style: none;
    color: rgb(255, 255, 255);
    border-radius: 0.35vw;
    font-size: 0.84vw;
    
    }

    .form-container button:hover {
      background: linear-gradient(to bottom, #ff6f3d, #d94900);
    }

    .acoca{
        margin: 2.8vw 16.7vw;
    }

    .icocafo{
        width: 65.6vw;
    }

    .icocafo img{
        width: 100%;
    }

    .AcoAvi{
        margin: 0.1vw 10.2vw;
        display: flex;
         padding-left: 29.5vw;

    }

    .Avisote{
        font-family: "Gotham medium";
        font-size: 0.66vw;
    }

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

    .Avisote2{
        margin-left: 23vw;
        font-family: "Gotham medium";
        font-size: 0.66vw;
        margin-top: -3vw;
    }

    .Avisote2 a{
        text-decoration: none;
        color: white;
        margin-left: 0.2vw;
    }


    .Avisote2 div{
        margin-left: 1.2vw;
        margin-top: 0.4vw;
    }



    .Grele{
        margin-top: 2.5vw;
        margin-bottom: 4vw;
    }

    .Grele a{
        margin-right: 1vw;
        width: 1vw;
    }

    .Grele img{
        width: 1.8vw;
    }


   .Grele a:nth-child(5) img {
  width: 2.38vw;

}

    
.Acople2{
    margin: 2.5vw 11.2vw;
}

.Textote{
    padding-top: 2.2vw;
    padding-left: 1.9vw;
}


.ModeloT{
    font-family: "Gotham medium";
    font-size: 1.3vw;
}

.ModeloST{
    margin-top: 0.25vw;
    font-size: 0.85vw;
    font-family: "Gotham medium"
}

.Black{
    font-family: "Gotham Bold";
}


    .colorear{
        padding-top: 1.7vw;
        background-color: #f7f7f7;
        padding-bottom: 0.2vw;
    }


    .CardMod{
        background-color: #ffffff;
        width: 23.35vw;
        height: 40.6vw;
    }

    .ModeloT{
        display: flex;
    }

    .ModeloST{
        display: flex;
    }


    .ImaMo{
        margin-top: 1.4vw;
        width: 22vw;
    }

    .ImaMo img{
        width: 100%;
    }

    .cosacainfo{
        font-size: 0.9vw;
        font-family: "Gotham Bold";
        text-transform: lowercase;
    }

  .cosacainfo3{
        font-size: 0.9vw;
        font-family: "Gotham Bold";
        text-transform: none;
    }


    .cosacainfo2{
        font-size: 0.9vw;
        font-family: "Gotham Bold";
        color: #df7a4c;
    }

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


    .lineagrisota{
       border: none;
    height: 0.1vw;         /* grosor */
    background-color: #E8E8E8; /* color */
    width: 21.27vw;    
    margin-top: 0.5vw;
    margin-left: 1vw;   
    }


    .acoplecard{
        margin: 1vw 0vw 0vw 0.94vw;
    }


    .Acomodado{
        margin: 1vw 1vw;
    }

    .PuertaDR{
        font-family: "Gotham medium";
        font-size: 0.88vw;
        margin-bottom: 1.3vw;
        max-height: 1vw;
    }

    .Cuadrito{
        background-color: #f7f7f7;
        height: 7.2vw;
        width: 100%;
        display: inline-block;
    }

    .Adici{
        font-size: 0.87vw;
        margin-bottom: 1.2vw;
    }

    .acoplecuadrito{
        padding-top: 1vw;
        margin-left: 0.5vw;
        margin-right: 4.5vw;
    }


    .Descripcion{ 
        font-family: "Gotham medium";
        font-size: 0.84vw;
    }


    .botocard{
        margin-top: 2.05vw;
        display: flex;
        margin-left: 13.65vw;
    }




    .botocard .TeNa3 {
        position: relative;            /* necesario para posicionar el pseudo-elemento */
        display: inline-flex;          /* texto y línea en línea */
        align-items: center;           /* centrar verticalmente */
      }
      
      .botocard .TeNa3::before {
        content: "";
        display: inline-block;
        width: 12.1vw;                   /* largo de la línea */
        height: 0.1vw;                   /* grosor de la línea */
        background-color: #E8E8E8;        /* color de la línea */
        margin-right: 1.5vw;  
        margin-left: -13.67vw;           /* espacio entre línea y texto */
      }





    

    .separalo{
        margin-right: 3.1vw;
    }

    .mas {
  color: #f37021; /* Naranja similar al de la imagen */
  margin-right: 0vw
}

.acho{
    margin-left: 0.25vw;
    margin-top: -0.01vw;
}


.GridNuevo{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3.3vw;
    row-gap: 6.5vw;

}



.Cate1, .Cate2, .Cate3, .Cate4{
    display: grid;
}


.menumodelos{
    margin-top: -1.48vw;
    margin-left: -8.7vw;
}


.Soluciones2{
    display: flex;
    padding-top: 1.5vw;
    margin-left: 0vw;
    justify-content: center;
    align-items: center; /* <--- esto los alinea verticalmente */

}



.BloSolu2{
    background-color: #343333;
    color: white;
    padding-bottom: 1.5vw;
    margin-top: -0.1vw;
}



.ultimagen{
    padding-top: 2.6vw;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 4vw;
    margin: 1vw 8.8vw 0vw 8.4vw;
}

.ultimagen img{
    width: 19vw;
}


.divedive{
    margin-left: 1.45vw;
}


.repuveso{
    display: flex;
    margin-top: 6vw;
    margin-left: 13.3vw;
}

.repuveso img{
    width: 100%;
}

.repuve{
    margin-top: 1vw;
    width: 13.7vw;
}

.repuve div{
    margin-top: 3vw;
    font-family: "Gotham medium";
    font-size: 0.84vw;
    text-align: center;
}

.linea1{
    margin-left: 5.3vw;
    width: 6.25vw;
    padding-right: 6.2vw;
}

.linea2{
    margin-left: 8.3vw;
    width: 6.25vw;
    padding-right: 4vw;
}


.natm{
    margin-top: 0.4vw;
    width: 9.8vw;
}


.natm div{
    margin-top: 3.4vw;
    margin-left: -4.5vw;
    margin-right: -4.5vw;
    font-family: "Gotham medium";
    text-align: center;
        font-size: 0.84vw;

}

.natda{
    margin-top: 4vw;
    width: 15.3vw;
}



.natda div{
    margin-top: 6.3vw;
    font-family: "Gotham medium";
    text-align: center;
        font-size: 0.84vw;

}


.acocer{
    margin-left: 0.4vw;
}


.BkNara{
    background-image: url(Elementos/cortenaranja.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 65.66vw;

}



.algualgu {
    margin-top: 2vw;
  display: flex;
  flex-direction: column;
  gap: 4vw;
  padding: 4vw 2vw;
  align-items: center;
}

.Gralgu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-top: 0.1vw solid #d94900;
  padding-top: 3vw;
  width: 100%;
  max-width: 100vw;
}

.Gralgu:nth-child(1) {
  gap: 14vw;
}


.Gralgu:nth-child(2) {
  gap: 9vw;
}

.Gralgu:nth-child(3) {
  gap: 11.5vw;
}



.Gralgu:first-child {
  border-top: none;
  padding-top: 0;
}

.Gralgu img {
  width: auto;
  height: 2.8vw; /* Altura base estándar */
  object-fit: contain;
}

/* Ajustes personalizados por logo */
img.pemex {
  height: 4vw;
}
img.bamx {
    margin-top: -0.5vw;
  height: 5vw;
}
img[src*="segalmex"] {
        margin-top: 0.8vw;

  height: 3vw;
}
img[src*="queretaro"] {
  height: 3.7vw;
}
img[src*="guanajuato"] {
  height: 3.8vw;
}
img[src*="coahuila"] {
    margin-top: 0.3vw;
  height: 2.82vw;
}
img[src*="yamaha"] {
    margin-top: 0.1vw;
  height: 3.9vw;
}
img[src*="canam"] {
  height: 4.8vw;
}
img[src*="polaris"] {
    margin-top: 1.4vw;
  height: 1.75vw;
}


.clicli{
    margin-left: 0.66vw;
}


.imagenproducto img{
    width: 100%;
}

.imagenproducto{
    width: 9.5vw;
}

.tituloproducto{
    display: flex;
    padding-top: 1.3vw;
    margin-left: 0vw;
    justify-content: center;
    margin-bottom: -5.4vw;
    padding-right: 2vw;
}

.lineaverticalb{
    margin-left: 1.5vw;
    margin-right: 1.35vw;
      width: 0.1vw;
  height: 3.4vw;
  background-color: #ffffff;
  align-self: center;
}

.Remomo{
    display: flex;
    margin-top: 0.3vw;
    font-size: 2.2vw;
    color: white;
    font-family: 'Blackthorns', cursive;
    align-items: center;
}

.chico{
    font-family: "gotham medium";
}


.empresaletras{
    color: #ffffff;
    padding-top: 16.9vw;
    margin-left: 10vw;
    margin-bottom: -19.9vw;
    line-height: 2.5vw;
}

.par1{
    font-size: 1.18vw;
    font-family: 'Blackthorns', cursive;
    color: #f37021;
}

.par2{
    margin-top: -0.13vw;
    font-size: 2.9vw;
    font-family: 'Blackthorns', cursive;

}


.img-text-wrap {
  position: relative;
  width: fit-content;
  display: flex;
  justify-content: left;
  align-items: baseline;
}

.img-text-wrap img {
  width: 19vw; /* coincide con tu .ultimagen img */
  display: block;
}

.img-text-wrap span {
  position: absolute;
  top: 10.8vw;
  left: 2.2vw;
  color: white;
  font-size: 0.8vw;
  font-family: "gotham medium";
  text-transform: uppercase;
  pointer-events: none;
  z-index: 2;
}











.adicard{
    display: none;
}








.botmentel{
  display: none;
}



.nocom{
    display: none;
}




.logofootul{
    margin-top: 5.8vw;
    width: 21.5vw;
    margin-right: 5.3vw;
}

.logofootul img{
    width: 100%;
}


















@media (max-width: 768px) {


        body {
        overflow-x: hidden;
        max-width: 100vw;
    }



.LogoNav{
    margin-top: 2.8vw;
    margin-left: 5vw;
   width: 32vw;
}


.elenav{
    margin-top: 2.3vw;
    margin-left: 4.9vw;
    margin-bottom: 3.5vw;
    display: flex;
}






.CoverHomeC {
 position: relative;
    margin-top: 1.5vw;
    height: 89vw;
    padding-bottom: 11vw;
    margin-bottom: 22vw;
    background-repeat: no-repeat;
    background-size: cover;
      transition: opacity 0.7s ease-in-out !important;
  pointer-events: none;
}




  .CoverHomeC {
    display: none !important; /* ocultos por defecto */
  }
  .CoverHomeC.active {
    display: block !important; /* solo el activo se muestra */
     opacity: 1 !important;
  }



  










.H1{
    background-image: url(Slide-Cover-Home/Celular/1.webp);

}


.H2{
    background-image: url(Slide-Cover-Home/Celular/2.webp);

}


.H3{
     background-image: url(Slide-Cover-Home/Celular/3.webp);

}



.H4{
    background-image: url(Slide-Cover-Home/Celular/4.webp);

}




.CoverText {
    position: relative;
    top: -81.3vw;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column; /* apilar de arriba a abajo */
    justify-content: center; /* centra verticalmente */
    align-items: center;     /* centra horizontalmente */
    color: black;
    text-shadow: 0vw 0vw 2.5vw white; /* sombra blanca */
}



.CT1{
   font-family: 'Blackthorns', cursive;
   font-size: 5vw;
   text-align: center;
}

.CT2{
    padding-top: 2.85vw;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 3.1vw;
    text-align: center;
}



.BloSolu{
    background-color: #343333;
    color: white;
    padding-bottom: 7vw;
    margin-top: -22vw;
}



.Soluciones{
    display: flex;
    flex-direction: column;
    padding-top: 5.5vw;
    margin-left: 9vw;
}



.Soso{
    font-family: 'Blackthorns', cursive;
    font-size: 4vw;
    margin-right: -2vw;
    margin-bottom: -1.6vw;
}

.Soso2{
    font-family: 'Blackthorns', cursive;
    font-size: 4.4vw;
}

.Soso3{
    font-family: 'Blackthorns', cursive;
    font-size: 3.65vw;
    margin-bottom: 5vw;
}



.Remo{
    font-family: 'Gotham Medium', sans-serif;
    margin-top: 4vw;
    margin-bottom: 2vw;
    margin-left: 0vw;
    display: flex;
    font-size: 2.85vw;
}






/* Oculta el radio real */
.menu-radios input[type="radio"] {
  display: none;
  
}


.menu-radios {
  margin-left: 8.3vw;
  margin-top: 1.6vw;
  display: flex;
  justify-content: baseline;  /* o space-around, space-between, etc. */
  align-items: center;
}


/* Estilo del contenedor label */
.menu-radios .radio-item {
  display: flex;
  flex-direction: row;      /* icono arriba, texto abajo */
  align-items: center;
  cursor: pointer;
  margin: 0 0.5vw;              /* separación entre botones */
}


.lineagris{
    border: none;
    height: 0.2vw;         /* grosor */
    background-color: #222222; /* color */
    width: 78.94vw;    
    
    margin-top: 4.25vw;
    margin-left: 10.12vw; 

}


/* Icono por defecto: círculo negro */
.icono {
  display: none;
}


/* Texto base */
.texto {
  font-family: 'Gotham Medium', sans-serif;
  margin-top: 2.4vw;
  font-size: 2.4vw;
  color: white;
  position: relative;
  margin-right: 7.4vw;
}

/* Cuando el radio está seleccionado: texto naranja y línea naranja */
.menu-radios input[type="radio"]:checked + .icono + .texto {
  color: #ff5a00; /* texto naranja */
}

.menu-radios input[type="radio"]:checked + .icono + .texto::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.1vw;
  background-color: #ff5a00; /* línea naranja */
  margin-top: 0.2vw;
}


.CategoriaMenu{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr 1fr 1fr;
   row-gap: 6vw;
   column-gap: 10.4vw;

   margin-left: -5.6vw;

}







.Categoria{
   width: 38vw;
   height: 44vw;
}


.CateBack{
    background-image: url(Elementos/backMap.webp);
    background-repeat: no-repeat;
    background-size: 32vw;
    background-position: center;
}

.CateIma img{
   margin-left: 2.3vw;
   width: 34vw;
   align-content: center;
}

.CateDatos{
    margin-top: -1vw;
    text-align: center;
}

.CD1{
    font-family: 'Blackthorns', cursive;
    font-size: 3vw;
    text-transform: uppercase;

}



.CD1::after {
    width: 100%; /* Más estrecha en móvil */
    height: 0.2vw; /* Un poco más gruesa */
    margin: 2vw auto 0vw; /* Más espacio */
}

.CD2{
    font-family: 'Gotham Medium', sans-serif;
    font-size: 2.1vw;
    margin-top: 3.5vw;
}

.sepbot{
    margin-top: 4.4vw;
}


.TeNa2 a{
    padding: 1.1vw 4vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    margin-left: 0.5vw;
    color: rgb(255, 255, 255);
    border-radius: 0.7vw;
    font-size: 2.3vw;
}


.TeNa4 a{
    padding: 1.1vw 4vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    margin-left: 0.5vw;
    color: rgb(255, 255, 255);
    border-radius: 0.7vw;
    font-size: 2.3vw;
}





.BkN{
    background-color: #f7f7f7;
    background-image: url(Elementos/corteBackTEL.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vw;
}




.Servivi{
    margin: 0vw 10vw;
    padding-top: 32vw;
    color: white;
    display: flex;
    flex-direction: column;
}




   .SerGri {
        margin: 4.7vw 10.1vw;
        display: flex; /* Cambiar de grid a flex */
        gap: 5vw;
        overflow-x: auto;
        width: calc(100vw - 10.2vw); /* Ajustar ancho */
        white-space: unset;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 2vw; /* Espacio para el scroll */
    }

    .SerGri::-webkit-scrollbar {
        display: none;
    }


   .Refa, .Mante {
        flex-shrink: 0; /* Evitar que se compriman */
        background-repeat: no-repeat;
        background-size: contain;
        width: 74vw;
        height: 62.8vw;
        display: inline-block; /* Necesario para white-space: nowrap */
    }

    .Refa {
        background-image: url(Elementos/RefaBack1.webp);
    }

    .Mante {
        background-image: url(Elementos/ManteBack1.webp);
    }


.LetreCard{
    margin-top: 51.7vw;
}

.Letre img{
   width: 100%;
}

.Letre{
  width: 33.5vw;
        margin-left: 19.2vw;
}








.RedTi{
    margin-top: 2vw;
    font-family: 'Blackthorns', cursive;
    font-size: 1.55vw;
    margin-right: -2vw;
}


.LetRed{
    margin-top: 25vw;
    width: 25vw;
    height: 18vw;
    margin-left: 18.6vw;
    transform: scale(2.6);
}



.acored{
    margin: 2vw 10.15vw;
    display: flex;
    flex-direction: column;
}




.RedTi2{
    margin-top: 1.2vw;
    font-size: 1.25vw;
    margin-right: -6vw;
    font-family: 'Gotham Medium', sans-serif;

}




    .Grele{
        margin-top: 2.5vw;
        margin-bottom: 4vw;
        margin-right: -8vw;
    }

    .Grele a{
        margin-right: 2.8vw;
        width: 1vw;
    }

    .Grele img{
        width: 2.5vw;
    }


    
   .Grele a:nth-child(5) img {
  width: 3.3vw;

}



.imate{
    margin-top: 34vw;
    margin-left: 15.6vw;
    margin-bottom: 25vw;
    width: 48.2vw;
    transform: scale(2);
}

.imate img{
    width: 100%;
}












.footer {
  background-image: 
   url("Elementos/NorteFooter.webp"), linear-gradient(180deg, rgba(51, 51, 51, 1) 12%, rgba(34, 34, 34, 1) 79%);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 16vw;
  color: white;
}

.EleFoot{
    margin: 0vw 9vw;
    padding-top: 8.5vw;
    display: flex;
    flex-direction: column;
}


.TextFoot{
    width: 40vw;
}



.contafoot{
    display: flex;
    flex-direction: column;
    margin-top: 1.5vw;
    margin-left: 15.7vw;
    padding-bottom: 2.2vw;
    transform: scale(2.3);
}


.Contacto{
    font-size: 1.55vw;
    font-family: 'Blackthorns', cursive;
    margin-bottom: 0.3vw;

}


.Listos{
    font-family: 'Gotham Medium', sans-serif;
    display: flex;
    font-size: 1.25vw;
    margin-left: -0vw;
    margin-top: 0.43vw;
    margin-right: -11vw;
}

.lineafoot{
  border: none;
  height: 0.35vw;
  width: 81vw;
  background-color: #222222; /* Cambia el color según tu fondo */
  margin: 5vw 0;
}






















.infofoot{
    margin-top: 2vw;
    margin-bottom: 3vw;
}

.infofoot3{
    margin-top: 2vw;
    width: 78.5vw;
    margin-bottom: 3.8vw;
    line-height: 3vw;
}


.acogr{
    margin-top: -1vw;
  max-width: 100vw;
        overflow-x: hidden;
}

.AcoInfo{
    margin-top: 0.3vw;
    line-height: 4.3vw;
}

.Info1{
    font-family: 'Gotham Medium', sans-serif;
    color: #ff6720;
    margin-bottom: 1.1vw;
    font-size: 3.2vw;
    line-height: 3vw;

}

.Info2{
    font-family: 'Gotham Medium', sans-serif;
        font-size: 2.5vw;

}


.Grfoot2{
    width: 81.5vw;
        max-width: calc(100vw - 18.5vw);
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: -0.7vw;
    column-gap: 9vw;
    


}





.form-container {
   display: none;
    }




 




.Remol{
    margin-top: 2vw;
    margin-left: 8.4vw;
    width: 80.8vw;
}

.Remol img{
    width: 80.8vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
}




    .icocafo{
        margin-left: -16vw;
        width: 96.6vw;
        margin-bottom: 8vw;
    }

    .icocafo img{
        width: 100%;
    }





    .AcoAvi{
        display: flex;
        flex-direction: column;
 

    }




.Avisote{
     text-align: center;
     transform: scale(3.5);
     margin-top: 4.4vw;
     margin-bottom: 3vw;
     line-height: 1.5vw;
     margin-left: -29vw;


     
}






    .Avisote2{
        margin-top: 5vw;
        font-family: "Gotham medium";
        font-size: 0.66vw;
        transform: scale(3.5);
        margin-left: 12.8vw;
        margin-bottom: 9vw; 
        overflow: hidden;
    


        
    }

    .Avisote2 a{
        text-decoration: none;
        color: white;
        margin-right: 2.7vw;


    }










    .CoverCamasD {
    position: relative;
    margin-top: 1.5vw;
    height: 28.5vw;
    background-image: url(Elementos/fondoCel.webp);
    background-repeat: no-repeat;
    background-size: cover;
}








.imagenproducto img{
    width: 100%;



}

.imagenproducto{
    margin-top: 1vw;
    margin-left: 7vw;
    width: 30vw;



}

.tituloproducto{
    display: flex;
    padding-top: 0vw;
    margin-left: 27.6vw;
    margin-bottom: 0vw;
    flex-direction: column;
}




.lineaverticalb{
    display: none;
}





.Remomo{
    display: flex;
    margin-top: -3.3vw;
    font-size: 3vw;
       
    margin-left: -25.6vw;
    text-align: center;
    color: white;
    font-family: 'Blackthorns', cursive;
    flex-direction: column;

     

}



.Npro{
    margin-left: -4vw;
    font-size: 7vw;
}





.Soluciones2{
    display: flex;
    padding-top: 2.5vw;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-bottom: 1.6vw;
}




.menumodelos{
    margin-top: -2.9vw;
    margin-left: -4vw;
    margin-right: -8vw
}





.GridNuevo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.1vw;
    row-gap: 6.5vw;
    margin-left: 2vw;
    row-gap: 10vw;

}






  .CardMod{
    border-radius: 0.8vw;
        background-color: #ffffff;
        width: 39vw;
        height: 51vw;
        box-shadow: 0 0 1vw 0 #e4e3e3;

        transform: scale(1.07);
    }






.Textote{
    padding-top: 2.2vw;
    padding-left: 1.9vw;
    transform: scale(1.765);
    margin-left: 11.4vw;
    margin-top: 1.1vw;
}





.ModeloT{
    display: flex;
    flex-direction: column;
    font-family: "Gotham medium";
    font-size: 1.3vw;
}



.ModeloST{
    margin-top: 0.55vw;
    font-size: 1.03vw;
    font-family: "Gotham medium";

}





.acoplecard{
    display: none;
}



.lineagrisota{
    display: none;
}


.PuertaDR{
    display: none;
}




  .ImaMo{
        margin-top: 8.5vw;
        margin-left: 2vw;
        width: 35vw;
    }

    .ImaMo img{
        width: 100%;
    }






.botontelefono a{
   
    color: black;
    text-decoration: none;
}



    .Adici{
 padding: 1.4vw 0.9vw;
 margin: 0vw 2vw;
    background-color: #dbdbdb;
        text-align: center;
        font-size: 1.8vw;
        margin-bottom: 1.2vw;
    }







 .botocard{
        margin-top: 3.05vw;

    }






.TeNa3 a{
   padding: 1.1vw 11.1vw;
background: linear-gradient(180deg,rgba(255, 103, 32, 1) 16%, rgba(222, 71, 0, 1) 84%);
    text-decoration: none;
    font-family: 'Gotham Medium', sans-serif;
    margin-left: 0vw;
    color: rgb(255, 255, 255);
    border-radius: 0.7vw;
    font-size: 2.3vw;
    margin-left: -11.65vw;
}










.CoverEmpresaD {
    position: relative;
    margin-top: 1.5vw;
    height: 59vw;
    background-image: url(Elementos/coverEmpresaCel.webp);
    background-repeat: no-repeat;
    background-size: cover;
}








.empresaletras{
         color: #ffffff;
        padding: 41vw 12vw 5vw 5vw;
        text-align: center;
        font-size: 4.5vw;
        max-width: 100vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
}



   .empresaletras .par1 {
        font-size: 3.2vw; /* Proporcional al contenedor */
        font-family: 'Blackthorns', cursive;
        color: #f37021;
        margin-bottom: 1vw;
    }

    .empresaletras .par2 {
        font-size: 7.8vw; /* Proporcional al contenedor */
        font-family: 'Blackthorns', cursive;
        margin-top: 0;
        line-height: 0.9;
    }









.EmpresaSS{
    display: flex;
    text-align: center;
    padding-top: 6.3vw;
    margin: 0vw 4vw;
}



.Remo2{
    font-family: 'Gotham Medium', sans-serif;
    margin-top: 0.38vw;
    margin-left: 2.8vw;
    line-height: 3.4vw;
    display: flex;
    flex-direction: column;
    font-size: 2.8vw;
}

.Respon{
    margin-top: 7.6vw;
    margin-bottom: 1vw;
}






.ciones{
    padding-top: 25vw;
    padding-left: 8vw;
    margin: 2.4vw 15vw 0vw 16.2vw;
    display: grid;
    column-gap: 24vw;
    grid-template-columns: 1fr 1fr;
}




.Presta{

    display: flex;
    font-size: 0.95vw;
    max-width: 13vw;
    max-height: 10vw;
    transform: scale(3);
    padding-bottom: 17vw;
}

.PrestaIMG img, .PrestaIMG2 img, .PrestaIMG3 img, .PrestaIMG4 img, .PrestaIMG5 img{
     width: 100%;
}

.PrestaIMG{
    width: 14.2vw;
    margin-right: 0.7vw;
}


.PrestaIMG2{
    width: 9vw;
    margin-right: -0.5vw;
}


.PrestaIMG3{
    width: 11.7vw;
    margin-right: 0.7vw;
}



.PrestaIMG4{
    width: 7vw;
    margin-left: 1vw;
    margin-right: 0.3vw;
}



.PrestaIMG5{
    width: 14.2vw;
    margin-right: 0.52vw;
}






.PR5{
  margin-top: 0vw;
  margin-right: -1vw;
}





.Cobebe{
    margin: 0vw 10vw;
    padding-top: 13vw;
    color: rgb(0, 0, 0);
    display: flex;
    flex-direction: column;


}


.Backmapa{
    background-image: url(Elementos/backMap.webp);
    background-size: 230vw;
    background-repeat: no-repeat;
    background-position-y: 0vw;
    background-position-x: -69vw;
    padding-bottom: 20vw;
}



.mapacobe{
          width: 89vw;
        margin-left: 6vw;
    margin-top: 10.3vw;

}

.mapacobe img{
    width: 100%;
}



.ultimagen{
    padding-top: 2.6vw;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 4vw;
    column-gap: 2.6vw;
    margin: 1vw 8.8vw 0vw 8.4vw;
}

.ultimagen img{
    width: 39vw;
}





.img-text-wrap span {
  position: absolute;
  top: 21.8vw;
  left: 3vw;
  color: white;
  font-size: 1.9vw;
  font-family: "gotham medium";
  text-transform: uppercase;
  pointer-events: none;
  z-index: 2;
}







.acocer{
    margin-top: 7vw;
    margin-left: 0vw;
}



.repuveso{
    display: flex;
    margin-top: 6vw;
    margin-left: 11.9vw;

}

.repuveso img{
    width: 100%;
}


.repuve div{
    margin-top: 3vw;
    font-family: "Gotham medium";
    font-size: 1.7vw;
    text-align: center;
    margin-right: -3vw;
    margin-left: -3vw;
}


.natm div{
        font-size: 1.7vw;

      margin-right: -5vw;
    margin-left: -5vw;
}



.natda div{
         font-size: 1.7vw;

      margin-right: -2vw;
    margin-left: -2vw;
}










.BkNara{
    background-image: url(Elementos/CorteNaranjaTEL.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 137.7vw;

}






.algualgu {

  padding: 4vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vw;
}

.algualgu {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1rem;
}

.Gralgu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  gap: 2rem;
  border-top: 1px solid #d94900;
  padding: 5vw 0;
  width: 90vw;
  margin-top: 2vw;
  margin-left: 3vw;

}

.Gralgu:first-child {
  border-top: none;
  padding-top: 0;
}

.Gralgu img {
  width: auto;
  height: clamp(32px, 2.8vw, 60px); /* más responsivo y consistente */
  object-fit: contain;
  justify-self: center;
}

/* Ajustes personalizados por logo */
img.pemex {
    margin-left: 5.1vw;
  height: 6.2vw;
}
img.bamx {
    margin-top: -0.5vw;
  height: 7.1vw;
  margin-left: -3.5vw;
}
img[src*="segalmex"] {
        margin-top: 0.8vw;
   margin-left: 0vw;
  height: 4.5vw;
}
img[src*="queretaro"] {
  height: 5.6vw;
  margin-left: 0.8vw;
}
img[src*="guanajuato"] {
  height: 5.5vw;
}
img[src*="coahuila"] {
    margin-top: 0.3vw;
  height: 4.3vw;
  margin-left: 3.4vw;
}
img[src*="yamaha"] {
    margin-top: 0.9vw;
    margin-left: 3.8vw;
  height: 5.85vw;
}
img[src*="canam"] {
  height: 7.5vw;
}
img[src*="polaris"] {
    margin-top: 1.4vw;
  height: 2.4vw;
}






   .BloSolu,
    .BloSolu2,
    .BkN,
    .otro,
    .footer,
    .colorear {
        max-width: 100vw;
        overflow-x: hidden;
        box-sizing: border-box;
    }



.BloSolu3{
    background-color: #343333;
    color: white;
    height: 110vw;
    margin-top: 0vw;
    max-width: 100vw;
}







.Menusote img{
    width: 100%;
}

.Menusote a{
    margin-left: 40vw;
    width: 2vw;
}


.Menusote{
    margin-top: 3.8vw;
    width: 8vw;
    margin-bottom: -10vw;
}






.Acople2 {
    margin: 6.5vw 4.2vw;
    padding-left: 3vw;
}









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

}






.botmentel{
  padding-left: 8vw;
  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:  black;
}
.botmentel ul{
  padding-bottom: 0.003vh;
}






.cerrmentel{
  z-index: 3;
  left: 89vw;
  top: 9vw;
  position: absolute;
}



.cerrmentel img{
  width: 5.5vw;
}




.flags{
    display: none;
}











.botocard .TeNa3::before {
    content: "";
    display: none;
    width: 12.1vw;                   /* largo de la línea */
    height: 0.1vw;                   /* grosor de la línea */
    background-color: #E8E8E8;        /* color de la línea */
    margin-right: 1.5vw;  
    margin-left: -13.67vw;           /* espacio entre línea y texto */
  }











.logofootul{
    margin-left: 9.2vw;
    margin-top: 5.8vw;
    width: 65.5vw;
    margin-right: 5.3vw;
    margin-bottom: 17vw;
}

.logofootul img{
    width: 100%;
}













.contenido-hover, .contenido-hover2 {
    position: absolute;
 top: 18%;
        left: 13%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 1vw 2vw;
    border-radius: 5px;
    opacity: 0;
    line-height: 1.27vw;
    transition: opacity 0.4s ease;
    z-index: 2;
    font-family: "gotham medium";


    transform: scale(1.4);
}


.icoico {
    width: 35vw;
    margin-bottom: 1.4vw;
}







.Enen{
      font-size: 1.7vw;
    line-height: 2.2vw;
    width: 45vw;
}


.Refafa{
      font-size: 2vw;
    line-height: 2.2vw;
    width: 45vw;
    color: #ff6720;
    font-family: 'gotham bold';
}







.listacosa{
       font-size: 2vw;
    line-height: 2.2vw;
    width: 45vw;
    margin-left: -2vw;
}








.adicard{
  background-color: #ffffff;
  position: fixed;
  width: 79vw;
  height: 90vw;
  top: 27vh;
  left: 10vw;
  z-index: 9999;
  border-radius: 1.2vw;
  display: none;
  isolation: isolate;  
    box-shadow: 0 0 0 100vmax rgba(0,0,0,0.6); /* Fondo oscuro alrededor */

}

.adicard.show { display: block; } /* o flex, según tu CSS */


.Seginf{
    margin-top: 1.7vw;
    display: flex;
    font-family: 'gotham bold';
    font-size: 3vw;

}


.titulo{
    margin-top: 8.5vw;
    margin-left: 3.5vw;
}


.modcel{

font-family: 'Metropolis-Medium', 'Metropolis', sans-serif;
font-size: 3vw;

}

.momocel{

 font-family: "gotham bold";
 font-weight: 900;
 font-size: 4.45vw;

}



.Acocelo{
    width: 74.2vw;
padding-top: 1.6vw;
padding-bottom: 1.6vw;


    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

      border-top: 0.05vw solid #efefef;     /* grosor 2px, color negro */
}


.Acocelo:nth-of-type(2) {
     
        border-top: 0.05vw solid #efefef;     /* grosor 2px, color negro */
  border-bottom: 0.05vw solid #efefef; /* o lo que quieras distinto */
}




.otracardc{
    
    height: 20vw;
    border-radius: 0.8vw;
    background-color: #f4f4f4;
    padding-top: 3.5vw;
    padding-left: 1.5vw;
}




.acoelgri{
    margin-top: 3.5vw;
    margin-left: 2.4vw;
}




    .cosacainfo{
        margin-left: 1vw;
        font-size: 3vw;
        font-family: "Gotham Bold";
        text-transform: lowercase;
    }

    .cosacainfo2{
                margin-left: 1vw;
                margin-top: 0.6vw;

        font-size: 3vw;
        font-family: "Gotham Bold";
        color: #df7a4c;
    }



.adidic{
    display: flex;
    font-family: "Gotham Bold";
    font-size: 3vw;


}







.pupu{
    
    margin-top: 5vw;
    margin-left: 3vw;
    margin-right: 3vw;
}

.cocote{
    font-family: "Gotham Bold";
    font-size: 3vw;        
    height: 7.5vw;
}




.ulsita{
    margin-top: 5vw;
    font-family: "Gotham Bold";
    font-size: 3vw;

}


.tacha{
    top: 2.7vw;
    right: 3vw;
    position: absolute;
    
}

.tacha img{
    width: 7vw;
}












.Newcov{
    padding-top: 11.5vw;
    padding-left: 10.5vw;
    margin-bottom: -14.5vw;

    color: white;
 

}

.Newcov1{
      font-family: 'Blackthorns';
      font-size: 6.15vw;
      padding-bottom: 2.5vw;
}

.Newcov2{
    font-family: 'Gotham Medium', sans-serif;
    font-size: 2.8vw;
    width: 85vw;
    padding-bottom: 7.6vw;
}











.CoverHomeD {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 71vw;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 0;
}






.slider-wrapper {
    display: block;
  position: relative;
  width: 100%;
  height: 81vw;
  overflow: hidden;
  padding-bottom: 37vw;
  margin-bottom: 4.4vw;
}




  .slider-controls {
   display: none;
    
  }






.imate img{
    width: 193%;
    margin-left: -24vw;
}






@media (max-width: 768px) {
  a svg path {
    transform: scale(0.8);
    transform-origin: center;
  }
}



















.notel{
    display: none;
}


.nocom{
    display: unset;
}




    }