:root {
    --color1: #E4F1FF;
    --color2: #2F5597;
    --color3: #5EA6FC;
    --color4: #062D47;
    --color5: #B3D5F6;
    --azul-oscuro:#03215D;  
    --azul-grisaceo:rgb(2,23,58);
    --naranja:#FF6437;  
  }
*{ margin: 0;padding: 0;  scroll-behavior: smooth; 
  font-family: "Montserrat", sans-serif;

}
/*COMODINES*/
.un-slider #guardar-cambiosBanner,.un-slider #cancelarBanner{
  top: 25%;
}
.un-slider #cancelarBanner{
  top: 30%;

}
li{
  list-style: none;
}
.container{
  width: 90% !important;
  max-width:1100px !important;
}
body{
    overflow-x: hidden;
}
.divRelative{
  position: relative;
}

/*MENU*/

.todoazul{
  width: 100%;
  background-color: var(--azul-oscuro);
  color: #fff;
}
.cotizaHeader{
  width: 990px;
  max-width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: 400px 1fr 1fr;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}
.cotizaHeader h4{
  font-size: 15px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.enviaCotiza,.llamaCotiza{
  display: flex;
}
.enviaCotiza h4,.llamaCotiza h4{
  display: block;
  margin: auto;
  background: #27AE60;
  padding: 10px 30px;
  border-radius: 10px;
}
.enviaCotiza h4 a,.llamaCotiza h4 a{
  text-decoration: none;
  color: #fff;
}
.llamaCotiza h4{
  background: var(--naranja);
}
@media (max-width:992px) {
  
.enviaCotiza h4,.llamaCotiza h4{
  padding: 10px 20px;
}
}
@media (max-width:768px){
  .todoazul{
    display: none;
  }
}
/*HEADER*/
.containerMenu{
  padding: 0 !important;
  margin: 0 !important;
}
.logo-container{
  margin:30px auto
}
.logo-container img{
  max-height: 100px;
  width: 600px;
  max-width: 90%;
  object-fit: contain;
  object-position: center;
}
.navPc{
  background: #FF6437;
  padding: 0px 0px;
}
.navPc .nav-link{
  color: #fff;
  font-size: 14px;
  margin: 0px 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all 0.3s ease;
  font-weight: 700;
}
.nav-link:hover{
  text-decoration: none;
  color: var(--azul-oscuro) !important;
  font-weight: 600;
  transition: all 0.3s ease;
}
.navPc .nav-link.active{
  background: #fff;
  
  color: var(--azul-oscuro);
  font-weight: 600;
}
@media (max-width:1000px) {
  
  #navbarNav ul{
    display: block ;
    background: #f2f2f2;
  }
  #navbarNav ul li a{
    padding: 15px 0px;
    color: #121212;
    font-size: 14px;
  }
  #navbarNav ul li a.active{
    background: var(--azul-oscuro);
    color: #fff;
  }
  #botonMenuCel{
    width: 100%;
  }
  #botonMenuCel{
    padding: 15px 0px;
    background: var(--naranja);
  }
}
/*SLIDER*/

.fondoslider{
  position: relative;
}
.un-slider{
  height: 600px;
}
.un-slider .banner{
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}
.un-slider .banner img{
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.fix-slider{
  margin: auto;
}
@media (max-width:992px) {
  .un-slider{
    height: 420px;
  }
  .un-slider .banner{
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
  }
}
@media (max-width:768px) {
  
.real-slider{
  height: 600px;
}
    

.fondoslider{
  position: relative;
}
.un-slider{
  height: 600px;

}
.un-slider .banner{
  width: 100%;
  height: 600px;
  position: relative;
}
.un-slider .banner img{
  min-width: 100%;
  min-height: 600px;
}
.fix-slider{
  margin: auto;
}
.texto-slider .container div{
  max-width: 550px;
  padding: 10px;
}
.cajaSlider{
  background: rgba(8,51,162,0.35);

}

}

.c-slider .slick-dots{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  margin-bottom: 20px;
  text-align: center;
}

.c-slider .slick-dots li{
  list-style: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.15);
  border-radius: 50%;
  background: #fff;
  margin: 4px;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.15);
}
.c-slider .slick-dots li button{
  display: none;
}

