.clientes .cont@font-face {font-family: "FrancoisOne";src: url(fonts/FrancoisOne-Regular.ttf) format("truetype");}
@font-face {font-family: "GOTHAM-B";src: url(fonts/GOTHAM-BLACK.TTF) format("truetype");}
@font-face {font-family: "GOTHAM-BB";src: url(fonts/GOTHAM-BOLD.TTF) format("truetype");}
@font-face {font-family: "GOTHAM-BB";src: url(fonts/GOTHAM-BOLD.TTF) format("truetype");}

@font-face {font-family: "Sansation";src: url(fonts/Sansation_Bold.ttf) format("truetype");}

@font-face {font-family: "Montserrat-B";src: url(fonts/Montserrat-Bold.otf) format("truetype");}

@font-face {font-family: "Montserrat-L";src: url(fonts/Montserrat-Light.otf) format("truetype");}

@font-face {font-family: "Montserrat-R";src: url(fonts/Montserrat-Regular.otf) format("truetype");}

@font-face {font-family: "Lato";src: url(fonts/Lato-Bold.ttf) format("truetype");}
@font-face {font-family: "Lato-i";src: url(fonts/Lato-Italic.ttf) format("truetype");}


[ng\:cloak], [ng-cloak], [data-ng-.clientes .contoak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;}


