body{background:radial-gradient(ellipse at 15% 15%,#35224e50,transparent 55%),radial-gradient(ellipse at 90% 65%,#4f345426,transparent 50%),#0b0918;background-attachment:fixed}
.nueva-cabecera{position:relative;z-index:20;gap:18px;padding-block:14px;background:#0c0919d9}
.marca-inicio{width:170px;height:90px;overflow:hidden;flex-shrink:0;display:block}.marca-inicio img{width:170px;height:auto;transform:translateY(-12px)}
.nueva-cabecera nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nueva-cabecera nav a,.menu-grupo summary{font-size:14px;white-space:nowrap}
.menu-grupo{position:relative}.menu-grupo summary{cursor:pointer;list-style:none;color:#e3d4b9;padding:12px 0}.menu-grupo summary::-webkit-details-marker{display:none}.menu-grupo>div{position:absolute;top:100%;left:-16px;min-width:205px;padding:10px;background:#171125;border:1px solid #c8a66866;border-radius:14px;box-shadow:0 18px 35px #0008;z-index:30}.menu-grupo>div a{display:block;padding:12px;color:#f1dfb8}
.atlas-nav{background:linear-gradient(120deg,#f0d9a6,#c8a76a);color:#23172a!important;padding:12px 18px;border-radius:22px;box-shadow:0 0 24px #dbb57333}
.hero-action .button.gold{border-radius:999px}
.escaparate-atlas,.invitacion-selene{margin:70px auto;padding:48px;max-width:1280px;border:1px solid #d6b67755;border-radius:26px;background:linear-gradient(135deg,#211630c9,#0d0b1cbd);display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.escaparate-atlas h2,.invitacion-selene h2{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.12}.escaparate-atlas p,.invitacion-selene p{line-height:1.7;color:#cfc4d5}.atlas-desde strong{font-size:36px;color:#f3d59c}.atlas-portada-acciones{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.atlas-laminas{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:25px 5px}.atlas-laminas button{padding:0;background:none;border:1px solid #d6b67766;cursor:zoom-in;border-radius:8px;box-shadow:0 24px 45px #0009;overflow:hidden;transform:rotate(-6deg);transition:transform .2s}.atlas-laminas button+button{transform:rotate(6deg) translateY(22px)}.atlas-laminas button:hover{transform:rotate(0) scale(1.04)}.atlas-laminas img{width:100%;height:auto;display:block}.atlas-laminas small{grid-column:1/-1;text-align:center;color:#c6b8c8;margin-top:35px;line-height:1.6}
.invitacion-selene{grid-template-columns:2fr 1fr;margin-top:35px}.invitacion-selene>div:last-child{display:flex;flex-direction:column;gap:22px;align-items:center}.invitacion-selene small{color:#c6b8c8;line-height:1.6;display:block}
.pie-nuevo{display:flex;flex-direction:column;gap:20px;text-align:center}.pie-nuevo nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.pie-nuevo p{max-width:650px;line-height:1.7}
#lamina-portada{padding:44px 12px 12px;border:1px solid #cdb17c;background:#110c20;max-width:90vw;max-height:92vh;border-radius:14px}#lamina-portada::backdrop{background:#000c}#lamina-portada img{display:block;max-width:100%;height:auto;max-height:none}#lamina-portada button{position:sticky;top:0;float:right;font-size:28px;color:#f4deb2;background:#211530;border:1px solid #cdb17c;border-radius:50%;width:38px;height:38px;cursor:pointer}
@media(max-width:760px){.nueva-cabecera{padding:8px 16px;gap:4px}.marca-inicio{width:125px;height:68px}.marca-inicio img{width:125px;transform:translateY(-8px)}.nueva-cabecera nav{display:flex!important;order:3;justify-content:center;gap:4px 16px;width:100%}.nueva-cabecera nav a,.menu-grupo summary{font-size:13px}.nueva-cabecera .profile-button{margin-left:auto}.hero{display:flex;flex-direction:column;gap:14px}.hero-copy{display:contents}.hero-copy .eyebrow{order:0}.hero-copy h1{order:1;margin:0;font-size:42px}.hero-art{order:2;width:100%}.hero-copy>p{order:3}.hero-action{order:4}.hero-mark{display:none}.escaparate-atlas,.invitacion-selene{grid-template-columns:1fr;margin:35px 16px;padding:26px 20px;gap:20px}.atlas-laminas{order:-1}.menu-grupo>div{left:auto;right:-25px}.pie-nuevo nav{gap:14px}}
@media(prefers-reduced-motion:reduce){.atlas-laminas button{transition:none}}
/* Navegación y superficies comunes · violeta, ciruela y oro */
:root{--bg:#0b0918;--bg-deep:#080613;--panel:#191226;--panel2:#22192f;--muted:#b9afc5}
.nueva-cabecera{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1440px;margin:auto;padding:10px 28px;background:transparent;border-bottom:1px solid #d5b57930;box-sizing:border-box}
.nueva-cabecera nav{flex:1;justify-content:center;gap:12px 22px}
.nueva-cabecera nav a,.nueva-cabecera .menu-grupo summary{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;letter-spacing:.015em;text-decoration:none;line-height:1.25}
.nueva-cabecera .marca-inicio{width:140px;height:76px}.nueva-cabecera .marca-inicio img{width:140px;transform:translateY(-10px)}
.nueva-cabecera .atlas-nav{display:inline-flex;gap:12px;align-items:center;padding:11px 16px}.atlas-nav strong{font-size:21px}
.nueva-cabecera .oraculo-luz summary,.nueva-cabecera .tarot-luz{color:#ffe2a3;text-shadow:0 0 18px #e6b95688}.oraculo-luz>div{border-color:#d9b46c99;box-shadow:0 0 28px #d6a95125,0 18px 35px #0008;background:linear-gradient(135deg,#2c1b3c,#171023)}
.nueva-cabecera a:hover,.nueva-cabecera summary:hover{color:#ffe5b1}.nueva-cabecera a:focus-visible,.nueva-cabecera summary:focus-visible{outline:2px solid #eed39a;outline-offset:4px;border-radius:6px}
.orbit-center .orbit-selected-art{max-width:none;flex-shrink:0;aspect-ratio:1;width:clamp(96px,12vw,156px);height:clamp(96px,12vw,156px)}
.orbit-center{background:radial-gradient(circle,#392447,#130d20)}
.reading-card,.sky-card,.form-card,.library-card,.couple-person,.relationship-areas article,.daily-note{background:linear-gradient(135deg,#241a32,#151020);border-color:#d5b57940}
.natal-card{background:radial-gradient(ellipse at 50% 16%,#63427335,transparent 44%),linear-gradient(150deg,#21162eee,#100b1ddd);border-color:#d5b57940}
.chart-stage{background:radial-gradient(ellipse,#6541752a,transparent 66%)}
.planet-insight{background:linear-gradient(125deg,#4229504d,#291a3820);border-color:#d5b57940}
.atlas-carta-cta{display:flex;justify-content:center;gap:24px;align-items:center;padding:16px 22px;margin:0 auto 24px;max-width:1000px;border:1px solid #d1b77f55;border-radius:18px;background:#251a34}.atlas-carta-cta span{font-family:var(--serif);font-size:23px}
#pareja>.page-intro{padding:14px 0 16px}#pareja>.page-intro h1{font-size:42px;line-height:1.1;margin:8px 0}#pareja>.page-intro p{max-width:740px;margin:8px auto;font-size:15px;line-height:1.5}
#couple-form{max-width:1000px;margin:0 auto}.couple-fields{gap:18px}.couple-person{min-width:0;padding:14px 22px;border-radius:20px}.couple-person legend{font-size:27px}.couple-person>label{margin:8px 0;font-size:15px}.couple-person input{padding:10px;margin-top:5px}.couple-person .check-line{font-size:14px;line-height:1.4;margin-top:12px}.couple-submit{margin-top:14px}.couple-submit p{font-size:13px;max-width:650px;margin:8px auto}.couple-submit .button{padding:13px 24px}#couple-form>.form-help{font-size:12px;line-height:1.5;margin:10px auto;max-width:950px}
.date-wheels{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:9px;margin:12px 0 6px}.date-reel{position:relative;min-width:0;text-align:center;border:1px solid #d5b57955;border-radius:14px;background:linear-gradient(180deg,#100b1a,#352342 50%,#100b1a);box-shadow:inset 0 0 20px #0005}
.date-reel label{display:block!important;font:12px var(--sans);color:#d4bfd9;margin:8px 0 0!important}.date-reel button{display:block;width:100%;min-height:26px;border:0;background:transparent;color:#dfc28b;font-size:20px;line-height:1;cursor:pointer}.date-reel select{appearance:none;text-align:center;text-align-last:center;border:0!important;border-top:1px solid #d5b57940!important;border-bottom:1px solid #d5b57940!important;border-radius:0!important;background:#ad7ce215!important;color:#f5e7cc!important;margin:0!important;padding:6px 1px!important;width:100%;font:600 21px 'Cormorant Garamond',Georgia,serif!important;cursor:pointer;box-shadow:0 0 18px #d5b5790c}.date-reel option{background:#191226;color:#f3e8da;font:16px Georgia,serif}.date-reel :focus-visible{outline:2px solid #e7c580;outline-offset:1px}
@media(max-width:1100px){.nueva-cabecera nav{order:3;flex-basis:100%;gap:10px 22px}.nueva-cabecera .profile-button{margin-left:auto}.nueva-cabecera .marca-inicio{height:60px}}
@media(max-width:760px){.nueva-cabecera{padding:8px 16px}.nueva-cabecera nav{gap:6px 14px}.nueva-cabecera nav a,.nueva-cabecera .menu-grupo summary{font-size:19px}.nueva-cabecera .atlas-nav{padding:8px 12px}.nueva-cabecera .atlas-nav strong{font-size:19px}.menu-grupo>div{min-width:190px}.nueva-cabecera .menu-grupo:first-child>div{left:0;right:auto}.orbit-center .orbit-selected-art{width:90px;height:90px}.atlas-carta-cta{flex-direction:column;text-align:center;gap:12px}.couple-fields{grid-template-columns:1fr 1fr;gap:10px}.couple-person{padding:10px 12px}.date-wheels{gap:4px}.date-reel select{font-size:18px!important}#pareja>.page-intro h1{font-size:34px}}
@media(max-width:560px){.couple-fields{grid-template-columns:1fr}.couple-person{padding:8px 16px}.date-wheels{margin:8px 0}.date-reel button{min-height:24px}.date-reel select{font-size:21px!important}.couple-person legend{font-size:23px}#pareja>.page-intro{padding:8px 0 12px}#pareja>.page-intro p{font-size:14px}.couple-explainer{margin-top:32px}}
.nueva-cabecera nav{order:0}.nueva-cabecera .profile-button{order:1;font-size:13px;padding:10px 12px}
.couple-person .date-reel button{padding:0;min-height:26px;height:26px;border-radius:0}.couple-person .date-reel select{height:34px;line-height:1.1}
.couple-person .check-line{flex-direction:row;align-items:center;gap:8px;min-height:30px}.couple-person .check-line input{width:16px;height:16px;margin:0;flex-shrink:0}
.couple-person [data-saved]>label{margin:8px 0 0;font-size:13px}.couple-person [data-saved] select{padding:6px 10px;margin-top:4px;font-size:14px}
@media(max-width:1100px){.nueva-cabecera nav{order:3}.nueva-cabecera .marca-inicio{height:76px}}
.couple-person .check-line input{min-height:16px;min-width:16px;height:16px;width:16px}.couple-person .check-line{min-height:24px;margin:8px 0}.couple-person>label:not(.check-line){gap:2px}.couple-person>label>input{padding:9px 12px;margin-top:3px;min-height:44px}
@media(min-width:761px) and (max-height:820px){#pareja>.page-intro{padding:8px 0 10px}#pareja>.page-intro h1{font-size:34px;margin:4px 0}#pareja>.page-intro p{max-width:1000px;font-size:14px;margin:4px auto}.couple-person{padding:8px 18px}.date-wheels{margin:8px 0 4px}.couple-person [data-saved]>label{margin:4px 0 0}.couple-submit{margin-top:10px}.nueva-cabecera{padding-block:4px}}
.artisan-orbit .orbit-center{background:radial-gradient(circle,#35213fee,#110b1cf5)}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/cormorant-garamond-normal-400-8.woff2') format('woff2')}
/* Ajuste final de superficies antiguas y luna de cabecera. */
.article-card,.couple-reading,.couple-ai,.relationship-areas article,.couple-today{background:linear-gradient(135deg,#241a32,#151020);border-color:#d5b57940}
.article-card .article-visual{background-color:#20162e!important;background-image:radial-gradient(ellipse,#71528435,transparent 70%)!important}
.tiny-orbit{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 54px;margin-right:8px;vertical-align:middle}
.tiny-orbit .real-moon{width:54px;height:54px;max-width:none;filter:drop-shadow(0 0 9px #dfc3ef25)}
.couple-book{box-sizing:border-box;width:min(900px,calc(100vw - 24px));height:min(850px,calc(100dvh - 24px));max-height:none;padding:24px 30px;border:1px solid #d5b57988;border-radius:24px;color:#eee6f1;background:radial-gradient(ellipse at top,#382346,#140e21 70%);box-shadow:0 20px 80px #000b;overflow:hidden}
.couple-book[open]{display:flex;flex-direction:column;gap:16px}.couple-book::backdrop{background:#080511e8;backdrop-filter:blur(5px)}
.couple-book header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:12px;border-bottom:1px solid #d5b57940;flex-shrink:0}.couple-book h2{font:500 30px/1.15 'Cormorant Garamond',Georgia,serif;color:#efd199;margin:0}.couple-book header small{font-size:12px;color:#c6b5d1;display:block;margin-bottom:6px}.couple-book button{color:#eed6a6;border:1px solid #d5b57966;border-radius:12px;background:#32223f;padding:10px 16px;cursor:pointer;min-height:44px;font:15px var(--sans,system-ui)}.couple-book button:disabled{opacity:.4;cursor:default}.couple-book button:focus-visible{outline:2px solid #ffdc8f;outline-offset:3px}
.couple-book-body{flex:1;min-height:0;overflow:hidden;line-height:1.65;font-size:18px}.couple-book-body h3,.couple-book-body h4{color:#e5c486;font:600 27px/1.2 'Cormorant Garamond',Georgia,serif;margin:14px 0 12px}.couple-book-body p{margin:0 0 16px}.couple-book footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding-top:12px;border-top:1px solid #d5b57940}.couple-book footer span{font-size:13px;color:#cab9d3;text-align:center}.couple-book-launch{display:block;margin:20px auto}
@media(max-width:560px){.couple-book{padding:18px 20px;border-radius:18px;gap:10px}.couple-book h2{font-size:25px}.couple-book-body{font-size:17px;line-height:1.55}.couple-book-body h3{font-size:25px}.couple-book footer button{padding:8px 11px;font-size:13px}}
.couple-book footer{flex-direction:row;width:100%;max-width:none;margin:0;text-align:center}.couple-book-body{overflow-wrap:anywhere}.couple-book header>div{min-width:0}.couple-book header button{flex-shrink:0}
/* Luna en el hueco entre la fecha y la rueda, sin ocupar su cabecera. */
.date-strip{display:grid;grid-template-columns:minmax(250px,28%) 1fr;gap:24px;align-items:center}.date-strip .sky-status{justify-self:start}
@media(max-width:760px){.date-strip{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 24px;padding-top:16px}.date-strip .sky-status{font-size:10px;gap:6px}.date-strip .tiny-orbit{margin-right:2px}}

@media(max-width:760px){.date-strip .sky-status{width:100%;flex-basis:100%;max-width:none;justify-content:flex-start}.date-strip #moon-top{width:auto;max-width:none;white-space:nowrap;text-align:left}}