:root{color-scheme:light;--primary: #0b2a5b;--primary-dark: #071c3d;--accent: #f2c230;--text: #1f2937;--muted: #6b7280;--bg: #f8fafc;--white: #ffffff;--shadow: 0 20px 60px rgba(15, 23, 42, .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 10%,rgba(242,194,48,.18),transparent 40%),radial-gradient(circle at 90% 20%,rgba(11,42,91,.16),transparent 45%),radial-gradient(circle at 30% 80%,rgba(15,118,110,.12),transparent 40%);pointer-events:none}a{color:inherit;text-decoration:none}.container{width:min(1200px,92%);margin:0 auto}.site-header{background:var(--white);position:sticky;top:0;z-index:10;border-bottom:1px solid #e5e7eb;backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;padding:20px 0;gap:16px}.nav-links{display:flex;gap:24px;font-weight:500;color:var(--muted)}.nav-links a{white-space:nowrap}.nav-links a:hover{color:var(--primary)}.nav-links a.is-active,.nav-menu a.is-active,.nav-trigger.is-active{color:var(--primary);position:relative}.nav-links a.is-active:after,.nav-menu a.is-active:after,.nav-trigger.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--primary);border-radius:999px}.nav-item{position:relative;display:inline-flex;align-items:center}.nav-trigger{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.nav-menu{position:absolute;top:120%;left:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 24px #0f172a1f;padding:10px;display:none;z-index:20}.nav-menu a{display:block;padding:8px 10px;border-radius:8px;color:var(--text)}.nav-menu a:hover{background:#f1f5f9;color:var(--primary)}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}.hero{padding:90px 0 50px;background:linear-gradient(120deg,#f8fafc,#fff8db 45%,#e0f2fe)}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;margin-left:-8px}.logo-img{width:170px;height:170px;object-fit:contain}.logo-text{font-size:1.1rem}.header-right{display:flex;gap:14px;align-items:center}.mobile-lang{display:none;padding-bottom:16px;justify-content:flex-end}.mobile-nav{display:none;padding:0 0 16px;gap:12px;flex-wrap:wrap;align-items:center}.mobile-nav a{font-weight:600;color:var(--primary)}.mobile-dropdown summary{cursor:pointer;font-weight:600;color:var(--primary)}.mobile-menu{display:grid;gap:8px;margin-top:8px}.header-contact{display:flex;align-items:center;gap:8px}.phone-pill{display:inline-flex;transition:transform .2s ease,box-shadow .2s ease;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-weight:700;color:var(--primary);white-space:nowrap}.header-note{font-size:.75rem;color:var(--muted)}.whatsapp-btn{white-space:nowrap}.lang-dropdown{position:relative}.lang-trigger{list-style:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease;border:1px solid #e5e7eb;background:#fff;font-weight:600;cursor:pointer}.lang-dropdown[open] .lang-trigger{box-shadow:0 12px 24px #0f172a1f}.lang-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border-radius:14px;padding:10px;min-width:180px;box-shadow:0 16px 30px #0f172a29;display:grid;gap:6px;z-index:20}.lang-menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:.9rem}.lang-menu a.active{background:#fef3c7;color:var(--primary)}.flag-img{width:24px;height:16px;border-radius:3px;object-fit:cover;box-shadow:inset 0 0 0 1px #00000014}.btn{border:none;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-lg{padding:16px 32px;font-size:1.1rem;min-height:52px}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a29}.btn-primary{background:var(--primary);color:var(--white)}.btn-secondary{background:#fde68a;color:var(--primary)}.btn-outline{background:transparent;border:1px solid #c7d2fe;color:var(--primary)}.btn-ghost{background:transparent;border:1px solid #e5e7eb}.btn-full{width:100%}.hero{padding:80px 0 40px;background:linear-gradient(120deg,#f8fafc,#fef3c7 55%,#e0f2fe)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;align-items:center}.hero-copy h1{font-size:clamp(2.5rem,4vw,3.5rem);margin-bottom:16px}.accent{color:var(--primary);position:relative}.accent:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:6px;background:var(--accent);z-index:-1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;color:var(--muted);margin-bottom:16px}.lead{font-size:1.1rem;color:var(--muted);margin-bottom:24px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.service-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.service-link{background:#fff;border:1px solid #e5e7eb;padding:8px 14px;border-radius:999px;font-weight:600;color:var(--primary)}.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.trust strong{font-size:1.2rem;display:block}.trust span{color:var(--muted);font-size:.9rem}.hero-card{background:var(--white);padding:32px;border-radius:24px;box-shadow:0 4px 24px #0000001f;display:grid;gap:20px;border:2px solid var(--accent-light)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.9rem;margin-bottom:1rem;border:1px solid #7dd3fc}.hero-badge .badge-icon{background:#0284c7;color:#fff;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.btn-icon{font-size:1.1rem;margin-right:6px}.card-badge{display:inline-block;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:12px;border:1px solid #7dd3fc}@media (min-width: 768px){.hero-card{position:sticky;top:80px;z-index:5}}.service-benefits{list-style:none;display:grid;gap:12px;color:var(--muted)}.service-benefits li{padding-left:26px;position:relative}.service-benefits li:before{content:"✔";position:absolute;left:0;color:var(--primary);font-weight:700}.card-header h2{margin-bottom:8px;font-size:1.5rem}.card-header p{color:var(--muted)}.segmented,.energy-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.energy-types.is-hidden{display:none}.segment,.chip{border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.segment-icon{font-size:1.1rem}.segment.active,.chip.active{border-color:#fde68a;background:#fef3c7;color:var(--primary);box-shadow:0 10px 20px #0f172a1f}.lead-form{display:grid;gap:16px}label{font-weight:600;font-size:.9rem;display:grid;gap:8px}input,select{padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;font-size:1rem;font-family:inherit}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.checkbox{font-weight:400;display:flex;align-items:center;gap:8px}.fine-print{font-size:.8rem;color:var(--muted);text-align:center}.section{padding:80px 0}.section.alt{background:#f1f5f9}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.5px}.section-header p{color:var(--muted)}.grid-4,.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}#comunidades{position:relative}#comunidades:before{content:"";position:absolute;inset:20px 0;background:radial-gradient(circle at top left,rgba(242,194,48,.18),transparent 45%),radial-gradient(circle at bottom right,rgba(11,42,91,.14),transparent 40%);z-index:0}#comunidades .container{position:relative;z-index:1}.logo-slider{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.logo-track{display:flex;gap:24px;align-items:center;overflow:hidden;padding:10px 0;width:100%}.logo-track.slide-right{animation:slideRight 8s ease-in-out infinite alternate}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(24px)}}.logo-card{background:transparent;border:none;padding:10px 18px;display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - 72px)/4);min-width:160px}.logo-nav{width:42px;height:42px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.logo-card img{width:150px;height:60px;object-fit:contain;filter:grayscale(0%);background:transparent;mix-blend-mode:multiply}.logo-card.pending{border-style:solid;background:#f8fafc;color:#64748b}.feature-card,.solution-card{background:var(--white);padding:24px;border-radius:20px;box-shadow:0 12px 25px #0f172a14}.feature-card{padding:28px;border-radius:24px;box-shadow:0 18px 35px #0f172a1f;display:grid;gap:12px;position:relative;overflow:hidden;text-align:center}.feature-card:after{content:"";position:absolute;inset:-40% 40% auto -20%;height:140px;background:radial-gradient(circle,rgba(242,194,48,.35),transparent 70%);opacity:0;transition:opacity .3s ease}.feature-card:hover:after{opacity:1}.feature-icon{width:64px;height:64px;border-radius:16px;background:#f5c83c2e;color:#1b3f8a;display:inline-flex;align-items:center;justify-content:center;font-size:2.8rem;line-height:1;font-weight:700;margin:0 auto}.feature-card h3{font-size:1.2rem}.feature-card p{color:var(--muted)}.testimonial-card{background:#fff;padding:28px;border-radius:20px;box-shadow:0 12px 25px #0f172a14;display:grid;gap:16px;border:2px solid rgba(15,23,42,.05)}.testimonial-rating{font-size:1.25rem;color:#fbbf24}.testimonial-quote{color:#374151;font-size:1.05rem;line-height:1.7;font-style:italic}.trust-badge{display:inline-block;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;padding:8px 18px;border-radius:999px;font-size:.9rem;font-weight:700;margin-bottom:1rem;border:1px solid #7dd3fc}.testimonial-slider{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.testimonial-track{display:flex;gap:24px;overflow:hidden}.testimonial-track .testimonial-card{flex:0 0 calc((100% - 24px)/2)}.testimonial-header{display:flex;align-items:center;gap:12px}.testimonial-header img{width:56px;height:56px;border-radius:16px;object-fit:cover;background:#f1f5f9;border:2px solid #ffffff;box-shadow:0 8px 16px #0f172a1f}.testimonial-header span{display:block;color:var(--muted);font-size:.9rem}.testimonial-nav{width:42px;height:42px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.solution-card a{display:inline-block;margin-top:16px;color:var(--primary);font-weight:600}.solution-card{text-align:center}.solution-icon{width:56px;height:56px;border-radius:18px;background:#f5c83c2e;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 12px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.step{background:var(--white);padding:24px;border-radius:20px;box-shadow:0 12px 25px #0f172a14;text-align:center}.step span{display:inline-flex;margin:0 auto 12px;width:40px;height:40px;align-items:center;justify-content:center;background:#fef3c7;border-radius:50%;font-weight:700;color:var(--primary)}.faq{max-width:760px;margin:0 auto;display:grid;gap:16px}.faq-item{background:var(--white);border-radius:16px;box-shadow:0 12px 25px #0f172a14;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;padding:20px 24px;text-align:center}.faq-question{font-size:1.05rem;font-weight:700;color:var(--text)}.faq-answer{margin-top:10px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:24px}.footer-logo .logo-mark{background:linear-gradient(135deg,#facc15,#f59e0b)}.site-footer ul{list-style:none;display:grid;gap:10px;color:#cbd5f5}.contact-list a{color:#e2e8f0}.contact-list a:hover{color:var(--accent)}.footer-bottom{text-align:center;font-size:.8rem;color:#94a3b8}.legal{color:var(--text);display:grid;gap:16px}.legal h1,.legal h2{color:var(--text)}.legal ul{padding-left:18px;display:grid;gap:8px}.about-cta{margin-top:24px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 12px 25px #0f172a14;display:grid;gap:8px;justify-items:start}.cookie{position:fixed;left:24px;bottom:24px;max-width:420px;background:var(--white);padding:20px;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}.toast{position:fixed;right:24px;top:24px;background:#0f172a;color:var(--white);padding:14px 20px;border-radius:12px;opacity:0;transform:translateY(-20px);transition:all .3s ease;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}.whatsapp-fab{position:fixed;right:24px;bottom:90px;background:#22c55e;color:#0f172a;padding:12px 18px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 16px 30px #22c55e59;z-index:20}.whatsapp-icon{width:20px;height:20px;filter:brightness(0)}.whatsapp-fab:hover{background:#16a34a}.call-fab{position:fixed;right:24px;bottom:24px;background:linear-gradient(135deg,#1b3f8a,#0f172a);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 16px 30px #0f172a4d;z-index:20}.call-fab:hover{background:var(--primary-dark)}.call-icon{width:20px;height:20px;filter:brightness(0) invert(1)}@media (max-width: 980px){.nav-links{display:none}.mobile-nav{display:flex}.testimonial-slider{grid-template-columns:1fr}.testimonial-nav{display:none}.testimonial-track .testimonial-card{flex:0 0 100%}}@media (max-width: 680px){.logo-nav{display:none}.logo-img{width:110px;height:110px}.hero{padding:60px 0 20px}.hero-card{padding:24px}.segmented,.energy-types{grid-template-columns:1fr}.header-right{display:none}.mobile-lang{display:flex}.whatsapp-fab{right:16px;bottom:70px}.call-fab{right:16px;bottom:16px}}