.c-slider .slick-dots .slick-active{
     background:var(--color2);
 }
 .flechaSlider{
  font-size: 52px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--color3) !important;
  margin-left: 3.5% !important;
  cursor: pointer;
 }
 #SliderButtonNext{
left: 95% !important;
margin-left: 0 !important; 
margin-right: 5% !important;
 }
 /*PRIMER CORTE*/
.corte1{
  margin: 50px auto;
}
 .img-container {
    position: relative;
    height: 600px; /* Ajusta la altura según tus necesidades */
    overflow: hidden; /* Asegura que el contenido no se salga del contenedor */
}

.img-background, .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width:300px;
    height: 450px;
    overflow: hidden;
    border-radius: 200px;
  }

.img-background {
    z-index: 1;
}

.img-overlay {
    z-index: 0;
    /* La imagen de superposición se desplaza ligeramente para crear el efecto deseado */
    left: 100%;
    top: 100%;
    transform: translateY(-100%) translateX(-100%); 
}

.img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.textoMargenCorte{
  margin-left: 30px;
}
.subtitulocorte1{
  font-size: 18px;
  font-weight: 600;
}
.titulocorte1{
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  margin: 30px 0px;
}
.textocorte1{
  font-size: 18px;
  line-height: 24px;
}
.textocorte1 p{
  margin: 0 !important;
}
.botonAzul a{
  background: var(--naranja);
  color: #fff;
  padding: 8px 20px;
  font-weight: 700;
  font-size: 14px;
  border-radius: 20px;
}
.botonAzul a:hover{
  background: var(--azul-oscuro);
  color: #fff;
}
/*IMAGEN HECHADA*/
@media (max-width: 992px) {
  .img-overlay {
    z-index: 0;
    /* La imagen de superposición se desplaza ligeramente para crear el efecto deseado */
 
    top: 100%;
}

  .textoMargenCorte{
    margin-left: 0px;
  }
  .img-container {
    position: relative;
    height: 400px; /* Ajusta la altura según tus necesidades */
    overflow: hidden; /* Asegura que el contenido no se salga del contenedor */
    margin: auto;
  }

.img-background, .img-overlay {
    width:200px;
    height: 300px;
    border-radius: 150px;
  }
  
.subtitulocorte1{
  font-size: 14px;
}
.titulocorte1{
  font-size: 24px;
  line-height: 24px;
  margin: 10px 0px;
}
.textocorte1{
  font-size: 15px;
  line-height: 20px;
}
.textocorte1 p{
  margin: 0 !important;
}
.botonAzul a{
  background: var(--color2);
  color: #fff;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 600;
}
}
/*IMAGEN PARADA*/
@media (max-width: 768px) {
  .img-container {
    position: relative;
    height: 400px; /* Ajusta la altura según tus necesidades */
    overflow: hidden; /* Asegura que el contenido no se salga del contenedor */
    margin-bottom: 30px;
  }

}

/*PRODUCTOS INICIO*/
.fondoazul{
  background: var(--azul-oscuro);
  width: 100%;
}
.contenedorInicioProductos{
  padding-top:50px;
  padding-bottom: 50px;
}
.contenedorInicioProductos .editorCorto{
  margin-top: 20px;  
  margin-bottom: 50px;
}
.contenedorInicioProductos .editorCorto h2{
  font-weight: 700;
}

.producto {
  margin-bottom: 30px 10px !important;
  color: white;
  padding: 0px !important;
  overflow: hidden;
}
.producto a{
  width: 95%;
  display: flex;
  background: #fff;
  border-radius: 15px;
  text-decoration: none;
}
.producto a .contenidoProducto{
  display: block;
  margin: auto;
  width: 90%;
}

