:root{--amarillo: #ffc50a;--rojo: #e60045;--negro: #242021;--gris-claro: #d9d9d9;--gris: #b1b1b1;--blanco: #eaeaea;--page-margin: 200px}@font-face{font-family:Mundial;src:url(../fonts/MundialBold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Mundial;src:url(../fonts/MundialRegular.otf) format("opentype");font-weight:400;font-style:normal}html{min-height:100vh;scroll-snap-type:y mandatory}html body{min-height:100vh;position:relative;margin:0;background-color:var(--negro);font-family:Segoe UI;font-size:1.1rem}html body div#root{min-height:100vh}html body div#root a{text-decoration:none}html body div#root nav{position:sticky;top:0;display:flex;align-items:center;min-height:7vh;padding-left:var(--page-margin);padding-right:var(--page-margin);background-color:var(--amarillo);z-index:1;box-shadow:0 0 3px #000}html body div#root nav div.nav{display:flex;margin-right:auto;align-items:center;height:7vh}html body div#root nav div.nav a#logo{margin-left:0}html body div#root nav div.nav a#logo img{width:60%}html body div#root nav div.nav div.hamburguer{display:none}html body div#root nav div.nav a div{align-content:center;height:40px}html body div#root nav a{margin-left:25px;font-family:Mundial;color:#000}html body div#root nav a:hover{color:var(--gris-claro)}html body div#root nav a:active{color:var(--gris)}html body div#root nav a.active{text-decoration:underline}html body div#root nav div.navMenu{display:none}html body div#root nav div.navLinks{display:flex;align-content:center;margin-right:0}html body div#root div section{padding-left:var(--page-margin);padding-right:var(--page-margin)}html body div#root div section h3{font-family:Mundial;font-weight:700;text-align:center;margin-bottom:25px;margin-top:0;font-size:2rem}html body div#root div section p{font-size:1.3rem;text-align:justify;text-align-last:center}html body div#root div section p span.negrita{font-weight:700}html body div#root div section div.autoCarousel .slick-list{border-radius:10px}html body div#root div section div.autoCarousel .slick-list .slick-track .slick-slide div{display:flex;align-items:center}html body div#root div section div.autoCarousel .slick-list .slick-track .slick-slide div img{aspect-ratio:16/10;object-fit:cover}html body div#root div section.hero{position:relative;justify-content:center;padding-left:0;padding-right:0}html body div#root div section.hero div.logos{background-color:#0006;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;align-items:center}html body div#root div section.hero div.logos img.logo{width:30rem}html body div#root div section.hero div.heroCarousel{width:100%;min-height:93vh;overflow:hidden}html body div#root div section.hero div.heroCarousel div.slick-list{height:93vh}html body div#root div section.hero div.heroCarousel div.slick-list div.slick-track{height:93vh}html body div#root div section.hero div.heroCarousel div.slick-list div.slick-track div.slick-slide{height:93vh}html body div#root div section.hero div.heroCarousel div.slick-list div.slick-track div.slick-slide div{height:93vh}html body div#root div section.hero div.heroCarousel div.slick-list div.slick-track div.slick-slide div img{height:100%;object-fit:cover}html body div#root div section.projects{padding-left:0;padding-right:0}html body div#root div section.projects div.project{padding-left:var(--page-margin);padding-right:var(--page-margin);padding-top:50px;padding-bottom:50px;color:var(--blanco)}html body div#root div section.projects div.project div{display:flex;align-items:center;gap:25px}html body div#root div section.projects div.project div div{width:50%}html body div#root div section.projects div.project div div .carousel{width:100%;padding-left:25px}html body div#root div section.projects div.project div div .carousel .slick-list{width:100%}html body div#root div section.projects div.project div div .carousel .slick-list .slick-track{gap:0}html body div#root div section.projects div.project div div .carousel .slick-list .slick-track .slick-slide{width:100%}html body div#root div section.projects div.project div div .carousel .slick-list .slick-track .slick-slide div{width:100%}html body div#root div section.projects div.project div div .carousel .slick-list .slick-track .slick-slide div img{border-radius:10px;aspect-ratio:16 / 6;object-fit:cover;object-position:center}html body div#root div section.projects div.project div ul{margin:0;width:100%}html body div#root div section.projects div.project div ul li{margin-top:20px;margin-bottom:20px}html body div#root div section.projects div.project div p{margin:0;width:50%;text-align-last:start}html body div#root div section.projects div.yellow{background-color:var(--amarillo);color:#000}html body div#root div section.projects div.yellow div div .carousel{padding-left:0;padding-right:25px}html body div#root div#home section.page{scroll-snap-align:end}html body div#root div#home section.aboutUs{min-height:93vh;color:var(--blanco);display:flex;flex-direction:column;align-items:center;justify-content:center}html body div#root div#home section.aboutUs p{margin-bottom:80px}html body div#root div#home section.aboutUs video{max-width:100%;height:30vw;aspect-ratio:16 / 9;border-radius:10px}html body div#root div#home section.lastProjects{display:flex;flex-direction:column;justify-content:center;min-height:93vh;background-color:var(--gris-claro)}html body div#root div#home section.lastProjects p{text-align:center;margin-bottom:50px}html body div#root div#home section.lastProjects div.pages{display:flex;justify-content:space-between;background-color:var(--gris-claro);gap:25px;margin-top:50px}html body div#root div#home section.lastProjects div.pages div.card{height:20vw;width:100%;border-radius:10px;background-color:var(--gris-claro);background-position:center;background-size:cover;display:flex;justify-content:center;align-items:end;padding:20px}html body div#root div#home section.lastProjects div.pages div.card img{box-shadow:0 5px 10px #000;height:3rem;margin-right:10px}html body div#root div#home section.lastProjects div.pages div.card a{width:100%}html body div#root div#home section.lastProjects div.pages div.card a div{color:var(--blanco);width:100%;transition:10ms;text-align:center;border-radius:10px;padding-top:15px;padding-bottom:15px;font-family:Mundial;background-color:var(--negro);box-shadow:0 5px 10px #000}html body div#root div#home section.lastProjects div.pages div.card a div:hover{transform:scale(103%);transition:10ms}html body div#root div#home section.lastProjects div.pages div#construccion{background-image:url(/img/lastWorks/construccion.jpg)}html body div#root div#home section.lastProjects div.pages div#construccion a div{border:2px solid var(--amarillo)}html body div#root div#home section.lastProjects div.pages div#pintura{background-image:url(/img/lastWorks/pintura.jpg)}html body div#root div#home section.lastProjects div.pages div#pintura a div{border:2px solid var(--rojo)}html body div#root div#home section.lastProjects div.pages div#herreriaYMontaje{background-image:url(/img/lastWorks/herreriaYMontaje.jpg)}html body div#root div#home section.lastProjects div.pages div#herreriaYMontaje a div{border:2px solid var(--gris)}html body div#root div#home section.ethics{display:flex;flex-direction:column;justify-content:center;min-height:93vh;color:var(--blanco)}html body div#root div#home section.ethics p{margin-bottom:100px}html body div#root div#home section.ethics div.carousel{display:flex;justify-content:space-between;margin-bottom:50px}html body div#root div#home section.ethics div.carousel img{border-radius:10px;object-fit:cover;height:25vw}html body div#root div#home section.ethics div.carousel .slick-list{margin:0 -15px}html body div#root div#home section.ethics div.carousel ul li{margin:0}html body div#root div#home section.ethics div.carousel ul li button:before{color:var(--blanco)}html body div#root div#home section.ethics div.carousel div.slick-slide>div{padding:0 15px}html body div#root div#home section.pickMe{display:flex;flex-direction:column;justify-content:center;min-height:93vh;background-color:var(--amarillo)}html body div#root div#home section.pickMe h3{margin-bottom:50px}html body div#root div#home section.pickMe div{display:flex;justify-content:space-between;align-items:center;gap:20px}html body div#root div#home section.pickMe div ul{list-style:none;padding:0 0 0 25px;border-left:solid 5px #000;margin:0}html body div#root div#home section.pickMe div ul li{margin-top:50px;margin-bottom:50px;font-size:1.2em}html body div#root div#home section.pickMe div img{width:50%;height:25rem;object-fit:cover;margin-left:25px;border-radius:10px}html body div#root div#home section.clients{display:flex;flex-direction:column;justify-content:center;min-height:93vh;color:var(--blanco)}html body div#root div#home section.clients h3{margin-top:0;margin-bottom:50px}html body div#root div#home section.clients div{margin-top:75px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;width:100%}html body div#root div#home section.clients div img{width:20%;height:10vh;object-fit:contain;margin-bottom:25px}html body div#root div#home section.locationContact{display:flex;flex-direction:column;justify-content:center;min-height:93vh;background-color:var(--gris);color:#000}html body div#root div#home section.locationContact h3{margin-bottom:100px}html body div#root div#home section.locationContact div{display:flex}html body div#root div#home section.locationContact div iframe{border-radius:10px;border:0;width:100%;height:400px;margin-right:25px}html body div#root div#home section.locationContact div div{width:100%;display:flex;flex-direction:column;margin-left:25px}html body div#root div#home section.locationContact div div h4{font-family:Mundial;margin-top:0;margin-bottom:20px;font-size:1.5rem}html body div#root div#home section.locationContact div div form{display:flex;flex-direction:column;height:100%}html body div#root div#home section.locationContact div div form label{margin-left:5px;margin-bottom:5px}html body div#root div#home section.locationContact div div form input{height:50px;border:none;border-radius:5px;margin-bottom:20px;padding-left:10px;padding-right:10px;font-family:Segoe UI}html body div#root div#home section.locationContact div div form textarea{height:100%;border:none;border-radius:5px;padding:10px;margin-bottom:20px;font-family:Segoe UI;resize:none}html body div#root div#home section.locationContact div div form button{height:80px;width:100px;border:none;border-radius:5px;color:var(--blanco);background-color:var(--rojo);font-family:Mundial;font-size:1.1rem;font-weight:700}html body div#root div#construcciones section.aboutConstrucciones{text-align:justify;text-align-last:center;margin-top:50px;margin-bottom:50px;color:var(--blanco)}html body div#root div#pintura section.hero p{margin:0;margin-right:-.5rem;font-size:4rem;letter-spacing:1rem}html body div#root div#pintura section.aboutPintura{margin-bottom:50px;color:var(--blanco)}html body div#root div#pintura section.aboutPintura p{margin-bottom:50px}html body div#root div#pintura section.projects p{text-align:center;text-align-last:center}html body div#root div#herreriaYMontaje section.aboutHerreriaYMontaje{margin-bottom:50px;color:var(--blanco)}html body div#root div#herreriaYMontaje section.jobs{background-color:var(--amarillo);padding-top:50px;padding-bottom:50px}html body div#root div#herreriaYMontaje section.jobs div{display:flex;justify-content:space-between;gap:25px;width:100%;height:100%,auto;align-items:center}html body div#root div#herreriaYMontaje section.jobs div ul{border-left:solid 5px #000;padding:0 0 0 10px;list-style:none;margin:0}html body div#root div#herreriaYMontaje section.jobs div ul li{margin-top:25px;margin-bottom:25px}html body div#root div#herreriaYMontaje section.jobs div img{width:50%;height:20rem;border-radius:10px;object-fit:cover}html body div#root footer{padding-left:var(--page-margin);padding-right:var(--page-margin);padding-top:40px;padding-bottom:40px;background-color:#000;color:var(--blanco);font-family:Mundial}html body div#root footer a img{margin-bottom:10px;width:15%}html body div#root footer div{display:flex;align-items:end;width:100%}html body div#root footer div div#footerLinks{display:flex;flex-direction:column;margin-right:auto;align-items:start}html body div#root footer div div#footerLinks a{font-size:1.1rem;color:var(--blanco);margin-top:15px}html body div#root footer div div#contactInfo{display:flex;justify-content:end}html body div#root footer div div#contactInfo a{color:var(--blanco)}html body div#root footer div div#contactInfo a div{width:fit-content}html body div#root footer div div#contactInfo a div#emailAddress{margin-right:5px}html body div#root footer div div#contactInfo a div#emailAddress img#email{width:1.4rem;margin-bottom:-2px}html body div#root footer div div#contactInfo a div#wappNumber{width:fit-content;margin-left:5px;margin-right:5px}html body div#root footer div div#contactInfo a div#wappNumber img#wapp{width:1.2rem;margin-bottom:1.5px}html body div#root footer div div#contactInfo a div#instagramProfile{margin-left:5px}html body div#root footer div div#contactInfo a div#instagramProfile img#instagram{width:1rem;margin-bottom:2.5px}html body div#root footer div div#contactInfo img#copy{width:1rem;margin-left:5px}html body div#root footer.page{scroll-snap-align:end}@media (max-width: 1500px){html body div#root footer div.container{flex-direction:column}}@media (max-width: 1210px){html body div#root div section h3{margin-top:50px}html body div#root div#home section.page{scroll-snap-align:none}html body div#root div#home section.lastProjects div.pages{flex-direction:column;margin-bottom:50px}html body div#root div#home section.lastProjects div.pages div.card{height:40vw;width:100%;margin-bottom:25px;padding-left:0;padding-right:0}html body div#root div#home section.lastProjects div.pages div.card img{margin-left:20px}html body div#root div#home section.lastProjects div.pages div.card a{width:95%;margin-right:20px}html body div#root div#home section.lastProjects div.pages div.card a div{text-wrap:nowrap}html body div#root div#construcciones section.hero p{margin-right:-.5rem;letter-spacing:.5rem}html body div#root footer.page{scroll-snap-align:none}}@media (max-width: 1111px){html body div#root nav{padding-left:50px;padding-right:50px}html body div#root div section{padding-left:50px;padding-right:50px}html body div#root div section.hero img.isotipo{width:15%}html body div#root div section.projects div.project{padding-left:50px;padding-right:50px}html body div#root div section.projects div.project div{flex-direction:column-reverse;align-items:normal}html body div#root div section.projects div.project div div{width:100%}html body div#root div section.projects div.project div div .carousel{padding:0}html body div#root div section.projects div.project div div .carousel .slick-list .slick-track{flex-direction:row}html body div#root div section.projects div.project div p{width:100%}html body div#root div section.projects div.yellow div{flex-direction:column}html body div#root div#home section.locationContact div{flex-direction:column}html body div#root div#home section.locationContact div img{height:300px}html body div#root div#home section.locationContact div div{margin:25px 0 0}html body div#root div#home section.locationContact div div form textarea{height:150px}html body div#root div#home section.locationContact div div form button{width:100%;height:50px;margin-bottom:50px}html body div#root footer{padding-left:50px;padding-right:50px}html body div#root footer a img{width:20%}}@media (max-width: 799px){html body div#root nav{flex-direction:column;max-height:auto;padding-left:0;padding-right:0}html body div#root nav div.nav{display:flex}html body div#root nav div.nav a#logo{margin-left:50px}html body div#root nav div.nav a#logo div{height:35px}html body div#root nav div.nav a#logo div img{width:35px}html body div#root nav div.nav div.hamburguer{display:flex;position:absolute;align-content:center;right:50px}html body div#root nav div.nav div.hamburguer img{width:35px}html body div#root nav div.navLinks{display:none}html body div#root nav div.open{display:flex}html body div#root nav div.navMenu{flex-direction:column;background-color:var(--amarillo);box-shadow:0 1px 1px #000;align-items:center;padding-top:20px;padding-bottom:20px;margin-right:0;width:100%}html body div#root nav div.navMenu a{width:100%;margin-left:0;padding-top:10px;padding-bottom:10px}html body div#root nav div.navMenu a div{display:flex;justify-content:center}html body div#root nav div.navMenu a:hover{color:#000}html body div#root div section p{text-align:justify;text-align-last:start}html body div#root div section.hero img.isotipo{width:15%}html body div#root div section.hero h1{font-size:5rem}html body div#root div#home section.aboutUs video{height:40vw;margin-bottom:50px}html body div#root div#home section.lastProjects div.pages{padding-bottom:50px}html body div#root div#home section.lastProjects div.pages div.card{height:200px}html body div#root div#home section.pickMe h3{margin-bottom:25px}html body div#root div#home section.pickMe div{flex-direction:column;margin-bottom:50px}html body div#root div#home section.pickMe div ul{padding-left:10px;margin-left:15px;width:100%}html body div#root div#home section.pickMe div ul li{padding-right:11px;margin-bottom:25px;margin-top:25px}html body div#root div#home section.pickMe div img{width:100%;margin:0}html body div#root div#home section.clients h3{margin-top:50px}html body div#root div#home section.clients div{margin-bottom:50px}html body div#root div#home section.clients div img{width:45%}html body div#root div#herreriaYMontaje section.jobs div{flex-direction:column}html body div#root div#herreriaYMontaje section.jobs div ul{width:100%;margin-right:-15px}html body div#root div#herreriaYMontaje section.jobs div ul li{padding-right:15px}html body div#root div#herreriaYMontaje section.jobs div img{width:100%}html body div#root footer{padding-left:20px;padding-right:20px}html body div#root footer a{height:auto;width:100%}html body div#root footer a img{width:30%}html body div#root footer div a{justify-content:start}html body div#root footer div div#contactInfo{flex-direction:column;margin-top:30px}html body div#root footer div div#contactInfo a div#emailAddress,html body div#root footer div div#contactInfo a div#wappNumber,html body div#root footer div div#contactInfo a div#instagramProfile{margin:0 0 10px}html body div#root footer div div#contactInfo span.separator{display:none}}@media (max-width: 599px){html body div#root nav div.nav a#logo{margin-left:20px}html body div#root nav div.nav div.hamburguer{right:20px}html body div#root div section{padding-left:20px;padding-right:20px}html body div#root div section p{text-align:start}html body div#root div section.hero div.logos img.logo{width:80%}html body div#root div section.projects div.project{padding-left:20px;padding-right:20px}html body div#root div#home section.aboutUs video{width:100%;height:auto;margin-bottom:50px}html body div#root div#home section.ethics div.carousel div.slick-list div.slick-track div.slick-slide img{height:35vh}html body div#root div#home section.clients div img{width:100%}html body div#root footer a{display:flex;justify-content:center}html body div#root footer a img{width:70%}html body div#root footer div{flex-direction:column}html body div#root footer div div#contactInfo{margin-top:25px}html body div#root footer div div#contactInfo div{flex-direction:row}}