/* Fase 14 · Loventy: The Living Citadel */
:root{
  --void-0:#010103;--void-1:#020207;--void-2:#030611;--void-3:#060315;
  --electric-blue:#087cff;--electric-cyan:#00eaff;--electric-violet:#815cff;--electric-magenta:#ff2bd6;
  --cold-white:#edf7ff;--milestone-gold:#f4c46a;--chroma-angle:22deg;--proximity:0;
  --bg-x:50%;--bg-y:24%;--eye-x:0px;--eye-y:0px;--lens-x:0px;--lens-y:0px;--pupil-scale:1;
  --gyro-a:0deg;--gyro-b:0deg;--gyro-c:0deg;--scan-x:0%;--reconfigure:0;
}

html{overflow-x:clip;background:var(--void-0)}
body{
  background:
    radial-gradient(70rem 48rem at var(--bg-x) var(--bg-y),rgba(0,116,255,.1),transparent 58%),
    radial-gradient(52rem 34rem at calc(var(--bg-x) + 20%) calc(var(--bg-y) + 34%),rgba(255,43,214,.055),transparent 64%),
    radial-gradient(42rem 32rem at calc(var(--bg-x) - 28%) calc(var(--bg-y) + 48%),rgba(129,92,255,.07),transparent 62%),
    linear-gradient(127deg,var(--void-0),var(--void-2) 48%,var(--void-3) 120%);
  color:var(--cold-white);
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;
  background-image:linear-gradient(rgba(0,234,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(129,92,255,.02) 1px,transparent 1px),linear-gradient(118deg,transparent 0 48%,rgba(8,124,255,.035) 49%,transparent 50%);
  background-size:72px 72px,72px 72px,23rem 23rem;
  mask-image:radial-gradient(circle at var(--bg-x) var(--bg-y),#000,transparent 82%);
}

/* Perímetro espectral persistente: cuatro colores simultáneos, sin color de relleno. */
:is(.site-header,.nav-links,.signal-opening,.compact-hero,.home-library,.home-systems,.home-book-index>a,.living-index>a,.opening-project,.book-card,.catalog-console,.detail-grid,.edition-card,.edition-index,.series-overview>dl>div,.software-app-detail>header,.software-app-detail>section,.dossier-register article,.method-register li,.author-record,.platform-capability,.site-footer,.pwa-update,.install-dialog,.application-habitat>.published-applications,.application-empty,.application-node,.habitat-orbit,.habitat-node,.docking-field li,.application-dossier>header,.application-dossier>section,.application-facts>div,[data-chroma]){
  position:relative;isolation:isolate;border-color:transparent!important;
}
:is(.site-header,.nav-links,.signal-opening,.compact-hero,.home-library,.home-systems,.home-book-index>a,.living-index>a,.opening-project,.book-card,.catalog-console,.detail-grid,.edition-card,.edition-index,.series-overview>dl>div,.software-app-detail>header,.software-app-detail>section,.dossier-register article,.method-register li,.author-record,.platform-capability,.site-footer,.pwa-update,.install-dialog,.application-habitat>.published-applications,.application-empty,.application-node,.habitat-orbit,.habitat-node,.docking-field li,.application-dossier>header,.application-dossier>section,.application-facts>div,[data-chroma])::after{
  content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;padding:1.35px;
  background:conic-gradient(from var(--chroma-angle),var(--electric-blue) 0 12%,var(--electric-cyan) 17% 29%,var(--cold-white) 32% 34%,var(--electric-violet) 39% 58%,var(--electric-magenta) 64% 79%,var(--electric-blue) 87% 100%);
  opacity:calc(.62 + var(--proximity)*.28);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
}
:is(a,button,[data-reactive-surface]):hover::after,:is(a,button,[data-reactive-surface]):focus-visible::after{padding:2.3px;opacity:1;animation:citadel-border-run 1.25s linear infinite}
@keyframes citadel-border-run{to{transform:rotate(1turn)}}
:is(a,button,input,select,summary):focus-visible{outline:2px solid var(--cold-white)!important;outline-offset:4px;box-shadow:0 0 0 5px rgba(8,124,255,.46)!important}
.primary-command,.button,.detail-link,.external-link,.distribution-link,.install-button{
  border:1.5px solid transparent!important;
  background:linear-gradient(115deg,rgba(5,12,27,.98),rgba(11,4,25,.98)) padding-box,conic-gradient(from var(--chroma-angle),var(--electric-blue),var(--electric-cyan),var(--cold-white),var(--electric-violet),var(--electric-magenta),var(--electric-blue)) border-box!important;
  box-shadow:0 0 18px rgba(8,124,255,.12);transition:transform .16s ease,box-shadow .16s ease,background-position .2s ease;
}
.primary-command:hover,.button:hover,.detail-link:hover,.external-link:hover,.distribution-link:hover,.install-button:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(0,234,255,.22),0 0 30px rgba(255,43,214,.1)}

.site-header{background:rgba(1,1,3,.88);backdrop-filter:blur(12px);box-shadow:0 12px 44px rgba(0,0,0,.42)}
.nav-links{background:linear-gradient(110deg,rgba(3,6,17,.96),rgba(6,3,21,.92));box-shadow:0 0 30px rgba(8,124,255,.08)}
.brand-core{box-shadow:0 0 0 1px var(--electric-blue),0 0 18px rgba(0,234,255,.62),0 0 28px rgba(255,43,214,.2)}
.nav-link.is-active{background:linear-gradient(135deg,rgba(8,124,255,.23),rgba(129,92,255,.1));color:var(--cold-white)}

main{overflow:clip}
.signal-home{padding-top:.75rem}
.signal-opening{
  grid-template-columns:minmax(19rem,.82fr) minmax(26rem,1.18fr);grid-template-rows:auto auto auto;gap:1rem 2rem;
  min-height:calc(100svh - var(--header) - 1.5rem);padding:clamp(1.15rem,2.6vw,2.65rem);
  background:radial-gradient(circle at 68% 42%,rgba(0,154,255,.12),transparent 30rem),linear-gradient(125deg,rgba(4,9,23,.95),rgba(2,2,8,.9) 60%,rgba(10,3,22,.92));
  box-shadow:inset 0 0 80px rgba(0,0,0,.46),0 30px 90px rgba(0,0,0,.38);
}
.opening-copy{grid-column:1;grid-row:1;align-self:center;z-index:3}
.opening-copy h1{max-width:11.2ch;font-size:clamp(2.9rem,5.1vw,6.3rem);letter-spacing:-.065em;line-height:.88;text-wrap:balance}
.opening-copy .lead{max-width:58ch;color:#aec2d7;font-size:clamp(.92rem,1.18vw,1.08rem)}
.primary-command{display:inline-flex;align-items:center;gap:.8rem;min-height:48px;margin-top:1rem;padding:.7rem 1rem;border:1px solid var(--electric-cyan);border-radius:14px;background:linear-gradient(110deg,rgba(8,124,255,.24),rgba(129,92,255,.14));font-weight:800;color:var(--cold-white)}
.primary-command span{color:var(--electric-cyan)}

/* Núcleo ocular mecánico */
.citadel-core{grid-column:2;grid-row:1/3;place-self:center;width:min(45vw,38rem);aspect-ratio:1;border-radius:50%;transform:translate3d(var(--eye-x),var(--eye-y),0);contain:layout paint style;filter:drop-shadow(0 30px 44px rgba(0,0,0,.58))}
.citadel-core>*{position:absolute!important}
.citadel-core::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(0,234,255,.12),transparent 62%);box-shadow:inset 0 0 70px rgba(0,0,0,.9),0 0 90px rgba(8,124,255,.1)}
.ocular-blueprint{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:rgba(0,234,255,.38);fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.blueprint-grid circle:nth-child(2){stroke:rgba(129,92,255,.42);stroke-dasharray:3 8}.blueprint-grid circle:nth-child(3){stroke:rgba(255,43,214,.3);stroke-dasharray:18 7}.blueprint-grid path{stroke:rgba(8,124,255,.13)}
.focus-reticle{stroke:rgba(237,247,255,.6);stroke-width:1.5}.focus-reticle circle{stroke-dasharray:1 13}.diagnostic-traces{stroke:rgba(255,43,214,.45);stroke-dasharray:4 5}
.ocular-halo{position:absolute;inset:12%;border:1px solid rgba(0,234,255,.34);border-radius:50%;box-shadow:0 0 0 8px rgba(8,124,255,.025),inset 0 0 64px rgba(0,0,0,.95),0 0 42px rgba(0,234,255,.14)}
.gyro-ring{position:absolute;left:50%;top:50%;border:1px solid;border-radius:50%;transform-style:preserve-3d}
.gyro-ring::before,.gyro-ring::after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--cold-white);border-radius:50%;background:var(--void-0);box-shadow:0 0 15px currentColor}
.gyro-ring i,.gyro-ring b{position:absolute;height:3px;border-radius:4px;background:currentColor;box-shadow:0 0 12px currentColor}
.gyro-alpha{width:82%;height:44%;color:var(--electric-cyan);transform:translate(-50%,-50%) rotate(calc(-18deg + var(--gyro-a))) rotateX(62deg)}
.gyro-alpha::before{left:6%;top:18%}.gyro-alpha::after{right:8%;bottom:12%}.gyro-alpha i{left:22%;top:-2px;width:17%}.gyro-alpha b{right:18%;bottom:-2px;width:11%}
.gyro-beta{width:48%;height:91%;color:var(--electric-violet);transform:translate(-50%,-50%) rotate(calc(36deg + var(--gyro-b))) rotateY(66deg)}
.gyro-beta::before{left:15%;top:3%}.gyro-beta::after{right:7%;bottom:9%}.gyro-beta i{right:7%;top:16%;width:18%}.gyro-beta b{left:8%;bottom:24%;width:13%}
.gyro-gamma{width:67%;height:67%;color:var(--electric-magenta);border-style:dashed;transform:translate(-50%,-50%) rotate(calc(68deg + var(--gyro-c))) rotateX(73deg)}
.gyro-gamma::before{left:2%;top:46%}.gyro-gamma::after{right:3%;top:41%}
.technical-scale{position:absolute;inset:9%;border-radius:50%;transform:rotate(var(--gyro-c))}
.technical-scale i{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:11px;transform-origin:1px calc(50% + 41%);background:linear-gradient(var(--electric-cyan),transparent)}
.technical-scale i:nth-child(1){transform:rotate(0deg)}.technical-scale i:nth-child(2){transform:rotate(15deg)}.technical-scale i:nth-child(3){transform:rotate(30deg)}.technical-scale i:nth-child(4){transform:rotate(45deg)}.technical-scale i:nth-child(5){transform:rotate(60deg)}.technical-scale i:nth-child(6){transform:rotate(75deg)}.technical-scale i:nth-child(7){transform:rotate(90deg)}.technical-scale i:nth-child(8){transform:rotate(105deg)}.technical-scale i:nth-child(9){transform:rotate(120deg)}.technical-scale i:nth-child(10){transform:rotate(135deg)}.technical-scale i:nth-child(11){transform:rotate(150deg)}.technical-scale i:nth-child(12){transform:rotate(165deg)}.technical-scale i:nth-child(13){transform:rotate(180deg)}.technical-scale i:nth-child(14){transform:rotate(195deg)}.technical-scale i:nth-child(15){transform:rotate(210deg)}.technical-scale i:nth-child(16){transform:rotate(225deg)}.technical-scale i:nth-child(17){transform:rotate(240deg)}.technical-scale i:nth-child(18){transform:rotate(255deg)}.technical-scale i:nth-child(19){transform:rotate(270deg)}.technical-scale i:nth-child(20){transform:rotate(285deg)}.technical-scale i:nth-child(21){transform:rotate(300deg)}.technical-scale i:nth-child(22){transform:rotate(315deg)}.technical-scale i:nth-child(23){transform:rotate(330deg)}.technical-scale i:nth-child(24){transform:rotate(345deg)}
.energy-crown{position:absolute;left:50%;display:flex;gap:5px;transform:translateX(-50%)}.energy-crown i{display:block;width:clamp(10px,2vw,24px);height:5px;border-radius:3px;background:linear-gradient(90deg,var(--electric-blue),var(--electric-cyan));box-shadow:0 0 12px rgba(0,234,255,.48);transform:translateY(calc(var(--reconfigure)*var(--piece-shift,1px)))}
.energy-crown i:nth-child(2),.energy-crown i:nth-child(4){background:linear-gradient(90deg,var(--electric-violet),var(--electric-magenta));--piece-shift:-7px}.energy-crown i:nth-child(3){--piece-shift:9px}
.crown-north{top:12%}.crown-south{bottom:12%;transform:translateX(-50%) rotate(180deg)}
.scanner-plane{position:absolute;z-index:9;pointer-events:none;opacity:0}.scanner-horizontal{left:18%;right:18%;top:calc(50% + var(--scan-x));height:1px;background:linear-gradient(90deg,transparent,var(--electric-cyan),var(--cold-white),var(--electric-cyan),transparent);box-shadow:0 0 11px var(--electric-cyan)}
.scanner-radial{inset:21%;border-radius:50%;background:conic-gradient(from var(--gyro-a),transparent 0 82%,rgba(0,234,255,.28) 92%,transparent);mask:radial-gradient(transparent 0 57%,#000 59%)}
.ocular-carriage{position:absolute;z-index:12;left:50%;top:50%;display:block;width:49%;height:38%;transform:translate(calc(-50% + var(--lens-x)),calc(-50% + var(--lens-y)));perspective:700px}
.eye-armature{position:absolute;inset:0;display:block;border-radius:50%;background:linear-gradient(155deg,#102238,#010205 44%,#081526);border:1px solid rgba(237,247,255,.38);box-shadow:inset 0 13px 22px rgba(237,247,255,.07),inset 0 -24px 34px rgba(0,0,0,.92),0 0 0 7px rgba(0,0,0,.7),0 0 0 8px rgba(0,234,255,.38),0 18px 42px rgba(0,0,0,.72);overflow:hidden}
.eye-armature::before,.eye-armature::after{content:"";position:absolute;z-index:6;left:4%;right:4%;height:24%;background:linear-gradient(#14293b,#020408 68%);border:1px solid rgba(0,234,255,.38);box-shadow:inset 0 -10px 18px rgba(0,0,0,.8),0 0 10px rgba(0,234,255,.16)}
.eye-armature::before{top:-3%;border-radius:0 0 50% 50%;transform:translateY(calc(var(--reconfigure)*-22px))}.eye-armature::after{bottom:-3%;border-radius:50% 50% 0 0;transform:translateY(calc(var(--reconfigure)*22px))}
.iris-stack{position:absolute;z-index:4;left:50%;top:50%;display:block;width:47%;height:62%;border-radius:50%;transform:translate(-50%,-50%) scale(var(--pupil-scale));background:radial-gradient(circle,#02030a 0 15%,#0c6b94 17%,#00d5ee 23%,#123782 43%,#552282 62%,#050817 67%);border:2px solid rgba(237,247,255,.5);box-shadow:inset 0 0 13px #000,inset 0 0 28px rgba(0,234,255,.52),0 0 22px rgba(0,234,255,.4)}
.iris-field,.iris-fibres,.iris-depth{position:absolute;inset:4%;border-radius:50%}.iris-field{background:repeating-conic-gradient(from var(--gyro-b),rgba(237,247,255,.8) 0 1deg,transparent 1deg 8deg,rgba(255,43,214,.65) 9deg 11deg,transparent 12deg 17deg);mask:radial-gradient(transparent 0 24%,#000 27% 77%,transparent 80%)}
.iris-fibres{background:repeating-conic-gradient(from var(--gyro-a),var(--electric-cyan) 0 2deg,transparent 2deg 10deg);opacity:.72;mask:radial-gradient(transparent 0 30%,#000 32% 73%,transparent 76%)}
.iris-depth{inset:14%;border:1px dashed rgba(237,247,255,.72);box-shadow:0 0 0 5px rgba(0,0,0,.38),inset 0 0 12px #000}
.mechanical-pupil{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;border-radius:46%;transform:translate(-50%,-50%) rotate(var(--gyro-c));background:radial-gradient(circle at 38% 34%,#1d3950 0 5%,#020308 25%,#000 67%);border:2px solid #183a53;box-shadow:inset 0 0 14px #000,0 0 0 3px rgba(0,234,255,.13),0 0 18px rgba(0,0,0,.9)}
.mechanical-pupil i{position:absolute;inset:18%;border:1px solid rgba(255,43,214,.48);border-radius:50%}.mechanical-pupil b{position:absolute;left:44%;top:0;width:12%;height:100%;background:linear-gradient(transparent,var(--electric-cyan),transparent);opacity:.35}
.inverse-reflection{position:absolute;left:22%;top:17%;width:21%;height:11%;border-radius:50%;transform:rotate(-26deg);background:linear-gradient(110deg,rgba(237,247,255,.96),rgba(0,234,255,.42));box-shadow:0 0 12px rgba(237,247,255,.42)}
.lens-caustic{position:absolute;inset:7%;border-radius:50%;border-top:1px solid rgba(237,247,255,.85);border-right:1px solid transparent;transform:rotate(var(--gyro-a))}
.shutter{position:absolute;inset:4%;border-radius:50%;transform:rotate(var(--gyro-b));pointer-events:none}.shutter i{position:absolute;left:47%;top:-8%;width:6%;height:27%;transform-origin:50% 208%;background:linear-gradient(var(--electric-cyan),rgba(8,124,255,.08) 70%,transparent);clip-path:polygon(30% 0,100% 12%,62% 100%,0 88%);opacity:.65}
.shutter i:nth-child(1){transform:rotate(0deg)}.shutter i:nth-child(2){transform:rotate(30deg)}.shutter i:nth-child(3){transform:rotate(60deg)}.shutter i:nth-child(4){transform:rotate(90deg)}.shutter i:nth-child(5){transform:rotate(120deg)}.shutter i:nth-child(6){transform:rotate(150deg)}.shutter i:nth-child(7){transform:rotate(180deg)}.shutter i:nth-child(8){transform:rotate(210deg)}.shutter i:nth-child(9){transform:rotate(240deg)}.shutter i:nth-child(10){transform:rotate(270deg)}.shutter i:nth-child(11){transform:rotate(300deg)}.shutter i:nth-child(12){transform:rotate(330deg)}
.shutter-front{inset:9%;transform:rotate(calc(var(--gyro-b)*-.6))}.shutter-front i{background:linear-gradient(var(--electric-magenta),rgba(129,92,255,.05) 70%,transparent);opacity:.3}
.diagnostic-rail{position:absolute;top:37%;display:grid;gap:6px}.diagnostic-rail i{width:34px;height:3px;background:linear-gradient(90deg,var(--electric-blue),var(--electric-cyan));box-shadow:0 0 8px rgba(0,234,255,.42)}.rail-left{left:8%}.rail-right{right:8%;transform:scaleX(-1)}.diagnostic-rail i:nth-child(2){width:21px;background:var(--electric-violet)}.diagnostic-rail i:nth-child(3){width:13px;background:var(--electric-magenta)}
.ocular-microcode{position:absolute;right:8%;bottom:7%;color:var(--electric-cyan);font:700 clamp(.42rem,.72vw,.62rem) var(--mono);letter-spacing:.18em}
.citadel-core[data-eye-state="SCAN"] .scanner-plane{opacity:.9}.citadel-core[data-eye-state="PROCESS"] .iris-stack{filter:saturate(1.45)}.citadel-core[data-eye-state="ALERT"] .mechanical-pupil{border-color:var(--electric-magenta);box-shadow:0 0 25px rgba(255,43,214,.7)}.citadel-core[data-eye-state="RECONFIGURE"] .diagnostic-traces{stroke:var(--electric-magenta)}

.living-index{position:relative;inset:auto;grid-column:1/3;grid-row:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}
.living-index a{min-width:0;min-height:58px;background:linear-gradient(145deg,rgba(6,13,29,.92),rgba(3,3,12,.9))}
.archive-scale{grid-column:1;grid-row:2;align-self:end;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;z-index:5}
.archive-scale span{position:relative;padding:.65rem;border-left:1px solid var(--electric-blue);background:linear-gradient(90deg,rgba(8,124,255,.08),transparent)}
.archive-scale span::after{content:"";position:absolute;left:0;top:50%;width:clamp(.5rem,2vw,2rem);height:1px;background:linear-gradient(90deg,var(--electric-cyan),transparent)}
.archive-scale b{display:block;color:var(--cold-white);text-shadow:0 0 18px rgba(0,234,255,.3)}
.opening-project{grid-column:2;grid-row:2;align-self:end;background:linear-gradient(120deg,rgba(3,8,20,.92),rgba(12,4,22,.9))}
.home-library,.home-systems{background:linear-gradient(135deg,rgba(3,8,20,.9),rgba(7,3,18,.88));box-shadow:0 24px 70px rgba(0,0,0,.36)}
.home-book-index a{background:radial-gradient(circle at var(--local-x,50%) var(--local-y,50%),rgba(8,124,255,.16),transparent 14rem),linear-gradient(145deg,rgba(6,14,30,.94),rgba(3,3,12,.92))}
.home-book-index a:hover{box-shadow:inset 0 0 30px rgba(0,234,255,.08),0 14px 32px rgba(0,0,0,.35)}

/* Hábitat de aplicaciones */
.application-habitat{padding:.75rem 0 4rem}
.habitat-hero{grid-template-columns:minmax(0,1fr) auto;min-height:0;margin:0 0 .75rem;background:radial-gradient(circle at 82% 30%,rgba(129,92,255,.15),transparent 25rem),rgba(4,8,20,.88)}
.habitat-hero h1{max-width:22ch;font-size:clamp(2.35rem,3.7vw,4.45rem)}
.habitat-telemetry{display:grid;grid-template-columns:repeat(3,minmax(7rem,1fr));gap:.5rem}.habitat-telemetry span{padding:.7rem;border-left:1px solid var(--electric-violet);font:700 .63rem var(--mono);color:#9fb5ca;text-transform:uppercase}.habitat-telemetry b{display:block;color:var(--cold-white);font-size:1.7rem}
.habitat-orbit{min-height:34rem;margin:.75rem 0;border:1px solid transparent;border-radius:var(--radius-hero);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(0,234,255,.1),transparent 11rem),radial-gradient(circle at 50% 50%,transparent 0 13rem,rgba(129,92,255,.1) 13.1rem 13.2rem,transparent 13.3rem),linear-gradient(145deg,rgba(2,5,15,.96),rgba(7,2,16,.94))}
.habitat-orbit::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(0,234,255,.22);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 3rem rgba(8,124,255,.012),0 0 0 6rem rgba(129,92,255,.012)}
.application-core{position:absolute;left:50%;top:50%;width:12rem;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid var(--electric-cyan);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#0a2334,#02040b 68%);box-shadow:inset 0 0 35px #000,0 0 55px rgba(0,234,255,.18)}
.application-core h2{margin:.1rem;font-size:1.3rem}.application-core p,.application-core small{margin:.1rem;color:var(--electric-cyan);font:700 .58rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.core-orbit{position:absolute;inset:-2rem;border:1px dashed var(--electric-violet);border-radius:50%;transform:rotate(27deg)}.core-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--electric-magenta);box-shadow:0 0 13px var(--electric-magenta)}
.habitat-orbit>.habitat-node{position:absolute;width:min(28rem,38%);padding:1.1rem;border:1px solid transparent;border-radius:18px;background:linear-gradient(145deg,rgba(7,15,31,.96),rgba(4,3,14,.96));box-shadow:0 20px 44px rgba(0,0,0,.4)}
.habitat-node h2{margin:.15rem 0}.habitat-node p{margin:.35rem 0;color:#afc0d1;font-size:.84rem}.habitat-node img{float:left;margin:0 .8rem .4rem 0}.habitat-node ul{display:flex;flex-wrap:wrap;gap:.25rem;padding:0;list-style:none}.habitat-node li{padding:.22rem .42rem;border:1px solid rgba(0,234,255,.24);border-radius:999px;font-size:.66rem}.habitat-node a{min-height:44px;display:inline-flex;align-items:center;color:var(--electric-cyan)}
.node-orison{left:4%;top:8%}.node-pwa{right:4%;bottom:8%}.node-pwa button{margin-top:.4rem}
.orbital-channel{position:absolute;color:#6f8ba4;font:700 .55rem var(--mono);letter-spacing:.14em}.channel-apps{right:8%;top:10%}.channel-systems{left:8%;bottom:11%}
.published-applications{margin:.75rem 0;padding:1.1rem;border:1px solid transparent;border-radius:var(--radius-lg);background:rgba(2,5,14,.75)}
.habitat-filters{display:grid;grid-template-columns:minmax(12rem,1fr) auto;gap:.55rem;align-items:center;margin-bottom:.8rem}.habitat-filters label{display:grid;gap:.25rem;color:#9eb3c6;font:700 .6rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.habitat-filters input,.habitat-filters select{min-height:44px;padding:.5rem .7rem;border:1px solid rgba(0,234,255,.55);border-radius:10px;background:#050916;color:#e9f7ff}.habitat-filter-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;grid-column:1/-1}.habitat-filter-row>span{margin-right:.25rem;color:#8297aa;font:700 .58rem var(--mono);text-transform:uppercase}.habitat-filters button{min-height:44px;display:flex;align-items:center;padding:.5rem .8rem;border:1px solid var(--electric-violet);border-radius:999px;background:rgba(5,9,22,.9)}.habitat-filters button[aria-pressed="true"]{border-color:var(--electric-cyan);box-shadow:0 0 16px rgba(0,234,255,.2)}.habitat-filters [data-app-filter-status]{grid-column:1/-1;color:#9eb3c6;font-size:.72rem}
.application-empty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1.4rem;align-items:center;min-height:13rem;padding:1.4rem;border:1px solid transparent;border-radius:18px;background:radial-gradient(circle at 11%,rgba(129,92,255,.15),transparent 16rem),rgba(3,6,16,.92)}
.application-empty h2,.application-empty p{grid-column:2;margin:.2rem 0}.empty-signal{grid-row:1/4;width:7.5rem;aspect-ratio:1;display:grid;place-items:center;border:1px dashed var(--electric-violet);border-radius:50%;box-shadow:inset 0 0 32px #000}.empty-signal i{grid-area:1/1;width:58%;height:1px;background:linear-gradient(90deg,transparent,var(--electric-cyan),transparent);transform:rotate(0deg)}.empty-signal i:nth-child(2){transform:rotate(60deg)}.empty-signal i:nth-child(3){transform:rotate(120deg)}
.application-node{display:grid;grid-template-columns:auto 72px 1fr auto;gap:1rem;align-items:center;margin:.6rem 0;padding:1rem;border:1px solid transparent;border-radius:18px;background:rgba(4,9,21,.9)}
.node-coordinate{color:var(--electric-cyan);font:700 .62rem var(--mono)}
.docking-field{margin:2rem 0}.docking-field>header{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;align-items:end}.docking-field ol{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;padding:0;list-style:none}.docking-field li{display:grid;min-height:10rem;padding:.85rem;border:1px solid transparent;border-radius:18px;background:linear-gradient(145deg,rgba(7,12,25,.82),rgba(3,3,10,.88));color:#8297aa}.docking-field li>span{color:var(--electric-violet);font:700 .62rem var(--mono)}.docking-field li>i{width:2.5rem;height:2.5rem;margin:auto;border:1px dashed #53677a;border-radius:50%;box-shadow:inset 0 0 15px #000}.docking-field li strong{color:#aebdca;font-size:.78rem}.docking-field li small{font-size:.66rem}
.platform-capability{background:linear-gradient(120deg,rgba(9,4,27,.94),rgba(3,10,22,.94))}

/* Fichas futuras y superficies editoriales como dossiers */
.application-dossier{padding:1rem 0 4rem}.application-dossier>header{display:grid;grid-template-columns:9rem 1fr;gap:1.5rem;align-items:center;padding:1.4rem;border:1px solid transparent;border-radius:var(--radius-hero);background:radial-gradient(circle at 8%,rgba(0,234,255,.13),transparent 18rem),rgba(4,8,20,.9)}
.contact-station{padding:1rem 0 4rem}.contact-hero{align-items:center}.contact-email{font:700 clamp(1rem,2vw,1.35rem) var(--mono);letter-spacing:.02em;overflow-wrap:anywhere}.contact-core{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:1.2rem;align-items:center;margin:.8rem 0;padding:1.4rem;border:1px solid transparent;border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 18%,rgba(116,63,255,.14),transparent 20rem),rgba(4,8,20,.88)}.contact-core h2{margin:.25rem 0}.contact-note{color:#9eb3c6;font-size:.84rem}.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.contact-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.65rem .8rem;border:1px solid rgba(0,234,255,.65);border-radius:12px;background:rgba(7,12,29,.8);color:#e9f7ff;text-align:center;text-decoration:none}.contact-action:hover,.contact-action:focus-visible{border-color:var(--electric-magenta);box-shadow:0 0 18px rgba(242,0,202,.22)}.detail-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem}.contextual-contact,.habitat-contact{margin:.8rem 0;padding:1rem;border:1px solid transparent;border-radius:18px;background:rgba(4,9,21,.84)}.habitat-contact{display:flex;justify-content:flex-end}
.application-dossier>header img{width:100%;height:auto}.application-dossier>header h1{margin:.2rem 0;font-size:clamp(2.4rem,5vw,5rem)}
.application-feature{margin:.7rem 0}.application-feature img{display:block;width:100%;height:auto;border-radius:18px}.application-feature figcaption{padding:.4rem;color:#9eb3c6;font-size:.72rem}.distribution-link{min-height:44px;display:inline-flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border-radius:14px}
.application-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.application-facts>div,.application-dossier>section{padding:1rem;border:1px solid transparent;border-radius:18px;background:rgba(4,9,21,.84)}.application-facts dt{color:#8fa6ba;font:700 .58rem var(--mono);text-transform:uppercase}.application-facts dd{margin:.2rem 0 0}.application-dossier>section{margin:.7rem 0}.application-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem;padding:0;list-style:none}.application-gallery a{display:block;min-height:44px}.application-gallery figure{margin:0}.application-gallery img{width:100%;height:auto;border-radius:12px}.application-gallery figcaption{padding:.35rem;color:#9eb3c6;font-size:.72rem}
.detail-grid,.edition-card,.book-card,.compact-hero,.author-record{background-color:rgba(3,7,17,.9)!important;background-image:radial-gradient(circle at var(--local-x,15%) var(--local-y,20%),rgba(8,124,255,.1),transparent 22rem),linear-gradient(135deg,rgba(5,12,27,.94),rgba(5,3,16,.94))!important}
.book-detail .detail-grid{grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:clamp(1.2rem,2.5vw,2.4rem);padding:clamp(1rem,1.8vw,1.55rem)}
.book-detail .detail-copy h1{font-size:clamp(2rem,3.65vw,4rem)}
.book-detail .detail-copy>.lead{font-size:.88rem;line-height:1.55}
.author-record dl div{gap:1rem}
.edition-card{box-shadow:0 18px 36px rgba(0,0,0,.34),inset 0 0 26px rgba(0,234,255,.025)}
.series-sequence::before{height:3px;background:linear-gradient(90deg,var(--electric-blue),var(--electric-cyan),var(--electric-violet),var(--electric-magenta));box-shadow:0 0 18px rgba(0,234,255,.4)}
.series-sequence>li::before{background:radial-gradient(circle,var(--cold-white),var(--electric-cyan) 35%,var(--electric-violet) 70%);box-shadow:0 0 20px var(--electric-cyan)}
.type-cover{box-shadow:18px 24px 48px rgba(0,0,0,.58),-2px 0 0 var(--electric-cyan),2px 0 0 var(--electric-magenta)}
.author-record>p::first-letter{color:var(--milestone-gold);font-size:2.4em;float:left;line-height:.8;margin-right:.12em}
.site-footer{background:linear-gradient(115deg,rgba(1,1,3,.98),rgba(4,7,16,.98),rgba(7,2,13,.96));border-radius:20px 20px 0 0}

@media(max-width:1199px){
  .signal-opening{grid-template-columns:minmax(17rem,.82fr) minmax(22rem,1.18fr)}
  .citadel-core{width:min(48vw,34rem)}
  .living-index{grid-template-columns:repeat(5,minmax(0,1fr))}
  .habitat-orbit{min-height:32rem}.habitat-node{width:42%}.docking-field ol{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .signal-opening{grid-template-columns:1fr 1fr;min-height:auto}.opening-copy h1{font-size:clamp(2.7rem,7.8vw,4.7rem)}.citadel-core{width:min(54vw,31rem)}
  .living-index{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.archive-scale{grid-column:1}.opening-project{grid-column:2}
  .habitat-orbit{display:grid;gap:.7rem;min-height:0;padding:1rem}.habitat-orbit::before,.orbital-channel{display:none}.application-core{position:relative;left:auto;top:auto;grid-column:1/-1;width:10rem;margin:2rem auto;transform:none}.habitat-orbit>.habitat-node{position:relative;inset:auto;width:auto}.application-facts{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
  .signal-opening{grid-template-columns:1fr;grid-template-rows:auto}.opening-copy,.citadel-core,.living-index,.archive-scale,.opening-project{grid-column:1;grid-row:auto}.opening-copy h1{max-width:12ch;font-size:clamp(2.55rem,11.5vw,4.25rem)}
  .citadel-core{width:min(92vw,31rem)}.living-index{grid-template-columns:repeat(2,1fr)}.archive-scale{grid-template-columns:repeat(4,1fr)}
  .habitat-hero{grid-template-columns:1fr}.habitat-hero h1{font-size:clamp(2.2rem,9.5vw,3.4rem)}.habitat-telemetry{grid-template-columns:repeat(3,1fr)}.habitat-telemetry span{min-width:0;padding:.55rem .35rem;font-size:.52rem}.habitat-orbit{grid-template-columns:1fr}.application-empty{grid-template-columns:1fr}.application-empty h2,.application-empty p{grid-column:1}.empty-signal{grid-row:auto;margin:auto}.docking-field>header{grid-template-columns:1fr}.docking-field ol{grid-template-columns:repeat(2,1fr)}.contact-core{grid-template-columns:1fr}.contact-actions{grid-template-columns:1fr 1fr}
  .application-node{grid-template-columns:auto 60px 1fr}.application-node .detail-link{grid-column:2/4}.application-dossier>header{grid-template-columns:5rem 1fr}.application-facts{grid-template-columns:repeat(2,1fr)}
  .book-detail .detail-grid{grid-template-columns:1fr}.book-detail .detail-grid>.type-cover,.book-detail .detail-grid>.book-cover{width:min(55vw,220px);justify-self:center}
}
@media(max-width:479px){
  .signal-opening{padding:1rem}.citadel-core{width:100%}.living-index{grid-template-columns:1fr 1fr}.living-index a{min-height:52px}.archive-scale{grid-template-columns:repeat(2,1fr)}
  .docking-field ol{grid-template-columns:1fr 1fr}.docking-field li{min-height:8rem}.application-facts{grid-template-columns:1fr}.application-dossier>header{grid-template-columns:1fr}.application-dossier>header img{width:5rem}.ocular-microcode{display:none}.contact-actions{grid-template-columns:1fr}.contact-email{font-size:.86rem}
}

@media(hover:none),(pointer:coarse){
  .citadel-core{transform:none}.gyro-ring,.technical-scale,.ocular-carriage,.iris-stack,.energy-crown i{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  :is(a,button,[data-reactive-surface]):hover::after{animation:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .citadel-core,.technical-scale,.energy-crown i{transform:none!important}.gyro-alpha{transform:translate(-50%,-50%) rotate(-18deg) rotateX(62deg)!important}.gyro-beta{transform:translate(-50%,-50%) rotate(36deg) rotateY(66deg)!important}.gyro-gamma{transform:translate(-50%,-50%) rotate(68deg) rotateX(73deg)!important}.ocular-carriage{transform:translate(-50%,-50%)!important}.iris-stack{transform:translate(-50%,-50%)!important}.scanner-plane{display:none!important}
}
@media(forced-colors:active){
  body,body::before{background:Canvas!important}.site-header,.nav-links,.signal-opening,.compact-hero,.home-library,.home-systems,.home-book-index>a,.living-index>a,.opening-project,.book-card,.catalog-console,.detail-grid,.edition-card,.edition-index,.series-overview>dl>div,.software-app-detail>header,.software-app-detail>section,.dossier-register article,.method-register li,.author-record,.platform-capability,.site-footer,.habitat-orbit,.habitat-node,.application-empty,.docking-field li,.application-dossier>header,.application-dossier>section,.application-facts>div,.contact-core,.contextual-contact{background:Canvas!important;color:CanvasText!important;border:2px solid CanvasText!important;box-shadow:none!important}
  :is(.site-header,.nav-links,.signal-opening,.compact-hero,.home-library,.home-systems,.home-book-index>a,.living-index>a,.opening-project,.book-card,.catalog-console,.detail-grid,.edition-card,.edition-index,.series-overview>dl>div,.software-app-detail>header,.software-app-detail>section,.dossier-register article,.method-register li,.author-record,.platform-capability,.site-footer,.habitat-orbit,.habitat-node,.application-empty,.docking-field li,.application-dossier>header,.application-dossier>section,.application-facts>div,.contact-core,.contextual-contact,[data-chroma])::after{display:none!important}
  .citadel-core,.ocular-halo,.gyro-ring,.technical-scale,.eye-armature,.iris-stack,.mechanical-pupil,.application-core,.empty-signal{background:Canvas!important;color:CanvasText!important;border:2px solid CanvasText!important;box-shadow:none!important;filter:none!important}.ocular-blueprint{stroke:CanvasText!important}.scanner-plane,body::before{display:none!important}
}
@media(min-width:1920px){.signal-opening{max-height:72rem}.citadel-core{width:min(40vw,46rem)}.opening-copy h1{font-size:clamp(5rem,5.4vw,7.7rem)}.habitat-orbit{min-height:42rem}}
@media(min-width:2560px){.signal-opening{min-height:min(76rem,calc(100svh - var(--header)))}.citadel-core{width:min(38vw,56rem)}.habitat-orbit{min-height:50rem}}

/* Recuperación editorial: oferta visible y lectura flexible. */
.signal-opening{min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;padding:clamp(1rem,2vw,2rem)}
.opening-copy{grid-column:1;grid-row:1;align-self:center}
.opening-copy h1{font-size:clamp(2.2rem,4.3vw,4.8rem);max-width:19ch;line-height:1.06}
.opening-copy .lead{font-size:1.05rem;max-width:58ch;line-height:1.65}
.opening-copy .contact-action{margin:.5rem}
.citadel-core{grid-column:2;grid-row:1;width:min(35vw,30rem);justify-self:center}
.living-index{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr))}
.motion-toggle{grid-column:2;grid-row:3;justify-self:center;min-height:44px;padding:.5rem 1rem;border:1px solid var(--electric-cyan);border-radius:12px;background:#080d1d;color:inherit}
.archive-scale{grid-column:1;grid-row:3}.opening-project{grid-column:1/-1;grid-row:4}
.compact-hero{min-height:0;grid-template-columns:minmax(0,1fr);padding:clamp(1.1rem,2.5vw,2rem);gap:1rem}
.compact-hero h1{max-width:25ch;font-size:clamp(2rem,4vw,3.8rem);line-height:1.12}
.compact-hero .lead{max-width:80ch;font-size:1.05rem;line-height:1.65}
.book-card h2,.type-cover h3{overflow-wrap:break-word;hyphens:auto}.book-card .card-summary,.book-detail .detail-copy>.lead{font-size:1rem;line-height:1.65}
.book-card .card-series{font-size:.95rem;color:#b9b1e6}.book-meta{font-size:.85rem}
.translation-scope,.translation-trust{padding:clamp(1rem,2.5vw,2rem);margin:1rem 0;border:1px solid transparent;border-radius:18px;background:#050a18}
.translation-scope p,.translation-trust p{max-width:85ch;font-size:1.05rem;line-height:1.7}
.translation-scope ul{display:flex;flex-wrap:wrap;gap:.7rem 2rem;padding-left:1.3rem}
.language-menu{position:relative}.language-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:.5rem}
.language-menu>div{position:absolute;right:0;top:100%;width:min(24rem,85vw);max-height:70vh;overflow:auto;z-index:40;background:#080d1d;border:1px solid var(--electric-cyan);border-radius:12px;padding:1rem;box-shadow:0 12px 40px #000}
.language-menu a{display:inline-flex;min-height:44px;align-items:center;padding:.45rem .7rem}.language-menu p{font-size:.9rem;line-height:1.5}
.header-inner,.nav-links{overflow:visible}.nav-link{font-size:.85rem}.nav-links{gap:.25rem}
@media(max-width:767px){.signal-opening{grid-template-columns:1fr}.opening-copy{grid-row:1}.opening-copy h1{max-width:20ch;font-size:clamp(2rem,8vw,3rem)}.living-index{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.citadel-core{grid-column:1;grid-row:3;width:min(72vw,22rem)}.motion-toggle{grid-column:1;grid-row:4}.archive-scale{grid-column:1;grid-row:5}.opening-project{grid-row:6}.language-menu>div{position:static;width:100%;max-height:none}.contact-email{font-size:1rem}.compact-hero h1{font-size:2.1rem}}
@media(forced-colors:active){.translation-scope,.translation-trust,.language-menu>div,.motion-toggle{background:Canvas;color:CanvasText;border:1px solid CanvasText}}

.featured-reading{padding:1.5rem;margin:1rem 0;border-radius:18px;background:#050a18}.featured-reading h2{max-width:40ch;font-size:clamp(1.6rem,3vw,2.6rem)}.featured-reading p{max-width:85ch;line-height:1.65}

.habitat-orbit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-height:0;padding:1rem}
.habitat-orbit::before,.orbital-channel{display:none}.habitat-orbit>.application-core{position:relative;inset:auto;transform:none;grid-column:1/-1;width:auto;aspect-ratio:auto;margin:0;padding:.5rem;border:0;border-radius:0;background:none;box-shadow:none}.application-core .core-orbit{display:none}.application-core p,.application-core small{display:none}.application-core h2{font-size:1rem;color:#aebfd2}
.habitat-orbit>.habitat-node{position:relative;inset:auto;width:auto;min-width:0}.habitat-node h2{font-size:2rem}.habitat-node p{font-size:1rem}.application-empty{min-height:0}.application-empty h2{font-size:clamp(1.5rem,2.5vw,2.2rem)}
.method-register{display:grid;gap:.6rem;margin:1rem 0;padding:0;list-style:none}.method-register::before{display:none}.method-register li{display:grid;grid-template-columns:2rem minmax(8rem,.4fr) minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;min-height:0;margin:0!important}.method-register li span{position:static;transform:none;width:auto;height:auto;box-shadow:none;border:0}.method-register li h2,.method-register li p{margin:0}.method-register li h2{font-size:1.25rem}
.nav-links{flex-wrap:wrap;min-width:0}.header-inner{flex-wrap:wrap}.compact-hero>.contact-action{justify-self:start}
@media(max-width:767px){.habitat-orbit{grid-template-columns:1fr}.method-register li{grid-template-columns:2rem minmax(0,1fr)}.method-register li p{grid-column:2}.opening-copy .lead{font-size:1rem}.opening-copy h1{letter-spacing:-.035em}.language-menu{width:100%}}

html:not(.js) [data-install-action],html:not(.js) .nav-toggle{display:none}
html:not(.js) .nav-links{display:flex;position:static;flex-wrap:wrap;width:100%}
html:not(.js) .header-inner{flex-wrap:wrap}
@media(max-width:900px){.nav-links.is-open{max-height:calc(100svh - 5rem);overflow-y:auto}.language-menu{width:100%}}

.home-library{padding:1.5rem;border-radius:18px}.home-library>header{gap:1rem}.home-book-index{grid-template-columns:repeat(2,minmax(0,1fr))}.home-book-index a:nth-child(n){grid-column:auto;min-height:9rem}.home-book-index strong{font-size:clamp(1.15rem,1.7vw,1.8rem);line-height:1.3}.home-systems{padding:1.5rem}
@media(max-width:767px){.home-book-index{grid-template-columns:1fr}.home-library>header{grid-template-columns:1fr}.home-library>header .text-link{justify-self:start}.home-book-index a:nth-child(n){min-height:8rem}}