@font-face{font-family:Monument Grotesk;src:url(./fonts/monument-grotesk-regular.ttf) format("truetype");font-weight:400;font-style:normal}#root{font-family:Monument Grotesk,sans-serif;margin:0;padding:0;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.Navbar1{display:block;position:sticky;top:0;z-index:1000;background-color:#0f168f}.Navbar{display:block;position:sticky;top:0;z-index:1000;background-color:#fff}.Navbar1 .container-fluid{display:flex;align-items:center;gap:12px;padding:10px 20px}.Navbar1 img{width:35px;height:auto}.Navbar img{width:60px;height:auto}.Navbar1 a img{padding-left:5px}.Navbar1 .nav,.Navbar .nav{margin-left:auto;justify-content:flex-end;display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:static;transform:none;z-index:auto;list-style:none}.nav-item{text-decoration:none;color:#fff;font-family:Poppins,sans-serif;margin-right:12px}.nav-link{font-size:1rem;color:#fff;padding:8px 6px;text-decoration:none}.Navbar1 .nav-link:hover{opacity:.8;color:#fff}.nav-item1{text-decoration:none;color:#000;font-family:Poppins,sans-serif;margin-right:12px}.nav-link1{font-size:1rem;color:#000;padding:8px 6px;text-decoration:none}.Navbar .nav-link1:hover{color:#0f168f}.nav-toggle,.nav-toggle1{display:none;background:transparent;border:none;cursor:pointer;padding:6px;margin-left:12px;position:relative;z-index:1001}.nav-toggle .hamburger{display:block;width:22px;height:2px;background:#fff;position:relative;transition:background .3s}.nav-toggle .hamburger:before,.nav-toggle .hamburger:after{content:"";position:absolute;left:0;right:0;height:2px;background:#fff;transition:transform .3s,top .3s}.nav-toggle .hamburger:before{top:-7px}.nav-toggle .hamburger:after{top:7px}.nav-toggle1 .hamburger{display:block;width:22px;height:2px;background:#000;position:relative;transition:background .3s}.nav-toggle1 .hamburger:before,.nav-toggle1 .hamburger:after{content:"";position:absolute;left:0;right:0;height:2px;background:#000;transition:transform .3s,top .3s}.nav-toggle1 .hamburger:before{top:-7px}.nav-toggle1 .hamburger:after{top:7px}.nav-toggle .hamburger.is-open,.nav-toggle1 .hamburger.is-open{background:transparent}.nav-toggle .hamburger.is-open:before,.nav-toggle1 .hamburger.is-open:before{transform:rotate(45deg);top:0}.nav-toggle .hamburger.is-open:after,.nav-toggle1 .hamburger.is-open:after{transform:rotate(-45deg);top:0}.nav-backdrop{display:none}.nav-backdrop.open{display:block;position:fixed;inset:0;z-index:999}@media(max-width:768px){.Navbar1,.Navbar{position:static;padding:1rem;text-align:center}.nav-item,.nav-item1{display:block;margin:.35rem 0}.Navbar1 .nav,.Navbar .nav{flex-direction:column;gap:6px}.nav-link,.nav-link1{font-size:.95rem}.nav-toggle,.nav-toggle1{display:inline-block}.Navbar1 .nav,.Navbar .nav{display:none;max-height:0;overflow:hidden}.Navbar1 .nav.open,.Navbar .nav.open{display:flex;max-height:400px;animation:slidedown .26s ease forwards;flex-direction:column;position:relative;z-index:1000;background-color:inherit;padding:1rem 0}@keyframes slidedown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}}@media(max-width:920px){.nav-toggle,.nav-toggle1{display:inline-block}.Navbar1 .nav,.Navbar .nav{display:none}.Navbar1 .nav.open,.Navbar .nav.open{display:flex}}@media(min-width:921px){.nav-toggle,.nav-toggle1{display:none!important}.Navbar1 .nav,.Navbar .nav{display:flex!important;flex-direction:row!important}}.proyectos-container{background-color:#f5f2ee}#parrafo{text-align:left;margin-top:200px;margin-bottom:200px;margin-left:3%;width:50%}#parrafo p{font-size:1.4rem}.grid-casos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 1rem}.card-caso{background:#f5f2ee;padding:1rem;transition:transform .3s ease;position:relative;margin-bottom:15px;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;-o-transition:transform .3s ease}.imagen-card{width:100%;height:auto;min-height:700px;max-height:700px;object-fit:cover;margin-bottom:1rem}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0080ff4d;opacity:0;transition:opacity .3s ease}.card-caso:hover .overlay{opacity:1}.card-casos h3{font-size:1.1rem;margin-bottom:.5rem;padding:0 1rem}.card-casos p{max-width:90%;font-size:.8rem;color:#000;padding:0 1rem}@media(max-width:768px){#parrafo{margin:2rem 1rem;width:90%;text-align:left}.grid-casos{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.card-caso{padding:.5rem}.imagen-card{width:100%;height:auto;min-height:450px;max-height:450px}.card-casos h3{font-size:1rem}.card-casos p{font-size:.9rem}}.detalle-container{background:#f5f2ee;color:#222}.galeria{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.imagen-superior{display:flex;gap:20px;width:100%}.imagen-superior1{grid-column:1;grid-row:1;width:100%;max-height:700px}.imagen-superior2{grid-column:2;grid-row:1;width:100%;max-height:700px}.imagen-inferior{grid-column:1 / span 2;grid-row:2;width:100%;max-height:500px}.imagen-principal1{grid-area:principal;max-height:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.imagen-principal img{width:100%;height:auto;object-fit:cover;display:block}.galeria img{width:100%;height:auto;object-fit:cover}.nav-detalle{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #ddd}.logo{font-size:1.5rem;font-weight:700}nav ul{display:flex;gap:1.5rem;list-style:none}nav ul li a{text-decoration:none;color:#000;font-weight:500}.imagen-principal{max-height:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.imagen-principal img{width:100%;object-fit:cover}.contenido-detalle{padding:3rem}.titulo-volver{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.titulo-volver h1{font-size:1rem;font-weight:600}.volver-link{color:#000;font-size:.9rem;text-decoration:none;line-height:1.6}.volver-link:hover{line-height:1.6;text-decoration:underline}.info-descripcion{display:flex;justify-content:space-between;margin-bottom:2rem}.datos-tecnicos{flex:1;min-width:250px;float:left}.datos-tecnicos p{font-size:1.1rem;margin:.5rem 0;font-weight:500}.descripcion{flex:2;line-height:1.6;font-size:1.2rem;text-align:justify;white-space:pre-line;display:flex;justify-content:flex-end}.descripcion p{width:70%}.galeria-secundaria{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.galeria-secundaria img{width:200px;height:auto;border-radius:6px}@media(max-width:768px){.galeria{display:flex;flex-direction:column;gap:1rem;margin-right:0}.imagen-superior{flex-direction:column;gap:1rem;margin-top:2rem}.imagen-superior1,.imagen-superior2{width:100%;float:none}.imagen-principal1{max-height:none;flex-direction:column;padding:1rem}.imagen-principal img{width:100%;height:auto}.contenido-detalle{margin:2rem 1rem;padding:0}.titulo-volver{flex-direction:column;align-items:flex-start;gap:1rem}.titulo-volver h1{font-size:1.2rem}.info-descripcion{flex-direction:column;gap:2rem}.datos-tecnicos{float:none;width:100%}.descripcion{margin-left:0;min-width:auto;font-size:1rem;text-align:left}.galeria-secundaria{justify-content:center}.galeria-secundaria img{width:100%;max-width:300px}.nav-detalle{flex-direction:column;gap:1rem;padding:1rem}nav ul{flex-direction:column;gap:1rem;padding:0}nav ul li a{font-size:1rem}}.contact-container{min-height:100vh;background-color:#f7f3ed;flex-direction:column;align-items:center;justify-content:center}.cuerpo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:50px;margin:auto 0}@media(min-width:992px){.cuerpo{flex-direction:row;justify-content:center;align-items:center;gap:100px;padding:50px;margin-bottom:0}#derecha{text-align:left;margin-bottom:0;padding:0}#derecha p{font-size:1.5rem!important}}#derecha{text-align:left;margin-bottom:2rem;padding:0 20px}#derecha p{font-size:1.25rem;color:#444;line-height:1.8;font-weight:500}.imagen{border-radius:8px;object-fit:contain}.imagen img{width:100%;height:100%;object-fit:cover}.header{width:100%}.header img{width:100%;height:auto;max-height:none}.title-side{display:flex;justify-content:flex-start;align-items:center;height:100px;margin-bottom:2rem;margin-left:6rem;width:800px}.title-side h2{font-size:1.5rem;color:#3f3831;margin:0;width:35%;font-weight:700;line-height:1.8}.henao-page{margin-top:50px}.page{display:flex;align-items:flex-start;justify-content:space-between;padding:3rem 2rem}.main-content{display:flex;flex-wrap:wrap;justify-content:flex-end}.text-block{min-width:280px;font-size:32px;margin-bottom:3rem;padding:0 1rem}.text-block p{font-size:1.4rem;width:700px;color:#3f3831}.ordenador{display:flex;justify-content:center;align-items:center;margin-top:2rem}.ordenador img{width:100%;height:auto;max-width:1000px;max-height:700px}.ascensor{display:flex;justify-content:space-around;align-items:center;margin-top:2rem;padding:2rem}.ascensor img{width:auto;height:100%;max-width:600px}.ascensor-btn{width:100%;min-width:300px}.ascensor a{text-decoration:none;line-height:1.8;color:#000}.ascensor a:hover{text-decoration:underline;line-height:1.8}.ascensor a p{font-size:1.2rem;color:#3f3831;width:100%;text-align:center}.contenedor{display:flex;margin:0;width:100%;justify-content:flex-end;gap:50px;align-items:flex-end}.texto p{font-size:24px;color:#3f3831;line-height:1.5;margin-bottom:2rem;font-weight:200;text-align:right;margin-top:0;margin-right:0}.texto h5{font-size:24px;font-weight:700}.imagen{padding:0 1rem}.imagen img{max-width:700px;width:100%;height:auto;display:block}.section{margin-top:2rem}.section h3{font-size:1.5rem;color:#07c;margin-bottom:1rem}.link-contacto{text-decoration:none}.link-contacto:hover{text-decoration:underline;line-height:1.8}.link-contacto .btn-contacto{font-size:1.5rem;font-weight:700;color:#3f3831;width:100%;text-align:center;margin-top:1rem}@media(max-width:768px){.header{width:100%}.banner{min-width:100%;width:100%;max-height:none}.henao-page{padding:1rem 0}.page{flex-direction:column;align-items:center;padding:1rem}.title-side{margin-left:0;width:100%;justify-content:center;margin-bottom:1rem;height:auto}.title-side h2{text-align:center;width:100%;font-size:1.2rem}.text-block p{margin-left:0;width:auto;font-size:1rem}.contenedor{display:block;justify-content:center;position:static}.texto{position:static;width:100%;margin-top:1rem;text-align:left;padding:0 1rem}.texto p,.texto h5{font-size:1rem;text-align:left}.imagen{width:100%;padding:0 1rem}.imagen img{width:100%;height:auto;max-width:700px}.ascensor{display:block;width:100%;margin-left:0;padding:0}.ascensor p{margin-left:0;width:auto;font-size:1rem;text-align:left;margin-top:1rem}.ascensor img{width:100%;height:auto}.ordenador{display:none}.footer{margin-top:50px!important}}.servicios{position:relative}.servicios-content{width:100%;position:relative}.servicios-header{position:fixed;top:100px;left:2rem;z-index:1000;background:transparent}.servicios-nav{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.nav-section{background:transparent;border:none;font-size:1.5rem;font-weight:400;color:#666;cursor:pointer;position:relative;transition:all .3s ease;text-align:left;border-left:3px solid transparent;padding:.5rem 0 .5rem 1rem}.nav-section:hover{color:#000;border-left-color:#000}.nav-section.active{color:#000;font-weight:600;border-left-color:#000}.servicio-section{min-height:80vh;height:70vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;margin:2rem 0;padding-top:100px}.servicio-section:nth-child(1){z-index:1}.servicio-section:nth-child(2){z-index:2}.servicio-section:nth-child(3){z-index:3}.servicio-section:nth-child(4){z-index:4}.servicio-section.section-active{z-index:100!important}.servicio-card{background:#e9e7e5;box-shadow:6px 10px 40px #0000001a;padding:3rem;max-width:1000px;min-height:700px;width:100%;margin:50px auto 0}.card-body{position:relative;display:flex;gap:2rem;height:100%;min-height:550px}.card-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#000}.left{text-align:left;width:50%;clear:both}.card-text{font-size:1rem;line-height:1.7;margin-bottom:2rem;color:#6b6b6b}.right-img{float:right;margin-left:20px;max-width:300px}.right-img img{width:100%;height:auto;max-width:300px}.derecha{text-align:right;width:50%;clear:both;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:2rem}.derecha-texto{text-align:right;font-size:1.1rem;line-height:1.6;margin:2rem 0;color:#555;clear:both;margin:0}.centro{text-align:center;width:50%;clear:both}.centro-texto{text-align:left;font-size:.95rem;line-height:1.6;margin:2rem 0;color:#666;margin:0}@media(max-width:768px){.servicios-header{position:relative;top:0;left:0;padding:2rem 1rem;background:#fff;box-shadow:0 2px 10px #0000001a}.servicios-nav{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-section{border-left:none;border-bottom:2px solid transparent;padding-left:0;padding-bottom:.5rem;font-size:.9rem}.nav-section.active,.nav-section:hover{border-left-color:transparent;border-bottom-color:#000}.servicio-section{height:auto;min-height:auto;padding:1rem;position:relative;top:auto!important;margin:0;display:none}.servicio-section[data-section=instalacion],.servicio-section[data-section=mantenimiento],.servicio-section[data-section=modernizacion],.servicio-section[data-section=cerocosto]{display:none}.servicio-section.mobile-active{display:flex!important}.servicio-card{padding:1.5rem}.card-title{font-size:1.8rem;margin-bottom:1.5rem}.card-body{flex-direction:column;gap:1.5rem;min-height:auto}.left,.centro,.derecha{width:100%;text-align:left}.card-text{font-size:.95rem;margin-bottom:1rem}.derecha{align-items:flex-start;gap:1rem}.derecha-texto{text-align:left;font-size:1rem}.centro-texto{font-size:.9rem}.right-img{float:none;margin:1rem 0;max-width:100%}.right-img img{max-width:100%}}body,html{margin:0;padding:0;height:100%;overflow-x:hidden}.navbar{padding:10px 20px}.home-container{background-color:#0f168f;min-height:100vh;width:100%;padding:0;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.proyectos{display:flex;flex-wrap:nowrap;justify-content:center;padding:0 48px;gap:16px;align-items:flex-start;margin-bottom:60px}.card{background-color:transparent;width:100%;max-width:450px;text-align:left;margin:0 16px;color:#fff;position:relative;border:none;text-decoration:none}.card-img{width:100%;height:auto;object-fit:cover;background-size:cover;background-position:center center;display:block;margin-bottom:20px}.card p{font-size:.7rem;color:#fff}.card h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:2%}.card .card-info{display:none}.card-content{padding:28px;color:#fff}.card-content h3{font-size:1.3rem;margin:0 0 12px}.card-content p{color:#ffffffe6;font-size:.95rem;line-height:1.5}#titulo{text-align:center;color:#ccc;margin-top:90px;font-size:4rem}.arquitectura{color:#fff;font-size:1.5rem;text-align:center;margin-top:20px;margin-left:10%}.hero{background:linear-gradient(180deg,#0f168f 0% 100%);color:#fff;min-height:520px;display:flex;align-items:center;justify-content:center;position:relative}.hero-inner{text-align:center}.hero-title-images{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-title-images span{font-size:1.2rem;font-style:italic;font-weight:lighter!important;margin:0}.hero-main{width:68%;max-width:980px;height:auto;display:block}.hero-dots{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.dot{width:10px;height:10px;border-radius:50%;background:#fff6;display:block}.dot.active{background:#fff}#linea-recta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid white;padding:40px 0;margin:40px;position:relative;color:#fff;font-family:Poppins,sans-serif;font-size:1.2rem}#ver_todos{text-decoration:none}#ver_todos:hover{opacity:.8;color:#fff}#titulo_linea{color:#fff;margin-left:2%}#ver_todos{color:#fff;text-align:right;font-weight:500}#ver{color:#fff;text-align:right}.About{color:#fff;margin:80px auto 120px;max-width:720px;text-align:center}.About a{color:#fff;width:100%}.About a:hover{opacity:.8;color:#fff}.Contact{background-color:#fff}.footer{background-color:#fff;color:#3f3831;padding:40px;font-family:Poppins,sans-serif;width:100%;margin-left:0%;margin-right:0%;margin-top:100px}.footer-columns{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-left,.footer-right{flex:1;min-width:250px}.footer-left p{font-size:.85rem;line-height:1;width:400px;text-align:left;margin-left:50px}.footer-right p{margin:8px 0;font-size:.85rem}.footer-bottom{text-align:center;margin-top:30px;font-size:.9rem;opacity:.7}.abajo{margin-top:100px}.abajo img{width:200px;margin-top:80px;margin-right:20px}#direccion{color:#6b6b6b}#conctacto{margin-top:100px;color:#fff}@media(max-width:768px){.hero{padding:1.2rem}#titulo{font-size:2rem;margin-top:40px}.hero-main{width:100%;max-width:none}.hero-title-images span{font-size:1rem}.arquitectura{font-size:1rem;margin:1rem}.proyectos{flex-direction:column;overflow-x:hidden;align-items:center;padding:0}.card{width:100%;margin:1rem auto}.card img{height:auto;max-height:300px}.card h3{font-size:1.2rem}.card p{font-size:.9rem}#linea-recta{flex-direction:column;text-align:center;font-size:1rem;padding:1rem 0}#titulo_linea,#ver_todos,#ver{margin:.5rem 0}.About{width:90%;margin:2rem auto;font-size:1rem}.footer-columns{flex-direction:column;align-items:center}.footer-left p,.footer-right p{width:90%;margin-left:0;text-align:center}.abajo img{width:200px;margin:0}#conctacto{margin-top:50px;text-align:center}}