/* Energía solar de Zoo Koki: sello, tarjetas de datos y curva del día */
.solar-seal{display:block;width:var(--seal,150px);height:auto;filter:drop-shadow(0 14px 22px rgba(12,31,16,.35))}
.solar-seal .ring{transform-origin:100px 100px;animation:solar-spin 60s linear infinite}
@keyframes solar-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.solar-seal .ring{animation:none}}

/* Franja de la portada */
.solar-band{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;padding:34px 44px;border-radius:28px;color:#fff;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,#2f7a3b 0%,#17381c 48%,#0c1f10 100%);border:2px solid var(--orange,#f2994a);box-shadow:0 26px 50px -28px rgba(12,31,16,.85)}
.solar-band::before{content:"";position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(242,153,74,.42),rgba(242,153,74,0) 68%);pointer-events:none}
.solar-band>*{position:relative;z-index:1}
.solar-band h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);margin:6px 0 10px}
.solar-band p{color:#dbe6d0;margin:0;max-width:52ch}
.solar-band .eyebrow{color:var(--orange,#f2994a)}
.solar-band-nums{display:grid;grid-template-columns:repeat(3,auto);gap:10px 26px;margin-top:20px}
.solar-band-nums div b{display:block;font-family:var(--font-display,Georgia,serif);font-size:1.9rem;line-height:1;color:#fff}
.solar-band-nums div>span{display:block;margin-top:4px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bcd0ae}
.solar-band .btn{white-space:nowrap}
@media (max-width:860px){.solar-band{grid-template-columns:1fr;text-align:center;padding:30px 24px;justify-items:center}.solar-band-nums{justify-content:center}.solar-band p{margin-inline:auto}}

/* Página */
.solar-intro{display:grid;grid-template-columns:auto 1fr;gap:42px;align-items:center}
.solar-intro .prose{max-width:none}
.solar-badge-note{display:inline-flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--cream-2,#f6efe2);border:1px solid var(--sand,#dfe6cd);color:var(--forest-900,#112c16);font-size:.92rem}
@media (max-width:760px){.solar-intro{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}.solar-badge-note{text-align:left}}

.solar-live{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--forest-900,#112c16);margin-bottom:18px;flex-wrap:wrap}
.solar-dot{width:12px;height:12px;border-radius:50%;background:#9aa393;flex:none}
.solar-dot.on{background:#3fb04a;box-shadow:0 0 0 0 rgba(63,176,74,.6);animation:solar-pulse 2s infinite}
@keyframes solar-pulse{70%{box-shadow:0 0 0 12px rgba(63,176,74,0)}100%{box-shadow:0 0 0 0 rgba(63,176,74,0)}}
@media (prefers-reduced-motion:reduce){.solar-dot.on{animation:none}}
.solar-live small{font-weight:600;color:var(--ink-soft,#59654f)}

.solar-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.solar-kpi{background:#fff;border:1px solid var(--sand,#dfe6cd);border-radius:20px;padding:22px 22px 20px;box-shadow:var(--shadow-tight,0 6px 14px -10px rgba(12,31,16,.4));position:relative;overflow:hidden}
.solar-kpi::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--leaf-600,#3f7f32),var(--orange,#f2994a))}
.solar-kpi .ic{font-size:1.5rem;line-height:1}
.solar-kpi b{display:block;margin-top:10px;font-family:var(--font-display,Georgia,serif);font-size:2.3rem;line-height:1;color:var(--forest-950,#0c1f10)}
.solar-kpi b em{font-style:normal;font-family:var(--font-body,inherit);font-size:.9rem;font-weight:700;color:var(--ink-soft,#59654f);margin-left:5px}
.solar-kpi>span:not(.ic){display:block;margin-top:8px;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft,#59654f)}

.solar-eco{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.solar-eco-card{border-radius:24px;padding:26px 26px 24px;color:#fff;background:linear-gradient(150deg,#1d4a24,#0c1f10);position:relative;overflow:hidden}
.solar-eco-card::after{content:attr(data-ic);position:absolute;right:-8px;bottom:-18px;font-size:5.6rem;opacity:.14}
.solar-eco-card b{display:block;font-family:var(--font-display,Georgia,serif);font-size:2.9rem;line-height:1;color:#fff}
.solar-eco-card b em{font-style:normal;font-family:var(--font-body,inherit);font-size:1rem;font-weight:700;color:#ffd9a8;margin-left:6px}
.solar-eco-card>span{display:block;margin-top:10px;color:#dbe6d0;font-weight:600}
.solar-eco-card small{display:block;margin-top:8px;color:#a9c19b;font-size:.84rem}

.solar-curve{background:#fff;border:1px solid var(--sand,#dfe6cd);border-radius:24px;padding:24px 26px 18px;box-shadow:var(--shadow-tight,0 6px 14px -10px rgba(12,31,16,.4))}
.solar-curve h3{font-size:1.2rem;margin:0 0 4px}
.solar-curve p{margin:0 0 12px;color:var(--ink-soft,#59654f);font-size:.95rem}
.solar-curve svg{display:block;width:100%;height:auto}
.solar-curve .axis{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--ink-soft,#59654f);margin-top:4px}
.solar-foot{margin-top:16px;font-size:.88rem;color:var(--ink-soft,#59654f)}

.solar-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.solar-why>div{background:#fff;border:1px solid var(--sand,#dfe6cd);border-radius:20px;padding:24px}
.solar-why .e{font-size:1.9rem;line-height:1}
.solar-why h3{font-size:1.15rem;margin:10px 0 6px}
.solar-why p{margin:0;color:var(--ink-soft,#59654f)}