.producto a img{
  width: 100%;
  margin: auto;
  height: 300px;
  margin-top: 10px;
  object-fit: cover;
  object-position: center;
}
.producto .nombreProducto{

  bottom: 0;
  text-decoration: none;
  color: var(--azul-oscuro);
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  transition: all 0.3s ease;

}
.producto:hover .nombreProducto{
  color: var(--naranja);
  transition: all 0.3s ease;
}
.botonTodos{
  margin: auto;
  text-align: center;
  margin: 40px auto;
  margin-top: 75px;
}
.botonTodos a{
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: var(--naranja);
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 15px;
}
.separadorNuevoComodin{
  height: 1px;
  width: 100%;
}
/*CORTE3*/
.arregloCorte{
  width: 100%;
  height: 30px; 
}
.contenedorCorte3{
  margin: 50px auto;
}
.titulocorte3{
  font-size: 32px; 
  line-height: 32px;
}

.subtitulocorte3{
  font-size: 24px; 
  line-height: 24px;
}
.textocorte3{
  font-size: 18px;
  margin: 30px auto;
}

/*PORQUE*/
.divPorque{
  margin: 50px auto;
}
.titulosElegirnos{
  font-size: 24px;
}
.textoElegirnos{
  font-size: 18px;
  line-height: 21px;

}
.cualDiv{
  background: var(--naranja);
  border-radius: 15px;
  padding-top:30px ;
  padding-bottom:30px ;
  padding-left:50px !important;
  padding-right:50px !important;
  margin-right: 5%;
  width: 45% !important  ;
}
.porqueRight{
  background: var(--azul-oscuro);
  margin-right: 0;
 margin-left: 5%;

}
.divPorque img{
  width: 100%;
}
.editarImagenElegirnos{
  margin: 15px;
}
@media(max-width:992px){
  
.editarImagenElegirnos{
  margin: 30px 15px;
}
.titulosElegirnos{
  font-size: 20px;
}
.textoElegirnos{
  font-size: 16px;
  line-height: 16px;

}
  .porqueRight{
    text-align: center;
  }
  .divPorque{
    text-align: center;
  }
  .divPorque img{
    margin-top: 20px;
  }
}
/*CORTE4*/

.todoUnidades{
  overflow: hidden;
}
.todoUnidades .bannerUnidades{
  width: 100%;
  height: 450px;
  position: relative;
}
.todoUnidades .bannerUnidades>img{
  min-width: 100%;
  min-height: 450px; 
}
.textoCorte4{
  position: absolute;
  top: 50%;
  width: 90%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);

}
.corteGrid4{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
  align-items: center;
}
.corteGrid4 .editorCorto{
  border: 2px solid #fff;
  padding: 50px;
  border-radius: 25px;
}
.corteGrid4 .titulocorte1{
  font-size: 42px; 
}
@media (max-width:992px) {
  .corteGrid4 .titulocorte1{
    font-size: 36px; 
    line-height: 41px;
  }
}
@media (max-width:768px) {
  .corteGrid4{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
  }
  .corteGrid4 .editorCorto{
    padding: 30px;
    border-radius: 25px;
  }
  .corteGrid4 .titulocorte1{
    font-size: 22px; 
    line-height: 30px;
  }
  
  .cualDiv{
    margin-right: 0%;
    margin-left: 0%;
    width: 100% !important  ;
  }
}
/*CORTE5*/
.separadorCorte{
  margin: 75px auto;
}
.separadorCortePeque{
  margin: 50px auto;
}

@media (max-width:992px) {
  
.separadorCorte{
  margin: 30px auto;
}
}
.sliderClientes img,#sortableClients img{
  width: 90%;
  height: 200px;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

#slider-controls .btn-flecha{
  background: #2F5597;
  color: #fff;
  border-radius: 50%;
}
.modal-lg-custom{
  width: 90% !important;
  margin: auto;
}
/*CONTACTO*/

