@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#07111b;--panel:#101e2a;--line:#30404c;--green:#a5ff4b;--text:#f6faf9;--muted:#a5b4bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,82px)}.topbar{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,82px);mix-blend-mode:normal;background:linear-gradient(#07111be8,#07111b9a);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff19}.logo{font:700 25px 'Space Grotesk';letter-spacing:-1.6px}.logo em{font-style:normal;color:var(--green)}.nav-actions{display:flex;align-items:center;gap:24px}.mini{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.menu-button{border:1px solid #ffffff55;border-radius:100px;color:white;background:transparent;padding:13px 20px}.menu-button:hover,.outline:hover{background:var(--green);color:#07111b}.menu-screen{position:fixed;inset:0;z-index:99;background:#a5ff4b;color:#07111b;display:flex;flex-direction:column;justify-content:center;padding:90px clamp(25px,8vw,150px);opacity:0;visibility:hidden;transform:translateY(-25px);transition:.45s}.menu-screen.open{opacity:1;visibility:visible;transform:none}.menu-screen a{font:700 clamp(36px,6vw,92px) 'Space Grotesk';letter-spacing:-.07em;line-height:1.08;width:max-content;max-width:100%;transition:transform .3s}.menu-screen a:hover{transform:translateX(18px)}.menu-screen small{font-size:12px;letter-spacing:.18em;margin-right:25px}.menu-screen .menu-foot{margin-top:30px;font-size:13px}.hero{min-height:100svh;position:relative;display:flex;align-items:end;overflow:hidden;padding:160px 0 65px;background:linear-gradient(90deg,#07111bee 0%,#07111bd0 46%,#07111b44 100%),url('assets/hero.jpg') center/cover}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,75%) var(--my,40%),#a5ff4b22,transparent 35%)}.hero-inner{position:relative;z-index:1;width:100%}.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.hero h1,.page-title{font:700 clamp(64px,10.5vw,174px)/.86 'Space Grotesk';letter-spacing:-.09em;margin:27px 0 35px;max-width:1300px}.hero h1 span,.page-title span{color:var(--green)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.lead{max-width:520px;color:#d2dce0;font-size:clamp(16px,1.5vw,22px);line-height:1.5}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 26px;background:var(--green);color:#07111b;border-radius:50px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:.3s}.pill:hover{transform:translateY(-4px);box-shadow:0 15px 40px #a5ff4b55}.outline{background:transparent;color:white;border:1px solid #ffffff80}.actions{display:flex;gap:12px;flex-wrap:wrap}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:19px 0;white-space:nowrap;color:var(--green);font:600 15px 'Space Grotesk';letter-spacing:.15em}.marquee-inner{width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}section{padding:clamp(75px,10vw,155px) 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:48px}.section-top h2,.big-heading{font:600 clamp(42px,6.7vw,105px)/.96 'Space Grotesk';letter-spacing:-.075em;margin:14px 0}.section-top p{max-width:400px;color:var(--muted);line-height:1.7}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.work-card{position:relative;min-height:490px;overflow:hidden;border:1px solid #ffffff19;background:#122431;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:32px;isolation:isolate;transition:transform .5s,border-color .5s}.work-card:nth-child(3n){grid-column:span 2;min-height:530px}.work-card:hover{transform:translateY(-8px);border-color:var(--green)}.work-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--x,70%) var(--y,40%),#a5ff4b36,transparent 42%),linear-gradient(135deg,#19384a,#08121b 75%)}.work-card .category{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--green)}.work-card .symbol{font:600 clamp(110px,19vw,270px) 'Space Grotesk';color:#a5ff4b16;position:absolute;right:5%;top:13%;transition:.5s}.work-card:hover .symbol{transform:rotate(-10deg) scale(1.12);color:#a5ff4b35}.work-card h3{font:600 clamp(32px,4vw,60px)/1.03 'Space Grotesk';letter-spacing:-.06em;margin:0 0 14px;max-width:550px}.work-card p{color:#b7c7cd;max-width:480px;line-height:1.55}.work-card .card-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px}.round-arrow{width:60px;height:60px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.3s}.work-card:hover .round-arrow{background:var(--green);color:#07111b;transform:rotate(-45deg)}.dark-alt{background:#0d1b26}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.split p,.copy{color:var(--muted);font-size:18px;line-height:1.75}.battery-art{min-height:480px;border:1px solid #ffffff22;background:radial-gradient(circle at 50% 50%,#a5ff4b32,transparent 50%),#142431;display:grid;place-items:center;overflow:hidden}.battery-art span{font-size:180px;filter:drop-shadow(0 30px 35px #0008);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-18px) rotate(3deg)}}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.numbers strong{font:600 clamp(35px,4vw,70px) 'Space Grotesk';color:var(--green)}.numbers small{display:block;color:var(--muted)}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr 1fr 45px;align-items:center;gap:25px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .3s,color .3s}.service:hover{padding-left:20px;color:var(--green)}.service h3{font:600 clamp(25px,3vw,48px) 'Space Grotesk';letter-spacing:-.06em;margin:0}.service p{color:var(--muted);line-height:1.6}.footer-cta{background:var(--green);color:#07111b;padding:110px 0}.footer-cta h2{font:700 clamp(56px,10vw,155px)/.9 'Space Grotesk';letter-spacing:-.09em;margin:15px 0 45px}.footer-cta .pill{background:#07111b;color:white}.footer{padding:40px 0 25px;background:#050c13}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-grid p{max-width:390px;color:var(--muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--green)}.copyright{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;color:#7d929f;font-size:12px}.page-head{padding:190px 0 85px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,#24463255,transparent 35%)}.page-title{font-size:clamp(55px,9vw,132px)}.page-head p{max-width:750px;color:var(--muted);font-size:20px;line-height:1.6}.detail{padding:35px;background:#10222e;border:1px solid var(--line);margin-top:25px}.detail h3{font-size:26px}.detail p{color:var(--muted);line-height:1.7}.chipline{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{padding:12px 16px;border:1px solid #587080;border-radius:30px}.contact-form{display:grid;gap:14px;max-width:650px}.contact-form input,.contact-form textarea{background:#102431;border:1px solid #526575;color:white;padding:16px;border-radius:5px;width:100%}.notice{font-size:13px;color:#a9bcc4}.reveal{opacity:0;transform:translateY(40px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.topbar{padding:18px 22px}.logo{font-size:22px}.nav-actions .mini{display:none}.hero{padding-top:135px;min-height:85svh}.hero h1{font-size:clamp(60px,14vw,105px)}.hero-bottom{display:block}.actions{margin-top:25px}.work-grid,.split{grid-template-columns:1fr}.work-card,.work-card:nth-child(3n){grid-column:span 1;min-height:410px}.work-card{padding:24px}.work-card .symbol{font-size:160px}.section-top{display:block}.service{grid-template-columns:35px 1fr 35px}.service p{grid-column:2/4;margin:0}.numbers{grid-template-columns:repeat(3,1fr)}.numbers strong{font-size:34px}.battery-art{min-height:320px}.battery-art span{font-size:130px}.footer-cta{padding:75px 0}.page-head{padding-top:155px}.menu-screen{padding:85px 25px}.menu-screen a{font-size:clamp(36px,9vw,64px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* POWERVOLTA cinematic interaction layer */
body{overflow-x:hidden} .hero{isolation:isolate}.hero-orb{position:absolute;width:min(62vw,850px);height:min(62vw,850px);right:-12%;top:0;border-radius:50%;z-index:0;pointer-events:none;transform:translateY(var(--scroll-offset,0px));background:radial-gradient(circle,#a5ff4b38 0%,#52e6a01d 28%,transparent 67%);filter:blur(15px);animation:orb-breathe 8s ease-in-out infinite alternate}@keyframes orb-breathe{to{opacity:.55;scale:1.15}}.hero h1{animation:hero-appear 1.15s cubic-bezier(.2,.8,.2,1) both}@keyframes hero-appear{from{opacity:0;transform:translateY(75px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
.motion-word{display:inline-block;opacity:0;transform:translate3d(0,55px,0) rotate(3deg);filter:blur(7px);transition:opacity .7s,transform .85s cubic-bezier(.16,1,.3,1),filter .8s}.words-in .motion-word{opacity:1;transform:none;filter:none}.motion-word:nth-child(2n){transition-delay:.09s}.motion-word:nth-child(3n){transition-delay:.16s}.motion-word:nth-child(5n){transition-delay:.23s}
.pill,.menu-button,.round-arrow{transform:translate(var(--mag-x,0px),var(--mag-y,0px));will-change:transform}.pill{position:relative;overflow:hidden}.pill:before{content:'';position:absolute;inset:-80% -35%;background:linear-gradient(105deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-130%) rotate(14deg);transition:transform .7s}.pill:hover:before{transform:translateX(130%) rotate(14deg)}.pill:hover{transform:translate(var(--mag-x,0px),calc(var(--mag-y,0px) - 4px))}.work-card{transform-style:preserve-3d}.work-card:after{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#a5ff4b13 50%,transparent 60%);transform:translateX(-90%) rotate(15deg);transition:transform 1s}.work-card:hover:after{transform:translateX(90%) rotate(15deg)}.work-card:hover .card-bottom{transform:translateY(-7px)}.card-bottom{transition:transform .55s}
.diagonal-stack{position:relative;width:min(100%,590px);height:470px;transform:translateY(var(--scroll-offset,0px));perspective:1000px}.stack-panel{position:absolute;left:25%;top:14%;width:48%;height:67%;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#2a4555,#0b1520 75%);border:1px solid #a5ff4b80;box-shadow:0 25px 65px #0009;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .6s;transform:rotate(-11deg)}.stack-panel small{font-size:10px;letter-spacing:.13em;color:#a5ff4b}.stack-panel b{font-size:115px;align-self:center;color:#a5ff4b;text-shadow:0 0 40px #a5ff4b70}.stack-panel span{font-weight:800;letter-spacing:.16em}.stack-one{z-index:3;transform:translate(-40px,-15px) rotate(-14deg)}.stack-two{z-index:2;transform:translate(0,0) rotate(-2deg)}.stack-three{z-index:1;transform:translate(45px,18px) rotate(10deg)}.diagonal-stack:hover .stack-one{transform:translate(-125px,-85px) rotate(-24deg)}.diagonal-stack:hover .stack-two{transform:translate(10px,0) rotate(0)}.diagonal-stack:hover .stack-three{transform:translate(140px,95px) rotate(22deg)}.diagonal-stack:hover .stack-panel{box-shadow:0 40px 90px #000c,0 0 35px #a5ff4b1c}
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:300;pointer-events:none;border-radius:50%;margin:-5px 0 0 -5px}.cursor-dot{width:10px;height:10px;background:var(--green);box-shadow:0 0 20px var(--green)}.cursor-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid #a5ff4b8a;transition:width .3s,height .3s,margin .3s,background .3s}.cursor-active .cursor-ring{width:66px;height:66px;margin:-33px 0 0 -33px;background:#a5ff4b20}
@media(max-width:760px){.diagonal-stack{height:300px}.stack-panel{padding:13px}.stack-panel b{font-size:65px}.stack-panel small{font-size:7px}.diagonal-stack:hover .stack-one{transform:translate(-50px,-35px) rotate(-18deg)}.diagonal-stack:hover .stack-three{transform:translate(60px,45px) rotate(15deg)}.cursor-dot,.cursor-ring{display:none}.motion-word{transform:translateY(22px)}}@media(prefers-reduced-motion:reduce){.motion-word{opacity:1;transform:none;filter:none}.hero-orb{animation:none}.stack-panel,.diagonal-stack{transform:none!important}}

/* Logotipo POWERVOLTA transparente como seguidor del cursor */
.cursor-ring{border:0!important;border-radius:0!important;width:60px;height:60px;margin:-30px 0 0 -30px;background: url('assets/cursor-powervolta.png') center/contain no-repeat!important;filter:drop-shadow(0 0 7px #a5ff4b80);opacity:.9;transition:width .3s,height .3s,margin .3s,filter .3s;will-change:transform}
.cursor-active .cursor-ring{width:82px;height:82px;margin:-41px 0 0 -41px;filter:drop-shadow(0 0 12px #a5ff4bcc)}
.compare-scroll{overflow-x:auto;border:1px solid #34515b;border-radius:14px;background:#0c1b27;scrollbar-color:#a5ff4b #0c1b27}
.compare-table{width:100%;border-collapse:collapse;min-width:750px;text-align:left}
.compare-table th,.compare-table td{padding:22px 20px;border-bottom:1px solid #ffffff1c;vertical-align:top;line-height:1.5;font-size:14px}
.compare-table thead th{background:#162d39;color:white;font-size:15px}
.compare-table tbody th{color:white;font-weight:650;width:20%}
.compare-table .pv-col,.compare-table td:last-child{background:#a5ff4b0e;border-left:1px solid #a5ff4b55}
.compare-table thead .pv-col{color:#a5ff4b}
.compare-table tr:last-child td,.compare-table tr:last-child th{border-bottom:0}
.compare-note{color:#a5b4bc;font-size:13px;line-height:1.7;margin-top:20px;max-width:850px}
@media (hover:none),(pointer:coarse){.cursor-ring,.cursor-dot{display:none!important}}

/* Visual assets: conceptual illustrations created for this POWERVOLTA demo */
.hero{background-image:linear-gradient(90deg,#07111bee 0%,#07111bb8 42%,#07111b60 100%),url('assets/solar-home.webp');background-size:cover;background-position:center}
.page-head{background-image:linear-gradient(90deg,#07111bef,#07111bb0),url('assets/technology.webp');background-size:cover;background-position:center}
.product-photo{position:absolute;top:10%;right:5%;width:56%;height:59%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 22px 24px #000b);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .5s;z-index:0;border-radius:8px}
.work-card:hover .product-photo{transform:translateY(-12px) scale(1.08) rotate(-2deg);filter:drop-shadow(0 28px 32px #a5ff4b30)}
.work-card .symbol{opacity:.22}.work-card .category,.work-card .card-bottom{position:relative;z-index:2}.work-card .card-bottom{padding:18px;background:linear-gradient(90deg,#08131de8,#08131d99);border-radius:10px}
.stack-panel{background-image:linear-gradient(180deg,#08131d44,#08131ded),var(--panel-image);background-position:center;background-size:cover}.stack-panel b{opacity:.7}
.visual-banner{height:clamp(250px,35vw,460px);background:linear-gradient(90deg,#07111b40,#07111b00),url('assets/solar-home.webp') center/cover;border-radius:8px;margin-bottom:65px;border:1px solid #ffffff20}
@media(max-width:760px){.hero{background-position:60% center}.product-photo{width:70%;right:0;top:13%;height:48%}.work-card .card-bottom{padding:12px}.visual-banner{margin-bottom:35px}}