/* ============================================================================
   PIEL «origen-noche» · ORIGEN ASTRAL · diseño final 19-oct-2026
   La misma línea que el sitio (docs/origen/diseno-final, dark.css + readability.css)
   llevada a las páginas del motor. Se anexa DESPUÉS de las hojas de cada renderer
   (lib/piel.php):
     · design-tokens (test /analisis, /espera, /gracias, resultado clásico)
     · nítido (resultado v2 /resultado, entrega /entrega)
     · Cielo (cielo_dashboard: la rueda viva NO se toca, solo el chrome)
   Paleta: fondo ciruela #19131F→#2C1B35→#1D1428 · panel #302139 · marfil #FAF2E8
   · lectura #DFD2E6 · secundario #D0BFD9 · oro #DFBD88 · botón #E6C997→#CCA36D
   con texto #291C30. Tipografía: Montserrat. Cuerpo ≥16 · etiquetas ≥13.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --on-fuente:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --on-fondo:radial-gradient(ellipse at 95% 8%,#59336665,transparent 38%),radial-gradient(ellipse at 0 45%,#52304440,transparent 35%),linear-gradient(150deg,#19131f 0%,#2c1b35 45%,#1d1428 100%);
  --on-panel:linear-gradient(145deg,#3b2946,#2e2139);
  --on-oro:#dfbd88; --on-oro-claro:#e6c997; --on-boton:linear-gradient(135deg,#e6c997,#cca36d); --on-tinta-boton:#291c30;
  --on-marfil:#faf2e8; --on-lectura:#dfd2e6; --on-sec:#d0bfd9; --on-borde:1px solid #bca0cb47;
}

/* ── 1 · páginas sobre design-tokens (test, espera, gracias, resultado clásico) ── */
html[data-theme="origen-noche"]{
  --bg:#19131f;--t-bg:#19131f;--ink:#faf2e8;--t-ink:#faf2e8;--accent:#dfbd88;--accent-pink:#dfbd88;--accent-blue:#8a5ba0;
  --grad:linear-gradient(135deg,#e6c997,#cca36d);--grad-accent:linear-gradient(135deg,#e6c997,#cca36d);
  --line-accent:rgba(223,189,136,.28);--on-accent:#291c30;
}
html[data-theme="origen-noche"]{--font-serif:'Montserrat',system-ui,sans-serif;--font-display:'Montserrat',system-ui,sans-serif}
/* el test pinta su propio fondo azul-noche (oklch .13 .02 280) y un halo azul/rosa en línea → ciruela de la marca */
html[data-theme="origen-noche"] [style*="oklch(0.13 0.02 280)"],html[data-theme="origen-noche"] [style*="oklch(0.13 0.03 290)"]{background:var(--on-fondo)!important}
html[data-theme="origen-noche"] [style*="position: fixed"][style*="pointer-events: none"][style*="rgba(81, 112, 255"]{display:none!important}
html[data-theme="origen-noche"] body{font-family:var(--on-fuente)!important;color:var(--on-marfil);background:var(--on-fondo) fixed!important;-webkit-font-smoothing:antialiased}
html[data-theme="origen-noche"] h1,html[data-theme="origen-noche"] h2,html[data-theme="origen-noche"] h3{font-family:var(--on-fuente)!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.02em;color:var(--on-marfil)}
/* el degradado lila-rosa fijo del bundle → oro */
html[data-theme="origen-noche"] .us-grad-btn,html[data-theme="origen-noche"] .cta,html[data-theme="origen-noche"] .cupon-row button{background:var(--on-boton)!important;color:var(--on-tinta-boton)!important;font-family:var(--on-fuente)!important;font-weight:800!important;font-size:16px!important;border-radius:999px!important;box-shadow:0 10px 30px -12px rgba(223,189,136,.45)!important;min-height:48px;border:0!important}
html[data-theme="origen-noche"] .us-grad-btn:hover,html[data-theme="origen-noche"] .cta:hover{filter:brightness(1.06);opacity:1!important}
html[data-theme="origen-noche"] .us-grad-btn:disabled,html[data-theme="origen-noche"] .us-grad-btn[disabled]{opacity:.55!important}
html[data-theme="origen-noche"] .us-likert-btn{border:1px solid #bca0cb55!important;background:#2e2139!important;border-radius:16px!important;color:var(--on-marfil)!important;font-weight:600}
html[data-theme="origen-noche"] .us-likert-btn:hover{border-color:var(--on-oro)!important;background:#3b2946!important}
html[data-theme="origen-noche"] .us-back-btn{color:var(--on-oro-claro)!important;font-weight:700;font-size:15px!important}
html[data-theme="origen-noche"] input,html[data-theme="origen-noche"] select,html[data-theme="origen-noche"] textarea{font-family:var(--on-fuente)!important;font-size:16px!important;color:var(--on-marfil)!important;background:#2a1d33!important;border:1px solid #bca0cb55!important;border-radius:14px!important;box-shadow:none!important}
html[data-theme="origen-noche"] input:focus,html[data-theme="origen-noche"] select:focus,html[data-theme="origen-noche"] textarea:focus{border-color:var(--on-oro)!important;outline:2px solid rgba(223,189,136,.35)!important;outline-offset:1px}
html[data-theme="origen-noche"] input::placeholder,html[data-theme="origen-noche"] textarea::placeholder{color:#b4a3bf!important}
html[data-theme="origen-noche"] select option{background:#2a1d33;color:var(--on-marfil)}
html[data-theme="origen-noche"] input[type="date"],html[data-theme="origen-noche"] input[type="time"]{color-scheme:dark}
/* las pantallas del Cielo (preguntas al cielo, correo) traen el degradado azul→rosa y el negro EN LÍNEA */
html[data-theme="origen-noche"] [style*="rgb(81, 112, 255), rgb(255, 102, 196)"]:not([style*="text-fill-color"]),html[data-theme="origen-noche"] button[style*="rgb(255, 102, 196)"],html[data-theme="origen-noche"] a[style*="rgb(255, 102, 196)"]{box-shadow:0 10px 30px -12px rgba(223,189,136,.45)!important;background:var(--on-boton)!important;color:var(--on-tinta-boton)!important;font-family:var(--on-fuente)!important;font-weight:800!important;border-radius:999px!important}
html[data-theme="origen-noche"] [style*="rgb(81, 112, 255)"][style*="text-fill-color"]{background-image:linear-gradient(135deg,#f1d9a0,#dfbd88)!important;font-style:normal!important}
html[data-theme="origen-noche"] [style*="background: rgb(7, 7, 10)"]{background:var(--on-fondo)!important}
html[data-theme="origen-noche"] input[style*="rgba(81, 112, 255"],html[data-theme="origen-noche"] textarea[style*="rgba(81, 112, 255"]{border-color:#dfbd88aa!important}
/* texto en degradado (background-clip:text) y texto en acento → oro */
html[data-theme="origen-noche"] [style*="background-clip: text"],html[data-theme="origen-noche"] [style*="background-clip:text"],html[data-theme="origen-noche"] .trans-italic-grad,html[data-theme="origen-noche"] .beat-counter{background-image:linear-gradient(135deg,#f1d9a0,#dfbd88)!important}
html[data-theme="origen-noche"] [style*="color: var(--accent"],html[data-theme="origen-noche"] [style*="color:var(--accent"]{color:var(--on-oro-claro)!important}
html[data-theme="origen-noche"] [style*="font-style: italic"]{font-style:normal!important}
/* piso de legibilidad */
html[data-theme="origen-noche"] [style*="font-size: 10px"],html[data-theme="origen-noche"] [style*="font-size: 11px"],html[data-theme="origen-noche"] [style*="font-size: 11.5px"],html[data-theme="origen-noche"] [style*="font-size: 12px"]{font-size:13px!important}
html[data-theme="origen-noche"] [style*="letter-spacing"][style*="uppercase"]{font-family:var(--on-fuente)!important;font-weight:700}
/* resultado clásico */
html[data-theme="origen-noche"] .rnav{background:linear-gradient(110deg,#1b1423f2,#302039f2)!important;border-bottom:1px solid #d7b48726!important}
html[data-theme="origen-noche"] .letter,html[data-theme="origen-noche"] .urgency,html[data-theme="origen-noche"] .cupon-inner,html[data-theme="origen-noche"] .arq-audio{background:var(--on-panel)!important;border:var(--on-borde)!important;border-radius:24px!important}
html[data-theme="origen-noche"] .arq-name{font-family:var(--on-fuente)!important;font-weight:800!important;background:none!important;-webkit-text-fill-color:var(--on-oro-claro)!important;color:var(--on-oro-claro)!important}
html[data-theme="origen-noche"] .eyebrow,html[data-theme="origen-noche"] .arq-label,html[data-theme="origen-noche"] .letter-h,html[data-theme="origen-noche"] .cta-note,html[data-theme="origen-noche"] .cutoff-note,html[data-theme="origen-noche"] .cupon-l,html[data-theme="origen-noche"] .urgency-l{color:var(--on-oro)!important;font-size:13px!important;font-weight:700}
html[data-theme="origen-noche"] .letter-body{font-family:var(--on-fuente)!important;font-size:17px!important;color:var(--on-lectura)!important}
/* espera / gracias */
html[data-theme="origen-noche"] .bar{background:#2e2139!important}
html[data-theme="origen-noche"] h1 .g{background:none!important;-webkit-text-fill-color:var(--on-oro-claro)!important;color:var(--on-oro-claro)!important}

/* ── 2 · NÍTIDO (resultado v2, entrega) ─────────────────────────────────────── */
:root,[data-theme="light"],[data-theme="dark"]{
  --bg:#19131f;--panel:#2a1d33;--panel2:#302139;--text:#faf2e8;--muted:#dfd2e6;--soft:#d0bfd9;
  --line:rgba(227,196,240,.16);
  --gold:#dfbd88;--brand:#dfbd88;--brand-grad:linear-gradient(135deg,#e6c997,#cca36d);--zy-on-brand:#291c30;
  --shadow:0 30px 60px -36px rgba(8,4,15,.7);--shadow-soft:0 16px 40px -28px rgba(8,4,15,.7);
}
body{font-family:var(--on-fuente)!important;background:var(--on-fondo) fixed!important;color:var(--on-marfil)!important}
.glow{opacity:.5}
h1,h2,h3,h4,.zrp-prev-h1,.arq-h1{font-family:var(--on-fuente)!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.02em!important}
h1,.arq-h1,.zrp-prev-h1{background:none!important;-webkit-text-fill-color:var(--on-marfil)!important;color:var(--on-marfil)!important}
.arq-h1 em,h1 em{font-style:normal;color:var(--on-oro-claro);-webkit-text-fill-color:var(--on-oro-claro)}
.kicker,.eyebrow,.listo-line,.section-tag,.cta-note,.lockline,.carta-note,.zrp-tag,.metric-scale,.zrp-prev-sub,.zrp-prev-note{font-family:var(--on-fuente)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.14em!important;color:var(--on-oro)!important;text-transform:uppercase}
.topbar{background:linear-gradient(110deg,#1b1423f2,#302039f2)!important;backdrop-filter:blur(14px);border-bottom:1px solid #d7b48726!important}
.primary-btn,.outline-btn,.tool-btn,.checkin-btn,.read-full,.releer-btn{font-family:var(--on-fuente)!important;font-weight:800!important;font-size:15px!important;border-radius:999px!important;min-height:44px}
.primary-btn{background:var(--on-boton)!important;color:var(--on-tinta-boton)!important;box-shadow:0 10px 30px -12px rgba(223,189,136,.45)!important;border:0!important}
.outline-btn,#cuponBtn,#zrpPrevBtn{background:transparent!important;color:var(--on-oro-claro)!important;border:1px solid #dfbd8899!important;box-shadow:none!important}
.sheet,.rwrap .sheet{background:var(--on-panel)!important;border:var(--on-borde)!important;border-radius:30px!important}
.card,.metric-card,.chapter-card,.faq-card,.mini-card,.zrp-faq details,.zrp-modal-card,.sidebar,.hero-main,.quote{background:var(--on-panel)!important;border:var(--on-borde)!important;border-radius:22px!important}
.mini-callout,.essential-box{background:#211729!important;border:1px solid #dfbd8855!important;border-radius:16px!important;color:var(--on-lectura)!important}
.pill,.zrp-pagos span{font-family:var(--on-fuente)!important;font-size:13px!important;font-weight:700!important;background:#3b2946!important;border:0!important;color:var(--on-oro-claro)!important}
.metric-card p,.card p,.hero-copy,.reading,.carta-body,.zrp-quote,.zrp-faq details p,.chapter-summary-copy,.longform p{font-family:var(--on-fuente)!important;font-style:normal!important;color:var(--on-lectura)!important;font-size:17px!important;line-height:1.7!important}
.carta-fade{background:linear-gradient(to bottom,transparent,#2e2139)!important}
.zrp-quote{border-left:3px solid var(--on-oro)!important}
.cupon-row input{background:#2a1d33!important;color:var(--on-marfil)!important;border:1px solid #bca0cb55!important;border-radius:14px!important;font-family:var(--on-fuente)}
.zrp-faq summary{font-family:var(--on-fuente);font-weight:700;color:var(--on-marfil)}
.nav a,.sidebar a{font-family:var(--on-fuente);font-weight:600;color:var(--on-lectura)}
.nav a.active,.sidebar a.active{background:#3b2946!important;color:var(--on-oro-claro)!important}
mark.zn-hl{background:#dfbd8855;color:var(--on-marfil)}
::selection{background:#dfbd8866;color:var(--on-marfil)}

/* ── 3 · CIELO (cielo_dashboard: la rueda viva no se toca) ─────────────────── */
.zc-side h3,.zc-nav-prem-cab b,.zc-nav-prem-precio,.zc-luz-label,.zc-gancho-kick,.zc-gd-rot,.zc-gbadge,.zc-fase-il,.zc-elem-val,.zc-cielo-rol,.zc-luzchip i,.zc-par-tit{font-family:var(--on-fuente)!important;font-weight:700!important;font-size:13px!important;letter-spacing:.14em!important;color:var(--on-oro)!important}
.zc-serif,.zc-luz-signo,.zc-gancho-tit,.zc-gd-val,.zc-fase-nombre,.zc-cielo-tit{font-family:var(--on-fuente)!important;font-style:normal!important;font-weight:800!important;color:var(--on-marfil)!important;letter-spacing:-.01em!important}
.zc-par-tit{font-size:1.1rem!important;letter-spacing:-.01em!important;text-transform:none}
[class^="zc-"] a,[class*=" zc-"] a{color:var(--on-oro-claro)}
.zc-nav-prem{background:#211729!important;border:1px solid #dfbd8866!important;border-radius:20px!important}
.zc-topbar,.zc-progress{background:linear-gradient(110deg,#1b1423f2,#302039f2)!important;border-bottom:1px solid #d7b48726!important}
/* botones de marca del portal: texto ciruela sobre el oro (la regla de enlaces dorados los dejaba ilegibles) */
.zc-btn-brand,a.zc-btn-brand,.zc-chat-fab{color:var(--on-tinta-boton)!important;background:var(--on-boton)!important;font-family:var(--on-fuente)!important;font-weight:800!important}
/* glifos del zodiaco como texto dorado, nunca como emoji morado */
.zc-luz-emoji{font-variant-emoji:text;font-family:'Apple Symbols','Segoe UI Symbol','Noto Sans Symbols 2','DejaVu Sans',serif!important;color:var(--on-oro)!important;background:none!important}