.todoContacto{
  overflow: hidden;
}
.todoContacto .bannerContacto{
  width: 100%;
  height: 700px;
  position: relative;
}
.todoContacto .bannerContacto>img{
  min-width: 100%;
  min-height: 700px; 
}
.textoCorte6 .textocorte1{
  margin-top: 40px;
  font-size: 16px;
}
.form-container {
  background-color: white;
  border-radius: 20px;
  padding: 50px 40px;
}
.form-container form{
  width: 100%;
}
.form-container small{
  color: #000 !important;
  font-size: 12px;
  margin-left:10px;
}
.form-control,.form-select{
  width: 100% !important;
  background: #efefef !important;
  font-size: 12px !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 10px 15px !important;
}
#consulta{
  resize: none;
}
@media (max-width: 992px) {
  #captcha-container {
      margin-bottom: 15px; /* Espacio a la izquierda del reCAPTCHA */
  }
  .form-container small{
    margin-left:0px !important;
  }
  .form-container {
    background-color: white;
    border-radius: 10px;
    padding: 25px;
  }
 .g-recaptcha {
        transform: scale(0.76); /* Ajusta el valor según sea necesario */
        transform-origin: 0 0;
    }

}
#contactForm button{
  background: var(--color2);
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 2px;
}
@media (max-width: 768px) {

  .todoContacto .bannerContacto{
    width: 100%;
    height: 1200px;
    position: relative;
  }
  .todoContacto .bannerContacto>img{
    min-width: 100%;
    min-height: 1200px; 
}
.form-container {
  background-color: white;
  border-radius: 10px;
  padding: 25px;
}
}

/*FOOTER 2*/
#footerlegal,#designBy{
  background:var(--azul-grisaceo);
}
#footerlegal h5{
  color: var(--naranja);
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 15px;
}
#footerlegal p{
  margin: 5px 0px !important;
  color: #fff;
}
#footerlegal p,#footerlegal a{
  font-size: 14px;
}
#footerlegal img{
  width: 80%;
}
#designBy{
  border-top: 1px solid #fff;
  padding: 30px 0px;
  color: #fff;
  font-size: 13px;
  padding-top: 50px;
}
.powerFooter{
  text-align: right;
}
.powerFooter a{
  text-decoration: none;
  color: #fff;
}
.descripcionFooter{
  margin-top: 30px;
}
@media (max-width:768px) {
  .powerFooter{
    text-align: center;
  }
}
/*CONTACTO*/
.textoContacto{
  margin-top: 50px;
}
.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%; /* Proporción 16:9 */
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.editarMapa iframe{
  pointer-events: none;
}
.map-responsive .btn {
  z-index: 10; /* Asegura que el botón esté por encima del iframe */
  background-color: rgba(0, 123, 255, 0.9); /* Ajusta la opacidad del color si deseas */
}
.contactoLegal i{
  font-size: 18px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #fff;
  color: var(--azul-grisaceo);
  margin-right: 5px;
}
.social-icons{
  display: flex;
  margin-top: 20px;
}
.social-icons .icono-rojo{
  margin-right: 10px;
  background: var(--naranja);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
}
.social-icons .icono-rojo span{
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  display: block;
  margin: auto;
}
/*DESCUBRE MARCAS*/

.descubreMarcas{
  padding-top: 75px;
  padding-bottom: 75px;
}
@media (max-width:992px) {
  
.descubreMarcas{
  padding-top: 30px;
  padding-bottom: 30px;
}
}
/*BANNERS*/
.absolutoBanner{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  background: transparent !important;
  top: 50%;
  transform: translateY(-50%);

}
.contenidoBannerAzul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.imagenBanner {
  width: 100%;
  position: relative;
}

.imagenBanner img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
}

