.cosmic-viewer{position:relative;isolation:isolate;min-width:0;border:1px solid #34425c;border-radius:16px;overflow:hidden;background:#080e19;color:#e5eaf4;font:14px/1.6 system-ui;box-sizing:border-box;margin:32px auto}.cosmic-heading{display:flex;gap:16px;justify-content:space-between;align-items:end;padding:18px 22px;background:#0c1728;flex-wrap:wrap}.cosmic-heading label{display:grid;gap:6px;color:#aebbd0;font-size:11px;flex:1;min-width:180px}.cosmic-heading select{background:#0a1220;color:#f0d39b;border:1px solid #52607a;border-radius:6px;min-height:42px;padding:8px 10px;width:100%;font:13px system-ui}.cosmic-controls{display:flex;gap:7px;flex-wrap:wrap}.cosmic-controls button{background:#14223a;color:#e5c68f;border:1px solid #46556e;border-radius:6px;padding:10px 12px;font:12px system-ui;cursor:pointer;min-height:42px}.cosmic-controls button[aria-pressed=true]{background:#ddba80;color:#080e19}.cosmic-canvas{width:100%;height:380px;position:relative;background:#090c14}.cosmic-detail{padding:16px 22px;background:linear-gradient(110deg,#0b1626,#17273d)}.cosmic-detail h2{font:23px Georgia,serif;margin:0 0 8px}.cosmic-detail p{margin:7px 0;color:#bac5d6;font-size:13px}.cosmic-detail .cosmic-status{font-size:11px;color:#a4b3c9}.cosmic-detail a{color:#e6c58c;font-size:12px}.cosmic-viewer :focus-visible{outline:2px solid #f2cc85;outline-offset:3px}.cosmic-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.cosmic-intro-layout .cosmic-viewer{width:100%;margin:0}.cosmic-intro-layout .tarot-intro{display:block}.cosmic-intro-layout .intro-deck{display:none}.cosmic-intro-layout .cosmic-canvas{height:320px}.cosmic-intro-layout h1{font-size:clamp(40px,4.3vw,68px)}.local-carta .cosmic-viewer{max-width:none;margin:32px 0}.has-cosmic-background{position:relative;isolation:isolate;min-height:530px;padding:65px 40px 150px!important;margin:0 -2vw 24px;border-radius:16px;overflow:hidden}.has-cosmic-background>.celestial-system{display:none}.has-cosmic-background>.eyebrow,.has-cosmic-background>h1,.has-cosmic-background>.lead{position:relative;z-index:2;max-width:72%;pointer-events:none;text-shadow:0 2px 15px #000}.has-cosmic-background:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06101aee 0,#07111aaa 45%,#07111a00 85%);pointer-events:none}.cosmic-backdrop{position:absolute;inset:0;margin:0;border:0;border-radius:0;z-index:0;display:block}.cosmic-backdrop .cosmic-canvas{position:absolute;inset:0;height:100%}.cosmic-backdrop .cosmic-heading{position:absolute;bottom:0;left:0;right:0;z-index:3;background:#0b1529e8;padding:18px 25px}.cosmic-backdrop .cosmic-detail{position:absolute;right:20px;top:18px;z-index:2;max-width:285px;background:#081324c9;border:1px solid #8396b733;border-radius:10px;padding:14px}.cosmic-backdrop .cosmic-detail h2{font-size:17px}.cosmic-backdrop .cosmic-detail>p:not(.cosmic-status){display:none}.cosmic-backdrop .cosmic-status{max-width:220px}.cosmic-backdrop .aladin-zoomControl{bottom:120px!important}.cosmic-backdrop .aladin-logo-container{bottom:105px!important}@media(max-width:1050px){.cosmic-intro-layout{grid-template-columns:1fr;gap:25px}.cosmic-intro-layout .cosmic-viewer{margin-bottom:15px}.has-cosmic-background>h1{max-width:95%}.has-cosmic-background>.eyebrow,.has-cosmic-background>.lead{max-width:85%}.cosmic-backdrop .cosmic-detail{top:12px;right:12px;max-width:240px}.has-cosmic-background{padding-top:125px!important}}@media(max-width:600px){.cosmic-heading{padding:14px;gap:12px}.cosmic-canvas,.cosmic-intro-layout .cosmic-canvas{height:290px}.cosmic-detail{padding:16px}.cosmic-controls{width:100%}.cosmic-controls button{flex:1;padding:9px 7px;font-size:11px}.has-cosmic-background{min-height:610px;margin:0 -2vw;padding:130px 20px 165px!important}.has-cosmic-background h1{font-size:42px}.has-cosmic-background .lead{font-size:14px}.has-cosmic-background .eyebrow{font-size:9px;letter-spacing:1.7px}.cosmic-backdrop .cosmic-heading{padding:14px}.cosmic-backdrop .cosmic-detail{left:14px;right:14px;max-width:none;top:12px}.cosmic-backdrop .cosmic-detail h2{font-size:17px}.cosmic-backdrop .cosmic-detail .cosmic-status{display:none}.cosmic-backdrop .cosmic-detail a{font-size:11px}.cosmic-backdrop .aladin-zoomControl{bottom:160px!important}}@media(prefers-reduced-motion:reduce){.cosmic-viewer *{scroll-behavior:auto!important}}
/* El velo de contraste cubre la imagen, nunca los controles. */
.has-cosmic-background:after{display:none}.cosmic-backdrop:after{content:'';position:absolute;inset:0 0 92px;z-index:1;pointer-events:none;background:linear-gradient(90deg,#06101aeb 0,#07111a99 45%,#07111a00 88%)}@media(max-width:600px){.cosmic-backdrop:after{bottom:135px}}
@media(max-width:600px){.cosmic-backdrop .aladin-logo-container{bottom:185px!important}}

.space-page .cosmic-intro-layout .space-intro{display:block}.space-page .cosmic-intro-layout{align-items:center;margin-bottom:24px}.space-page .cosmic-intro-layout .cosmic-canvas{height:250px}.space-page .space-intro nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.carta-sky-intro{margin:24px 0 30px}.carta-sky-intro h1{font:clamp(36px,4vw,62px) Georgia,serif;color:#f1e8da;margin:15px 0}.carta-sky-intro>div>p{max-width:600px;color:#adbbd1;line-height:1.8}.carta-sky-intro .cosmic-canvas{height:250px}.carta-sky-intro .cosmic-viewer{margin:0!important}@media(max-width:1050px){.carta-sky-intro{gap:18px}.space-page .cosmic-intro-layout .cosmic-canvas{height:250px}}
