/* ============================================================
   ATMÓSFERA (2026-10-03) — la capa visual común de toda la web.
   - Polvo de estrellas fijo detrás de todo (el mismo cielo de "Tu cielo").
   - Grano de película muy sutil y viñeteado: profundidad sin contenido.
   - Acento opcional: --acento es marfil por defecto; con
     <html data-acento="calido"> pasa a un dorado suave que solo toca las
     luces (estrellas activas, halos, el botón principal). Vista previa con
     ?acento=calido (js/core/theme.js).
   - Pie de página más ligero.
   Nada se mueve en bucle. Respeta prefers-reduced-motion y el tema claro.
   ============================================================ */
:root{--acento:var(--s1);--acento-halo:rgba(237,237,235,.55)}
html[data-acento="calido"]{--acento:#E6C78E;--acento-halo:rgba(230,199,142,.55)}

body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cg fill='%23EDEDEB'%3E%3Ccircle cx='575' cy='457' r='0.65' fill-opacity='0.33'/%3E%3Ccircle cx='512' cy='94' r='0.64' fill-opacity='0.38'/%3E%3Ccircle cx='131' cy='249' r='1.39' fill-opacity='0.48'/%3E%3Ccircle cx='409' cy='367' r='0.38' fill-opacity='0.12'/%3E%3Ccircle cx='380' cy='349' r='0.46' fill-opacity='0.14'/%3E%3Ccircle cx='213' cy='114' r='0.35' fill-opacity='0.25'/%3E%3Ccircle cx='150' cy='677' r='1.08' fill-opacity='0.44'/%3E%3Ccircle cx='245' cy='28' r='0.71' fill-opacity='0.17'/%3E%3Ccircle cx='457' cy='168' r='0.35' fill-opacity='0.34'/%3E%3Ccircle cx='467' cy='699' r='0.62' fill-opacity='0.32'/%3E%3Ccircle cx='131' cy='339' r='0.89' fill-opacity='0.27'/%3E%3Ccircle cx='48' cy='268' r='0.91' fill-opacity='0.24'/%3E%3Ccircle cx='651' cy='227' r='0.61' fill-opacity='0.30'/%3E%3Ccircle cx='551' cy='152' r='0.50' fill-opacity='0.16'/%3E%3Ccircle cx='59' cy='213' r='0.37' fill-opacity='0.28'/%3E%3Ccircle cx='272' cy='587' r='0.90' fill-opacity='0.21'/%3E%3Ccircle cx='242' cy='442' r='0.35' fill-opacity='0.14'/%3E%3Ccircle cx='43' cy='347' r='0.95' fill-opacity='0.35'/%3E%3Ccircle cx='644' cy='29' r='0.35' fill-opacity='0.18'/%3E%3Ccircle cx='479' cy='604' r='0.35' fill-opacity='0.10'/%3E%3Ccircle cx='576' cy='266' r='0.37' fill-opacity='0.18'/%3E%3Ccircle cx='531' cy='535' r='1.04' fill-opacity='0.11'/%3E%3Ccircle cx='166' cy='154' r='0.35' fill-opacity='0.50'/%3E%3Ccircle cx='136' cy='578' r='1.06' fill-opacity='0.42'/%3E%3Ccircle cx='194' cy='219' r='0.83' fill-opacity='0.23'/%3E%3Ccircle cx='678' cy='15' r='0.80' fill-opacity='0.35'/%3E%3Ccircle cx='348' cy='210' r='0.45' fill-opacity='0.11'/%3E%3Ccircle cx='272' cy='346' r='0.35' fill-opacity='0.29'/%3E%3Ccircle cx='295' cy='442' r='0.50' fill-opacity='0.10'/%3E%3Ccircle cx='341' cy='33' r='0.54' fill-opacity='0.35'/%3E%3Ccircle cx='78' cy='36' r='0.85' fill-opacity='0.16'/%3E%3Ccircle cx='634' cy='386' r='0.84' fill-opacity='0.21'/%3E%3Ccircle cx='603' cy='383' r='1.16' fill-opacity='0.30'/%3E%3Ccircle cx='358' cy='88' r='1.35' fill-opacity='0.27'/%3E%3Ccircle cx='294' cy='677' r='0.37' fill-opacity='0.23'/%3E%3Ccircle cx='350' cy='287' r='0.41' fill-opacity='0.35'/%3E%3Ccircle cx='221' cy='659' r='0.35' fill-opacity='0.45'/%3E%3Ccircle cx='187' cy='580' r='0.35' fill-opacity='0.27'/%3E%3Ccircle cx='321' cy='68' r='0.99' fill-opacity='0.31'/%3E%3Ccircle cx='230' cy='263' r='0.35' fill-opacity='0.23'/%3E%3Ccircle cx='596' cy='349' r='1.10' fill-opacity='0.48'/%3E%3Ccircle cx='358' cy='15' r='0.98' fill-opacity='0.39'/%3E%3Ccircle cx='473' cy='282' r='1.34' fill-opacity='0.40'/%3E%3Ccircle cx='532' cy='662' r='0.39' fill-opacity='0.46'/%3E%3Ccircle cx='573' cy='171' r='1.08' fill-opacity='0.44'/%3E%3Ccircle cx='56' cy='95' r='0.35' fill-opacity='0.47'/%3E%3Ccircle cx='272' cy='240' r='0.79' fill-opacity='0.23'/%3E%3Ccircle cx='271' cy='220' r='0.82' fill-opacity='0.13'/%3E%3Ccircle cx='171' cy='129' r='0.66' fill-opacity='0.39'/%3E%3Ccircle cx='139' cy='209' r='0.37' fill-opacity='0.33'/%3E%3Ccircle cx='50' cy='696' r='0.41' fill-opacity='0.15'/%3E%3Ccircle cx='19' cy='30' r='0.42' fill-opacity='0.25'/%3E%3Ccircle cx='617' cy='362' r='1.22' fill-opacity='0.23'/%3E%3Ccircle cx='101' cy='24' r='1.20' fill-opacity='0.42'/%3E%3Ccircle cx='678' cy='230' r='0.44' fill-opacity='0.31'/%3E%3Ccircle cx='684' cy='552' r='0.55' fill-opacity='0.22'/%3E%3Ccircle cx='688' cy='444' r='0.35' fill-opacity='0.25'/%3E%3Ccircle cx='556' cy='128' r='0.36' fill-opacity='0.42'/%3E%3Ccircle cx='115' cy='118' r='1.01' fill-opacity='0.38'/%3E%3Ccircle cx='526' cy='215' r='0.44' fill-opacity='0.14'/%3E%3Ccircle cx='50' cy='145' r='0.40' fill-opacity='0.22'/%3E%3Ccircle cx='138' cy='293' r='0.35' fill-opacity='0.49'/%3E%3Ccircle cx='131' cy='152' r='0.54' fill-opacity='0.46'/%3E%3Ccircle cx='64' cy='584' r='0.37' fill-opacity='0.25'/%3E%3Ccircle cx='514' cy='331' r='0.46' fill-opacity='0.46'/%3E%3Ccircle cx='543' cy='672' r='0.35' fill-opacity='0.49'/%3E%3Ccircle cx='203' cy='204' r='0.56' fill-opacity='0.38'/%3E%3Ccircle cx='362' cy='274' r='0.39' fill-opacity='0.32'/%3E%3Ccircle cx='189' cy='217' r='0.53' fill-opacity='0.31'/%3E%3Ccircle cx='459' cy='620' r='0.63' fill-opacity='0.35'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cg fill='%23EDEDEB'%3E%3Ccircle cx='575' cy='457' r='0.65' fill-opacity='0.33'/%3E%3Ccircle cx='512' cy='94' r='0.64' fill-opacity='0.38'/%3E%3Ccircle cx='131' cy='249' r='1.39' fill-opacity='0.48'/%3E%3Ccircle cx='409' cy='367' r='0.38' fill-opacity='0.12'/%3E%3Ccircle cx='380' cy='349' r='0.46' fill-opacity='0.14'/%3E%3Ccircle cx='213' cy='114' r='0.35' fill-opacity='0.25'/%3E%3Ccircle cx='150' cy='677' r='1.08' fill-opacity='0.44'/%3E%3Ccircle cx='245' cy='28' r='0.71' fill-opacity='0.17'/%3E%3Ccircle cx='457' cy='168' r='0.35' fill-opacity='0.34'/%3E%3Ccircle cx='467' cy='699' r='0.62' fill-opacity='0.32'/%3E%3Ccircle cx='131' cy='339' r='0.89' fill-opacity='0.27'/%3E%3Ccircle cx='48' cy='268' r='0.91' fill-opacity='0.24'/%3E%3Ccircle cx='651' cy='227' r='0.61' fill-opacity='0.30'/%3E%3Ccircle cx='551' cy='152' r='0.50' fill-opacity='0.16'/%3E%3Ccircle cx='59' cy='213' r='0.37' fill-opacity='0.28'/%3E%3Ccircle cx='272' cy='587' r='0.90' fill-opacity='0.21'/%3E%3Ccircle cx='242' cy='442' r='0.35' fill-opacity='0.14'/%3E%3Ccircle cx='43' cy='347' r='0.95' fill-opacity='0.35'/%3E%3Ccircle cx='644' cy='29' r='0.35' fill-opacity='0.18'/%3E%3Ccircle cx='479' cy='604' r='0.35' fill-opacity='0.10'/%3E%3Ccircle cx='576' cy='266' r='0.37' fill-opacity='0.18'/%3E%3Ccircle cx='531' cy='535' r='1.04' fill-opacity='0.11'/%3E%3Ccircle cx='166' cy='154' r='0.35' fill-opacity='0.50'/%3E%3Ccircle cx='136' cy='578' r='1.06' fill-opacity='0.42'/%3E%3Ccircle cx='194' cy='219' r='0.83' fill-opacity='0.23'/%3E%3Ccircle cx='678' cy='15' r='0.80' fill-opacity='0.35'/%3E%3Ccircle cx='348' cy='210' r='0.45' fill-opacity='0.11'/%3E%3Ccircle cx='272' cy='346' r='0.35' fill-opacity='0.29'/%3E%3Ccircle cx='295' cy='442' r='0.50' fill-opacity='0.10'/%3E%3Ccircle cx='341' cy='33' r='0.54' fill-opacity='0.35'/%3E%3Ccircle cx='78' cy='36' r='0.85' fill-opacity='0.16'/%3E%3Ccircle cx='634' cy='386' r='0.84' fill-opacity='0.21'/%3E%3Ccircle cx='603' cy='383' r='1.16' fill-opacity='0.30'/%3E%3Ccircle cx='358' cy='88' r='1.35' fill-opacity='0.27'/%3E%3Ccircle cx='294' cy='677' r='0.37' fill-opacity='0.23'/%3E%3Ccircle cx='350' cy='287' r='0.41' fill-opacity='0.35'/%3E%3Ccircle cx='221' cy='659' r='0.35' fill-opacity='0.45'/%3E%3Ccircle cx='187' cy='580' r='0.35' fill-opacity='0.27'/%3E%3Ccircle cx='321' cy='68' r='0.99' fill-opacity='0.31'/%3E%3Ccircle cx='230' cy='263' r='0.35' fill-opacity='0.23'/%3E%3Ccircle cx='596' cy='349' r='1.10' fill-opacity='0.48'/%3E%3Ccircle cx='358' cy='15' r='0.98' fill-opacity='0.39'/%3E%3Ccircle cx='473' cy='282' r='1.34' fill-opacity='0.40'/%3E%3Ccircle cx='532' cy='662' r='0.39' fill-opacity='0.46'/%3E%3Ccircle cx='573' cy='171' r='1.08' fill-opacity='0.44'/%3E%3Ccircle cx='56' cy='95' r='0.35' fill-opacity='0.47'/%3E%3Ccircle cx='272' cy='240' r='0.79' fill-opacity='0.23'/%3E%3Ccircle cx='271' cy='220' r='0.82' fill-opacity='0.13'/%3E%3Ccircle cx='171' cy='129' r='0.66' fill-opacity='0.39'/%3E%3Ccircle cx='139' cy='209' r='0.37' fill-opacity='0.33'/%3E%3Ccircle cx='50' cy='696' r='0.41' fill-opacity='0.15'/%3E%3Ccircle cx='19' cy='30' r='0.42' fill-opacity='0.25'/%3E%3Ccircle cx='617' cy='362' r='1.22' fill-opacity='0.23'/%3E%3Ccircle cx='101' cy='24' r='1.20' fill-opacity='0.42'/%3E%3Ccircle cx='678' cy='230' r='0.44' fill-opacity='0.31'/%3E%3Ccircle cx='684' cy='552' r='0.55' fill-opacity='0.22'/%3E%3Ccircle cx='688' cy='444' r='0.35' fill-opacity='0.25'/%3E%3Ccircle cx='556' cy='128' r='0.36' fill-opacity='0.42'/%3E%3Ccircle cx='115' cy='118' r='1.01' fill-opacity='0.38'/%3E%3Ccircle cx='526' cy='215' r='0.44' fill-opacity='0.14'/%3E%3Ccircle cx='50' cy='145' r='0.40' fill-opacity='0.22'/%3E%3Ccircle cx='138' cy='293' r='0.35' fill-opacity='0.49'/%3E%3Ccircle cx='131' cy='152' r='0.54' fill-opacity='0.46'/%3E%3Ccircle cx='64' cy='584' r='0.37' fill-opacity='0.25'/%3E%3Ccircle cx='514' cy='331' r='0.46' fill-opacity='0.46'/%3E%3Ccircle cx='543' cy='672' r='0.35' fill-opacity='0.49'/%3E%3Ccircle cx='203' cy='204' r='0.56' fill-opacity='0.38'/%3E%3Ccircle cx='362' cy='274' r='0.39' fill-opacity='0.32'/%3E%3Ccircle cx='189' cy='217' r='0.53' fill-opacity='0.31'/%3E%3Ccircle cx='459' cy='620' r='0.63' fill-opacity='0.35'/%3E%3C/g%3E%3C/svg%3E");
  background-size:700px 700px,1100px 1100px;background-position:0 0,340px 210px;
  opacity:.55;
}
body::after{
  content:'';position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(0,0,0,.38) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  opacity:.06;mix-blend-mode:overlay;
}
/* Tema claro (Alba): sin polvo ni viñeta oscura. */
html[data-theme="alba"] body::before,html[data-theme="light"] body::before{display:none}
html[data-theme="alba"] body::after,html[data-theme="light"] body::after{background:none}