.imagenBanner::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, rgba(3,33,93,1) 0%, rgba(0,212,255,0.10135392047443981) 20%);
}
.textoCompletoBanner{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.textoCompletoBanner .tituloBanner{
  font-size: 36px;
}
.textoCompletoBanner .textoBanner{
  font-size: 18px;
  width: 90%;
}
@media (max-width:992px) {
  
.textoCompletoBanner .tituloBanner{
  font-size: 24px;
}
.textoCompletoBanner .textoBanner{
  font-size: 16px;
}
}
@media (max-width:768px) {
  
.absolutoBanner{
  position: static; /* Cambiar de absolute a static */
    left: auto;       /* Eliminar la posición a la izquierda */
    width: auto;      /* Restablecer el ancho */
    z-index: auto;    /* Restablecer el z-index */
    background: none; /* Eliminar el fondo */
    top: auto;        /* Restablecer la posición superior */
    transform: none;  /* Eliminar transformaciones */
}
.contenidoBannerAzul{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0px;
  margin: 0 !important;
  padding: 0 !important;
}
.imagenBanner {
  width: 100%;
  position: relative;
}

.imagenBanner img {
  width: 100%;
  height: 350px;
}

.imagenBanner::after {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, rgba(3,33,93,1) 0%, rgba(0,212,255,0.10135392047443981) 20%);
}
.textoCompletoBanner{
  display: grid;
  grid-template-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 30px;
}
.textoCompletoBanner .tituloBanner{
  font-size: 24px;
  text-align: center;
}
.textoCompletoBanner .textoBanner{
  font-size: 16px;
  width: 100%;
  text-align: center !important;

}
.comodin-social-icons{
  display: flex;
}
.otro-comodin-si{
  display: block;
  margin: auto;
}
  }
  /*MISIONVISION*/
.todomisionvision{
  margin: 75px auto;
}
.misionVision{
  width:100% ;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}
.misionDiv{
  display: grid;
  align-items: center;
  grid-template-columns: 150px 1fr;
  grid-gap: 40px;
}
.imagenMision img{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: contain;
  object-position: center;
}
.editarImagenMision{
  cursor: pointer;
}
.tituloMision{
  font-size: 24px;
  font-weight: 700;
}
.textoMision,.textoValores{
  font-size: 18px;
}
.valores{
  margin-top: 50px;
}
.tituloValores{
  font-size: 32px;
}
.gridValores{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  align-items: center;
  margin-top: 50px;
}
.derValores img{
  width: 100%;
  height: 275px;
  object-fit: cover;
  object-position: center;
}
.izValores{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin: 0;
  padding: 0;
}
.unValor{
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}
.unValorIz img{
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;

}
.editarImagenValor{
  font-size: 12px;
  padding: 5px 10px !important;   
  }
  .editarTextoValor{
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    color: var(--azul-oscuro);
  }
@media (max-width:768px) {
  
.todomisionvision{
  margin: 50px auto;
}
.misionVision{
  width:100% ;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0px;
  row-gap: 50px;
  
}
.imagenMision{
  order: 2;
}
.misionDiv{
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}
.imagenMision img{
  width: 100%;
  height: 400px;
  border-radius: 0px;
  object-position: center;
}
.editarImagenMision{
  cursor: pointer;
}
.tituloMision{
  font-size: 24px;
  font-weight: 700;
}
.textoMision,.textoValores{
  font-size: 18px;
}
.valores{
  margin-top: 50px;
}
.tituloValores{
  font-size: 24px;
}
.textoValores{
  font-size: 16px;
}
.gridValores{
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 50px;
  align-items: center;
  margin-top: 30px;
}
.derValores img{
  width: 100%;
  height: 275px;
  object-fit: contain;
  object-position: center;
}
.izValores{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  margin: 0;
  padding: 0;
}
.unValor{
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-gap: 30px;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}
.unValorIz img{
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;

}
.editarImagenValor{
  font-size: 12px;
  padding: 5px 10px !important;   
  }
  .editarTextoValor{
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    color: var(--azul-oscuro);
  }
}
/*TODOSPRODUCTOS*/
.todosProductos{
  margin: 50px auto;
}
.todosProductos .producto{
  margin-bottom: 10px;
}
.todosProductos .producto a{
  background: #F5F5F5;
  text-decoration: none;
}