.whatssap{position: fixed;right: 5px;bottom: 90px;z-index: 100;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.whatssap .send{background: white;border-radius: 10px 0 10px 0;padding: 10px;text-align: center;}
.whatssap .send p{font-size: 12px;text-align: center;}
.whatssap img{width: 40px;margin-left: 5px}


.container-disena {
    background-color: #1D9ADD;
    color: white;
    padding: 40px 0;
    text-align: center;
    border-radius: 8px;
    display: flex;flex-direction: column;justify-content: center;align-items: center;
}

.container-disena .title {
    font-size: 30px;text-transform: uppercase;color: white!important
    
}

.container-disena i {
    margin: 20px 0;
    font-size: 40px;
    
}

.container-disena .icon-ascensorista {
    font-size: 100px; /* Ajusta el tamaño del ícono según sea necesario */
    display: block;
    margin: 20px auto;
}

.container-disena .button {
    background-color: #01AE42;
    color: white;
    text-transform: uppercase;
    padding: 15px 25px;
  
  border-radius: 10px;
  border-radius: 5px;
  border: 2px solid #1D9ADD;
  transition: all ease-in-out .5s;
  margin: 0 auto;
  font-size: 16px;
}

.container-disena .button:hover {
    background-color: #019D3D; /* Un poco más oscuro para el efecto hover */
}

iframe{width: 100%}
html{margin-top: 0 !important;}
body{font-size: 12px;font-family:  Montserrat-R, serif;;-webkit-font-smoothing: antialiased;position: relative;overflow-x: hidden;height: auto;margin: 0px;background-color: rgb(31, 25, 26);}
body *{outline: none}
input{outline: none;}
input:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus{outline: none}
textarea:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus:-moz-placeholder{color: transparent;}
textarea:focus::-moz-placeholder{color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea:focus{outline: none}
a,button{color: initial;text-decoration: none;cursor: pointer!important;}
a:focus{outline: none;color: none;}
a{text-decoration: none!important;outline: none;}
a:hover{text-decoration: none;outline: none;color: inherit;}
h1,h2,h3,h4,h5,h6,p{margin:0px;line-height:normal;}
h1,h2,h3,h4,h5,h6{text-align: center;font-weight: normal;}
button{border: none;outline: none}


/*Globales*/

.global{width: 100%;}

header {position: absolute;top: 0;width: 100%;z-index: 1000;}

header .search {background-color: #222222;width: 100%;;justify-content: center;padding: 5px 0;display: none}
header .search form {width: 200px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
header .search form input{padding: 5px;}
header .search form button{background-color: #01AE42;
  color: #fff;
  height: inherit;
  padding: 5px;
  border: 2px solid #01AE42;
  transition: all ease-in-out .5s;
  box-sizing: border-box;
}

.icon-lnr-magnifier{margin-left: 10px;font-size: 15px;cursor: pointer;}
.icon-cross{margin-right: 10px;font-size: 15px;color: white;}
header .top-bar {background-color: #222222;width: 100%;display: flex;justify-content: center;padding: 10px 0;}
header .top-bar-content {width: 90%;max-width: 1200px;color: white;text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center;}
header .top-bar-content p{color: white;text-align: center;font-size: 14px}
header .top-bar-content p a{color: #1D9ADD;}
header .bottom-bar {background-color: #D4D2D0;width: 100%;display: flex;justify-content: center;}
header .bottom-bar-content {width: 97%;max-width: 1200px;display: flex;align-items: center;justify-content: space-between;}
header .logos{display: flex;flex-direction: row;justify-content: center;align-items: center;}
header .logos .logo {width: 220px}
/*header .logos .logo:last-child {margin-left: 15px;width: 70px}*/
header .links {display: flex;align-items: center;height: 100%}
header .link {text-decoration: none;color: #333;font-weight: bold;height: 100%;margin-right: 10px;justify-content: center;display: flex;flex-direction: row;align-items: center;}
header .link span {padding: 5px 10px;border-radius: 3px;text-align: center;}
header .link.contacto,
header .link.trabaja {height: initial;}
header .contacto span {background-color: #01AE42;color: #fff;height: inherit;padding: 10px 5px;border: 2px solid #01AE42;transition: all ease-in-out .5s;}
header .trabaja span {background-color: #1D9ADD;color: #fff;height: inherit;padding: 10px 5px;border: 2px solid #1D9ADD;transition: all ease-in-out .5s;text-align: center;}

header .contacto:hover span {background-color: transparent;color: #01AE42;}
header .trabaja:hover span {background-color: transparent;color: #1D9ADD;}

header .links .logo-mv{width: 150px;margin-bottom: 20px;display: flex;flex-direction: row;justify-content: center;align-items: center;} 
header .links .logo-mv img{width: 100%}

/* Dropdown menu styles */
 .dropdown {position: relative;}
 .dropdown-menu {display: none;position: absolute;top: 80%;left: 7%;width: 90%;max-width: 1200px;margin: 0 auto;background-color: #57585B;padding: 20px 10px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);z-index: 999;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
 .dropdown:hover ~  .dropdown-menu {display: flex;}
 .dropdown-menu:hover {display: flex;}
 .dropdown-menu p {width: 100%;font-size: 15px;margin: 0 0 10px;color: white;}
 .dropdown-menu p.drop-title{color: #01AE42;font-size: 20px}
 .dropdown-menu p strong{font-family: Montserrat-B;}
 .dropdown-menu li {list-style: none;width: 12.5%;padding: 5px;box-sizing: border-box;}
 .dropdown-menu li span{width: 100%;height: 2px;display: flex;background: #01AE42;margin: 10px 0}
 .dropdown-menu a {text-decoration: none;color: white;}
 .dropdown-menu a p {margin: 0;}
 .dropdown-menu .line {width: 2pxheight: 100%;background-color: #01AE42;margin: 20px 0;}
 .dropdown-menu .otros-productos {display: flex;flex-direction: column;border-left: 2px solid #01AE42}
 .dropdown-menu .otros-productos h3 {margin: 0 0 10px;color: white}
 .dropdown-menu .otros-productos a {margin-bottom: 10px;color: white;text-decoration: none;}

.container-move {
    position: relative;
    width: 100%;
    height: 3px;
    overflow: hidden;
    display: none;
}

.container-move .moving-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 3px;
    background-color: #1D9ADD;
    animation: move-line 4s linear;
}

@keyframes move-line {
    0%, 100% {
        left: 0%;
    }
    50% {
        left: 100%;
    }
}

/* Oculta el elemento cuando tiene la clase 'hide' */
.container-move.hide {
    display: none;
}

.tit-ban{color: white;
  font-size: 25px;
  text-align: center;
  font-family: Lato-i;
  margin-bottom: 15px;}



.video-container{position: relative;width: 100%;height: 99vh;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.video-container:after{width: 100%;height: 100%;background: rgba(0, 0, 0, .4);content: '';z-index: 10;position: absolute;}
.video-container video {position: absolute;top: 50%;left: 50%;width: 120%;height: 120%;object-fit: cover;transform: translate(-50%, -50%);}

.video-container .banner-home{position: relative;z-index: 100;width: 90%;max-width: 1200px;margin-bottom: 30px}
.video-container .banner-home .item{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.video-container .banner-home h2{color: #1D9ADD;font-size: 35px;text-align: center;font-family: Sansation;}
.video-container .banner-home h3{color: white;font-size: 35px;text-align: center;font-family: Lato-i;margin-bottom: 15px}
.video-container .banner-home p{color: white;font-size: 14px;text-align: center;max-width: 700px;margin-bottom: 15px}
.video-container .banner-home a{padding: 10px 25px;background: #01AE42;border-radius: 10px;margin-bottom: 20px;border-radius: 5px;border: 2px solid  #01AE42;transition: all ease-in-out .5s}
.video-container .banner-home a span{color: white;font-size: 15px;text-align: center;text-transform: uppercase;}


.video-container .banner-home a:hover{background: transparent;}
.video-container .banner-home a:hover span{}

.servicios-cat{width: 90%;max-width: 1200px;/*background: rgba(87, 88, 91, .5)*/;padding: 10px;box-sizing: border-box;position: relative;z-index: 100;box-sizing: border-box;}
.servicios-cat .conter{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: center;}
.servicios-cat .conter .box{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-bottom: 10px;}
.servicios-cat .conter .box i{color: #1D9ADD;margin-right: 5px;font-size: 38px}
.servicios-cat .conter .box span{color: white;text-align: left;font-size: 13px;text-transform: uppercase;}

.eres{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.eres .servicio-cont{width: 25%;background-position: center!important;background-size: cover!important;position: relative;height: 100vh;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;max-height: 1000px;box-sizing: border-box;overflow: hidden;}
.eres .servicio-cont .cont{position: relative;z-index: 100}
.eres .servicio-cont .cont{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;padding: 10px;box-sizing: border-box;padding-bottom: 30px}
.eres .servicio-cont i{color: #1D9ADD;font-size: 30px;margin-bottom: 10px}
.eres .servicio-cont h2{color: #1D9ADD;text-align: center;text-transform: uppercase;font-size: 28/px;font-family:Sansation;margin-bottom: 10px;padding-bottom: 3px;border-bottom: 2px solid transparent;transition: all ease-in-out .5s}
.eres .servicio-cont p{color: white;text-align: center;font-size: 14px;margin-top: 15px;margin-bottom: 15px;min-height: 90px}
.eres .servicio-cont a{background-color: #01AE42;padding: 10px 25px;border: 2px solid #01AE42;transition: all ease-in-out .5s;border-radius: 5px }
.eres .servicio-cont a span{text-align: center;color: white;font-family: Montserrat-B;font-size: 15px;text-transform: uppercase;}

.eres .servicio-cont a:hover{background-color: transparent;}
.eres .servicio-cont a:hover span{color: white;}

.eres .servicio-cont.instalacion:after,
.eres .servicio-cont.mantenimiento:after,
.eres .servicio-cont.modernizacion:after,
.eres .servicio-cont.asesoria:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    transition: all ease-in-out .5s;
}

.eres .servicio-cont.instalacion:after {
    background-image: url('../img/011.jpeg');

}

.eres .servicio-cont.mantenimiento:after {
    background-image: url('../img/02.jpeg');
}

.eres .servicio-cont.modernizacion:after {
    background-image: url('../img/mantini.jpeg');
}

.eres .servicio-cont.asesoria:after {
    background-image: url('../img/00000004.png');
}


.eres .servicio-cont.instalacion:before,
.eres .servicio-cont.mantenimiento:before,
.eres .servicio-cont.modernizacion:before,
.eres .servicio-cont.asesoria:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, 
                                rgba(0, 0, 0, 1), 
                                rgba(0, 0, 0, 0.8) 35%, 
                                rgba(0, 0, 0, 0.5) 50%, 
                                rgba(0, 0, 0, 0.3) 55%, 
                                rgba(0, 0, 0, 0));
    pointer-events: none;
    z-index: 2;
}


.eres .servicio-cont:hover:after{filter: grayscale(0%);transform: scale(1.2);}
.eres .servicio-cont:hover h2{border-bottom: 2px solid #1D9ADD;}
.eres .servicio-cont:hover i {
    transform: rotate(360deg); /* Gira el ícono 360 grados */
    transition: transform 0.5s ease; /* Aplica una transición suave de 0.5 segundos */
}

.eres .servicio-cont i {
    transition: transform 0.5s ease; /* Asegura que la transición también se aplique cuando se quite el hover */
}


.servicios{padding: 40px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;background: #222222}
.servicios .titles{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.servicios .titles img{width: 200px;margin-bottom: 10px}
.servicios .titles h2{text-align: center;color: #01AE42;text-transform: uppercase;font-size: 30px;font-family:Sansation;margin-bottom: 15px;}
.servicios .titles h2 span{color: #1D9ADD}
.servicios .titles p{color: white;text-align: center;font-size: 20px;margin-bottom: 20px;max-width: 800px}
.servicios .titles a{background-color: #01AE42;padding: 15px 25px;border-radius: 10px;border-radius: 5px;border: 2px solid  #01AE42;transition: all ease-in-out .5s}
.servicios .titles a span{text-align: center;color: white;font-family: Montserrat-B;font-size: 15px;text-transform: uppercase;}

.servicios .titles a:hover{background-color: transparent;}
.servicios .titles a:hover span{color: white;}

.servicios .cont{width: 90%;max-width: 1200px;margin-top: 50px;display: flex;flex-direction: column;}
.servicios .cont .box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;margin-bottom: 40px;border-radius: 10px;overflow: hidden;}
.servicios .cont .box .img{width: 45%;;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.servicios .cont .box .img img{width: 100%;object-fit: cover;height: 380px}
.servicios .cont .box .info{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 55%;background-color: white;padding: 10px 0}
.servicios .cont .box .info i{color: #1D9ADD;font-size: 100px;margin-bottom: 15px;}
.servicios .cont .box .info h3{color: #01AE42;font-size: 30px;margin-bottom: 10px;text-transform: uppercase;font-family:Lato;}
.servicios .cont .box .info p{color: #57585B;text-align: center;font-size: 16px;max-width: 550px;margin-bottom: 20px;line-height: 20px}
.servicios .cont .box .info a{background-color: #01AE42;padding: 15px 25px;border-radius: 10px;}
.servicios .cont .box .info a span{text-align: center;color: white;font-family: Montserrat-B;font-size: 15px;text-transform: uppercase;}

.medida{background: #222222;display: flex;flex-direction: row;justify-content: center;margin: 0 auto}
.medida .cont{width: 100%;max-width: 1366px;display: flex;flex-direction: row;justify-content: center;align-items: stretch;}
.medida .cont .item{display: flex;flex-direction: row;justify-content: center;align-items: stretch;}
.medida .cont .info{width: 45%;display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;padding: 0 10px;box-sizing: border-box;}
.medida .cont .info h3{color: #01AE42;font-size: 30px;text-align: center;margin-bottom: 15px;font-family: Sansation;text-transform: uppercase;}
.medida .cont .info h3 span{color: #1D9ADD}
.medida .cont .info h4{color: white;font-size: 25px;text-align: center;margin-bottom: 15px;font-family: Sansation;text-transform: uppercase;margin-bottom: 15px}
.medida .cont .info p{color: white;text-align: justify;font-size: 16px;line-height: 22px;max-width: 500px}
.medida .cont .info a.ver{background-color: #01AE42;padding: 15px 25px;border-radius: 10px;margin-top: 10px;border: 2px solid #01AE42;transition: all ease-in-out .5s}
.medida .cont .info a.ver span{text-align: center;color: white;font-family: Montserrat-B;font-size: 15px;text-transform: uppercase;}

.medida .cont .info a.ver:hover{background-color: transparent;}

.medida .cont .imagen{background: url('../img/asceescal.jpg');background-position: center!important;background-size: cover!important;height: 600px;width: 55%}

.medida .cont .info .box{margin: 40px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.medida .cont .info .box .icon{width: 60px; height: 60px;border-radius: 50%;background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;border: 1px solid #01AE42;margin-right: 10px}
.medida .cont .info .box .icon:last-child{margin-right: 0}
.medida .cont .info .box .icon i{color: #01AE42;font-size: 50px}

.medida .cont .info .arrows{width: 200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top: 20px}
.medida .cont .info .arrows .arrow{padding: 10px;}
.medida .cont .info .arrows .arrow i{color: #01AE42;font-size: 40px}

.clientes{padding: 50px 0;background: white;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.clientes h3{color: #01AE42;font-size: 30px;text-align: center;margin-bottom: 30px;font-family: Sansation;text-transform: uppercase;}
.clientes h3 span{color: #1D9ADD}
.clientes .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.clientes .cont a.cliente{width: 200px;margin:15px 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.clientes .cont a.cliente img{width: 100%;object-fit: cover;filter: grayscale(100%);}
.clientes .cont a.cliente:hover img{filter: grayscale(0%);}

.hidden-clients{width: 100%;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.clientes  a.buttonv{padding: 15px 25px;background: #1D9ADD;border-radius: 10px;border-radius: 5px;border: 2px solid  #1D9ADD;transition: all ease-in-out .5s;margin: 0 auto;margin-top: 20px}
.clientes  a.buttonv span{color: white;font-size: 15px;text-align: center;text-transform: uppercase;}
.clientes  a.buttonv:hover{background: transparent;}
.clientes  a.buttonv:hover span{}

.certificados{padding: 50px 0;background: white;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.certificados .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.certificados .cont i{color: #1D9ADD;font-size: 50px;margin-bottom: 15px}
.certificados .cont h3{color: #01AE42;font-size: 30px;text-align: center;margin-bottom: 30px;font-family: Sansation;text-transform: uppercase;margin-bottom: 30px}
.certificados .cont h3 span{color: #1D9ADD}
.certificados .cont .img{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 90%;max-width: 1000px}
.certificados .cont .img .line{height: 150px;width: 5px;background: #01AE42;margin: 0 10px}
.certificados .cont img{width: 40%;object-fit: cover;max-width: 250px}

.todo-tipo{padding: 50px 10px;background: white;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;}
.todo-tipo p{color: #222222;text-align: center;font-size: 25px;max-width: 800px;font-family: Montserrat-B}
.todo-tipo .box{margin-top: 30px;width: 90%;max-width: 500px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.todo-tipo .box a{width: 80px; height: 80px;border-radius: 50%;background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;border: 1px solid #01AE42;margin-right: 20px}
.todo-tipo .box a:last-child{margin-right: 0px}
.todo-tipo .box i{color: #01AE42;font-size: 70px}


.banner{height: 98vh;background-position: center!important;background-size: cover!important;position: relative;background: url('../img/nosotros.jpg');display: flex;flex-direction: row;justify-content: center;align-items: center;}
.banner:after{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);content: '';z-index: 10;position: absolute;z-index: 2}
.banner .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 10}
.banner .cont h1{color: white;font-size: 60px;text-align: center;text-transform: uppercase;padding: 0 10px;padding-bottom: 5px;border-bottom: 5px solid #1D9ADD;font-family: Sansation;margin-bottom: 10px}
.banner .cont p{color: white;text-align: center;font-size: 20px;max-width: 800px}

.banner .cont p.small{font-size: 14px}

#escaleras .banner{background: url('../img/escaleras/escapor.png');}
#proyectos .banner{background: url('../img/proyect.jpg');}
#servicios .banner{background: url('../img/double-elevator-in-a-shopping-mall-2023-11-27-05-20-58-utc.jpg');}
#mantenimiento .banner{background: url('../img/mantenimientofondo.jpg');}

.categorias.accesibilidad .banner {background: url(../img/categ/accesibilidad.jpg)}
.categorias.altura .banner {background: url(../img/paggran.jpeg)}
.categorias.centro .banner {background: url(../img/categ/centro.jpg)}
.categorias.edificio .banner {background: url(../img/categ//edipubli.jpeg)}
.categorias.hospital .banner {background: url(../img/categ/hospital.jpg)}
.categorias.hotel .banner {background: url(../img/categ/hotel.jpg)}
.categorias.oficina .banner {background: url(../img/categ/oficinas.jpeg)}
.categorias.privada .banner {background: url(../img/categ/privada.jpg)}
.categorias.residencial .banner {background: url(../img/categ/residencial.jpg)}

.soluciones{padding-top: 50px;background: #222222;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.soluciones .cont{width: 100%;max-width: 1366px;display: flex;flex-direction: column;}
.soluciones .cont .info{display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 50px}
.soluciones .cont .info img{width: 200px;margin-bottom: 15px}
.soluciones .cont .info h3{color: #01AE42;font-size: 30px;text-align: center;margin-bottom: 15px;font-family: Sansation;text-transform: uppercase;}
.soluciones .cont .info span{color: #1D9ADD}
.soluciones .cont .info p{color: white;text-align: justify;font-size: 16px;line-height: 22px;max-width: 500px}
.soluciones .cont .imagenes{display: flex;flex-direction: row;flex-wrap: wrap;}
.soluciones .cont .imagenes img{width: 33%;object-fit: cover;}

.comercializamos{display: flex;flex-direction: row;justify-content: center;align-items: center;justify-content: center;background: #222222}
.comercializamos .cont{width: 100%;max-width: 1366px;display: flex;flex-direction: row;justify-content: center;align-items: stretch;}
.comercializamos .cont .img{width: 60%;display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.comercializamos .cont .img img{width: 50%;object-fit: cover;}
.comercializamos .cont .img img.img-ful{width: 100%;object-fit: cover;filter: brightness(0.6); /* Reducir el brillo al 80% */;max-height: 455px;object-fit: cover;}

.comercializamos .cont .img img.absolute{position: absolute;bottom: 0;left: 0;width: 400px;z-index: 10;display: none}
.comercializamos .cont .img img.absolute.rigth{}

.comercializamos .cont .info{width: 40%;background: #1D9ADD;padding: 10px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 300px}
.comercializamos .cont.infos .info{width: 50%;} 
.comercializamos .cont .info i{color: white;font-size: 35px;margin-bottom: 10px}
.comercializamos .cont .info h3{color: white;text-align: center;margin-bottom: 15px;font-size: 25px;text-transform: uppercase;}
.comercializamos .cont .info p{color: white;text-align: center;font-size: 16px;max-width: 500px}

.adelante{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;flex-wrap: wrap;background: #222222;justify-content: center;}
.adelante .cont{width: 100%;max-width: 1366px;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;flex-wrap: wrap;}

.adelante .info{width: 55%;display: flex;flex-direction: column;;margin-top: 30px;padding-bottom: 10px}
.adelante .info .cont{width: 90%;margin: 0 auto;max-width: 450px;display: flex;flex-direction: column;justify-content: flex-start;align-content: flex-start;align-items: flex-start;}
.adelante .info h1{color: white;text-align: left;margin-bottom: 10px;font-size: 40px;font-family: Montserrat-B}
.adelante .info p{color: white;text-align: left;margin-bottom: 40px;font-size: 16px;}
.adelante .info .box{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 3px;align-content: center;}
.adelante .info .box.margin{margin-bottom: 5px}
.adelante .info .box i{color: #1D9ADD;font-size: 35px;margin: 10px;}
.adelante .info .box p{font-size: 18px;margin: 0;}
.adelante .info .box img{width: 30px;margin: 0 11px;}

.adelante .img{width: 45%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.adelante .img img{width: 100%;object-fit: cover;}


.areas{display: flex;flex-direction: row;justify-content: center;align-items: stretch;background: #f6f8f9;flex-wrap: wrap;;background: #DCDAD9}
.areas .conts{width: 100%;max-width: 1366px;display: flex;flex-direction: row;justify-content: center;align-items: stretch;background: #DCDAD9;flex-wrap: wrap;}
.areas .info{width: 35%;padding: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;padding-left: 10%}
.areas .info .container{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.areas .info h1{font-size: 34px;line-height: 32px;font-weight: bold;text-align: left;margin-bottom: 50px;width: 100%}
.areas .info h1 small{font-size: 16px;font-weight: normal;color: #2ac4ea;font-style: italic;}
.areas .info .cont{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;max-width: 550px;}
.areas .info .cont .area{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;margin-bottom: 60px;width: 200px;margin-right: 40px}
.areas .info .cont .area h2{margin-top: 10px;font-size: 16px;margin-bottom: 5px;font-weight: bold;text-align: left;}
.areas .info .cont .area ul{padding:0;list-style: none;max-width: 180px}
.areas .info .cont .area ul li{font-size: 13px;text-align: left;margin-bottom: 5px;}

.areas.covid .info .cont .area .icon-cont{width: 50px;height: 50px;background: #1D9ADD;border-radius: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.areas.covid .info .cont .area .icon-cont i{color: white;font-size: 20px}

.areas.covid{position: relative;background: #DCDAD9}
.areas.covid:after{width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);content: '';left: 0;top: 0;position: absolute;}
.areas.covid .image{background: url('../img/teamwork-3213924_1280.jpg');background-position: center;background-size: cover;width: 65%;min-height: 650px;position: relative;}
.areas.covid .image{width: 50%}
.areas.covid .info{width: 50%;position: relative;z-index: 2;background: transparent;}
.areas.covid .info .cont{max-width: 900px}
.areas.covid .info{padding: 30px}

.areas.covid .info h1, .areas.covid .info p,.areas.covid .info i, .areas.covid .info h2{color: white}
.areas.covid .info .cont .area{width: 300px;margin-right: 0px}


.certificaciones-container{background: url('../img/double-elevator-in-a-shopping-mall-2023-11-27-05-20-58-utc.jpg');background-position: center;background-size: cover;display: flex;flex-direction: row;justify-content: center;padding: 40px 0;position: relative;}
.certificaciones-container:after{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);content: '';z-index: 10;position: absolute;z-index: 2;left: 0;top: 0}
.certificaciones-container .cont{width: 90%;max-width: 1200px;flex-direction: column;position: relative;z-index: 11}
.certificaciones-container .cont h2{font-size: 30px;text-align: center;text-transform: uppercase;padding: 0 10px;padding-bottom: 5px;border-bottom: 5px solid #1D9ADD;font-family: Sansation;margin-bottom: 20px;color: white;}
.certificaciones-container .cont p{color: white;text-align: center;font-size: 16px;margin-bottom: 40px}
.certificaciones-container .certificacion{display: flex;flex-direction: column;justify-content: flex-start;margin-bottom: 20px}
.certificaciones-container .certificacion h3{color: #1D9ADD;font-size: 25px;text-align: left;margin-bottom: 15px}
.certificaciones-container .certificacion p{color: white;text-align: left;font-size: 16px;margin-bottom: 10px}

.max-widht1{padding: 0;margin: 0 auto;max-width: 90%;max-width: 1200px}


.contactos{display: flex;flex-direction: row;flex-wrap: wrap;padding: 40px 0;background: white}
.contactos h1{}
.box-contact{width: 50%;padding:10px;display: flex;flex-direction: column;box-sizing: border-box;}
.box-contact form{display: flex;flex-direction: column}

.box-contact p{color: black;line-height: 20px;font-size: 15px;text-align: justify;margin: 15px 0}
.box-contact form{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.box-contact form span{margin-bottom: 5px;color: #01AE42}
.box-contact form .input{width: 100%;padding: 6px 10px;box-sizing: border-box;border: 2px solid #DFDFDF;background: #F5F8FA;margin-bottom: 15px}
.box-contact form textarea{height: 150px}
.box-contact form button{background: black;padding: 5px 10px ;color: white;text-transform: uppercase;font-weight: bold}

.box-contact .img{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 15px}
.box-contact .img img{width: 48%}

.box-contact .box{padding-bottom: 5px;border-bottom: 3px solid #1D9ADD;margin-bottom: 15px}
.box-contact .box h2{color: #1D9ADD;margin-bottom: 10px;text-align: left;font-size: 14px;font-weight: bold}
.box-contact .box p{color: #515151;margin: 5px 0;font-size: 14px;font-weight: bold}
.box-contact .box a{color: #2188D3;font-weight: bold;font-size: 14px}

.proyectos{background: #222222;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.proyectos .cont{width: 100%;max-width: 1366px;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.proyectos .cont .proyecto{width: 25%;display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.proyectos .cont .proyecto:after{width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.4);content: '';left: 0;top: 0;position: absolute;}
.proyectos .cont .proyecto .img{width: 100%;filter: grayscale(100%);object-fit: cover;transition: all ease-in-out .5s}
.proyectos .cont .proyecto .comt{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;z-index: 10;left: 0;top: 50%;transition: all ease-in-out .5s;opacity: 0;padding: 10px ;box-sizing: border-box;}
.proyectos .cont .proyecto .comt img{width: 50px;object-fit: cover;margin-bottom: 10px;}
.proyectos .cont .proyecto .comt p{font-size: 20px;font-family: Sansation;text-transform: uppercase;color: white;margin-bottom: 15px;max-width: 200px;text-align: center;}
.proyectos .cont .proyecto .comt a{background-color: #1D9ADD;padding: 10px 15px;border-radius: 10px;border: 2px solid #1D9ADD}
.proyectos .cont .proyecto .comt a span{text-align: center;color: white;font-family: Montserrat-B;font-size: 14px;text-transform: uppercase;}

.proyectos .cont .proyecto:hover .comt{top: 0;opacity: 1}
.proyectos .cont .proyecto:hover img{transform: scale(1.2);filter: grayscale(0%)}
.proyectos .cont .proyecto .comt a:hover{background-color: transparent;}
.proyectos .cont .proyecto .comt a:hover span{}

.box-info{position: absolute;left: 0;top: -100%;position: fixed;background: rgba(0, 0, 0, .8);display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;height: 0px;z-index: 10000000000000000;overflow: hidden;transition: all ease-in-out .5s}
.box-info .cont{width: 90%;max-width: 1200px;background: black;border-radius: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.box-info .info{width: 40%;display: flex;flex-direction: column;justify-content: flex-start;padding: 40px;box-sizing: border-box;position: relative;}
.box-info .info i{position: absolute;right: 5px;top: 5px;color: white;font-size: 40px}
.box-info .info .logo{width: 100px;object-fit: cover;margin-bottom: 10px}
.box-info .info h3{font-size: 20px;font-family: Sansation;text-transform: uppercase;color: white;margin-bottom: 20px;max-width: 90%;text-align: left;padding-bottom: 5px;border-bottom: 2px solid #1D9ADD}
.box-info .info p{color: white;text-align: left;margin-bottom: 10px}
.box-info .info p strong{font-family: Montserrat-B}

.box-info .img-pro{width: 60%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.box-info .img-pro img{width: 100%;object-fit: cover;max-height: 500px}

.box-info.active{top: 0;height: 100vh}

footer {background-color: #57585B;color: white;padding: 20px 0;text-align: left;display: flex;flex-direction: row;justify-content: center;align-items: center;}

footer .container {display: flex;justify-content: space-around;flex-wrap: wrap;width: 90%;max-width: 1200px;}

footer .cont {flex: 1 1 200px;margin: 10px;}

footer h3, footer h4 {color: #57585B;text-align: left;}

footer h3 {font-size: 25px;font-family:  Sansation;text-transform: uppercase;color: #1D9ADD}

footer h4{font-size: 20px;text-transform: uppercase; color: #01AE42}

footer a {display: block;color: white;text-decoration: none;margin: 5px 0;}


footer a span{text-transform: capitalize; font-size: 14px;}

footer .redes {margin-top: 10px;}

footer .redes a {display: inline-block;margin-right: 15px;}

footer .redes a span{color: white}

footer a:hover span{color:  #1D9ADD;}

footer .redes i {font-size: 30px;}

.copy{padding: 15px 0;background: #D4D2D0;display: flex;justify-content: center;}
.copy strong{color: #57585B;font-size: 15px}

.menu{display: none}
.menu i{color: #1D9ADD;font-size: 40px;}
.cerrar-menu{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 9999;background: rgba(0,0,0,0.5);}
.mv{display: none!important}



@media(min-width: 1700px){
  
  .video-container .banner-home a {margin-bottom: 10%!important}
}


@media(min-width: 2500px){
  
  .video-container .banner-home a {margin-bottom: 25%!important}
}


@media(min-width: 1400px){
  .servicios-cat{max-width: 1600px}
  .servicios-cat .conter {margin-bottom: 40px}
  .video-container .banner-home h2{font-size: 40px}
  .video-container .banner-home p{font-size: 20px}
  .video-container .banner-home a span{font-size: 20px}
  .video-container .banner-home a {margin-bottom: 50px}
}

@media(max-width: 1400px){

  .servicios-cat .conter .box{width: 33%;margin-right: 0}


}



@media(max-width: 1100px){
  header .links{position: fixed;left: -100%;top: 0;height: 100%;flex-direction: column;width: 50%;z-index: 100000000000;transition: all ease-in-out .5s;background: #222222}
  header .links .cont{flex-direction: column;}
  header .links .link{margin: 5px 0}
  .menu{display: flex;}
  header .links .link{height: initial;}
  header .link span{color: white}
  .pc{display: none!important}
  .mv{display: flex!important;}

  .eres .servicio-cont{width: 50%;height: 50vh}

  .medida .cont .info{width: 55%}
  .medida .cont .imagen{width: 45%}

  .medida .cont, .medida .cont .item{flex-wrap: wrap;}
  .medida .cont .info{padding: 30px 15px;order: 1;box-sizing: border-box;}
  .medida .cont .imagen{order: 2}
  .medida .cont .info , .medida .cont .imagen{width: 100%}

  .medida .cont .imagen{height: 500px}

  .comercializamos .cont, .adelante .cont{flex-direction: column;}
  .comercializamos .cont.infos .info, .adelante .img, .adelante .info, .comercializamos .cont .img, .comercializamos .cont .info{width: 100%}
  .areas.covid .info{width: 70%}
  .areas.covid .image{width: 30%}

}

@media(min-width: 1100px){
    .adelante .img img{min-height: 620px}

}
@media(max-width: 800px){

  .eres .servicio-cont{width: 100%;height: 50vh}
  .servicios-cat .conter .box{width: 50%}
  .proyectos .cont .proyecto{width: 33%}

}

@media(max-width: 700px){
    .video-container .banner-home h2{font-size: 30px}
    .video-container .banner-home h3{font-size: 30px}
}

@media(max-width: 600px){
    .video-container .banner-home h2{font-size: 25px}
    .video-container .banner-home h3{font-size: 25px}
    .proyectos .cont .proyecto{width: 50%}
}

@media(max-width: 550px){

  .medida .cont .imagen{height: 300px}
  .clientes .cont{flex-direction: column;justify-content: center;align-items: center;align-content: center;}

}



@media (min-width: 2500px) and (min-height: 1300px) {
.servicios-cat .conter a{margin-bottom: 30%!important}
}


.categorias .container * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.categorias .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.categorias .container .intro {
  text-align: center;
  padding: 40px 0;
}

.categorias .container .title {
  color: #1D9ADD;
  font-size: 35px;
  text-align: center;
  font-family: Sansation;margin-bottom: 15px;

}

.categorias .container .description {
  color: white;font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
}

.categorias .container .logo {
  width: 100px; /* Ajusta el tamaño según sea necesario */
  margin-top: 20px;
}

.categorias .container .features {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 40px;
}

.categorias .container .feature {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 20px 10px;
  margin: 10px;
  flex: 1 1 calc(25% - 20px); /* 4 columnas */
  max-width: calc(25% - 20px);
  text-align: center;
  transition: box-shadow 0.3s;
}

.categorias .container .feature:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.categorias .container .feature-title {
  color: #007BFF;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.categorias .container .feature-description {
  color: #666;
}

@media (max-width: 768px) {
  .categorias .container .feature {
    flex: 1 1 calc(50% - 20px); /* 2 columnas en pantallas medianas */
    max-width: calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .categorias .container .feature {
    flex: 1 1 100%; /* 1 columna en pantallas pequeñas */
    max-width: 100%;
  }
}