:root{--bg: #ffffff;--active-color: #000000;--inactive-color: #6b6a6f;--detma-blue: #3f7cab;--detma-blue-dark: #295373;--detma-blue-dark-bg: rgba(41, 83, 115, .07);--invert: invert(0%);--brightness: brightness(140%);--border: rgba(0, 0, 0, .2);--modal-backdrop: rgba(255, 255, 255, .8)}@media(prefers-color-scheme:dark){:root{--bg: #000000;--active-color: #babcc0;--inactive-color: #7e7d83;--detma-blue: #3f7cab;--detma-blue-dark: #21435e;--detma-blue-dark-bg: rgba(41, 83, 115, .3);--invert: invert(100%);--brightness: brightness(100%);--border: rgba(255, 255, 255, .2);--modal-backdrop: rgba(0, 0, 0, .8)}}.no-animation *{transition:none!important}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.5px}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--active-color)}.container{width:80vw;max-width:1536px;margin-inline:auto}main{margin-top:64px}h1,h2,h3{text-wrap:balance}h1,h2,h3,.btn{text-transform:uppercase}h1,h2{font-weight:400}h1,h2,h3,p,.b-ul{margin-bottom:1rem}h1{font-size:clamp(25px,9vw,60px)}h2{font-size:clamp(20px,8vw,35px)}h3{font-size:clamp(15px,6vw,20px);font-weight:600}p{font-size:clamp(1.2rem,1.25vw,1.5rem);font-weight:300;line-height:1.7rem}.p-center{text-align:center}p,.b-ul li{margin-bottom:.7rem}.b-ul li{font-size:clamp(1.2rem,1.25vw,1.5rem);font-weight:300;margin-left:20px}.h-servicios{background-image:url(/assets/images/paginas/img-03.avif)}.h-proyectos{background-image:url(/assets/images/paginas/img-05.avif)}.h-nosotros{background-image:url(/assets/images/paginas/nosotros/nosotros.avif)}.h-nosotros:before{display:none}.h-nosotros h1{text-shadow:0 0 .9em #000,0 0 1.5em #000,0 0 2.7em #000}.h-contacto{background-image:url(/assets/images/paginas/backgroud-contact.svg)}header{background-repeat:no-repeat;background-position:center;background-size:cover;height:50svh;display:grid;justify-content:center;align-content:center}header:before{content:"";position:absolute;top:64px;right:0;bottom:0;left:0;max-height:50svh;background-color:#0009}header h1{color:#fff;margin-bottom:0;z-index:100}.diagonal-background{background:repeating-linear-gradient(45deg,var(--detma-blue-dark-bg),var(--detma-blue-dark-bg) 10px,transparent 10px,transparent 20px)}.t-center{text-align:center}.t-left{text-align:left}.t-right{text-align:right}.two-col{display:flex;gap:3%}.col{width:50%}.two-col .col img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}a{color:var(--active-color);text-decoration:none}a:hover{text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}.client-light,.client-dark{display:none}@media(prefers-color-scheme:light){.client-light{display:inline}}@media(prefers-color-scheme:dark){.client-dark{display:inline}}.clientes ul{list-style-type:none;justify-content:center;display:flex;flex-wrap:wrap;gap:2rem}.clientes ul li img{border:var(--border) 1px solid;border-radius:10px;max-width:200px;max-height:100px;aspect-ratio:2/1;transition:transform .2s ease-in-out}.clientes ul li img:hover{transform:scale(1.1)}section{padding-block:4rem}button,.btn{display:inline-block;background-color:#3f7cab;text-shadow:0 0 .5em rgba(0,0,0,.5);color:#fff;font-weight:400;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;max-width:fit-content}button:hover,.btn:hover{background-color:#949494}.section-bg{background-color:var(--detma-blue-dark-bg)}.promesas{text-align:center}.promesas ul{display:flex;flex-wrap:wrap;list-style-type:none;text-align:center;justify-content:space-around}.promesas ul li{width:20%;min-width:150px}.promesas ul li svg{width:150px;aspect-ratio:1 / 1}.promesas ul li h3{margin-bottom:1rem}.animate{opacity:0;transform:translateY(80px);transition:opacity 1s ease,transform 1s ease}.animate.in-view{opacity:1;transform:translateY(0)}.promesas ul li.animate:nth-child(1){transition-delay:0s}.promesas ul li.animate:nth-child(2){transition-delay:.2s}.promesas ul li.animate:nth-child(3){transition-delay:.4s}.promesas ul li.animate:nth-child(4){transition-delay:.6s}.servicio{display:flex;align-items:center;gap:.7rem}.servicio>h3{margin-bottom:0}.servicios>ul{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:3rem 4rem}.servicios>ul>li>ul{list-style-type:disc;margin-top:20px}.proyectos{background-color:var(--detma-blue-dark-bg)}.proyectos ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;list-style-type:none}.product{background-color:var(--bg);padding:1rem;border:1px solid var(--border);opacity:0;border-radius:10px}.product-name{margin-bottom:0}.product-description,.product-brand{line-height:normal;margin-bottom:0;font-size:1rem}.product-brand{font-size:.8rem;opacity:.6}.product-image{max-width:100%;height:auto;margin-block:1px solid var(--border)}.product-more{display:flex;justify-content:space-between;align-items:center}.product-price{color:#3f7cab;font-weight:700;margin-bottom:0}.product-description{display:flex}section.contacto{padding-bottom:0}.contact-method{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;gap:4rem}.contact-method li a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100px;height:100px;text-transform:capitalize;background-color:var(--detma-blue);border-radius:15px;color:#fff}.contact-method li a img{aspect-ratio:1 / 1;width:50px;height:50px;margin-top:-5px}.mapa-detma{aspect-ratio:1 / 1!important}.contact-social{display:flex;flex-direction:row;list-style-type:none;gap:1rem}.contact-social li a{display:flex;height:40px;width:40px;border-radius:23px;background-color:var(--detma-blue)}.contact-social li a img{width:30px;height:30px}#gform{background-color:var(--nav-bg-color);border:solid 1px var(--accent-color);font-family:Helvetica Neue,Helvetica,Arial,Liberation Sans,DejaVu Sans,sans-serif;letter-spacing:1px;line-height:1.5;font-weight:300;font-size:1rem;border-radius:33px;padding:1rem;max-width:700px;margin:0 auto 50px;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}#gform .form-group{display:grid;gap:2px}#gform .form-group:nth-child(1),#gform .form-group:nth-child(4),#gform .form-button{grid-column:1 / span 2}#gform input,#gform textarea{padding:9px;border-radius:10px;background-color:var(--background-color);border:var(--inactive-color) solid 1px;font-size:1rem}#gform input,#gform textarea{color:var(--active-color);font-family:Helvetica Neue,Helvetica,Arial,Liberation Sans,DejaVu Sans,sans-serif;opacity:.7}#gform textarea{resize:none;overflow:hidden;min-height:115px}#gform input:focus,#gform textarea:focus{background-color:var(--detma-blue-dark-bg);outline:none!important;border:var(--detma-blue) solid 1px;opacity:1}#gform .form-button{display:flex;justify-content:center}.thankyou_message{text-align:center}.thankyou_message form{background-color:var(--nav-bg-color);border:solid 1px var(--accent-color);border-radius:33px;padding:2rem;max-width:800px;margin:0 auto 50px}.thankyou_message p{font-size:clamp(1rem,1.7vw,1.4rem)}.thankyou_message .logo{width:60%;min-width:var(--logo-width);margin-block:50px}@media(max-width:899px){main{margin:64px auto 0}main>h1{text-align:center}.container{width:90vw}header{height:25svh}header:before{max-height:25svh}.h-nosotros{background-position:65% center}.clientes ul{gap:1rem}.clientes ul li img{width:150px;height:75px}.t-left,.t-right,.t-center{text-align:center}.two-col{flex-direction:column}.col{width:100%}.col-a{order:2}.col-a{order:1}.form-group:nth-child(2),.form-group:nth-child(3){grid-column:1 / span 2}.contact-social{justify-content:center}.contact-method{gap:1rem}}.resize-animation-stopper *{transition:none!important}nav{background-color:var(--bg);width:100vw;height:64px;position:fixed;z-index:1000;display:flex;justify-content:center}.nav-links{list-style-type:none;display:flex}.nav-link{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--inactive-color);transition:opacity .3s ease}.nav-link:hover{color:var(--active-color)}.nav-link.active{color:var(--active-color);opacity:1}.nav-link-icon{display:none}.top-nav{top:0;border-bottom:1px solid transparent;transition:border-color .3s ease}.top-nav.scrolled{border-bottom-color:var(--border)}.navbar{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;height:36px;width:174.2px}svg #logo #CYM path{fill:var(--active-color);stroke:var(--active-color)}.top-nav .nav-links{margin-left:auto}.nav-links li{padding-inline:20px;height:64px}.nav-btn{display:flex;align-items:center;width:40px;margin-left:10px}.nav-btn span{color:var(--bg);border-radius:5px;height:40px}.nav-btn span img{width:40px}.nav-link span{position:relative}.nav-link span:before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:-5px;left:0;background-color:#3f7cab;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link.active span:before{transform:scaleX(1)}.bottom-nav,input[type=checkbox],.menu{display:none}@media(max-width:899px){.top-nav>.container{margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}.bottom-nav .nav-link span:before{display:none}.nav-links li{padding-inline:0}.nav-btn span{padding:3px 6px;border-radius:5px}.top-nav{padding-top:env(safe-area-inset-top,0)}.top-nav .navbar{position:relative}.top-nav .navbar .nav-links{background-color:var(--bg);box-shadow:var(--shadow);position:absolute;top:0;padding-top:64px;left:-5vw;height:100svh;width:250px;transform:translate(calc(-250px - 5vw - env(safe-area-inset-left)));transition:transform .5s ease-in-out;padding-left:env(safe-area-inset-left);flex-direction:column;overflow:scroll}.top-nav .navbar .nav-links .nav-link{align-items:start;margin-left:calc(10vw - env(safe-area-inset-left) + 10px)}.nav-link span{font-size:.8rem}input[type=checkbox]{display:block;position:absolute;height:30px;width:43px;z-index:1005;opacity:0;cursor:pointer}.menu{display:flex;flex-direction:column;justify-content:space-between;height:18px;width:23px;margin-right:18px;margin-left:10px;z-index:1002}.menu .line{display:block;height:2px;width:100%;border-radius:1px;background-color:#3f7cab}.menu .line1{transform-origin:0% 0%;transition:transform .3s ease-in-out}.menu .line2{transition:transform .2s ease-in-out}.menu .line3{transform-origin:0% 100%;transition:transform .3s ease-in-out}input[type=checkbox]:checked~.nav-links{transform:translate(-5vw)}input[type=checkbox]:checked~.menu .line1{transform:rotate(45deg)}input[type=checkbox]:checked~.menu .line2{transform:scaleY(0)}input[type=checkbox]:checked~.menu .line3{transform:rotate(-45deg)}.bottom-nav{display:flex;bottom:0;padding-bottom:env(safe-area-inset-bottom);border-top:var(--border) 1px solid}.bottom-nav .nav-links{width:100%;margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}.bottom-nav .nav-links li{width:25%}.nav-link-icon.inactive{display:block;filter:var(--brightness)}.nav-link.active .nav-link-icon.active{display:block}.nav-link.active .nav-link-icon.inactive{display:none}}@media screen and (orientation:landscape){.top-nav .navbar .nav-links li{height:44px}}footer,.footer-link{background-color:var(--detma-blue);color:#e2e2e2}.footer-link img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-left:-6px;width:25px;height:25px}.footer-container{max-width:1536px;margin-inline:auto;display:flex;justify-content:space-between;flex-direction:column}.footer-info{padding:32px 0;display:flex;justify-content:space-between;gap:1rem}.footer-contact{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:2rem}.footer-links,.ft-group,.ft-group-contact{list-style-type:none}.footer-links{display:flex;justify-content:space-between;gap:1rem}.footer-links li>h2{margin-left:20px}.ft-group li{margin-left:15px;font-weight:300}.ft-group{width:140px;line-height:1.5rem}.ft-group-contact{line-height:2rem}.derechos{background-color:#0000001a;height:90px;display:flex;flex-direction:column;place-items:center;justify-content:center;gap:5px}.derechos>p{margin-bottom:0}.derechos-br{display:none}#ft-uno,#ft-tres{margin-top:40px}@media(min-width:900px){.footer-container{width:80vw}}@media(max-width:899px){footer{margin-bottom:calc(64px + env(safe-area-inset-bottom))}.footer-container{width:90vw}.footer-info{flex-direction:column}.footer-links{justify-content:space-around;gap:0}#ft-uno{order:2;margin-top:0}#ft-dos{order:1}#ft-tres{order:3;margin-top:0}.derechos{height:120px;text-align:center}.derechos-br{display:inline}}.slider-background,.slider-container,.slide{height:calc(100svh - 64px)}.slider-background{width:100%;position:relative;flex-direction:column}.slider-container{position:relative;width:100%;max-width:1800px;overflow:hidden;box-shadow:0 6px 15px #0000001a}.slider{display:flex;transition:transform .5s ease-in-out}.slide-content{text-shadow:0 0 .5em rgba(0,0,0,.5);position:absolute;top:50%;max-width:46%!important;text-align:center;font-family:sans-serif;color:#fff;z-index:2;opacity:0;animation:fadeSlideIn 1s ease-out forwards;width:100%;max-width:1200px}.slide-content h2{text-transform:uppercase}.slide-content p{font-weight:200;margin-bottom:20px}.align-center{transform:translate(-50%,-50%);text-align:center}.align-left{left:15%;transform:translateY(-50%);text-align:left}.align-right{right:15%;left:auto;transform:translateY(-50%);text-align:right}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(-50%)}}.slide{min-width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.slide img{width:100%;height:100%;object-fit:cover}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;text-shadow:0 0 .5em rgba(0,0,0,.5);color:#fffc;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.prev{left:calc(5px + env(safe-area-inset-left))}.next{right:calc(5px + env(safe-area-inset-right))}.prev:hover,.next:hover{color:#fff}.dots-container{margin-top:20px;display:flex;justify-content:center}.dot{height:15px;width:15px;margin:-60px 12px 0;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:background-color .3s ease;z-index:10}.dot.active{background-color:#fff}@media(max-width:899px){.slider-background,.slider-container,.slide{height:calc(100svh - 128px - env(safe-area-inset-bottom))}.align-left,.align-right{left:auto;right:auto;transform:translate(-50%,-50%);text-align:center}.slide-content{max-width:74%!important}.slide-content p{margin-bottom:2rem}@media screen and (orientation:landscape){.slide-content{top:45%}.slide-content h2{margin-bottom:.2rem}.slide-content p{margin-bottom:1.3rem}}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;width:100%;margin:0;list-style:none}.thumbnail{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.view-transition-thumbnail{view-transition-name:thumbnail-view-transition}dialog{border:none;padding:0;margin:0;background:#0000;width:100vw;height:100svh;max-width:100vw;max-height:100svh}dialog::backdrop{background-color:var(--modal-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;max-width:100%;max-height:100vh;overflow-y:auto;overscroll-behavior-y:none;flex-shrink:0;scrollbar-width:none;scroll-snap-type:y mandatory;pointer-events:none}.pre-image{scroll-snap-align:start;height:100vh;width:1px;flex-shrink:0;pointer-events:auto}.post-image{scroll-snap-align:end;height:100vh;width:1px;flex-shrink:0;pointer-events:auto}.modal-image-container{scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;height:100dvh;width:100vw;flex-shrink:0;pointer-events:none}.modal-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;touch-action:manipulation;view-transition-name:thumbnail-view-transition}.modal-gallery{height:100dvh;width:100vw;overflow-x:scroll;overflow-y:hidden;display:flex;scrollbar-width:none;scroll-snap-type:x mandatory;pointer-events:none}.modal-gallery-item{display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;width:100vw;flex-shrink:0;pointer-events:none}.modal-gallery-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;pointer-events:auto}.close{position:fixed;top:20px;right:20px;color:#fff;font-size:28px;font-weight:700;cursor:pointer;background:none;border:none;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:1001}.close:hover{background-color:#ffffff1a}.close:active{background-color:#fff3}@media(max-width:768px){.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media(max-width:480px){.gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}