/* Acento: solo en las luces. */
.action-btn.primary{box-shadow:0 0 0 1px color-mix(in srgb, var(--acento) 35%, transparent), 0 10px 30px -12px var(--acento-halo)}
html[data-acento="calido"] .action-btn.primary{background:linear-gradient(180deg, #F1DDB2, #D9B46F);color:#1a1408;border-color:transparent}
html[data-acento="calido"] .hero-title em,html[data-acento="calido"] .u3-titulo em{color:var(--acento)}
html[data-acento="calido"] .cielo-estrella.is-encendida .cielo-forma,html[data-acento="calido"] .cielo-estrella.is-fuerte .cielo-forma,
html[data-acento="calido"] .u3-estrella--fuerte path,html[data-acento="calido"] .u3-nucleo path,html[data-acento="calido"] .cielo-nucleo{fill:var(--acento)}
html[data-acento="calido"] .cielo-linea.is-activa,html[data-acento="calido"] .u3-hilo-linea{stroke:var(--acento)}
html[data-acento="calido"] .hc-estrella,html[data-acento="calido"] .hc-linea{fill:var(--acento);stroke:var(--acento)}

/* Pie de página más ligero: la mitad de alto y el logotipo grande, discreto. */
#landing-footer{padding:56px 24px 28px}
.footer-grid{margin-bottom:32px;gap:24px}
.footer-hero-wordmark{margin-top:28px}
.footer-wordmark-svg{max-height:110px;opacity:.7}
@media (max-width:720px){
  .footer-grid{gap:20px}
  .footer-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 16px}
  .footer-col-title{margin-bottom:8px}
}

/* ============================================================
   TEMA CLARO (alba) — ajustes de los componentes nuevos (2026-10-02).
   Se diseñaron en oscuro con colores fijos (marfil sobre negro); aquí
   pasan a tinta sobre crema. La mesa de Tarot y el móvil de "Así se ve
   por dentro" siguen oscuros a propósito (son objetos, no la página).
   ============================================================ */
html[data-theme="alba"]{--tinta:#1E1B17;--tinta-2:rgba(30,27,23,.72);--tinta-3:rgba(30,27,23,.55);--linea-clara:rgba(30,27,23,.14);}

/* Portada — "Así se ve por dentro" (texto fuera del móvil). */
html[data-theme="alba"] .pd-kicker{color:var(--tinta-3)}
html[data-theme="alba"] .pd-sub{color:var(--tinta-2)}
html[data-theme="alba"] .pd-lista li{color:var(--tinta-3)}
html[data-theme="alba"] .pd-lista b{color:var(--tinta)}
html[data-theme="alba"] .pd-ico{border-color:var(--linea-clara);filter:invert(1)}
html[data-theme="alba"] .section-title em{color:rgba(30,27,23,.6)}

/* Hoy — postal. */
html[data-theme="alba"] .hoy-postal{background:radial-gradient(circle at 18% 30%, rgba(30,27,23,.04), transparent 55%), rgba(255,255,255,.5);border-color:var(--linea-clara)}
html[data-theme="alba"] .hoy-postal::after{border-color:rgba(30,27,23,.07)}
html[data-theme="alba"] .hoy-postal-fecha{color:var(--tinta-3)}
html[data-theme="alba"] .hoy-postal-nombre{color:var(--tinta)}
html[data-theme="alba"] .hoy-postal-frase{color:var(--tinta-2)}
html[data-theme="alba"] .hoy-postal-compartir{color:var(--tinta);border-color:rgba(30,27,23,.3)}
html[data-theme="alba"] .hoy-postal-compartir:hover{background:rgba(30,27,23,.06)}
html[data-theme="alba"] #landing #universo-hoy-card > .universo-hoy-transitos:not(.hoy-postal){border-top-color:var(--linea-clara)}
html[data-theme="alba"] #landing #universo-hoy-card .universo-hoy-panel{border-color:var(--linea-clara);background:rgba(255,255,255,.45)}
html[data-theme="alba"] .hoy-signo-select{color:var(--tinta);border-color:rgba(30,27,23,.24);background-color:rgba(255,255,255,.5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231E1B17' stroke-opacity='.7'/%3E%3C/svg%3E")}
html[data-theme="alba"] .hoy-signo-select option{background:#FDF6EB;color:#1E1B17}

/* Compatibilidad — frase con huecos, personas, resultado. */
html[data-theme="alba"] .compat-frase,html[data-theme="alba"] .compat-hueco{color:var(--tinta)}
html[data-theme="alba"] .compat-hueco{border-bottom-color:rgba(30,27,23,.5)}
html[data-theme="alba"] .compat-hueco.is-vacio,html[data-theme="alba"] .compat-hueco-nombre::placeholder{color:rgba(30,27,23,.45)}
html[data-theme="alba"] .compat-hueco.is-activo,html[data-theme="alba"] .compat-hueco-nombre:focus{border-bottom-color:var(--tinta);background:rgba(30,27,23,.05)}
html[data-theme="alba"] .compat-personas>span,html[data-theme="alba"] .compat-lesson>span,html[data-theme="alba"] .compat-full-kicker{color:var(--tinta-3)}
html[data-theme="alba"] .compat-persona{color:var(--tinta);border-color:rgba(30,27,23,.22)}
html[data-theme="alba"] .compat-persona.is-activa,html[data-theme="alba"] .compat-persona:hover{border-color:var(--tinta);background:rgba(30,27,23,.05)}
html[data-theme="alba"] .compat-pareja span{color:var(--tinta-3)}
html[data-theme="alba"] .compat-pareja .zi,html[data-theme="alba"] .compat-pareja b{color:var(--tinta);filter:none}
html[data-theme="alba"] .compat-pareja-hilo{background:linear-gradient(90deg,transparent,rgba(30,27,23,.5),transparent)}
html[data-theme="alba"] .compat-pareja-hilo::after{background:var(--tinta);box-shadow:none}
html[data-theme="alba"] .compat-lesson{border-color:var(--linea-clara);border-left-color:var(--tinta);background:rgba(255,255,255,.5)}
html[data-theme="alba"] .compat-lesson p,html[data-theme="alba"] .compat-full-titulo{color:var(--tinta)}
html[data-theme="alba"] .compat-section-title{color:var(--tinta-3)!important}
html[data-theme="alba"] .compat-section-title::after{background:var(--linea-clara)}
html[data-theme="alba"] .compat-full{border-color:var(--linea-clara);background:rgba(255,255,255,.5)}
html[data-theme="alba"] .compat-full-copy{color:var(--tinta-2)}
html[data-theme="alba"] .compat-nose:hover{color:var(--tinta)}

/* Diario — bloque del cielo. */
html[data-theme="alba"] .diario-cielo-etiqueta{color:var(--tinta-3)}
html[data-theme="alba"] .diario-cielo-fila,html[data-theme="alba"] .diario-cielo-bloque,html[data-theme="alba"] .diario-cielo .diario-consejo-texto{border-top-color:var(--linea-clara)}
html[data-theme="alba"] .diario-enlace:hover{color:var(--tinta)}

/* Astrología. */
html[data-theme="alba"] .natal-form-nota a{color:var(--tinta)}
html[data-theme="alba"] .natal-opcional{border-color:rgba(30,27,23,.2)}

/* La respuesta de la lectura no se toca: La Mesa sigue oscura en todos los temas. */
/* La luna del Diario: en claro las variables se invertían (parte iluminada oscura). */
html[data-theme="alba"] .diario-luna-visual{background:#F7F1E4;border-color:rgba(30,27,23,.3);box-shadow:0 0 0 1px rgba(30,27,23,.05)}
html[data-theme="alba"] .diario-luna-shadow{background:#2B2721}
html[data-theme="alba"] .cielo-hoja{box-shadow:0 -12px 34px rgba(30,27,23,.12)}

/* ============================================================
   ALBA, PULIDO (2026-10-26). Las sombras pensadas para fondo negro pesaban
   sobre crema: aquí se suavizan a una sombra cálida y corta. El pie lleva
   solo una línea fina arriba en vez de una franja más oscura.
   ============================================================ */
html[data-theme="alba"] #landing-footer{border-top:1px solid rgba(30,27,23,.1);}
html[data-theme="alba"] :is(.diario-retorno-card,.diario-card-reflexion-principal,.diario-uso article,.u3-ahora--detectada,.config-card,.aj-caja){
  box-shadow:0 1px 2px rgba(30,27,23,.04),0 10px 28px rgba(30,27,23,.06);}
html[data-theme="alba"] .diario-reflexion textarea{box-shadow:inset 0 1px 2px rgba(30,27,23,.05);}
html[data-theme="alba"] .diario-carta img{box-shadow:0 8px 22px rgba(30,27,23,.16);}