/*SEGUNDA PAGINA EMPRESA*/
.banner.bannerPagina{
  height: 170px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.banner.bannerPagina img{
  min-height: 170px;
  min-width:100%;
}
.banner.bannerPagina div{
  margin: 0;
  height: auto;
  padding: 0;
  padding-top: 5px;
}
.texto-banner,.texto-bannerCorto{
  position: absolute;
  width: 85%;  
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  text-align: center;
}
.texto-banner h2{
  font-weight: 700 !important;

}
.separadorSeccion{
  margin: 50px auto;
}
/*UN PRODUCTO REAL*/

/*PRODUCTOS*/
.textoProductoReal{
  margin: 0 !important;
  padding: 0 !important;
  padding-right: 50px !important;
}
.vistaNombreProducto{
  text-align: center;
  font-weight: 600;
  color: #fff;
}
.descripcionProducto{
  font-size: 19px;
  line-height: 23px;
}
.descripcionProducto li{
  line-height: 38px;
}
.divImagenProducto img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}
/*SLICK IMAGES*/
.slickImagenProducto img{
  height: 200px;
  width: 95%;
  margin: auto;
}
.divC,.slickImagenProducto{
  margin-top: 30px;
}
.comodinSlickSlider{
  position: relative;
}
.comodinSlickSlider .flechaSlick{
  height: 50px;
  width: 30px;
  font-size: 36px;
  line-height: 50px;
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
#ImagenSlickPrev{
  left: 0;
  margin-left: -30px;
}
#ImagenSlickNext{
  right: 0;
  margin-right: -30px;
}
@media(max-width:993px){
  .textoProductoReal{
    margin: 0 !important;
    padding: 0 !important;
   }
   
.descripcionProducto{
  margin-top: 30px !important;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.descripcionProducto li{
  line-height: 20px;
} 
}
@media (max-width:769px) {
  .divImagenProducto img{
    height: 300px;
   }
  .slickImagenProducto img{
    height: 120px;
  }
  .comodinSlickSlider .flechaSlick{
    height: 30px;
    width: 22px;
    font-size: 21px;
    line-height: 22px;
  }
  #ImagenSlickPrev{
    left: 0;
    margin-left: -22px;
  }
  #ImagenSlickNext{
    right: 0;
    margin-right: -22px;
  }
 
.descripcionProducto{
  margin-top: 30px !important;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.descripcionProducto li{
  line-height: 20px;
} 
}
.agregarProductos{
  cursor: pointer !important;
}
/*CONTACTO*/
.contactoDivisor{
  text-align: center;
}
.contactoDivisor h2{
  color: var(--azul-oscuro);
  font-size: 24px;
  font-weight: 700;

}
.separadorContacto{
  margin: 75px auto;
}
.tituloEquipo{
  margin-top: 50px;
  font-size: 28px;
}
.textoEquipo{
  margin-top: 50px;
  font-size: 18px;
}


/*COMODINES*/
.un-slider #guardar-cambiosBanner,.un-slider #cancelarBanner{
  top: 25%;
}
.un-slider #cancelarBanner{
  top: 30%;

}
.realCorteArreglo{
  width: 100%;
  height: 350px;
}
.whatsapp {
  height: 50px;
  width: 50px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0%;
  top: 100%;
  margin-top: -70px;
  margin-left: 20px;
  position: fixed;
  border-radius: 50%;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}
.whatsapp a {
  display: flex;
  width: 50px;
  border-radius: 50%;
  height: 50px;
  background: rgb(0,255,0);
  text-decoration: none;
}
.whatsapp a i {
  display: block;
  margin: auto;
  font-size: 32px;
  color: #fff;
}

/*ARREGLO CSS CELULAR HECHADO*/


