@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');
/* Piel v8 para páginas interiores antiguas: mismo mundo violeta que la portada, Progresión y Pools.
   Se activa con <body class="zone-v8"> y este archivo enlazado después de los estilos propios de la página.
   Redefine las variables que ya usan esas páginas y da marco, sombra y botones dorados «de juego». */
body.zone-v8{
  --bg:#24163b;--surface:#302047;--surface2:#3b2857;--surface-2:#3b2857;
  --text:#f3ecfb;--texto:#f3ecfb;--muted:#d4c6e4;--apagado:#d4c6e4;
  --line:#d9c3ff2e;--linea:#d9c3ff2e;--border:#d9c3ff2e;--edge:#e6ccff38;
  --purple:#b9a0ff;--primario:#b9a0ff;--gold:#ffd583;--oro:#ffd583;--gold-d:#c98f2e;--green:#8ef0a8;
  font-family:'Instrument Sans',system-ui,sans-serif;color:var(--text);
  background:radial-gradient(ellipse at 85% 0,#99449655,transparent 45%),radial-gradient(ellipse at 0 40%,#744ac244,transparent 45%),radial-gradient(ellipse at 90% 95%,#286e7744,transparent 45%),linear-gradient(160deg,#301b54,#24163b 55%,#2c1a40) #24163b;
  background-attachment:fixed;min-height:100vh;margin:0}
html:has(body.zone-v8){background:#24163b}
/* Sin el margen de 8 px del navegador: el <main> de estas páginas se centra con 16 px a cada lado. */
body.zone-v8 :is(.ah-main,.dx-main,.pq-main,.sx-main,.dc-main,.lr-main){width:min(1180px,calc(100% - 32px));margin-inline:auto}
body.zone-v8 .cv790-nav-shell{background:rgba(35,21,57,.92)}
body.zone-v8 h1,body.zone-v8 h2,body.zone-v8 h3{letter-spacing:-.03em}
body.zone-v8 h1 em{color:var(--gold)}
body.zone-v8 :is(.eyebrow,.kicker){color:var(--gold)}
body.zone-v8 .lead{color:#e4d8ef}
/* Tarjetas y paneles con el marco de la portada */
body.zone-v8 :is(.panel,.card,.stat,.member,.cta,.status-card,.tier-policy){border:2px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,#ffffff08,transparent 60%),var(--surface);box-shadow:inset 0 1px 0 #ffffff14,0 5px 0 #1a0d2c55}
body.zone-v8 .cta{background:radial-gradient(420px 200px at 50% 0,#ffd58324,transparent 70%),var(--surface)}
body.zone-v8 :is(.step,.rule,.record,.point,.person,.example){background:var(--surface2);border-color:var(--line)}
body.zone-v8 :is(.formula,.copybox,.points span,.tier-callout:not(.accent)){background:#1c1230;border-color:var(--line);color:#e8dcf7}
body.zone-v8 .community-context{background:#ffffff0a;border:2px solid var(--edge);color:var(--muted)}
body.zone-v8 .community-context strong{color:var(--text)}
body.zone-v8 .community-context a{color:var(--gold)}
/* Enlaces sin estilo propio: lila legible y subrayado en vez del azul del navegador (peso 0: cualquier regla de la página manda). */
:where(body.zone-v8 main a:not([class])){color:#c8b9ff;text-decoration:underline;text-underline-offset:2px}
/* Formularios */
body.zone-v8 :is(input,select,textarea){background:#1f1433;border:2px solid var(--line);color:var(--text);border-radius:12px}
body.zone-v8 :is(input,select,textarea):focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffd58333}
body.zone-v8 input[type=checkbox]{accent-color:var(--gold)}
/* Botones: principal dorado con volumen; secundario con marco */
body.zone-v8 :where(main,.wrap,.cta) :is(.btn,button):not(:disabled):not(.sp-drop){background:var(--gold);color:#2d1743!important;border:2px solid #fff0c8;border-radius:14px;font-weight:700;box-shadow:0 4px 0 var(--gold-d),0 12px 24px #13082044;transition:transform .12s,box-shadow .12s}
body.zone-v8 :where(main,.wrap,.cta) :is(.btn,button):not(:disabled):not(.sp-drop):hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--gold-d),0 16px 28px #13082055}
body.zone-v8 :where(main,.wrap,.cta) :is(.btn,button):not(:disabled):not(.sp-drop):active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-d)}
body.zone-v8 :where(main,.wrap,.cta) :is(.btn.sec,button.sec,.btn.secondary,button.secondary,.btn.discord):not(:disabled):not(.sp-drop){background:#ffffff0d;color:var(--text)!important;border:2px solid #d9b8f570;box-shadow:0 4px 0 #1a0d2c66}
body.zone-v8 :where(main,.wrap,.cta) :is(.btn.sec,button.sec,.btn.secondary,button.secondary,.btn.discord):not(:disabled):not(.sp-drop):hover{border-color:var(--gold)}
body.zone-v8 :where(main,.wrap) button:disabled{background:#ffffff14;color:var(--muted);border:2px solid var(--line);box-shadow:none}
/* Zona Proyecto: bloques propios de Sobre, Transparencia, Privacidad y Métricas */
body.zone-v8 :is(.historia,.valor,.union,.box,.status>div){border:2px solid var(--edge);background:linear-gradient(180deg,#ffffff08,transparent 60%),var(--surface);box-shadow:inset 0 1px 0 #ffffff14,0 5px 0 #1a0d2c55}
body.zone-v8 .transparencia{border:2px solid #ffd58355;box-shadow:inset 0 1px 0 #ffffff14,0 5px 0 #1a0d2c55}
body.zone-v8 .box.warn{border-color:#ffd58366;background:linear-gradient(120deg,#ffd5831a,transparent 70%),var(--surface)}
body.zone-v8 .retrato{background:linear-gradient(135deg,#a98aff,#ff6fa8);border:3px solid #fff0c8;box-shadow:0 5px 0 #1a0d2c66}
body.zone-v8 .note{background:#ffffff0d;border-left-color:var(--gold);color:var(--muted)}
body.zone-v8 .recording{background:#8ef0a812;border-color:#8ef0a840;color:var(--muted)}
body.zone-v8 :is(table th){color:var(--muted)}
body.zone-v8 code{background:#1c1230;border-radius:6px;padding:.05rem .35rem}