body{--bg:#071b30;--text:#f0f9ff;--muted:#a4c5d8;--accent:#78e6f8;--rule:rgba(111,218,247,.27);--menu-bg:#0a243d;--focus:#ffdb70;background:radial-gradient(ellipse at 82% 8%,rgba(21,103,153,.38),transparent 35%),radial-gradient(ellipse at 6% 65%,rgba(22,110,148,.18),transparent 35%),linear-gradient(rgba(115,202,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,202,230,.035) 1px,transparent 1px),#071b30;background-size:auto,auto,64px 64px,64px 64px,auto}
.electron-opening{padding:7px 0 clamp(30px,4vw,63px)}.electron-overline{display:flex;justify-content:space-between;gap:20px;align-items:center}.electron-title-row{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:end;margin-top:45px}.electron-title-row h1{font:700 clamp(4.2rem,8.7vw,10rem)/.84 Arial,Helvetica,sans-serif;letter-spacing:-.095em}.electron-title-row h1 em{font-style:normal;color:#e3a715}.electron-title-row p{max-width:24ch;padding-bottom:6px;font:400 clamp(1.25rem,2.15vw,2rem)/1.34 Georgia,serif}.electron-title-row p strong{color:#0b70b3}
.electron-banner{width:min(100%,1920px);margin:auto}.electron-banner img{border-block:1px solid var(--rule)}.electron-banner figcaption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding-block:16px;color:var(--accent);font:700 .7rem Georgia,serif;letter-spacing:.16em}
.electron-intro{display:grid;grid-template-columns:170px 1fr;gap:clamp(32px,5vw,85px);padding-block:clamp(95px,10vw,155px)}.electron-intro h2,.cast-heading h2,.electron-format h2,.electron-closer h2{font:400 clamp(3rem,5.25vw,6rem)/1.04 Georgia,serif;letter-spacing:-.06em}.electron-intro h2 em{color:#d79d08;font-weight:400}.electron-intro p{max-width:65ch;margin-top:26px;font-size:1.15rem;line-height:1.72;color:#425c6d}.electron-intro p:first-of-type{font:400 clamp(1.3rem,1.8vw,1.65rem)/1.55 Georgia,serif;color:#1d3e59;margin-top:35px}
.electron-cast{background:#0e4d87;color:#fff;padding-block:clamp(85px,9vw,140px);overflow:hidden}.electron-cast .section-label{color:#ffda64}.cast-heading{display:grid;grid-template-columns:170px 1fr;gap:clamp(32px,5vw,85px)}.cast-heading h2{max-width:13ch}
.cast-teacher{display:grid;grid-template-columns:1fr minmax(250px,.7fr);gap:30px;align-items:center;margin:60px 0 0 255px;background:#f5ead2;color:#092a4c;min-height:570px;overflow:hidden}.teacher-copy{padding:clamp(32px,5vw,75px)}.teacher-copy>span,.robot-entry span{color:#1568a3;font:700 .77rem Georgia,serif;letter-spacing:.16em}.teacher-copy h3{font:400 clamp(3.2rem,5vw,6rem)/1 Georgia,serif;letter-spacing:-.065em;margin:25px 0}.teacher-copy p{max-width:40ch;font-size:1.12rem;line-height:1.7;color:#39586e}.cast-teacher img{height:min(620px,52vw);width:auto;max-width:none;max-height:100%;justify-self:center;align-self:end}
.robot-entry{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,85px);align-items:center;margin-top:60px}.robot-entry img{width:100%;height:auto;border:1px solid #ffffff58}.robot-entry span{color:#ffda64}.robot-entry h3{font:400 clamp(2.5rem,4.2vw,5rem)/1.08 Georgia,serif;letter-spacing:-.06em;margin:21px 0}.robot-entry p{max-width:45ch;color:#e6f1f7;font-size:1.09rem;line-height:1.72}
.electron-format{display:grid;grid-template-columns:170px 1fr;gap:clamp(32px,5vw,85px);padding-block:clamp(95px,10vw,155px)}.electron-format p{max-width:57ch;color:#425c6d;font-size:1.1rem;line-height:1.7;margin-top:23px}.format-numbers{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.format-numbers div{border-top:2px solid #dfb642;padding:20px 10px 20px 0}.format-numbers strong{display:block;font:400 clamp(4.3rem,7vw,9rem)/.9 Georgia,serif;color:#0d5d98}.format-numbers span{display:block;max-width:14ch;margin-top:15px;color:#476678;font-weight:700}
.electron-lab{width:min(100%,1920px);margin:auto}.electron-lab img{border-block:1px solid var(--rule)}.electron-lab figcaption{padding-block:17px;text-align:right;color:#37617f;font:italic 1.15rem Georgia,serif}
.electron-episodes{padding-block:clamp(85px,9vw,145px)}.episodes-heading{display:grid;grid-template-columns:170px 1fr;gap:clamp(32px,5vw,85px);margin-bottom:42px}.episodes-heading h2{font:400 clamp(3rem,5.25vw,6rem)/1.04 Georgia,serif;letter-spacing:-.06em}.episodes-heading p{max-width:62ch;margin-top:20px;color:#496777;line-height:1.65}.electron-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,5vw,75px) clamp(22px,3vw,45px)}.electron-episode{min-width:0;border-top:1px solid var(--rule);padding-top:14px}.electron-episode img{width:100%;height:auto;display:block;aspect-ratio:1672/941;border:1px solid #38648542}.episode-detail{padding:21px 5px 0}.episode-detail>span{font:700 .7rem Georgia,serif;letter-spacing:.16em;color:#1462a1}.episode-detail h3{font:400 clamp(1.55rem,2.3vw,2.7rem)/1.17 Georgia,serif;letter-spacing:-.04em;margin:13px 0}.episode-detail h3 i{color:#c99511;font-weight:400}.episode-detail p{max-width:55ch;color:#486777;line-height:1.65}
.electron-closer{display:grid;grid-template-columns:170px 1fr;gap:clamp(32px,5vw,85px);padding-block:clamp(90px,9vw,140px)}.electron-closer h2{max-width:18ch}.electron-closer p{max-width:54ch;font-size:1.12rem;line-height:1.7;color:#425c6d;margin:24px 0}
@media(max-width:1050px){.cast-teacher{margin-left:0}.cast-teacher img{height:510px}}
@media(max-width:790px){.electron-title-row{grid-template-columns:1fr}.electron-title-row h1{font-size:clamp(3.7rem,12vw,7rem)}.electron-intro,.cast-heading,.electron-format,.electron-closer,.episodes-heading{grid-template-columns:1fr}.format-numbers{grid-column:1}.cast-teacher{grid-template-columns:1fr 1fr}.cast-teacher img{height:420px}.robot-entry{grid-template-columns:1fr}.electron-banner figcaption span:last-child{display:none}}
@media(max-width:620px){.electron-overline{align-items:flex-start;flex-direction:column;gap:13px}.electron-title-row h1{font-size:clamp(3.45rem,13vw,5rem)}.electron-intro h2,.cast-heading h2,.electron-format h2,.electron-closer h2{font-size:clamp(2.65rem,10vw,4rem)}.cast-teacher{grid-template-columns:1fr;gap:0}.teacher-copy{padding:32px}.cast-teacher img{height:420px;justify-self:end;margin-right:20px}.format-numbers{grid-template-columns:repeat(3,1fr);gap:8px}.format-numbers strong{font-size:3.8rem}.format-numbers span{font-size:.83rem}.robot-entry h3{font-size:2.8rem}}
@media(max-width:620px){.electron-episode-grid{grid-template-columns:1fr}.episodes-heading h2{font-size:clamp(2.65rem,10vw,4rem)}}

/* Laboratorio orbital: la imagen, el color y los datos forman una sola atmósfera. */
.electron-opening{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(560px,70vh,760px);padding-block:clamp(45px,5vw,80px) clamp(60px,7vw,110px)}
.electron-opening::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,#06192be8 0%,#06192b9c 39%,#06192b12 84%),linear-gradient(0deg,#06192b9c,transparent 34%),url("interiors/electron-science-hero.webp") center/cover no-repeat}
.electron-opening::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#ffe087,var(--accent),transparent)}
.electron-overline{width:100%}.electron-opening .kicker{color:#87e9fa}.electron-opening .status-tag{color:#ffde77;background:#0b284dbb;border-color:#ffde7799}
.electron-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:30px;margin-top:55px;width:100%}
.electron-title-row h1{font-size:clamp(3.5rem,7.7vw,8.5rem);line-height:.87;color:#f6fbff;text-shadow:0 8px 32px #020e1f88}
.electron-title-row h1 em{color:#ffcf4e}
.electron-title-row p{max-width:31ch;padding-bottom:0;color:#d9f0fb;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.2rem,1.8vw,1.65rem);font-weight:500;line-height:1.4;text-shadow:0 2px 14px #03172d}
.electron-title-row p strong{color:#ffda70}
.electron-banner figcaption{color:#a9e7f5}.electron-banner img{border-color:var(--rule)}
.electron-intro{border-top:1px solid var(--rule)}
.electron-intro h2 em{color:#ffdc70}
.electron-intro p,.electron-format p,.electron-closer p{color:#bad5e4}
.electron-intro p:first-of-type{color:#e3f5ff}
.electron-cast{background:radial-gradient(circle at 80% 15%,#12678b 0%,transparent 45%),linear-gradient(135deg,#0a2a49,#0a5274 65%,#092d51);border-block:1px solid var(--rule)}
.electron-cast .section-label,.robot-entry span{color:#ffde70}
.electron-format{border-bottom:1px solid var(--rule)}
.format-numbers div{border-color:#ffcf59}.format-numbers strong{color:#8beafa}.format-numbers span{color:#b6d9e8}
.electron-lab figcaption{color:#acdbe9}
.electron-episodes{position:relative}
.episodes-heading p{color:#b9d6e5}
.electron-episode-grid{gap:clamp(24px,3.5vw,52px)}
.electron-episode{padding:12px 12px 26px;border:1px solid var(--rule);background:linear-gradient(150deg,rgba(26,72,103,.74),rgba(8,35,61,.84) 65%);box-shadow:0 18px 48px #02132455}
.electron-episode img{border:1px solid #8dd8ea4a}
.episode-detail{padding:21px 12px 0}
.episode-detail>span{color:#8eeafa}.episode-detail h3{color:#f0f9ff}.episode-detail h3 i{color:#ffd55e}.episode-detail p{color:#b8d4e2}
.electron-closer{border-top:1px solid var(--rule)}
.electron-closer h2{color:#f2fbff}

@media(max-width:790px){.electron-opening{min-height:570px}.electron-opening::before{background-position:58% center}.electron-title-row{gap:24px}.electron-title-row h1{font-size:clamp(3.35rem,10.2vw,6rem)}}
@media(max-width:620px){.electron-opening{min-height:530px;padding-block:36px 55px}.electron-opening::before{background:linear-gradient(90deg,#06192bec 0%,#06192bc4 56%,#06192b62 100%),url("interiors/electron-science-hero.webp") 57% center/cover no-repeat}.electron-title-row h1{font-size:clamp(3.12rem,11.3vw,4.7rem)}.electron-title-row p{font-size:1.25rem}.electron-episode{padding:9px 9px 22px}.episode-detail{padding:18px 9px 0}}