@media (max-width:992px) {
  
.producto a{
  width: 97.5%;
  display: flex;
  background: #fff;
  border-radius: 15px;
  text-decoration: none;
}
  .algoSlider{
    height: 450px;
  }
  .real-slider{
    height: 450px;
  }
  .fondoslider{
    position: relative;
    height: 450px;
  }
  .un-slider .banner{
    width: 100%;
    height: 450px;
    position: relative;
  }
  .un-slider .banner img{
    width: 100%;
    min-height: 450px;
  object-position: center;

  }
   .flechaSlider{
    font-size: 45px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    color: var(--color3) !important;
    margin-left: 3.5% !important;
    cursor: pointer;
    }
   #SliderButtonNext{
  left: 94.5% !important;
  margin-left: 0 !important; 
  margin-right: 5% !important;
   }
  }
/*ARREGLO CSS CELULAR*/


@media (max-width:768px) {
  .algoSlider{
    height: 210px;
  }
    
.producto a{
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 15px;
  text-decoration: none;
}
.c-slider{
  height: 210px;
}
.real-slider{
  height: 210px;
}
.fondoslider{
  position: relative;
  height: 210px;
}
.un-slider .banner{
  width: 100%;
  height: 210px;
  position: relative;
}
.un-slider .banner img{
  width: 100%;
  min-height: 210px;
  object-position: center;
}
.fix-slider{
  margin: auto;
}
.texto-slider .container div{
  max-width: 550px;
  padding: 10px;
}
.cajaSlider{
  background: rgba(8,51,162,0.35);

}
.texto-slider .container div h2{
  font-size: 24px;
  text-align: center;
}
.texto-slider .container div p{
  font-size: 16px;
  color: #fff;
  margin: 20px 0px;
  text-align: center;
}
.texto-slider .container div a{

  font-size: 12px;
  color: #fff;
  background: var(--color3);
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
}
.texto-slider .container div h3{
 width: 100%;
 text-align: center;
 
}
.c-slider .slick-dots{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  margin-bottom: 20px;
  text-align: center;
}

.c-slider .slick-dots li{
  list-style: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.15);
  border-radius: 50%;
  background: #fff;
  margin: 4px;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.15);
}
.c-slider .slick-dots li button{
  display: none;
}

.c-slider .slick-dots .slick-active{
     background:var(--color2);
 }
 .flechaSlider{
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--color3) !important;
  margin-left: 3.5% !important;
  cursor: pointer;
 }
 #SliderButtonNext{
left: 92.5% !important;
margin-left: 0 !important; 
margin-right: 5% !important;
 }
}
/*PORQUE CONTRATAR*/
@media (max-width:768px) {

  .corteServicioIz .imagenMayorSer {
    position: relative;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: 75% center !important  ;
}
.corteServicioDer .imagenMayorSer {
  position: relative;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: 35% center !important  ;
}

}

/*loaderWeb*/
/* HTML: <div class="loaderWeb"></div> *//* Loader CSS */
/* Loader CSS *//* Loader CSS */
/* Loader Container */
.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.hidden {
  display: none;
}

@keyframes l7 {
  to { background-position: 150% 0% }
}
/* HTML: <div class="loader"></div> */
body.no-scroll {
  overflow: hidden;
}
.loaderWeb {
  width: 60px;
  height: 32px;
  display: flex;
  justify-content: space-between;
  animation: l3-0 1s infinite alternate;
}
.loaderWeb:before,
.loaderWeb:after {
  content: "";
  width: 32px;
  background: #293671;
  animation: l3-1 0.5s infinite alternate;
}
.loaderWeb:after {
  background: #fff;
  --s:-1;
  box-shadow: 3px 2px 2px 0px rgba(0,0,0,0.33);
-webkit-box-shadow: 3px 2px 2px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 3px 2px 2px 0px rgba(0,0,0,0.33);
}
@keyframes l3-0 {
   0%,40%   {transform: rotate(0)}
   80%,100% {transform: rotate(.5turn)}
}
@keyframes l3-1 {
   80%,100% {transform: translate(calc(var(--s,1)*34px))}
}
.productoFooter a{
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}