:root{--verde-conexion: #005136;--verde-circuito: #003522;--naranja-energia: #e56505;--gris-metal: #e2e2e2;--white: #ffffff;--light-gray: #f2f2f2;--text-color: #333;--font-gotham: "Poppins", sans-serif;--font-montserrat: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-montserrat);background-color:var(--white);color:var(--text-color);line-height:1.6}body.nav-open{overflow:hidden}.container{width:90%;max-width:1200px;margin:0 auto}h1,h2,h3,h4{font-family:var(--font-gotham);font-weight:700}h2{font-size:2.8rem;text-align:center;color:var(--verde-conexion);margin-bottom:1rem}h3{font-family:var(--font-gotham);font-weight:500;font-size:1.2rem;color:var(--verde-conexion);text-align:center}h4{font-family:var(--font-gotham);font-weight:500;font-size:1.25rem;color:var(--verde-circuito);margin-bottom:.5rem}p{text-align:justify;font-size:1rem;font-family:var(--font-montserrat);line-height:1.7}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.section-title{margin-bottom:4rem;text-align:center}.section-title h2{font-family:var(--font-gotham);font-size:2.8rem;font-weight:700;margin-bottom:1rem}.section-title h3{font-family:var(--font-gotham);font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.section-title .subtitle{text-align:center;max-width:600px;margin:1rem auto 0;font-size:1.1rem;font-family:var(--font-montserrat);color:#555}.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;background:transparent;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid rgba(255,255,255,.2)}.main-header.scrolled{background:#003522e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;border-bottom:1px solid transparent}.main-header .container{display:flex;justify-content:space-between;align-items:center}.logo-img{height:90px;width:auto;object-fit:contain;transition:transform .3s ease}.logo:hover .logo-img{transform:scale(1.05)}.main-nav ul{display:flex;align-items:center;gap:2rem}.main-nav a{font-family:var(--font-gotham);font-weight:500;text-transform:uppercase;font-size:.9rem;position:relative;padding:.5rem 0;color:var(--white)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--naranja-energia);transition:width .3s ease}.main-nav a:hover,.main-nav a.active{color:var(--naranja-energia)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.lang-switcher{display:flex;align-items:center;gap:.25rem;color:var(--white);margin-left:1rem}.lang-switcher .lang-link{font-weight:700;color:#ffffffb3;padding:0;text-transform:uppercase}.lang-switcher .lang-link:hover{color:var(--white)}.lang-switcher .lang-link.active{color:var(--naranja-energia)}.lang-switcher .lang-link:after{display:none}.lang-switcher span{color:#ffffff80}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-menu .bar{width:30px;height:3px;background-color:var(--white);border-radius:5px;transition:all .3s ease-in-out}.main-header.nav-open .hamburger-menu .bar:nth-child(1){transform:translateY(11px) rotate(45deg)}.main-header.nav-open .hamburger-menu .bar:nth-child(2){opacity:0}.main-header.nav-open .hamburger-menu .bar:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.hero-section{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;color:var(--white);overflow:hidden;background-color:#000}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/hero-poster-BzR1uyDM.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1s ease-in}.hero-video.loaded{opacity:1}@media (max-width: 768px){.hero-background{background-size:cover;background-position:center center}.hero-video{display:none}}@media (max-width: 480px){.hero-background{background-size:auto 100%;background-position:center center}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2}.scroll-indicator{display:none}.intro-section{padding:6rem 0;background:var(--verde-circuito);color:var(--white);position:relative;margin-top:0;border-top:none}.intro-container{display:flex;justify-content:center;align-items:center;position:relative;z-index:3}.intro-text{max-width:900px;text-align:center}.intro-text h2{text-align:center;color:var(--white);font-size:2.5rem;line-height:1.3;margin-bottom:2rem}.intro-text h2 span{color:#4caf50}.intro-text p{font-size:1.1rem;text-align:center;max-width:800px;margin:0 auto}.intro-text strong{font-weight:700}.services-section{padding:6rem 0;background:var(--verde-circuito);color:var(--white);position:relative;margin-top:0;border-top:none}.services-section .section-title h2,.services-section .section-title h3{color:var(--white)}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:4rem}.service-card{background:#0003;border:1px solid rgba(255,255,255,.2);padding:2.5rem 2rem;border-radius:15px;text-align:left;transition:all .4s ease;flex:1 1 320px;max-width:400px;min-height:280px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column}.service-card:hover{background:#e5650526;border-color:var(--naranja-energia);transform:translateY(-10px);box-shadow:0 10px 30px #e565054d}.service-card h4{color:var(--naranja-energia);font-size:1.3rem;margin-bottom:1rem}.service-card p{font-size:.95rem;line-height:1.7;flex-grow:1}.service-icon{width:50px;height:50px;margin-bottom:1.5rem;object-fit:contain}.service-card h4{color:var(--white);font-weight:700}.service-card p{text-align:left;color:#fffc;font-size:.9rem}.process-section{padding:6rem 0;background-color:var(--white)}.process-section .section-title:after{content:"";display:block;width:80px;height:3px;background-color:var(--verde-conexion);margin:1.5rem auto 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem;border-radius:10px;overflow:hidden}.process-step{position:relative;min-height:450px;background-size:cover;background-position:center;color:var(--white);display:flex;flex-direction:column;padding:2rem;transition:flex-grow .4s ease}.process-step:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#003522f2 20%,#0035221a 80%);z-index:1}.step-header{position:relative;z-index:2;cursor:pointer}.step-number{font-size:2rem;font-weight:700;border:2px solid var(--white);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:5px;margin-bottom:1.5rem}.step-title h4{font-size:1.8rem;color:var(--white);text-align:left}.step-details{position:relative;z-index:2;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease-out,opacity .4s ease-out,margin-top .5s ease-out}.step-details p{text-align:left;font-size:.95rem;line-height:1.7}.process-step.active .step-details{max-height:200px;opacity:1;margin-top:1.5rem}.team-section{padding:6rem 0;background-color:var(--light-gray);position:relative;overflow:hidden}.team-section:before{content:"";position:absolute;top:-100px;left:-20%;width:140%;height:200px;background:var(--white);border-radius:50%}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;max-width:900px;margin:0 auto}.team-member{display:flex;flex-direction:column;align-items:center}.member-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;background-color:#ccc}.team-member h4{font-family:var(--font-gotham);font-weight:700;font-size:1.1rem;color:var(--verde-circuito)}.team-member p{font-family:var(--font-montserrat);font-style:italic;font-size:.9rem;color:#666;text-align:center}.contact-section{padding:6rem 0;background-color:var(--light-gray)}.contact-form{max-width:800px;margin:0 auto;background:var(--white);padding:3rem;border-radius:20px;box-shadow:0 10px 30px #00000014}.contact-form h3{font-size:1.8rem;text-align:left;margin-bottom:2rem;color:var(--verde-circuito)}.form-group-row{display:flex;gap:1.5rem}.form-group{width:100%;margin-bottom:1.5rem;position:relative}.form-group input,.form-group textarea{width:100%;padding:1rem;font-family:var(--font-montserrat);font-weight:300;font-size:1rem;border:1px solid var(--gris-metal);border-radius:10px;background:var(--light-gray);transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--verde-conexion);box-shadow:0 0 0 3px #00513633}.form-group .icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);height:20px;width:20px;opacity:.5}.form-group .icon img{height:100%;width:100%}.btn-submit{display:block;width:100%;max-width:200px;margin:1rem auto 0;padding:1rem 2rem;background:linear-gradient(135deg,var(--naranja-energia),#d15604);color:var(--white);border:none;border-radius:10px;font-family:var(--font-gotham);font-weight:700;font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e5650566}.btn-submit:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 25px #e5650599}.form-message{margin-top:1.5rem;text-align:center;padding:1rem;border-radius:8px;font-size:.95rem}.form-message.success{background-color:#d4edda;color:#155724}.form-message.error{background-color:#f8d7da;color:#721c24}.form-message:not(:empty){display:block}.main-footer{background-color:var(--verde-circuito);color:#fffc;padding:4rem 0}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-column{flex:1;min-width:200px}.footer-column h4{font-family:var(--font-gotham);font-weight:700;color:var(--white);margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;margin-bottom:1rem;justify-content:center}.footer-channels-col{text-align:center}.social-links a{opacity:.8;transition:all .3s ease}.social-links a:hover{opacity:1;transform:scale(1.1)}.social-icon{width:32px;height:32px;object-fit:contain}.footer-email{font-size:.9rem}.footer-email:hover{color:var(--naranja-energia)}.footer-nav li{margin-bottom:.5rem}.footer-nav a:hover{color:var(--naranja-energia)}.footer-logo-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem}.footer-logo{display:block;margin-bottom:0}.logo-img-footer{height:100px;width:auto;object-fit:contain;transition:transform .3s ease}.footer-logo:hover .logo-img-footer{transform:scale(1.05)}.footer-lang-switcher{padding:.75rem 1.5rem;background:#ffffff1a;border-radius:30px;display:inline-flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.lang-button{background:none;border:none;color:var(--white);font-family:var(--font-gotham);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;border-radius:20px}.lang-button:hover{background:#ffffff1a;transform:translateY(-2px)}.lang-button.active{background:var(--naranja-energia);color:var(--white);font-weight:600}.lang-separator{color:#ffffff80;font-size:1rem}@media (max-width: 992px){h2{font-size:2.2rem}.intro-container{flex-direction:column;text-align:center}.intro-text h2,.intro-text p{text-align:center}.process-grid{grid-template-columns:1fr;gap:1rem}.process-step{border-radius:10px}.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.logo-img{height:60px}.hamburger-menu{display:flex}.main-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:#003522f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-100%);transition:transform .3s ease-in-out;z-index:5;padding-top:6rem}.main-header.nav-open .main-nav{transform:translate(0)}.main-nav ul{flex-direction:column;align-items:center;gap:1.5rem;width:100%}.main-nav a{font-size:1.2rem;padding:1rem}.lang-switcher{margin-left:0;margin-top:1rem}.form-group-row{flex-direction:column;gap:0}.footer-container{flex-direction:column;text-align:center}.social-links,.footer-logo-col{justify-content:center}}@media (max-width: 576px){.team-grid{grid-template-columns:1fr}.contact-form{padding:2rem}}
