@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;600&family=Roboto:wght@400;700&display=swap";html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;color:#222;font-size:16px;margin:0;padding:100px 0 0;box-sizing:border-box;overflow-x:hidden;width:100vw;height:100vh}#root,.App{width:100%;height:100%}@media (max-width: 768px){body{padding-top:77px}}.navbar{position:fixed;top:0;left:0;width:100%;background:linear-gradient(90deg,#e3f0ffcc,#fafdffcc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #11447714;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #b3d8fd}.navbar a{padding-left:10px;padding-top:5px}.logo{font-size:1.5rem;font-weight:700}.logo-image{height:70px;width:auto}.nav-links{display:flex;gap:.7rem;list-style:none;padding:0;flex-wrap:nowrap;width:auto;margin:0 0 0 auto;align-items:center;box-sizing:border-box}.nav-links a{text-decoration:none;color:#147;font-weight:500;font-size:.95rem;padding:.4rem .6rem;min-width:70px;text-align:center;white-space:nowrap;border-radius:6px;transition:background .2s,color .2s,box-shadow .2s}.nav-links a:hover,.nav-links a:focus{background:#e3f0ff;color:#0071bc;box-shadow:0 2px 8px #0071bc14;text-decoration:underline}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;cursor:pointer;transition:transform .3s ease-in-out;z-index:1001;padding-right:10px;padding-top:5px}.hamburger span{display:block;height:3px;width:100%;background-color:#147;border-radius:2px;transition:all .3s ease}.hamburger.active{transform:rotate(90deg)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,9px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-9px)}@media (max-width: 1100px){.nav-links{gap:1rem}}@media (max-width: 900px){.nav-links{gap:.5rem}}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:absolute;top:82px;left:0;right:0;background:#fafdff;flex-direction:column;align-items:center;padding:1rem;gap:1rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease-in-out;border-bottom:2px solid #b3d8fd}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}}@media (min-width: 1200px){.navbar{padding:1rem 4vw}.nav-links{gap:.8rem;width:31%}.nav-links a{font-size:1rem;padding:.4rem .8rem}}.hero{background-image:linear-gradient(#00ffaa7c,#14e4ff40),url(/images/fondosHero/reactores_y_estanque_7.png);background-size:cover;background-position:center;padding:6rem 2rem;color:#fff;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto}@media (max-width: 768px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}}.about{padding:4rem 2rem;background-repeat:repeat-x;background-color:#f9f9f9;background-position:center;display:flex;justify-content:center;align-items:center;background-size:contain;gap:60px}.about-container{max-width:900px;background-color:#ffffffe5;color:#fff;padding:2rem;text-align:center;border-radius:10px}.about-container h1{font-size:2.5rem;margin-bottom:1rem}.about-container p{font-size:1.2rem}.about h2{font-size:2rem;color:#0071bc;margin-bottom:1.5rem}.about p{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:1rem}@media (max-width: 768px){.about h2{font-size:1.5rem}.about p{font-size:1rem}.about{display:flex;justify-content:center;align-items:center;flex-direction:column}}.works-carousel{background:#f5fafd;text-align:center;width:30%;height:100%;max-width:900px}.works-carousel h3{color:#0071bc;margin-bottom:1.5rem}.carousel-container{display:flex;align-items:center;justify-content:center;gap:2rem}.carousel-slides{display:flex;gap:1.5rem;width:100%;height:100%}.carousel-slide-works{width:100%;height:100%;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center}.carousel-slide-works img{max-height:530px;width:450px;height:auto;padding:10px;border-radius:15px}.carousel-slide-works p{margin:0}.fade{opacity:1;transition:opacity .5s}.fading{opacity:0}@media (max-width: 768px){.works-carousel{background:#f5fafd;text-align:center;width:95%;height:100%}.carousel-slide-works img{max-height:430px;width:280px;height:auto;border-radius:15px}}.services{background-color:#fff;padding:4rem 2rem}.services-container{max-width:1100px;margin:0 auto;text-align:center}.services h2{font-size:2rem;color:#0071bc;margin-bottom:2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background-color:#f2f2f2;padding:2rem;border-radius:12px;transition:transform .2s ease}.service-card:hover{transform:translateY(-5px)}.service-card h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.service-card p{color:#666;font-size:1rem}.service-icon{width:40px;height:40px;object-fit:contain;margin-right:.5rem;vertical-align:middle}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.service-card{margin:0 auto;width:75%}}.projects{padding:4rem 2rem;background-color:#f9f9f9}.projects-container{max-width:1100px;margin:0 auto;text-align:center}.projects h2{font-size:2rem;color:#0071bc;margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.project-card:hover{transform:scale(1.02)}.project-card img{width:100%;height:180px;object-fit:cover}.project-info{padding:1rem;text-align:left}.project-info h3{color:#0071bc;margin-bottom:.5rem}.project-info p{color:#444;font-size:.95rem}.project-video-row{display:flex;gap:2rem;justify-content:center;align-items:flex-start;margin-top:2rem;flex-wrap:wrap}.project-video{display:flex;align-items:center;justify-content:center}.project-video video{border-radius:10px;box-shadow:0 2px 8px #00000014;background:#fff;max-width:350px;width:100%}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card{margin:0 auto;width:90%}}.footer{background:linear-gradient(90deg,#e3f0ff,#fafdff);color:#147;text-align:center;padding:2rem 1rem 1rem;border-top:2px solid #b3d8fd}.footer p{margin:.2rem 0;color:#147}.contact-buttons{position:fixed;top:40%;left:0;display:flex;flex-direction:column;gap:1rem;z-index:10000}.contact-buttons .btn{display:flex;align-items:center;width:48px;height:48px;background-color:#0071bc;color:#fff;font-size:24px;border-radius:0 8px 8px 0;box-shadow:0 2px 8px #00000040;text-decoration:none;overflow:hidden;white-space:nowrap;transition:width .3s ease,background-color .3s ease;cursor:pointer}.contact-buttons .icon{display:inline-block;width:48px;text-align:center}.contact-buttons .icon img{width:28px;height:28px;object-fit:contain}.contact-buttons .text{display:inline-block;opacity:0;margin-left:0;transition:opacity .3s ease,margin-left .3s ease;font-size:20px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-buttons .btn:hover,.contact-buttons .btn:focus{width:auto;background-color:#005a8f}.contact-buttons .btn:hover .text,.contact-buttons .btn:focus .text{opacity:1;margin-left:12px}@media (hover: none) and (pointer: coarse){.contact-buttons .btn:focus{width:500px;background-color:#005a8f}.contact-buttons .btn:focus .text{opacity:1;margin-left:12px}}@keyframes scroll-carrusel{0%{transform:translate(4%)}25%{transform:translate(-50%)}50%{transform:translate(-100%)}75%{transform:translate(-150%)}to{transform:translate(-225%)}}@keyframes sombras-multicolor{0%{filter:drop-shadow(0 0 5px rgb(103,144,255))}50%{filter:drop-shadow(0 0 5px rgb(115,113,255))}to{filter:drop-shadow(0 0 5px rgb(118,246,250))}}.clients-carousel{width:100vw;max-width:100vw;overflow:hidden;background:#f5fafd;text-align:center;padding:2rem 0}.clients-carousel h2{color:#0071bc;margin-bottom:2rem}.carousel-infinite-wrapper{width:100vw;overflow:hidden;position:relative}.carousel-infinite{display:flex;align-items:center;gap:2rem;animation:scroll-carrusel 40s linear infinite}.carousel-slide{min-width:180px;max-width:220px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:1rem;display:flex;flex-direction:column;align-items:center;animation:sombras-multicolor 2s infinite alternate}.carousel-slide img{width:100%;height:100px;object-fit:contain;margin-bottom:1rem}.carousel-slide:hover{filter:drop-shadow(0 0 5px rgb(250,118,118));animation:pause}.carousel-infinite:hover{animation-play-state:paused}.contacto{padding:4rem 2rem;background-color:#f9f9f9;text-align:center}.contacto h2{font-size:2rem;color:#0071bc;margin-bottom:1.5rem}.contacto p{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:1rem}@media (max-width: 768px){.contacto h2{font-size:1.5rem}.contacto p{font-size:1rem}}