@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#071426;--carbon:#142238;--cyan:#26d9c7;--iris:#6267ff;--cloud:#f6f4ee;--muted:#b3c3d3;--line:#304153;color-scheme:dark;font-family:Inter,sans-serif;color:var(--cloud);background:var(--ink);font-size:16px;line-height:1.65;scroll-behavior:auto;scroll-padding-top:25px;caret-color:var(--cyan);scrollbar-color:#60728a var(--ink)}*{box-sizing:border-box}body{margin:0}::selection{background:var(--cyan);color:var(--ink)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-underline-offset:5px}button,summary{cursor:pointer}button{border:1px solid var(--line);background:transparent;color:inherit;min-height:44px;padding:10px 18px}button:hover{border-color:var(--cyan)}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.light :focus-visible{outline-color:#4d42c7}h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;font-weight:650;line-height:1.12;letter-spacing:-.035em;margin:0;text-wrap:balance}h1{font-size:clamp(50px,5.8vw,82px)}h2{font-size:clamp(36px,4.4vw,60px)}h3{font-size:clamp(24px,2.5vw,34px)}h4{font-size:22px}em{font-style:normal;color:var(--cyan)}p{margin:20px 0;max-width:70ch}img,svg{max-width:100%;height:auto}svg{display:block}.wrap{width:min(1280px,89%);margin-inline:auto}.light{background:var(--cloud);color:var(--carbon);color-scheme:light}.small,.fine-print,small,.hero-foot,.privacy-pending,.form-mode{font-size:13px;line-height:1.6;color:var(--muted)}.light .small,.light .fine-print,.light small,.light .privacy-pending,.light .form-mode{color:#536274}.review-banner{text-align:center;background:#172a3e;font-size:12px;padding:6px 16px;color:#b9d3e5}header{border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:32px;padding:22px 0}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;flex-shrink:0}.brand img{width:150px;height:auto}.brand span{border-left:1px solid #5c6e82;padding-left:18px;font-size:18px;color:var(--cyan)}nav{display:flex;gap:24px;margin-left:auto;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--cyan)}.quiet-link{font-size:14px;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:5px}.mobile-menu{display:none}.skip{position:fixed;top:-100px;left:16px;background:var(--cyan);color:var(--ink);padding:16px;z-index:100}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:78px 88px;min-height:660px}.lead{font-size:20px;line-height:1.65;color:var(--muted)}.hero .lead{max-width:460px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:16px 24px;background:var(--cyan);color:var(--ink);border:0;text-decoration:none;font-size:15px;font-weight:650}.button:hover{background:#8ae9dd}.text-link{font-size:15px}.hero-diagram{position:relative}.hero-diagram>p{text-align:center;font-size:14px;color:var(--muted)}.orbit-lines{opacity:.6}.flowing{animation:flow 4s linear infinite;animation-play-state:var(--play,running)}@keyframes flow{to{stroke-dashoffset:-124}}.hero-flow{stroke-dasharray:3 28}.hero-diagram .sun-core{animation:sun 4s ease-in-out infinite;animation-play-state:var(--play,running)}@keyframes sun{50%{r:20px}}section:not(.hero):not(.contact){padding-block:96px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-head>p{max-width:410px;color:var(--muted);margin:0}.light .section-head>p{color:#536274}.lesson{background:#0b1b2e;border-top:1px solid var(--line)}.time-controls{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px}.time-controls button{flex:1;white-space:nowrap}.time-controls button[aria-pressed=true]{color:var(--ink);background:var(--cyan);border-color:var(--cyan)}.lesson-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:center;margin-top:25px}#energy-scene svg text{fill:#eef3f7;font-size:19px}#energy-scene svg .svg-small{fill:#b3c3d3;font-size:14px}.energy-path{stroke-dasharray:8 12}.import-path,.battery-path,.charge-path{display:none}[data-battery=true]:not([data-time=night]) .charge-path{display:block}.battery-node{opacity:.25}.solar-disc{transition:opacity .3s}.time-display{font-family:Manrope;font-size:44px;line-height:1;margin:0 0 22px;color:var(--cyan);font-variant-numeric:tabular-nums}.lesson-caption h3{font-size:28px}#scene-copy{min-height:150px;color:var(--muted)}.switch{display:flex;gap:12px;align-items:center;font-size:14px;min-height:48px}.switch input{width:22px;height:22px;accent-color:var(--cyan)}[data-time=morning] .export-path,[data-time=evening] .export-path,[data-time=night] .export-path,[data-time=night] .pv-path{display:none}[data-time=morning] .import-path,[data-time=evening] .import-path,[data-time=night] .import-path{display:block}[data-time=night] .pv-node{opacity:.4}[data-time=night] .solar-disc{opacity:0}[data-battery=true] .battery-node{opacity:1}[data-battery=true][data-time=night] .battery-path{display:block}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.principles p{font-size:15px;color:var(--muted)}.principles strong{display:block;color:var(--cloud);margin-bottom:8px}.story-tabs{display:flex;gap:8px;border-bottom:1px solid #c8d1d9;padding-bottom:16px}.story-tabs button{border-color:#b7c1ca;color:var(--carbon);font-size:15px}.story-tabs [aria-pressed=true]{background:var(--carbon);color:var(--cloud)}.story-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:48px;min-height:385px}.story-question{font-size:22px;color:#4d42b9;margin:0 0 24px}.story-stage h3{font-size:30px}.story-stage p{color:#536274}.story-learning{padding-top:18px;border-top:1px solid #c8d1d9;font-weight:600;color:var(--carbon)!important}.day-chart svg text{font-size:14px;fill:#526174}.chart-key{display:flex;justify-content:center;gap:30px;font-size:14px}.chart-key span:before{content:'';display:inline-block;width:20px;height:3px;vertical-align:middle;margin-right:8px}.purple:before{background:#6760dc}.teal:before{background:#007f78}.day-chart .small{text-align:center}.js #no-js-stories{display:none}.surplus{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.surplus h2{font-size:clamp(36px,3.8vw,52px)}.surplus-copy{color:var(--muted)}.surplus-copy>p:first-child{margin-top:0}.export-route{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;border-block:1px solid var(--line);font-size:17px;color:var(--cyan)}.battery-comparison{display:grid;grid-template-columns:1fr 1fr;gap:80px}.battery-comparison article{border-top:1px solid #9daebf;padding-top:25px}.option-label{font-size:14px;color:#4d42b9}.battery-comparison h3{margin:20px 0}.battery-comparison p{color:#536274}.evidence-note{border:1px solid #4a697e;padding:24px 28px;margin-bottom:48px;background:#10273a}.evidence-note>p{margin:8px 0 0;font-size:15px;color:#bbd4e4}.evidence-note>strong{color:#d2eee9}.money-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.money-inputs h3{font-size:27px}.cost-list{margin:24px 0}.cost-list>div{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}dt{font-size:15px}dt small{display:block;margin-top:3px}dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.total{font-weight:700;color:var(--cyan)}.model-controls{margin-top:30px}.model-controls label{display:flex;justify-content:space-between;gap:12px;font-size:14px}.model-controls output{white-space:nowrap;font-variant-numeric:tabular-nums}.model-controls input{width:100%;min-height:44px;margin:8px 0 20px;accent-color:var(--cyan)}.small-actions{display:flex;gap:12px;flex-wrap:wrap}.small-actions button{font-size:13px}.result-top>div{display:flex;flex-direction:column}.result-top span{font-size:14px;color:var(--muted)}.result-top strong{font-family:Manrope;font-size:clamp(32px,3.6vw,49px);color:var(--cyan);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.result-top p{font-size:15px;min-height:50px;color:var(--muted)}#investment-chart text{fill:var(--muted);font-size:14px}summary{min-height:50px;padding:18px 0;font-weight:500}details{border-bottom:1px solid var(--line)}details p{font-size:15px}summary:hover{color:var(--cyan)}.light summary:hover{color:#4d42b9}.assumptions{margin-top:35px;border-top:1px solid var(--line)}.assumptions>div{display:grid;grid-template-columns:1fr 1fr;gap:60px}.assumptions p{color:var(--muted);margin-top:0}.bill-example{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;border-top:1px solid var(--line);padding-top:45px;margin-top:45px}.bill-example h3{font-size:29px}.bill-example p{margin:0 0 18px;color:var(--muted);font-size:15px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px}caption{text-align:left;margin-bottom:16px;color:var(--muted)}.install-steps{list-style:none;padding:0;counter-reset:install;display:grid;grid-template-columns:1fr 1fr;gap:45px 80px}.install-steps li{counter-increment:install;border-top:1px solid #b8c2cb;padding-top:24px}.install-steps li:before{content:'0' counter(install);display:block;font-size:16px;color:#4d42b9;margin-bottom:20px}.install-steps h3{font-size:27px}.install-steps p{color:#536274}.question-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.questions{border-top:1px solid #d5dbe0}.questions details{border-color:#bec9d1}.questions details p{color:#536274}.sources{display:grid;grid-template-columns:1fr 1fr;gap:60px}.sources h2{font-size:36px}.sources p{color:var(--muted)}.contact{padding:96px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-copy h2{font-size:46px}.contact-copy>p{color:#536274}.review-note{border:1px solid #b0bdc8;padding:18px;font-size:14px;margin-top:25px}.review-note p{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field label,.field legend{font-size:14px;font-weight:600}.field label>span{font-weight:400}.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid #9aaab9;background:#fffefb;padding:12px;color:var(--carbon);border-radius:0}.field input::placeholder{color:#637383}.field textarea{resize:vertical}fieldset{border:0;margin:0;padding:0}.property-radios{display:flex;gap:18px;flex-wrap:wrap;margin-top:6px}.property-radios label,.check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.property-radios input{width:18px;min-height:18px;accent-color:#4d42b9}.check input{width:20px;height:20px;accent-color:#4d42b9}.field-error{color:#a22d20;font-size:13px}#error-summary{background:#f2dfd9;padding:14px;font-size:14px;margin-bottom:20px}.whatsapp-action{display:block;margin-top:20px}.inquiry-result{border:1px solid #a4b3bf;padding:20px;margin-top:20px}.inquiry-result h3{font-size:23px}.inquiry-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Inter}.secondary-button{border-color:#647a8f}.inquiry-result p{font-size:14px}.motion-toggle{position:fixed;right:16px;bottom:14px;background:#0e2940;border:1px solid #708499;z-index:10;font-size:12px;border-radius:8px}html[data-motion=paused],html[data-motion=reduced],.motion-offscreen{--play:paused}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:50px 90px;font-size:14px}.noscript-note{padding:20px;max-width:none;background:#14283e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.hero{min-height:730px}}@media(max-width:1050px){.header-row{gap:18px}header nav{gap:15px;font-size:12px}.brand img{width:125px}.hero{gap:20px}.lesson-layout{gap:30px;grid-template-columns:1.3fr 1fr}.money-layout,.story-stage,.battery-comparison,.contact-layout{gap:40px}.surplus{gap:45px}.section-head{gap:35px}.section-head>p{max-width:330px}.quiet-link{font-size:12px}}@media(max-width:800px){header .header-row>nav,header .quiet-link{display:none}.mobile-menu{display:block;margin-left:auto;border:0;position:relative}.mobile-menu summary{padding:0 10px;display:flex;align-items:center}.mobile-menu nav{position:absolute;right:0;top:52px;background:#13283e;z-index:20;min-width:240px;padding:20px;display:flex;flex-direction:column;font-size:15px;border:1px solid var(--line)}.hero{padding:55px 0 50px;min-height:0;grid-template-columns:1fr}.hero-copy{max-width:650px}.hero h1{font-size:clamp(46px,8vw,70px)}.hero-diagram{max-width:520px;width:100%;margin:auto}.hero-diagram>p{margin:0}.hero .lead{font-size:18px}.section-head{display:block}.section-head>p{max-width:560px;margin-top:25px}.lesson-layout{grid-template-columns:1fr;gap:16px}#energy-scene{max-width:680px}.lesson-caption{display:grid;grid-template-columns:auto 1fr;column-gap:30px}.time-display{grid-row:1/3;align-self:start}.lesson-caption h3 br{display:none}#scene-copy{min-height:0;margin-bottom:15px}.lesson-caption .switch,.lesson-caption .small{grid-column:2}.principles{gap:20px}.time-controls{display:grid;grid-template-columns:1fr 1fr}.story-stage,.money-layout,.surplus,.sources,.contact-layout,.question-layout,.bill-example{grid-template-columns:1fr}.story-stage{gap:25px}.day-chart{max-width:560px}.surplus{gap:20px}.money-layout{gap:45px}.money-result{max-width:700px;width:100%}.contact-copy h2{font-size:40px}.sources{gap:25px}.question-layout{gap:30px}.battery-comparison{gap:30px}.battery-comparison h3{font-size:26px}.assumptions>div{gap:30px}.install-steps{gap:35px}.bill-example{gap:25px}footer{flex-wrap:wrap}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header-row{padding:17px 0}.brand img{width:125px}.brand{gap:12px}.brand span{font-size:16px;padding-left:12px}.hero{padding-top:42px;gap:24px}.hero h1{font-size:48px}.hero .lead{margin:22px 0;font-size:17px}.hero-actions{gap:20px}.button{padding:14px 19px;font-size:14px}.hero-foot{font-size:12px}.hero-diagram{margin-top:5px}section:not(.hero):not(.contact){padding-block:62px}h2{font-size:36px}.section-head{margin-bottom:30px}.section-head>p{font-size:15px}.time-controls button{font-size:13px;padding:9px}.lesson-caption{display:block}.time-display{font-size:32px;margin:12px 0}.lesson-caption h3{font-size:26px}.principles{grid-template-columns:1fr;gap:4px}.principles p{margin:12px 0}.story-tabs{display:grid;grid-template-columns:1fr;gap:6px}.story-tabs button{text-align:left}.story-stage{padding-top:30px}.story-question{font-size:20px}.story-stage h3{font-size:28px}.export-route{font-size:14px;gap:7px}.battery-comparison,.assumptions>div,.install-steps{grid-template-columns:1fr;gap:26px}.evidence-note{padding:20px;font-size:15px;margin-bottom:32px}.money-inputs h3{font-size:25px}.cost-list>div{gap:10px}.cost-list dt{font-size:14px}.cost-list dd{font-size:15px}.result-top strong{font-size:35px}.result-top p{min-height:0}.model-controls label{font-size:13px}.bill-example{margin-top:30px;padding-top:30px}.sources h2{font-size:30px}.contact{padding:62px 0}.contact-copy h2{font-size:36px}.form-grid{grid-template-columns:1fr}.field{grid-column:1}.motion-toggle{bottom:10px;right:10px}footer{display:block}footer>p{margin:25px 0}.contact-layout{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flowing,.sun-core{animation:none!important}.solar-disc{transition:none}}

