:root{color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;--fondo:#10141f;--panel:#191e2b;--borde:#353746;--oro:#d8bc84;--texto:#f1ede5;--suave:#b8b8c3;--radio:18px;font-family:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;background:var(--fondo);color:var(--texto)}*{box-sizing:border-box}body{margin:0;overflow-wrap:break-word;background:radial-gradient(ellipse at 83% 14%,#33304733,transparent 48%),var(--fondo)}[hidden]{display:none!important}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--oro);outline-offset:5px}/* Y3: el foco que mueve el programa a un título o a <main> (tabindex="-1", al que el teclado no llega con Tab) no dibuja recuadro; el del teclado sigue con :focus-visible. */[tabindex="-1"]:focus{outline:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,.marca,blockquote{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(2.5rem,5.2vw,4.6rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 24px}h1 em{color:var(--oro);font-weight:400}h2{font-size:1.95rem;line-height:1.25;margin:8px 0 20px}h3{font-size:1.5rem;line-height:1.3;margin:8px 0 16px}p{margin:0 0 18px}main,.cabecera,.navegacion,.pie{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}.cabecera{display:flex;justify-content:space-between;align-items:center;min-height:96px}.marca{font-size:1.9rem;text-decoration:none;letter-spacing:-.04em}.marca span{color:var(--oro);margin-right:10px}.lema,.ceja{font-size:.69rem;letter-spacing:.19em;color:var(--oro);font-weight:600}.lema{color:var(--suave)}.navegacion{display:flex;gap:35px;border-bottom:1px solid var(--borde)}.navegacion a{padding:12px 0 18px;text-decoration:none;font-size:.9rem;color:var(--suave);white-space:nowrap;border-bottom:2px solid transparent}.navegacion a[aria-current]{color:var(--oro);border-bottom-color:var(--oro)}.seccion{padding:58px 0 22px;min-height:70vh}.portada{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:35px;padding-bottom:65px}.portada p:not(.ceja),.intro{max-width:530px;color:var(--suave)}.portada .boton{margin-top:12px}.boton{max-width:100%;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--oro);border-radius:7px;padding:13px 24px;background:var(--oro);color:#181b25;text-decoration:none;font-weight:600;font-size:.91rem;min-height:48px}.boton:hover{background:#e8d3ac}.boton.secundario{background:transparent;color:var(--oro)}.cielo{height:350px;position:relative;display:grid;place-items:center;isolation:isolate}.luna{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f1dfb3,#bb9b69);box-shadow:0 0 75px #dcc3951c,inset -48px -8px 0 #161a26;transform:rotate(-25deg)}.orbita{position:absolute;width:280px;height:280px;border:1px solid #d8bc8430;border-radius:50%;transform:rotate(-26deg) scaleX(.78)}.orbita-dos{width:320px;height:320px;transform:rotate(32deg) scaleX(.75)}.estrella{position:absolute;color:var(--oro)}.e1{top:33px;right:20%;font-size:28px}.e2{bottom:70px;left:12%;font-size:22px}.e3{top:100px;left:15%;font-size:14px}.cielo-pie{position:absolute;bottom:2px;font-size:.58rem;letter-spacing:.24em;color:var(--suave)}.encabezado{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.encabezado h2{margin-bottom:0}.selector-signo{width:170px;flex-shrink:0}.mosaico{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:18px}.mosaico .horoscopo{grid-row:span 2}.mosaico .ritmo{grid-column:2/-1}.panel{padding:28px;border:1px solid var(--borde);border-radius:var(--radio);background:linear-gradient(135deg,#20253480,#191e2be6);margin-bottom:20px;overflow-wrap:anywhere}.mosaico .panel{margin-bottom:0}.panel p:last-child{margin-bottom:0}.panel .ceja{margin-bottom:22px}.panel p{color:#d0cfd6;font-size:.94rem}.enlace{color:var(--oro);font-size:.86rem;background:none;border:0;padding:8px 0;text-decoration:underline}.afirmacion{text-align:center;padding:45px 15px 20px}.afirmacion>span{color:var(--oro);font-size:28px}.afirmacion .ceja{margin:10px 0}.afirmacion blockquote{font-size:clamp(1.5rem,3vw,2rem);margin:15px auto;max-width:700px;color:#e2d2b4}.pie{border-top:1px solid var(--borde);padding-top:28px;padding-bottom:30px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.pie .marca{font-size:1.35rem;white-space:nowrap}.pie p{flex:1;min-width:240px;font-size:.72rem;color:var(--suave);margin:0;line-height:1.6}.pie p strong{font-weight:400}.pie>a{font-size:.8rem;color:var(--oro)}label{display:block;font-size:.84rem;color:#dbd5c9}input,select,textarea{width:100%;max-width:100%;min-width:0;display:block;border:1px solid #555363;background:#121722;color:var(--texto);border-radius:7px;padding:12px;margin-top:8px;min-height:48px}textarea{resize:vertical}.suave{color:var(--suave);font-size:.82rem}.campos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:20px;margin-bottom:20px}.campos-tarot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:22px;margin:22px 0}.carta-diaria{max-width:760px;margin:30px 0}.mini-carta{display:inline-grid;place-items:center;width:56px;height:76px;border:1px solid var(--oro);border-radius:7px;color:var(--oro);font-size:2rem;margin-bottom:15px;background:radial-gradient(ellipse,#4b425444,#121722)}.tirada{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.carta-boton{display:block;perspective:1000px;background:none;border:0;width:100%;padding:0;color:inherit;text-align:left}.carta-giro{display:grid;transform-style:preserve-3d;transition:transform .7s;min-height:280px}.carta-cara{grid-area:1/1;backface-visibility:hidden;border:1px solid #947e58;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#242a3c,#151a27)}.carta-dorso{background:repeating-linear-gradient(45deg,transparent,transparent 14px,#d8bc8408 14px,#d8bc8408 15px),#1c2333}.sello-carta{font-size:4.6rem;color:var(--oro);line-height:1.4}.carta-frente{transform:rotateY(180deg)}.revelada .carta-giro{transform:rotateY(180deg)}.carta-frente h3{color:var(--oro)}.carta-detalle{padding:22px 3px}.carta-detalle p{font-size:.92rem;color:#d0cfd6}.etiqueta{color:var(--oro);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.resumen-astral{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.planetas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.planetas .panel{margin-bottom:0}details{border-top:1px solid var(--borde);padding-top:14px;margin-top:16px}summary{cursor:pointer;color:var(--oro);font-size:.85rem}details p{margin-top:14px}.pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}.pilar{text-align:center;padding:22px 10px}.hanja{display:block;color:var(--oro);font-family:serif;font-size:2.6rem;margin:12px 0}.elementos{display:grid;gap:16px}.elemento-fila{display:grid;grid-template-columns:minmax(64px,85px) minmax(0,1fr) 35px;align-items:center;gap:12px}meter{width:100%;height:20px;accent-color:var(--oro)}.ayuda{margin-top:22px}.recursos{list-style:none;padding:0}.recursos li{border-bottom:1px solid var(--borde);padding:13px 0}.recursos a{display:flex;justify-content:space-between;gap:18px;color:var(--oro);text-decoration:none}.recursos span{color:var(--texto);font-size:.88rem}.error{color:#f0c1b5!important}dialog{max-width:none;width:100%;height:100%;max-height:100%;margin:0;border:0;padding:28px;background:#10141f;color:var(--texto);overflow-y:auto}dialog::backdrop{background:#10141f}.crisis-interior{max-width:680px;margin:30px auto}.crisis-interior h1{font-size:clamp(2rem,5vw,3.5rem)}.insignia{font-size:3rem;color:var(--oro)}.legal-crisis{font-size:.8rem;color:var(--suave);margin-top:28px}.crisis-interior .boton{margin-top:20px}.saltar{position:absolute;left:12px;top:-100px;background:var(--oro);color:#111;padding:10px;z-index:5}.saltar:focus{top:10px}.sin-js{padding:30px;background:#292435;position:fixed;bottom:0;margin:0;width:100%}.pronto{color:var(--suave);font-style:italic}.estado{min-height:1.5em;margin:14px 0 0!important}
@media(max-width:850px){.mosaico{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaico .horoscopo,.mosaico .ritmo{grid-column:1/-1;grid-row:auto}.compatibles{grid-template-columns:minmax(0,1fr)}.portada{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0}.cielo{transform:scale(.85)}.campos{grid-template-columns:repeat(2,minmax(0,1fr))}.campos label:last-child{grid-column:1/-1}.tirada{gap:12px}.carta-cara{padding:16px}}
@media(max-width:600px){main,.cabecera,.navegacion,.pie{padding-left:20px;padding-right:20px}.cabecera{min-height:78px}.marca{font-size:1.65rem}.lema{font-size:.5rem;letter-spacing:.1em}.navegacion{flex-wrap:wrap;column-gap:20px;row-gap:0}.navegacion a{font-size:.82rem;padding-bottom:15px}.seccion{padding-top:34px}.portada{display:flex;flex-direction:column-reverse;align-items:stretch;padding-bottom:40px}.cielo{height:195px;transform:none;overflow:hidden;margin-bottom:24px}.luna{width:110px;height:110px;box-shadow:0 0 50px #dcc3951c,inset -33px -5px 0 #161a26}.orbita{width:190px;height:190px}.orbita-dos{width:220px;height:220px}.e1{top:12px;right:22%}.e2{bottom:25px;left:19%}.e3{top:55px;left:16%}.cielo-pie{display:none}h1{font-size:clamp(2.05rem,9.4vw,2.8rem);hyphens:auto;-webkit-hyphens:auto}.portada h1{font-size:clamp(2rem,8.8vw,2.65rem)}h2{font-size:1.7rem}.encabezado{align-items:flex-start;flex-direction:column}.selector-signo{width:100%}.selector-signo select{max-width:260px}.mosaico,.resumen-astral,.planetas,.campos-tarot,.tirada{grid-template-columns:minmax(0,1fr)}.par{grid-template-columns:minmax(0,1fr)}.par .y{display:none}.botones .boton{width:100%}.panel{padding:23px}.afirmacion{padding:35px 0 20px}.pie{gap:16px}.pie p{flex-basis:100%;order:3}.pie .enlace{font-size:.8rem}.campos{gap:16px}.pilares{grid-template-columns:repeat(2,minmax(0,1fr))}.tirada{gap:30px}.carta-giro{min-height:270px;max-width:270px;margin:auto}.carta-detalle{padding-bottom:0}.recursos a{flex-direction:column;gap:2px}.crisis-interior{margin:0 auto}.crisis-interior h1{letter-spacing:-.02em}}
/* El aviso permanece a la vista, también al recorrer lecturas largas. Y3: solo la primera pantalla de la visita lo deja fijo
   (marco.js pone la clase aviso-fijo); después queda en el pie y solo el botón de ayuda sigue fijo (ambiente.css). */
body{padding-bottom:88px}:root.aviso-fijo body{padding-bottom:100px}:root.aviso-fijo .pie p,.legal-crisis{position:fixed;bottom:0;left:0;right:0;z-index:4;margin:0;background:#10141f;border-top:1px solid var(--borde);padding:12px max(20px,calc((100vw - 1096px)/2));font-size:.72rem;line-height:1.55;color:var(--suave)}dialog{padding-bottom:115px}.legal-crisis{padding:14px 24px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Celular primero: ningún hijo de grilla o flex impone su ancho mínimo, y los campos de fecha de iOS no empujan la página. */
.portada>*,.mosaico>*,.campos>*,.campos-tarot>*,.resumen-astral>*,.planetas>*,.pilares>*,.tirada>*,.compatibles>*,.par>*,.encabezado>*,.pie>*,.elemento-fila>*,.recursos a>*{min-width:0}input::-webkit-date-and-time-value{text-align:left}@supports(-webkit-touch-callout:none){input[type=date],input[type=time]{-webkit-appearance:none;appearance:none}}img,svg,video{max-width:100%;height:auto}
.maestro-hoy{margin:20px 0 0;border-top:1px solid var(--borde);padding-top:18px}#dios-hoy:not(:empty){margin-top:18px}#dios-hoy .ceja{margin-bottom:8px}.disco-lunar{--luz:50;display:block;width:46px;height:46px;border-radius:50%;margin-bottom:14px;background:linear-gradient(90deg,#161a26 calc(100% - var(--luz) * 1%),#e9d6aa 0);box-shadow:0 0 0 1px #d8bc8455,0 0 28px #dcc39522}.disco-lunar.menguante{background:linear-gradient(90deg,#e9d6aa calc(var(--luz) * 1%),#161a26 0)}
.compatibles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.compatibles .panel{margin-bottom:0}.par{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;margin-bottom:22px}.par .y{color:var(--oro);padding-bottom:12px}.frases{margin:0 0 18px;padding-left:20px;color:#d0cfd6;font-size:.94rem}.frases li{margin-bottom:6px}.animal{margin-top:20px}.botones{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#edad .enlace{display:block;margin-top:8px}
@media(max-width:380px){.lema{display:none}.navegacion{column-gap:16px}.panel{padding:20px}}
@media(max-width:850px){.compatibles{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.par{grid-template-columns:minmax(0,1fr)}.par .y{display:none}}
/* Tanda piloto: tu semana, lunas del mes, tu 2027, tiradas y compartir. */
.temporada{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.temporada>*{min-width:0}.temporada .panel{margin-bottom:0}.temporada:has(>.panel[hidden]){grid-template-columns:minmax(0,1fr)}.semana-item,.luna-item,.anio-parte{border-top:1px solid var(--borde);padding-top:18px;margin-top:18px}.semana-item h3,.luna-item h3,.anio-parte h3{font-size:1.25rem;margin:0 0 10px}.simbolo{color:var(--oro);margin-right:4px}.luna-item .disco-lunar{width:34px;height:34px}.compartir{margin-top:22px;border-top:1px solid var(--borde);padding-top:18px}.compartir .boton{min-height:44px;padding:10px 20px}.estado-compartir{margin:10px 0 0!important;min-height:1.2em}.estado-compartir:empty{display:none}.para-que{color:#d0cfd6;font-size:.92rem;font-style:italic}.pregunta-posicion{font-style:italic;color:#e2d2b4!important}.cierre{margin-top:26px;border-color:#947e58}.anio-2027{margin-top:20px}.pie>a+a{margin-left:-6px}
@media(max-width:850px){.temporada{grid-template-columns:minmax(0,1fr)}}
/* 19-oct (revisión P4): «Necesito apoyo ahora» siempre a la vista, en la barra fija del aviso, con alto táctil de 44 px */
.pie p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.pie p strong{flex:1 1 260px}.apoyo-ahora{min-height:44px;padding:8px 16px;border:1px solid var(--oro);border-radius:7px;background:#10141f;color:var(--oro);font-size:.82rem;font-weight:600;white-space:nowrap}.apoyo-ahora:hover{background:#1d2232}:root.aviso-fijo body{padding-bottom:150px}@media (max-width:520px){:root.aviso-fijo .pie p{padding-top:8px;padding-bottom:8px}:root.aviso-fijo .apoyo-ahora{flex:1 1 100%}}
.recursos-urgentes .recursos{margin:4px 0 22px}.recursos-urgentes strong{font-size:1.3rem}
.casilla{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:6px;cursor:pointer}.casilla input{width:22px;height:22px;min-height:0;margin:0;flex-shrink:0;accent-color:var(--oro)}input:disabled{opacity:.5}
/* P6, problema 16: los desplegables se notan y se tocan con el dedo (44 px y un «+» que gira al abrir). */
summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";flex-shrink:0;font-size:1.35rem;line-height:1;transition:transform .2s}details[open]>summary::after{transform:rotate(45deg)}details{padding-top:4px}
/* P6, problema 17: enlaces y botones del pie y de las tarjetas con alto táctil de 44 px. */
.pie>a,.enlace{display:inline-flex;align-items:center;min-height:44px;padding-top:10px;padding-bottom:10px}.pie>a+a{margin-left:0}#edad .enlace{display:flex}
/* P6, problema 18: letras de apoyo legibles para personas mayores (13 px en cejas y aviso, 14 px en notas). */
.ceja,.lema,.etiqueta{font-size:.8125rem}.ceja{letter-spacing:.14em}.suave{font-size:.875rem}.pie p,.legal-crisis{font-size:.8125rem}@media(max-width:600px){.lema{font-size:.75rem;letter-spacing:.1em}}@media(max-width:480px){.lema{display:none}}
/* P6, problema 19: en el celular la navegación cabe en una sola fila, como pestañas, con nombres cortos. */
.navegacion .corta{display:none}@media(max-width:600px){.navegacion{flex-wrap:nowrap;justify-content:space-between;column-gap:10px;overflow-x:auto;scrollbar-width:none}.navegacion::-webkit-scrollbar{display:none}.navegacion a{font-size:.875rem;padding:12px 0 14px;min-height:44px}.navegacion .corta{display:inline}.navegacion .larga{display:none}}
@media(max-width:359px){.navegacion{column-gap:8px}.navegacion a{font-size:.8125rem}}
/* P6, problema 20: en el celular el texto y «Encuentra tu carta» van primero, sobre la barra fija; el cielo acompaña debajo. */
@media(max-width:600px){.portada{flex-direction:column;padding-bottom:28px}.cielo{height:170px;margin:30px 0 0}.portada h1{margin-top:12px}}
/* 19-oct: ilustraciones del mazo (web/cartas/). La cara con imagen no lleva marco propio: el dibujo ya lo trae. */
.carta-ilustracion{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}.invertida .carta-ilustracion{transform:rotate(180deg)}.carta-frente:has(.carta-ilustracion),.frente:has(.carta-ilustracion){padding:0;background:none;border-color:transparent}.mini-carta.con-imagen{width:84px;height:140px;border:0;background:none;padding:0}.mini-carta.con-imagen .sello-mini{font-size:2rem;color:var(--oro)}
/* 20-oct: las ventas. <html data-ventas="abiertas|cerradas"> lo pone marca/nombres.js (el interruptor `ventas`); sin él, o si falla, se asume cerradas.
   Lo que lleva data-solo-ventas se ve solo con las ventas abiertas; lo que lleva data-solo-cerradas, solo con las cerradas. */
html:not([data-ventas="abiertas"]) [data-solo-ventas]{display:none!important}html[data-ventas="abiertas"] [data-solo-cerradas]{display:none!important}