/* Escenas secundarias: contenido y enlaces permanecen en el HTML original. */
:root{--atm-cyan:#91e9f0;--atm-pink:#e8a0df;--atm-rule:rgba(151,211,224,.27)}
.red-route,.comando-section{isolation:isolate;overflow:clip}
.red-route{padding-block:clamp(86px,10vw,150px);background:radial-gradient(ellipse 53% 34% at 89% 11%,rgba(85,34,111,.27),transparent 78%),radial-gradient(ellipse 48% 37% at 9% 83%,rgba(15,101,124,.18),transparent 80%),#060d18}
.red-route::before,.comando-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(145,233,240,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(145,233,240,.065) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);transform:translate3d(0,calc(var(--atm-progress,0)*-28px),0)}
.red-route::after{content:"";position:absolute;z-index:-1;top:0;right:-7%;width:min(64vw,820px);height:720px;pointer-events:none;background:url('assets/generated/ruta-atmosfera.webp') center/contain no-repeat,url('assets/generated/red-gpt-v2.png') center/contain no-repeat;opacity:.15;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 65%,transparent);transform:translate3d(0,calc(var(--atm-progress,0)*-34px),0)}
.red-route__head{position:relative;max-width:850px}
.red-route__head::after{content:"";display:block;width:min(280px,45%);height:1px;margin-top:32px;background:linear-gradient(90deg,var(--atm-pink),var(--atm-cyan),transparent)}
.red-route__head p{color:#d8e5ec;max-width:670px}
.red-route__line{gap:0;margin-top:72px;border:0;border-top:1px solid var(--atm-rule);background:transparent}
.red-route__step{min-height:330px;padding:34px 24px 28px;border-right:1px solid var(--atm-rule);border-bottom:1px solid var(--atm-rule);background:linear-gradient(180deg,rgba(20,39,58,.36),rgba(7,14,27,.13))}
.red-route__step:first-child{border-left:1px solid var(--atm-rule)}
.red-route__step::before{height:1px;background:linear-gradient(90deg,var(--atm-pink),var(--atm-cyan));opacity:.8}
.red-route__step span{color:var(--atm-pink)}
.red-route__step h3{margin-top:58px;font-size:clamp(23px,2vw,30px);line-height:1.1;letter-spacing:-.035em}
.red-route__step p{color:#d3dfe8;font-size:14px}
.red-route__step small{color:#a9e4e9;line-height:1.5}
.red-route__offer{gap:0;border-top:1px solid var(--atm-rule);border-bottom:1px solid var(--atm-rule)}
.red-route__offer article{border:0;border-right:1px solid var(--atm-rule);background:rgba(11,26,41,.42);padding:25px 28px}
.red-route__offer article:first-child{border-left:1px solid var(--atm-rule)}
.red-route__offer a:focus-visible,.duo-secondary__item:focus-visible{outline:2px solid var(--atm-cyan);outline-offset:4px}

/* Laboratorio: elecciones numeradas y resultados como páginas editoriales. */
.angle-machine{grid-template-columns:minmax(275px,.8fr) minmax(0,1.2fr);margin-top:clamp(85px,10vw,145px);border:1px solid var(--atm-rule);background:radial-gradient(ellipse at 90% 12%,rgba(68,41,98,.26),transparent 48%),linear-gradient(135deg,#0b1927,#0a1120 65%,#150e24);box-shadow:0 35px 100px rgba(0,0,0,.2)}
.angle-machine__left{padding:clamp(27px,4vw,56px);border-right:1px solid var(--atm-rule)}
.angle-machine__left h3{max-width:12ch}
.angle-machine__left p{color:#d2e0e8;font-size:15px}
.angle-machine__left button{position:relative;min-height:64px;padding:15px 20px 15px 62px;margin-top:0;border:0;border-bottom:1px solid var(--atm-rule);border-radius:0;background:transparent;color:#d7e6ef;font:600 15px/1.35 var(--font-sans),Arial,sans-serif;letter-spacing:-.01em;transition:background .2s,color .2s,padding-left .2s}
.angle-machine__left button:first-of-type{margin-top:26px;border-top:1px solid var(--atm-rule)}
.angle-machine__left button::before{content:"0" counter(atm-choice);position:absolute;left:20px;top:50%;transform:translateY(-50%);font:12px/1 var(--font-mono),monospace;letter-spacing:.08em;color:var(--atm-cyan)}
.angle-machine__left{counter-reset:atm-choice}
.angle-machine__left button{counter-increment:atm-choice}
.angle-machine__left button::after{content:"↗";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--atm-cyan);font-size:17px;opacity:.75}
.angle-machine__left button:hover,.angle-machine__left button[aria-pressed=true]{padding-left:67px;border-color:var(--atm-cyan);background:linear-gradient(90deg,rgba(77,204,217,.14),rgba(228,126,210,.035));color:#fff}
.angle-machine__left button[aria-pressed=true]::before,.angle-machine__left button[aria-pressed=true]::after{color:#bafaff}
.angle-machine__left button:focus-visible{outline:2px solid #bafaff;outline-offset:-3px}
.angle-machine__right{grid-template-columns:1fr;align-content:start;gap:0;padding:clamp(27px,4vw,56px)}
.angle-machine__card{min-height:0;padding:24px 0 27px;border:0;border-bottom:1px solid var(--atm-rule);background:transparent}
.angle-machine__card:first-child{padding-top:0}
.angle-machine__card span{color:var(--atm-cyan);font-size:11px}
.angle-machine__card h4{margin:10px 0 9px;font-size:clamp(20px,2.1vw,28px);letter-spacing:-.035em}
.angle-machine__card p{max-width:64ch;margin:7px 0;color:#d0dde7;font-size:14px;line-height:1.6}
.angle-machine__card p:last-child{color:#a6d9e0}
.angle-machine__disclaimer{margin:16px 0 0;color:#aabdc9;line-height:1.55}

/* Comando: imagen ambiental detrás del sistema editorial, módulos legibles. */
#comando{background:radial-gradient(ellipse 45% 48% at 80% 28%,rgba(17,121,139,.2),transparent 80%),linear-gradient(150deg,#071321,#0c0f20 65%,#080d19)}
#comando::after{content:"";position:absolute;z-index:-1;right:-5%;top:2%;width:min(65vw,850px);height:80%;pointer-events:none;background:url('assets/generated/comando-atmosfera.webp') center/contain no-repeat,url('assets/generated/comando-gpt-v2.png') center/contain no-repeat;opacity:.2;filter:saturate(.75);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 66%,transparent);transform:translate3d(0,calc(var(--atm-progress,0)*-42px),0)}
#comando .rv-head{position:relative;z-index:1}
#comando .mods-grid{position:relative;z-index:1;gap:0;margin-top:58px;border-top:1px solid var(--atm-rule);border-left:1px solid var(--atm-rule)}
#comando .mod-card{min-height:340px;padding:27px 25px 31px;border:0;border-right:1px solid var(--atm-rule);border-bottom:1px solid var(--atm-rule);border-radius:0;background:linear-gradient(155deg,rgba(16,35,52,.78),rgba(8,17,31,.83));box-shadow:none;backdrop-filter:blur(10px)}
#comando .mod-card::before{content:"";position:absolute;top:0;left:0;width:48%;height:1px;background:linear-gradient(90deg,var(--atm-cyan),transparent)}
#comando .mod-card:nth-child(even)::before{background:linear-gradient(90deg,var(--atm-pink),transparent)}
#comando .mod-card .chip{padding:0;border:0;color:#b3d9e6;font-size:12px}
#comando .mod-card .gl{font-size:37px;margin-top:12px}
#comando .mod-card h3{font-size:clamp(22px,2vw,30px);line-height:1.08}
#comando .mod-card p{font-size:14px;line-height:1.6;color:#d1e1e9}
#comando .comando-cta{position:relative;z-index:1;margin-top:36px}

/* Las especialidades conservan sus imágenes aprobadas; el color vive en el ambiente. */
.duo-secondary{border-color:var(--atm-rule)}
.duo-secondary__item{isolation:isolate;border-color:var(--atm-rule);background:radial-gradient(ellipse at 78% 55%,rgba(62,163,176,.13),transparent 65%),#091522}
.duo-secondary__item:nth-child(even){background:radial-gradient(ellipse at 75% 52%,rgba(172,86,167,.13),transparent 66%),#0b1423}
.duo-secondary__item--sphere{background-image:linear-gradient(90deg,#091522 0%,rgba(9,21,34,.9) 45%,rgba(9,21,34,.74) 100%),url('assets/generated/osoria-atmosfera.webp')}
.duo-secondary__item--thread{background-image:linear-gradient(90deg,#0b1423 0%,rgba(11,20,35,.9) 45%,rgba(11,20,35,.75) 100%),url('assets/generated/soluciones-atmosfera.webp')}
.duo-secondary__item--sphere,.duo-secondary__item--thread{background-position:center;background-size:cover}
.duo-secondary__item::before{background:linear-gradient(90deg,#081521 0%,rgba(8,21,33,.95) 32%,rgba(8,21,33,.54) 61%,transparent 91%)}
.duo-secondary__item::after{content:"";position:absolute;inset:auto 0 0;height:1px;border:0;background:linear-gradient(90deg,var(--atm-cyan),transparent 68%);opacity:.55}
.duo-secondary__item:nth-child(even)::after{background:linear-gradient(90deg,var(--atm-pink),transparent 68%)}
.duo-secondary__item>span{position:relative;z-index:2}
.duo-secondary__item>img{transform:translate3d(0,calc(var(--atm-progress,0)*-12px),0)}

@media(max-width:1100px){#comando .mods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#comando .mod-card{min-height:270px}.red-route__line{grid-template-columns:repeat(2,minmax(0,1fr))}.red-route__step:first-child{border-left:0}.red-route__step:nth-child(odd){border-left:1px solid var(--atm-rule)}}
@media(max-width:900px){.angle-machine{grid-template-columns:1fr}.angle-machine__left{border-right:0;border-bottom:1px solid var(--atm-rule)}.angle-machine__right{grid-template-columns:1fr}}
@media(max-width:620px){.red-route{padding-block:78px}.red-route__line{grid-template-columns:1fr;margin-top:48px}.red-route__step,.red-route__step:nth-child(odd){min-height:0;padding:25px 22px;border-left:1px solid var(--atm-rule)}.red-route__step h3{margin-top:28px}.red-route__offer{display:block}.red-route__offer article,.red-route__offer article:first-child{border-left:1px solid var(--atm-rule);border-right:1px solid var(--atm-rule);border-bottom:1px solid var(--atm-rule)}.red-route__offer article:last-child{border-bottom:0}.angle-machine{margin-top:75px}.angle-machine__left,.angle-machine__right{padding:25px 22px}.angle-machine__card{padding-block:22px}#comando::after{width:95%;right:-25%;top:0;height:420px;opacity:.15}#comando .mods-grid{grid-template-columns:1fr}#comando .mod-card{min-height:0;padding:24px 23px}#comando .mod-card .gl{margin:0}#comando .mod-card h3{margin-top:20px}.duo-secondary__item>img{transform:none}}
@media(prefers-reduced-motion:reduce){.red-route::before,.red-route::after,#comando::after,.duo-secondary__item>img{transform:none!important}.angle-machine__left button{transition:none}}
.motion-paused .red-route::before,.motion-paused .red-route::after,.motion-paused #comando::after,.motion-paused .duo-secondary__item>img,.tab-hidden .red-route::before,.tab-hidden .red-route::after,.tab-hidden #comando::after,.tab-hidden .duo-secondary__item>img,html[data-motion="reduce"] .red-route::before,html[data-motion="reduce"] .red-route::after,html[data-motion="reduce"] #comando::after,html[data-motion="reduce"] .duo-secondary__item>img{transform:none!important}