@media(max-width:480px){.hero-diagram svg text{font-size:21px}#energy-scene svg text{font-size:28px}#energy-scene svg .svg-small{display:none}.day-chart svg text{font-size:23px}#investment-chart text{font-size:28px}}

/* Los controles ocupan espacio propio: no cubren lectura ni diagramas. */
.motion-toggle{position:static;display:inline-block;margin:8px 0 0;box-shadow:none}
.lesson-caption .motion-toggle{grid-column:2;justify-self:start}
html:not(.js) .flowing,html:not(.js) .sun-core{animation:none!important}

/* Acceso permanente al contacto, con espacio de lectura y foco reservado. */
html{scroll-padding-bottom:100px}body{padding-bottom:100px}
.contact-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;margin:0;display:flex;justify-content:center;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#071426;border-top:1px solid #41536a}
.contact-dock a{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:10px 24px;font-size:14px;font-weight:650;text-decoration:none;border:1px solid var(--cyan)}
.contact-dock .dock-form{background:var(--cyan);color:var(--ink)}.contact-dock .dock-whatsapp{color:var(--cloud)}
.contact-dock a:hover{background:#b6f5eb;color:var(--ink)}
.contact-privacy{margin:22px 0 12px}.contact-privacy summary{font-size:14px}.contact-privacy p{font-size:14px}
#contact-form :is(input,select,textarea,button){scroll-margin-block:24px 110px}
@media(max-width:480px){.contact-dock{gap:8px;padding-inline:12px}.contact-dock a{font-size:13px;gap:10px;padding-inline:14px;flex:1}}
@media print{.contact-dock{display:none}body{padding-bottom:0}}