html{box-sizing:border-box;font-size:62.5%;overflow-x:hidden}*,:after,:before{box-sizing:inherit}body{align-items:center;background-color:#fff;color:#212121;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:1.6rem;height:100%!important;letter-spacing:0!important;line-height:1.8;margin:0;overflow-x:hidden;position:relative;scroll-behavior:smooth}.contenedor{margin:0 auto;width:100%}@media (min-width:1200px){.contenedor{width:95%}}@media (min-width:1550px){.contenedor{width:75%}}a{text-decoration:none}img,picture{display:block;width:100%}h1,h2,h3{color:#000;font-size:3.2rem;font-weight:700;letter-spacing:0;line-height:1.2em}h2{font-size:2.4rem;font-weight:500}a,p,span{color:#000;font-size:1.8rem;font-weight:400;line-height:1.2;margin:0}a.bodyL,p.bodyL,span.bodyL{color:#616161;font-size:2rem}a.bodyM,p.bodyM,span.bodyM{color:#616161;font-size:1.6rem}.whatsapp-fixed{bottom:2rem;position:fixed;right:2rem;z-index:10}.whatsapp-fixed svg{height:6rem;transform:translateY(0);transition:all .3s ease;width:6rem}.whatsapp-fixed svg:hover{transform:translateY(-.25rem);transition:all .3s ease}nav{bottom:0;gap:1rem;height:-moz-max-content;height:max-content;left:0;margin:0 auto;padding:1rem 0;right:0;top:1rem;width:100%;z-index:10}nav,nav .logo{align-items:center;display:flex;justify-content:center;position:absolute}nav .logo{flex-direction:column;left:1rem;top:.5rem}@media (min-width:1200px){nav .logo{left:0}}nav .logo p,nav .logo p span{color:#ffd000;font-size:3.5rem;font-style:italic;font-weight:900}nav .logo p span{color:#fff}nav .logo #aut{background:#ffd000;display:block;font-size:1.55rem;font-style:italic;font-weight:600;letter-spacing:.1rem;text-align:center;text-transform:uppercase;width:100%!important}nav .overlay{background:rgba(0,0,0,.494);height:100vh;left:0;opacity:0;top:0;visibility:hidden;width:100vw;z-index:5}nav .menu,nav .overlay{cursor:pointer;position:fixed}nav .menu{display:flex;flex-direction:column;right:1rem;top:2.5rem;width:3.5rem;z-index:11}@media (min-width:768px){nav .menu{display:none}}nav .menu span{background:#212121;border-radius:1rem;height:.3rem;margin:.3rem 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}nav .menu span:first-of-type{width:50%}nav .menu span:nth-of-type(2){width:100%}nav .menu span:nth-of-type(3){width:75%}nav .menu input[type=checkbox]{display:none}nav .menu input[type=checkbox]:checked~span:first-of-type{transform:rotate(45deg) translate(4px,-2px);transform-origin:bottom}nav .menu input[type=checkbox]:checked~span:nth-of-type(2){transform:rotate(-45deg);transform-origin:top}nav .menu input[type=checkbox]:checked~span:nth-of-type(3){transform:translate(16px,-4.5px) rotate(45deg);transform-origin:bottom;width:50%}nav .navegacion{align-items:center;background:#f4f4f4;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;padding:0;position:fixed;right:0;top:0;transform:translateX(0);width:-moz-max-content;width:max-content;z-index:10}@media (min-width:768px){nav .navegacion{background:#f4f4f4;border-radius:2rem;flex-direction:row;height:-moz-fit-content;height:fit-content;padding:.3rem;position:relative;transform:none!important}}nav .navegacion ul{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0;width:70vw}@media (min-width:768px){nav .navegacion ul{flex-direction:row;gap:1rem;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:0;width:-moz-fit-content;width:fit-content}}nav .navegacion ul li{align-items:center;border-bottom:.1rem solid #e6e6e6;display:flex;justify-content:center;list-style:none;padding:2.5rem 1rem;transition:all .3s ease;width:100%}@media (min-width:768px){nav .navegacion ul li{border-bottom:none;border-radius:2rem;padding:0}}nav .navegacion ul li:hover{border-bottom:.1rem solid #ccc;transition:all .3s ease}nav .navegacion ul li:hover a{color:#000;transition:all .3s ease}@media (min-width:768px){nav .navegacion ul li:hover{background:#e6e6e6;border-bottom:none}}nav .navegacion ul li a{color:#616161;font-size:2rem;font-weight:300;text-align:center;transition:all .3s ease;width:-moz-max-content;width:max-content}@media (min-width:768px){nav .navegacion ul li a{color:#212121;font-size:1.4rem;font-weight:400;padding:.8rem 1rem;text-align:center;width:-moz-fit-content;width:fit-content}}nav .navegacion ul li a.activo{color:#212121;font-weight:600}@media (min-width:768px){nav .navegacion ul li a.activo{background:#333;border-radius:2rem;color:#f4f4f4}}nav .navegacion .contacto{display:flex;flex-direction:column;gap:2.5rem;width:100%}@media (min-width:768px){nav .navegacion .contacto{display:none}}nav .navegacion .contacto .redes{align-items:center;display:flex;gap:2.5rem;justify-content:center;width:100%}nav .navegacion .contacto .redes a svg{stroke:#212121;cursor:pointer;transition:all .3s ease}nav .navegacion .contacto .redes a svg:hover{stroke:#000;transform:translateY(-.3rem);transition:all .3s ease}nav .navegacion .contacto .mail{color:#212121;font-size:1.5rem;font-weight:700}nav .whatsapp{align-items:center;background-color:rgba(91,212,43,.996);border-radius:50%;display:none;justify-content:center;padding:.2rem;position:absolute;right:1rem;top:.5rem}@media (min-width:768px){nav .whatsapp{display:flex}}@media (min-width:1200px){nav .whatsapp{right:0}}nav .whatsapp a{align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden;padding:.8rem;position:relative;transition:all .3s ease}nav .whatsapp a:hover{transform:scale(1.1);transition:all .3s ease}nav .whatsapp a:hover span{background:#f4f4f4;bottom:0;transition:all .3s ease}nav .whatsapp a:hover svg{stroke:#78de5e;transition:all .3s ease}nav .whatsapp a svg{stroke:#d6ebd1;transition:all .3s ease;z-index:1}nav .whatsapp a span{background:#f4f4f4;bottom:-100%;display:block;height:100%;left:0;position:absolute;transition:all .3s ease;width:100%;z-index:0}header{height:100vh;overflow:hidden;position:relative;width:100%}header img{filter:grayscale(30%) contrast(110%) brightness(50%);height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}header .titulo-header{align-items:flex-end;display:flex;height:90%;margin-left:1rem}@media (min-width:768px){header .titulo-header{margin-left:10rem}}header .titulo-header h1{display:flex;flex-direction:column}header .titulo-header h1 button{align-items:center;border-radius:3rem;color:#333;cursor:pointer;display:flex;font-size:1.6rem;font-weight:500;gap:1rem;justify-content:center;letter-spacing:0;margin-top:3rem;overflow:hidden;padding:.8rem .8rem .8rem 2rem;position:relative;width:-moz-max-content;width:max-content}header .titulo-header h1 button:hover .sombra-button{background:#ffd000;top:0;transition:all .4s ease}header .titulo-header h1 button:hover .texto-button #texto-1{top:-2rem;transition:all .3s ease}header .titulo-header h1 button:hover .texto-button #texto-2{top:0;transition:all .3s ease}header .titulo-header h1 button:hover .flechas{background:#f4f4f4;transition:all .4s ease}header .titulo-header h1 button:hover .flechas #arrow-1{stroke:rgba(51,51,51,.004);left:3rem;transition:all .3s ease}header .titulo-header h1 button:hover .flechas #arrow-2{left:1rem;transition:all .3s ease}header .titulo-header h1 button .sombra-button{background:transparent;display:block;height:100%;left:0;position:absolute;top:100%;transition:all .4s ease;width:100%}header .titulo-header h1 button .texto-button{align-items:center;display:flex;flex-direction:column;height:2rem;justify-content:center;overflow:hidden;position:relative;width:14rem;z-index:0}header .titulo-header h1 button .texto-button span{color:#333;font-size:1.6rem;font-weight:500;left:0;letter-spacing:0;position:absolute;top:0;transition:all .3s ease;z-index:1}header .titulo-header h1 button .texto-button span#texto-2{top:2rem}header .titulo-header h1 button .texto-button.up-button{background:#ffd000;display:block;height:100%;left:0;position:absolute;top:100%;transition:all .4s ease;width:100%;z-index:0}header .titulo-header h1 button .flechas{align-items:center;background:#ffd000;border-radius:3rem;display:flex;height:4.5rem;justify-content:center;overflow:hidden;padding:.8rem 1rem;position:relative;transition:all .4s ease;width:4.5rem;z-index:1}header .titulo-header h1 button .flechas svg{left:1rem;position:absolute;top:1rem;transition:all .3s ease}header .titulo-header h1 button .flechas svg#arrow-2{left:-2rem}header .titulo-header h1,header .titulo-header h1 span{color:#eee;font-size:5rem;font-weight:600;letter-spacing:.1rem}@media (min-width:480px){header .titulo-header h1,header .titulo-header h1 span{font-size:6rem}}@media (min-width:768px){header .titulo-header h1,header .titulo-header h1 span{font-size:6.5rem}}.inicio{align-items:center;display:flex;flex-direction:column;gap:7rem;height:100vh;justify-content:center}.inicio .nosotros{color:#ccc;font-size:2.6rem;font-weight:500;letter-spacing:0;text-align:center;width:90%}@media (min-width:480px){.inicio .nosotros{font-size:3rem;width:65%}}@media (min-width:768px){.inicio .nosotros{font-size:3.8rem;width:65%}}.inicio .fortalezas{align-items:center;display:flex;gap:2rem;justify-content:center;width:100%}@media (min-width:480px){.inicio .fortalezas{gap:5rem}}.inicio .fortalezas .fortaleza{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:480px){.inicio .fortalezas .fortaleza{gap:1.5rem}}.inicio .fortalezas .fortaleza .caja-img{align-items:center;border:.1rem solid #dadada;border-radius:50%;display:flex;height:8.4rem;justify-content:center;padding:2rem;width:8.4rem}@media (min-width:480px){.inicio .fortalezas .fortaleza .caja-img{height:10.4rem;padding:2.5rem;width:10.4rem}}.inicio .fortalezas .fortaleza h3{color:#8f8f8f;font-size:1.6rem;font-weight:500;letter-spacing:0;text-align:center}.marcas{align-items:center;display:flex;flex-direction:column;gap:8rem;justify-content:center}.marcas h2{color:#212121;font-size:3rem;font-weight:700;text-align:center}@media (min-width:480px){.marcas h2{font-size:3.5rem}}.marcas .caja-marcas{align-items:center;display:flex;flex-wrap:wrap;gap:3.5rem;justify-content:center;width:90%}@media (min-width:768px){.marcas .caja-marcas{gap:10rem;width:70%}}.marcas .caja-marcas img{height:7rem;-o-object-fit:contain;object-fit:contain;width:12rem}@media (min-width:768px){.marcas .caja-marcas img{height:10rem;width:15rem}}@media (min-width:1200px){.trabajos{height:100vh}}.trabajos{min-height:-moz-max-content;min-height:max-content;overflow:hidden;position:relative;width:100%}.trabajos .sticky{height:100vh;overflow:hidden!important;width:100%}.trabajos .sticky-header{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow-x:hidden;position:absolute;top:0;width:100%;will-change:transform}.trabajos .sticky-header h2{color:#212121;font-size:3.5rem;font-weight:700}.trabajos .sticky-header .servicios{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:space-evenly;margin-top:2.5rem;width:80%}@media (min-width:480px){.trabajos .sticky-header .servicios{flex-direction:row;gap:0}}.trabajos .sticky-header .servicios .caja-servicio{display:flex;gap:2rem}.trabajos .sticky-header .servicios .caja-servicio p,.trabajos .sticky-header .servicios .caja-servicio span{color:#616161;font-size:1.5rem}@media (min-width:480px){.trabajos .sticky-header .servicios .caja-servicio p,.trabajos .sticky-header .servicios .caja-servicio span{font-size:1.3rem}}.trabajos .slider-wrapper{align-items:center;display:flex;gap:8rem;height:100vh;justify-content:center;padding:0 100vw;width:-moz-max-content;width:max-content}.trabajos .slider-wrapper .slide{align-items:center;background:transparent;display:flex;height:auto;justify-content:center;width:-moz-fit-content;width:fit-content}.trabajos .slider-wrapper .slide img{max-height:-moz-max-content;max-height:max-content;-o-object-fit:cover!important;object-fit:cover!important;position:relative;width:40rem}.contacto{align-items:center;display:flex;flex-direction:column;justify-content:center}.contacto h2{color:#212121;font-size:3.5rem;font-weight:700;width:90%}@media (min-width:480px){.contacto h2{width:70%}}.contacto p{color:#616161;font-size:1.7rem;font-weight:400;margin-bottom:2rem;width:90%}@media (min-width:480px){.contacto p{width:70%}}.contacto form{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:90%}@media (min-width:480px){.contacto form{width:70%}}.contacto form label{color:#616161;font-size:1.6rem;font-weight:500}.contacto form button,.contacto form input,.contacto form textarea{background:#eee;border:none;font-size:1.5rem;height:3.5rem;margin-bottom:1rem;outline:none;padding:1rem;width:100%}.contacto form textarea{font-family:Inter,sans-serif;max-height:15rem;min-height:3.5rem;overflow-y:auto;resize:vertical}.contacto form #btn-enviar{background:#212121;color:#f4f4f4;cursor:pointer;font-size:1.7rem;margin-top:4rem;padding:0;transition:all .2s ease}.contacto form #btn-enviar:hover{background:#616161;color:#ffd000;transition:all .2s ease}.contacto form #btn-enviar.oculto{display:none}.contacto form .error-mensaje{color:#e63946;display:none;font-size:1rem;margin-top:4px}.contacto form .error-mensaje.visible{display:block}.contacto form .contador-caracteres{color:#888;display:block;font-size:1rem;margin-top:2px;text-align:right}.contacto form input.invalido,.contacto form textarea.invalido{border-color:#e63946!important}.contacto form input.valido,.contacto form textarea.valido{border-color:#40c120!important}.contacto form .loader{animation:rotate 1s linear infinite;border-radius:50%;display:none;height:48px;place-self:center;position:relative;width:48px}.contacto form .loader:after,.contacto form .loader:before{animation:prixClipFix 2s linear infinite;border:5px solid #ffd000;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}.contacto form .loader:after{animation:prixClipFix 2s linear infinite,rotate .5s linear infinite reverse;border-color:#212121;inset:6px}.contacto form .loader.activo{display:inline-block;place-self:center}.contacto .notification{background:#212121;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;left:50%;opacity:0;padding:1rem;pointer-events:none;position:fixed;text-align:center;top:2rem;transform:translateX(-50%) translateY(-20px);transition:opacity .4s ease,transform .3s ease;width:90%;z-index:1000}@media (min-width:480px){.contacto .notification{width:35rem}}.contacto .notification.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (min-width:480px){.contacto .notification.show{width:35rem}}.contacto .notification.success{background:#212121}.contacto .notification.success #notification-text{color:#f4f4f4!important}.contacto .notification.error{background:#212121;color:#f4f4f4}.contacto .notification.error #notification-text{color:#f4f4f4!important}.contacto .notification #notification-text{font-size:1.5rem;font-weight:400}.contacto .notification .progress-bar{animation-fill-mode:forwards;animation-name:shrink;animation-timing-function:linear;background:#ffd000;bottom:0;height:6px;left:0;position:absolute;width:100%;z-index:10}@keyframes shrink{to{width:0}}footer{align-items:center;background:#212121;display:flex;flex-direction:column;justify-content:center;margin-top:7rem!important;padding:5rem 2rem;width:100%}footer .der-contact{align-items:flex-start;display:flex;flex-direction:column-reverse;gap:2rem;justify-content:space-between;width:90%}@media (min-width:480px){footer .der-contact{flex-direction:row;gap:0;width:70%}}footer .der-contact .derechos,footer .der-contact .mail{color:#f4f4f4;display:flex;flex-direction:column;gap:1rem}@media (min-width:480px){footer .der-contact .derechos,footer .der-contact .mail{gap:.5rem}}footer .der-contact .derechos p,footer .der-contact .mail p{color:#f4f4f4}footer .der-contact .mail{text-align:left}@media (min-width:480px){footer .der-contact .mail{text-align:right}}footer .der-contact .mail p a svg{stroke:#fff}footer .logo-by{align-items:flex-end;display:flex;justify-content:space-between;width:90%}@media (min-width:480px){footer .logo-by{width:70%}}footer .logo-by .logo-footer{width:15rem}footer .logo-by .logo-footer p,footer .logo-by .logo-footer p span{color:#ffd000;font-size:3rem;font-style:italic;font-weight:900;margin-top:2rem}footer .logo-by .logo-footer p span{color:#f4f4f4}footer .logo-by .logo-footer #aut{background:#ffd000;display:block;font-size:1.4rem;font-style:italic;font-weight:600;letter-spacing:.08rem;text-align:center;text-transform:uppercase;width:100%!important}footer .logo-by a{color:#f4f4f4;font-size:1.3rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}
/*# sourceMappingURL=app.css.map */