@font-face { font-family:"Zurich LtCn BT"; src: url("/web/css/ZURCHLC.ttf") format('truetype'); font-weight: normal;  font-style: normal; font-display: swap; }
@font-face { font-family:"DinProL"; src: url("/web/css/DINPro-Light.otf") format('truetype'); font-weight: normal;  font-style: normal; font-display: swap; }

body {direction: ltr; color: rgb(60,72,88);font-family:"Barlow","Zurich LtCn BT","Roboto","Helvetica","Arial","sans-serif";background-color:rgba(255, 255, 255,1);font-size:1.2rem;line-height: 1.42857143;-webkit-font-smoothing: antialiased;}
a{text-decoration: none;}
img {height: auto;}
.sombra{box-shadow: 0 3px 5px 0 rgba(0,0,0,.26), 0 3px 10px 0 rgba(0,0,0,.22) !important;}
.ml-2{margin-left: 1vw;}.mr-2{margin-right:1vw;}
/*****************************************************************************/
.contenedor-principal{width:calc(98.75vw);overflow: auto;}
.nav {padding-left: 0;list-style: none;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
.navbar .title-logo-wrapper {max-width: 250px;display: flex;align-items: center;float: left;}
.navbar
{
    background-color: rgba(255, 255, 255,1);color: rgba(85, 85, 85,1);border-radius: 0;position: fixed;border: none;padding: 0;transition: none;min-height: 50px;min-height: 50px;
    -webkit-box-shadow: 0 1px 10px -6px rgb(0 0 0 / 42%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 4px 5px -2px rgb(0 0 0 / 10%);box-shadow: 0 1px 10px -6px rgb(0 0 0 / 42%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 4px 5px -2px rgb(0 0 0 / 10%);
}
.navbar:before{content: " ";display: table;}
.navbar a {font-size: 1.25vw;}
.navbar .container {display: flex;flex-direction: row;transition: padding .1s ease;padding: 10px 15px;vertical-align: middle;align-items: center;margin-right: auto;  margin-left: auto;  width:100%;max-width:100%;}
.navbar .navbar-collapse {margin-left: auto;max-width: fit-content;width: auto;margin-right: 0px;}
.navbar .navbar-nav {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.navbar .navbar-nav>li a {padding-top: 15px;padding-bottom: 15px;border-radius: 3px;color: inherit;text-transform: uppercase;font-weight: 400;}
.navbar .navbar-brand {padding: 0 15px;position: relative;color: inherit;height: auto;}
.navbar .navbar-brand img {width: auto;max-height:90px;display: block;}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;right: 0;left: 0;z-index: 1030;height:4.5rem}

.centro-espaciado
{
  position: relative;background:rgba(240, 240, 240,1);margin: 72px 30px 0;border-radius: 6px 6px 0 0;
  -webkit-box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
  box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
}
.centro-container{margin: auto;word-wrap: break-word;}

.descripcion{width:100%;margin: auto;padding:1vw;background-color:rgb(255, 255, 255);display:flex;}
.descripcion .con-img-b2{width:50vw;padding:2vw 5vw;}
.descripcion .con-img-b2 img{width:38vw;}
.descripcion .detalle{font-size:1.6vw;padding:3vw 5vw;}
.descripcion .detalle .sep{height:2px;width:30px;margin-bottom: 12px;background-color:rgb(230, 111, 31); }
.descripcion .detalle .tit{font-size:1.1vw;letter-spacing: 0.2em;}
.descripcion .detalle .subtit{font-size:3vw;font-weight:600;line-height:1.16;margin-bottom: 2vw;}
.descripcion p{line-height: 1.618;color:rgba(60,72,88,1);font-size: 19px;font-style: normal;font-weight: 400;text-align:center;margin: 0 0 15px;}
.separador{height: 2px;max-width: 150px;background-color:rgb(229,229,229,1);margin: auto;margin-top: 20px; margin-bottom: 20px;}
.equipo {padding: 20px;overflow: hidden;background-color:rgb(255, 255, 255);display:block; font-weight:600;font-size:1.3vw;}
.equipo .top{width:fit-content;margin:auto;text-align:center;}
.equipo .top .tit{font-size:3vw;font-weight:600;line-height:1.16;margin-bottom: 2vw;}
.equipo .conte{display:flex;height:22.5vw;width:100%;}
.equipo .conte .block1{display: block;width:32%;padding:1vw;font-family:"DinProL";}
.equipo .conte .block1 .texto{display: flex;margin-bottom:2vw;list-style-type: none;line-height: 1.7vw;}
.equipo .conte .block1 .texto ul,li{margin:0 0 0 0;padding:0 0 0 0;}
.equipo .conte .block1 .texto .imagen{width:7vw;min-width:7vw;height:7vw;margin:0vw 1vw;border-radius:50%;display: flex;}
.equipo .conte .block1 .texto .b11.imagen{border:solid 4px #89579c;}
.equipo .conte .block1 .texto .b12.imagen{border:solid 4px #069d00;}
.equipo .conte .block1 .texto img{height:4.5vw;width:auto;margin:auto;}
.equipo .conte .block1 .texto .text{border-left:solid 3px var(--bs-gray-500);border-bottom:solid 3px var(--bs-gray-500);padding: 0.2vw 0.5vw;}
.equipo .conte .block1 .texto .text .textHead{font-size:2.25vw; font-weight:bold;}
.equipo .conte .block1 .texto .text .b11.textHead{color:#89579c;}
.equipo .conte .block1 .texto .text .b12.textHead{color:#069d00}
.equipo .conte .block1 .texto .text .textBody{font-size:1.15vw;margin-top:0.7vw;}
.equipo .conte .block2{display: block;width:36%;text-align: center;}
.equipo .conte .block2 img{width:90%;}
.equipo .conte .block3{display: block;width:32%;padding:1vw;font-family:"DinProL";}
.equipo .conte .block3 .texto{display: flex;margin-bottom:2vw;list-style-type: none;line-height: 1.7vw;flex-direction: row-reverse;}
.equipo .conte .block3 .texto ul,li{margin:0 0 0 0;padding:0 0 0 0;}
.equipo .conte .block3 .texto .imagen{width:7vw;min-width:7vw;height:7vw;margin:0vw 1vw;border-radius:50%;display: flex;}
.equipo .conte .block3 .texto .b31.imagen{border:solid 4px #e87b04;}
.equipo .conte .block3 .texto .b32.imagen{border:solid 4px #2d2e6f;}
.equipo .conte .block3 .texto img{height:4.5vw;width:auto;margin:auto;}
.equipo .conte .block3 .texto .text{border-right:solid 3px var(--bs-gray-500);border-bottom:solid 3px var(--bs-gray-500);padding: 0.2vw 0.5vw;}
.equipo .conte .block3 .texto .text .textHead{font-size:2.25vw; font-weight:bold;}
.equipo .conte .block3 .texto .text .b31.textHead{color:#e87b04;}
.equipo .conte .block3 .texto .text .b32.textHead{color:#2d2e6f}
.equipo .conte .block3 .texto .text .textBody{font-size:1.15vw;margin-top:0.7vw;}
.menu2 {padding: 20px;margin-top: 20px;overflow: hidden;}
.menu2 .top{width:fit-content;margin:auto;text-align:center;}
.menu2 .top .sep{height:2px;width:30px;margin:auto;margin-bottom: 12px;background-color:rgb(230, 111, 31); }
.menu2 .top .tit{font-size:1.1vw;letter-spacing: 0.2em;margin-bottom: 12px;}
.menu2 .top .subtit{font-size:2.5vw;font-weight:600;line-height:1.16;margin-bottom: 2vw;}
.contenedor-areas{display:flex;margin: auto;align-items: center;justify-content: center;width:100%;overflow: hidden;}
.contenedor-imagen-areas{position: relative;cursor:pointer;width:25vw;height:22vw;font-size: 1.5vw;display:block;padding:1rem;margin: 0rem 1rem;text-align:center;color:rgb(255, 255, 255);transition: all 0.2s ease-in-out 0.1s;}
.contenedor-imagen-areas.im1{background-image: url("/web/images/proyectos/mineria/portada_mineria.jpg");background-repeat:no-repeat;background-position: center;background-size:cover;}
.contenedor-imagen-areas.im2{background-image: url("/web/images/proyectos/industria/portada_industria.jpg");background-repeat:no-repeat;background-position: center;background-size:cover;}
.contenedor-imagen-areas.im3{background-image: url("/web/images/proyectos/sanitarias/portada_sanitaria.jpg");background-repeat:no-repeat;background-position: center;background-size:cover;}
.contenedor-imagen-areas .context{position:absolute;width:94%; display:block;bottom:5vw; font-weight:bold;background-color:rgba(230, 230, 230, 0.8);padding:0.8vw;color:rgb(37, 37, 37);}
.contenedor-imagen-areas .context .tit{position: relative;display: block;font-weight:bold;color:rgb(230, 111, 31);}
.contenedor-menu2-block{width:auto;display: inline-flex;}
.contenedor-menu2{display:inline-flex;margin: auto;align-items: center;justify-content: center;width:100%;overflow: hidden;margin-top:1vw;transition: all 0.2s ease-in-out 0.1s;animation: marques 40s linear infinite;}
.cim2{position: relative;width:14vw;height:11vw;font-size: 1.5vw;display:block;padding:1rem;margin: 0rem 1rem;text-align:center;color:rgb(255, 255, 255);transition: all 0.2s ease-in-out 0.1s;}
.cim3{position: relative;width:14vw;height:11vw;font-size: 1.5vw;display:block;padding:1rem;margin: 0rem 1rem;text-align:center;color:rgb(255, 255, 255);transition: all 0.2s ease-in-out 0.1s;}
.cim4{position: relative;width:14vw;height:11vw;font-size: 1.5vw;display:block;padding:1rem;margin: 0rem 1rem;text-align:center;color:rgb(255, 255, 255);transition: all 0.2s ease-in-out 0.1s;}
.cim2.im1{background-image: url("/web/images/proyectos/mineria/001.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim2.im2{background-image: url("/web/images/proyectos/mineria/002.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim2.im3{background-image: url("/web/images/proyectos/mineria/003.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim2.im4{background-image: url("/web/images/proyectos/mineria/004.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim2.im5{background-image: url("/web/images/proyectos/mineria/005.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim2.im6{background-image: url("/web/images/proyectos/mineria/006.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim3.im1{background-image: url("/web/images/proyectos/industria/001.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim3.im2{background-image: url("/web/images/proyectos/industria/002.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim3.im3{background-image: url("/web/images/proyectos/industria/003.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim3.im4{background-image: url("/web/images/proyectos/industria/004.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim3.im5{background-image: url("/web/images/proyectos/industria/005.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim3.im6{background-image: url("/web/images/proyectos/industria/006.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im1{background-image: url("/web/images/proyectos/sanitarias/01.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im2{background-image: url("/web/images/proyectos/sanitarias/02.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im3{background-image: url("/web/images/proyectos/sanitarias/03.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im4{background-image: url("/web/images/proyectos/sanitarias/04.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im5{background-image: url("/web/images/proyectos/sanitarias/05.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im6{background-image: url("/web/images/proyectos/sanitarias/06.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im7{background-image: url("/web/images/proyectos/sanitarias/07.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im8{background-image: url("/web/images/proyectos/sanitarias/08.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im9{background-image: url("/web/images/proyectos/sanitarias/09.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im10{background-image: url("/web/images/proyectos/sanitarias/10.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im11{background-image: url("/web/images/proyectos/sanitarias/11.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim4.im12{background-image: url("/web/images/proyectos/sanitarias/12.jpg?v=1");background-repeat:no-repeat;background-position: center;background-size:cover;}
.cim2.ex{display: none;}
.cim3.ex{display: none;}
@keyframes marques{0% {transform: translateX(0%);}100% {transform: translateX(-100%);}}

.indicadores{width:100%;display:block;margin: auto;padding:1vw 0.8vw;background-color:rgb(255, 255, 255);}
.indicadores .contenedor-id{display:flex;margin: auto;align-items: center;justify-content: center;width:100%;overflow: hidden;}
.indicadores .contenedor-imagen-id{position: relative;width:21vw;height:12vw;display:flex;padding:0.3rem;margin:0.8vw 1vw;transition: all 0.2s ease-in-out 0.1s;align-items: center;}
.indicadores .contenedor-imagen-id img{width:6vw;height:6vw;}
.indicadores .contenedor-imagen-id:hover{transform: scale(1.25);}
.indicadores .contenedor-imagen-id .context{width:64%;height:inherit;display:block;padding:0.8vw;color:rgb(37, 37, 37);transition: all 0.2s ease-in-out 0.1s;}
.indicadores .contenedor-imagen-id .context .tit{position: relative;display: block;font-weight:bold;color:rgb(0,0,0);font-size:3vw;}
.indicadores .contenedor-imagen-id .context .tit span.notit{font-size:1vw;}
.indicadores .contenedor-imagen-id .context .det{position: relative;display: block;padding: 0rem 0rem;font-size: 1.1vw;}
.indicadores .contenedor-imagen-id.ani-left{animation: left 0.8s linear;}
.indicadores .contenedor-imagen-id.ani-right{animation: right 0.8s linear;}
.indicadores .contenedor-imagen-id.ani-top{animation: top 0.8s linear;}
.indicadores .contenedor-imagen-id.ani-bottom{animation: bottom 0.8s linear;}
@keyframes left{0% {transform: translateX(-100%);}100% {transform: translateX(0%);}}
@keyframes right{0% {transform: translateX(100%);}100% {transform: translateX(0%);}}
@keyframes top{0% {transform: translateY(100%);}100% {transform: translateX(0%);}}
@keyframes bottom{0% {transform: translateY(-100%);}100% {transform: translateX(0%);}}

.clientes{width:100%;display: flex;align-items:center;margin: auto;padding:1vw 0.8vw;overflow-x: hidden;}
.clientes .block-marquee{width:200%;display:block;}
.clientes .marquee {width:100%;display:flex;margin:0.5vw 0vw;align-items: center;justify-content: center;}
.clientes .marquee .con-img-cli{margin:0vw 1vw;transition: all .2s ease-out;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);background-color:rgb(255, 255, 255);border-radius:0.3rem;}
.clientes .marquee .con-img-cli img{width:16vw;height:auto;max-height:16vw;padding:0.8vw;}


.pack{margin: 0vw 7vw;display: flex;background-color:rgb(255, 255, 255);}
.pack .pack-izquierdo{width:66%;text-align: center;}
.pack .pack-izquierdo .filas{display:flex;justify-content: center;}
.pack .pack-izquierdo .filas .producto{display: block;position: relative;cursor: pointer;height: 13vw;overflow:hidden;border-radius:1rem;margin:0.5vw;}
.pack .pack-izquierdo .filas .producto.sel{transition: all .2s ease-out;box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.8);}
.pack .pack-izquierdo .filas .producto:hover{transition: all .2s ease-out;box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.2);}
.pack .pack-izquierdo .filas .producto .conte-img{position: relative;margin:0.5vw;}
.pack .pack-izquierdo .filas .producto .conte-img img{width:12vw;max-width:12vw;height: auto;max-height:12vw;}
.pack .pack-izquierdo .filas .producto .texto-img{width:100%;height:8vw;padding:1vw;background-color:rgba(228,228,228,0.6);transform:translateY(0);transition: all 0.2s ease-in-out 0.1s;}
.pack .pack-izquierdo .filas .producto .texto-img.sel{transform:translateY(-8vw);transition: all 0.2s ease-in-out 0.1s;}
.pack .pack-izquierdo .filas .producto:hover .texto-img{transform:translateY(-8vw);transition: all 0.2s ease-in-out 0.1s;}

.pack .pack-derecho{padding:2vw 4vw;width:34%;margin:auto;}
.pack .pack-derecho .cuadro-azul{background-color:rgb(21,121,246);color:rgb(255, 255, 255);padding:2vw 2vw;border-radius:1.8rem;text-align: center;}
.pack .pack-derecho .cuadro-azul .texto{font-size:1.8vw; font-weight:bold;}
.pack .pack-derecho .cuadro-azul .texto span{font-size:2.5vw;}
.pack .pack-derecho .cuadro-azul .btn{background-color:rgb(255, 255, 255);color:rgb(21,121,246);font-size:1.8vw;padding: 0 3rem;margin: 1vw auto;}

.pie-web {mix-blend-mode: normal;position: relative;width: 100%;}
.contenedor-pie{display: block;}
.contenedor-pie-columna.contacto{height:48%;display:flex;padding:1rem;color:rgb(255, 255, 255);font-weight: bold;font-size:1.5vw;align-items:end;justify-content: center;margin-top: -5vw;}
.contenedor-pie-columna.contacto{background-image: url("/web/images/layout/borde_pie.png");background-repeat:no-repeat;background-position: center;background-size:cover;}
.contenedor-pie-columna.contacto .opciones{display:flex;width:auto;height:8vw;margin-left: 21vw;}
.contenedor-pie-columna.contacto .opciones .ig{margin:1vw;height:6vw}
.contenedor-pie-columna.contacto .opciones .ws{margin:1vw;height:6vw}
.contenedor-pie-columna.contacto .opciones .ml{margin:1vw;height:6vw}
.contenedor-pie-columna.contacto .logo{margin-left:auto;display:block;font-size:1.2vw;font-weight: normal;color:rgb(10, 10, 10);text-align:center;}
.contenedor-pie-columna.contacto .logo img{width:25vw;}
.contenedor-pie-columna.derechos{display:flex;color:rgba(255, 255, 255,0.8);font-size:1vw;padding-left:1vw;background: rgb(34, 34, 34);justify-content: center;}
.contenedor-pie-columna.derechos a{color:rgba(255, 255, 255,0.8);}
/**********************   custon label  file slect  ******************************/
input[type="file"]{ display: none;}
.custom-file {position: relative;display: inline-block;width: 100%;height: auto;margin: auto;text-align: center;}
.custom-label{color:rgba(60,72,88,1);display: inline-block;padding: 0.3rem .6rem !important;margin: .3rem .3rem ;cursor: pointer !important;border: 0 !important;box-shadow: 0 1px 3px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.15) !important;transition: color .1s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:var(--btrad);}
.custom-label:hover{background-color:rgb(215, 184, 17)!important;color:rgb(14, 14, 14)!important;box-shadow:none!important }
.custom-label.ok{background-color:varrgb(84, 148, 62);color:rgba(255, 255, 255,0.9);}
.filename{display: block;overflow-y:auto;padding-left:0 !important;margin: 0 0.5rem;}
/******************************************************************************/
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{height:50% !important;}
@media only screen and (max-device-width : 668px) {
  .navbar-fixed-top{width:100vw!important;}
  .navbar .container{background: rgba(250, 250, 250,1)!important;padding:0px;}

  .navbar .navbar-collapse {margin-left: auto;max-width: fit-content;width: auto;margin-right: 0px;}
  .navbar .navbar-nav {display: flex;flex-wrap: wrap;justify-content: flex-end;flex-direction: row;}
  .navbar .navbar-nav>li a {padding: 0.5rem;border-radius: 3px;color: inherit;text-transform: uppercase;font-weight: 400;}
  .navbar .navbar-brand {padding: 0 15px;position: relative;color: inherit;height: auto;}
  .navbar .navbar-brand img {width: auto;max-height:76px;display: block;}

  .slider-visor{height:43vw !important;}
  .el-Slide .text{left:20vw !important; right: 20vw !important; font-size:1rem !important;}
  .prev, .next{font-size:1.2rem !important;}
  .descripcion{width:100% !important;padding:0.2rem !important;}
  .contenedor-menu2{display:flex;width:100% !important;}
  /*.cim2{width:auto !important;}*/

  .tienda{overflow: auto;}

  .pack{margin:0vw 0.5vw;}
  .pack .pack-izquierdo .filas{display: block;height:49.5vw;}
  .pack .pack-izquierdo,.pack .pack-derecho{width:48vw;height:49.5vw;overflow: auto;}
  .pack .pack-derecho{padding: 2vw 2vw;display: inline-grid;}
  .pack .pack-derecho .cuadro-azul .texto{font-size:4.8vw;}
  .pack .pack-derecho .cuadro-azul .texto span{font-size:5vw;}
  .pack .pack-derecho .cuadro-azul .btn{font-size: 5vw;padding: 0 2rem;}
  .pack .pack-izquierdo .filas .producto{height:48vw;}
  .pack .pack-izquierdo .filas .producto .conte-img img{width: 48vw;max-width:48vw;max-height:48vw;}
  .pack .pack-izquierdo .filas .producto .texto-img.sel{transform:translateY(-28vw);}
  .pack .pack-izquierdo .filas .producto .texto-img{height:28vw}
  .clientes{margin-top:7vw;}
  .clientes .marquee .con-img-cli img{width: 16vw;max-height: 28vw;}
  .contenedor-pie-columna.contacto{height:10%;}

  .contenedor-pie{display:block !important;}
  .contenedor-pie-columna.redes {padding: 0rem !important;justify-content:center;}
  .contenedor-pie-columna.menu-pie{padding:0.2rem !important;width:100% !important;}
  /*.cim2{height:34vw;font-size:4.5vw;}
  .cim2 img{height:50vw;}
  */
  .contenedor-pie-columna.menu-pie .listado{font-size: 1rem;}
  .contenedor-pie-columna.redes .redes-columna-1{flex-flow: wrap;}
  .centro-espaciado{margin:72px 8px 0;}

}
/*
Pantallas pequeñas (usadas por ejemplo en netbooks): 1024 x 600
Pantallas medianas: 1280 x 720 / 1280 x 800
Pantallas grandes: ancho superior a 1400 píxeles, ejemplo 1400 x 900 o 1600 x 1200.*/