/* The approved observatory belongs exclusively to desktop. Mobile keeps its existing styles. */
@media (min-width:1024px) {
  body[data-estudio=luna].luna-desktop {
    --e-bg:#f0f6fa;--e-panel:#fff;--e-soft:#edf6fb;--e-text:#123448;--e-muted:#486779;
    --e-line:#c8dfe9;--e-accent:#007987;--e-blue:#007d96;--e-on-accent:#fff;
    --obs-cyan:#007f95;--obs-gold:#947027;--obs-orbit:#e4f3fa;--obs-active:#d5f5fa;
    background:var(--e-bg);font:15px/1.45 Arial,Helvetica,sans-serif;
  }
  html[data-studio-theme=dark] body[data-estudio=luna].luna-desktop {
    --e-bg:#061827;--e-panel:#092237;--e-soft:#0a2b44;--e-text:#edf6fc;--e-muted:#a6c4db;
    --e-line:#1c4b66;--e-accent:#34d6e0;--e-blue:#57e4ed;--e-on-accent:#042333;
    --obs-cyan:#35e3ee;--obs-gold:#e3bd72;--obs-orbit:#031523;--obs-active:#0b3b56;
  }
  body[data-estudio=luna].luna-desktop > .shell {display:none}
  .luna-desktop .obs-app {display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100dvh}
  .luna-desktop .obs-sidebar {position:sticky;top:0;align-self:start;height:100dvh;min-height:640px;display:flex;flex-direction:column;border-right:1px solid var(--e-line);background:var(--e-panel);overflow-y:auto;padding:24px 0 14px;scrollbar-width:thin;z-index:35}
  .luna-desktop .obs-brand {display:flex;flex-direction:column;align-items:center;padding:0 10px 26px;color:var(--e-text);text-decoration:none}
  .luna-desktop .obs-brand img {width:72px;height:58px;margin-bottom:8px}
  .luna-desktop .obs-brand strong {font:600 25px/1.2 Spectral,Georgia,serif;letter-spacing:-.7px}
  .luna-desktop .obs-brand > span {font-size:9px;letter-spacing:2.1px;color:var(--e-muted);margin-top:9px}
  body[data-estudio=luna].luna-desktop .tabs {position:static;display:flex;flex-direction:column;gap:5px;margin:0;padding:0;background:none;overflow:visible}
  body[data-estudio=luna].luna-desktop .tabs .tab {position:relative;display:flex;align-items:center;gap:12px;min-height:53px;width:100%;margin:0;padding:12px 16px;border:1px solid transparent;border-left:3px solid transparent;border-radius:0;background:transparent;color:var(--e-muted);font:500 15px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;text-align:left;white-space:normal}
  body[data-estudio=luna].luna-desktop .tabs .tab[aria-selected=true] {background:linear-gradient(90deg,var(--obs-active),transparent);color:var(--e-text);border-color:var(--e-line);border-left-color:var(--obs-cyan)}
  .luna-desktop .obs-nav-icon {display:flex;flex:none;color:var(--obs-cyan)}
  .luna-desktop .obs-nav-icon svg {width:24px;height:24px}
  .luna-desktop .obs-site-slot {border-top:1px solid var(--e-line);margin:22px 16px 12px;padding-top:12px}
  body[data-estudio=luna].luna-desktop .obs-site-slot .back {justify-content:flex-start;background:transparent;border:0;font:14px/1.4 Arial,Helvetica,sans-serif;padding:8px 0;min-height:36px;color:var(--e-muted)}
  .luna-desktop .obs-site-slot .astro-site-nav {display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0;max-width:none}
  .luna-desktop .obs-site-slot .astro-site-nav > a,
  .luna-desktop .obs-site-slot .astro-nav-menu > summary {display:block;padding:9px 0;min-height:0;border:0;background:none;color:var(--e-muted);font:14px/1.3 Arial,Helvetica,sans-serif;text-align:left}
  .luna-desktop .obs-site-slot .astro-nav-menu {position:static}
  .luna-desktop .obs-site-slot .astro-nav-panel {position:fixed;left:210px;top:180px;width:300px;max-height:calc(100dvh - 200px);overflow-y:auto;padding:12px;background:var(--e-panel);color:var(--e-text);border-color:var(--e-line);box-shadow:0 18px 50px #0005;z-index:80}
  .luna-desktop .astro-nav-panel a {color:var(--e-text);border-color:var(--e-line)}
  .luna-desktop .astro-nav-panel a span,.luna-desktop .astro-nav-panel p {color:var(--e-muted)}
  .luna-desktop .obs-season-slot {margin:0 14px 20px}
  .luna-desktop .obs-season-slot .obs-detail {border:0;background:transparent}
  .luna-desktop .obs-season-slot summary {padding:8px 0;font-size:12px;color:var(--obs-gold)}
  .luna-desktop .obs-season-slot .cumpleanos-banner {width:100%;max-width:100%;min-width:0;margin:5px 0}
  .luna-desktop .obs-season-slot .cumpleanos-enlace {width:100%;min-width:0}
  .luna-desktop .obs-season-slot .cumpleanos-banner img {width:100%;height:auto}
  .luna-desktop .obs-theme-slot {margin-top:auto;padding:12px 14px 0;border-top:1px solid var(--e-line)}
  body[data-estudio=luna].luna-desktop .studio-theme-toggle {width:100%;margin:0;border-color:var(--e-line);background:var(--e-soft);color:var(--e-text);font:13px/1.4 Arial,Helvetica,sans-serif;min-height:38px}
  .luna-desktop .obs-signature {font:italic 13px/1.4 Spectral,Georgia,serif;color:var(--e-muted);text-align:center;margin:14px 0 0}
  .luna-desktop .obs-workspace {min-width:0;padding:0 20px 18px}
  .luna-desktop .obs-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:100px;padding:18px 0}
  .luna-desktop .obs-toolbar h1 {margin:0;font:600 clamp(26px,2.4vw,36px)/1.15 Spectral,Georgia,serif;color:var(--e-text)}
  .luna-desktop .obs-toolbar p {margin:4px 0 0;font-size:12px;letter-spacing:.3px;color:var(--e-muted)}
  .luna-desktop .obs-date-slot {display:grid;gap:5px;justify-items:end}
  body[data-estudio=luna].luna-desktop .top-time {flex-wrap:nowrap;width:auto;gap:8px;margin:0;overflow:visible}
  body[data-estudio=luna].luna-desktop .top-time input {min-width:0;width:auto;min-height:42px;padding:8px 10px;font:14px Arial,Helvetica,sans-serif;background:var(--e-panel)}
  body[data-estudio=luna].luna-desktop #btnNow {min-height:42px;padding:8px 20px;font:600 14px Arial,Helvetica,sans-serif;background:var(--obs-active);border-color:var(--e-accent);color:var(--obs-cyan)}
  .luna-desktop .obs-timezone {font-size:10px;color:var(--e-muted)}
  .luna-desktop .obs-overview {display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,.47fr);gap:12px;align-items:stretch}
  .luna-desktop .obs-hero-slot {min-width:0}
  body[data-estudio=luna].luna-desktop .hero {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:12px;align-items:center;min-height:370px;height:100%;margin:0;padding:20px 18px 18px 12px;border:1px solid var(--e-line);border-radius:8px;background:var(--e-panel);overflow:hidden}
  body[data-estudio=luna].luna-desktop .hero .zodiac-current {display:none!important}
  body[data-estudio=luna].luna-desktop .hero .moon-stage {align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:0}
  .luna-desktop .moon-stage::before {inset:0;width:auto;border-radius:12px;background:radial-gradient(ellipse,var(--obs-orbit),transparent 75%);filter:none}
  html[data-studio-theme=dark] .luna-desktop .moon-stage::before {opacity:.8;background-image:radial-gradient(ellipse,#17425a55,transparent 70%),radial-gradient(circle,#b6d5e5 0 .6px,transparent .9px),radial-gradient(circle,#edf7ff 0 .5px,transparent .8px);background-size:100% 100%,77px 93px,133px 143px;background-position:0 0,17px 18px,47px 54px}
  .luna-desktop .hero .moon-orbit {display:none}
  body[data-estudio=luna].luna-desktop #moonCanvas {display:block;width:100%;height:auto;max-width:360px;aspect-ratio:1;filter:drop-shadow(0 0 18px #66b5d516);margin:0 auto}
  .luna-desktop .obs-date-caption {position:relative;margin:12px 0 0!important;text-align:center;font-size:11px!important;color:var(--e-muted)}
  body[data-estudio=luna].luna-desktop .hero-copy {padding:0;min-width:0;text-align:left}
  body[data-estudio=luna].luna-desktop .hero-copy .eyebrow {font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1px;color:var(--e-muted);margin:0 0 8px;text-transform:uppercase}
  body[data-estudio=luna].luna-desktop .hero-copy h2 {font:600 clamp(26px,2.3vw,36px)/1.1 Spectral,Georgia,serif;letter-spacing:0;text-transform:none;margin:0 0 15px;text-wrap:balance}
  .luna-desktop .hero-copy h2::after {content:'';display:block;width:46px;height:2px;background:var(--obs-cyan);margin-top:12px}
  body[data-estudio=luna].luna-desktop .stats {display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body[data-estudio=luna].luna-desktop .stats .stat {min-height:64px;padding:10px;border:1px solid var(--e-line);border-radius:6px;background:var(--e-soft)}
  body[data-estudio=luna].luna-desktop .stat .k {font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:var(--e-muted)}
  body[data-estudio=luna].luna-desktop .stat .v {font:500 clamp(16px,1.45vw,22px)/1.2 Spectral,Georgia,serif;letter-spacing:0;margin:3px 0 0;color:var(--e-text)}
  body[data-estudio=luna].luna-desktop .stat .s {font:10px/1.5 Arial,Helvetica,sans-serif;margin-top:3px;color:var(--e-muted)}
  body[data-estudio=luna].luna-desktop .stats .obs-illumination,
  body[data-estudio=luna].luna-desktop .stats .obs-zodiac {border:0;background:transparent;border-radius:0;padding:0 0 12px;margin-bottom:2px;min-height:92px}
  body[data-estudio=luna].luna-desktop .stats .obs-zodiac {border-left:1px solid var(--e-line);padding-left:14px}
  body[data-estudio=luna].luna-desktop .obs-illumination .k {color:var(--obs-cyan)}
  body[data-estudio=luna].luna-desktop .obs-illumination .v {font:500 clamp(31px,3.2vw,52px)/1.15 Spectral,Georgia,serif;color:var(--obs-cyan);white-space:nowrap;letter-spacing:-1px}
  body[data-estudio=luna].luna-desktop .obs-zodiac .v {color:#a29afe;font-size:20px;line-height:1.4}
  html:not([data-studio-theme=dark]) body[data-estudio=luna].luna-desktop .obs-zodiac .v {color:#6750a3}
  body[data-estudio=luna].luna-desktop .obs-zodiac .s {font-size:15px;color:var(--e-text)}
  .luna-desktop .obs-node h3 {margin:4px 0 0;font:500 13px/1.25 Arial,Helvetica,sans-serif}
  .luna-desktop .obs-node #nodeText {display:none}
  .luna-desktop .phasebar {height:4px;margin-top:12px;border:0;background:var(--e-line)}
  .luna-desktop .phasebar span {background:var(--obs-cyan);box-shadow:none}
  .luna-desktop .obs-upcoming {min-width:0;padding:18px 15px 10px;border:1px solid var(--e-line);border-radius:8px;background:var(--e-panel)}
  .luna-desktop .obs-section-heading {display:flex;gap:10px;align-items:center;justify-content:space-between}
  .luna-desktop .obs-section-heading h2 {font:600 23px/1.2 Spectral,Georgia,serif;letter-spacing:0;margin:0;color:var(--e-text)}
  .luna-desktop .obs-section-heading > span {font-size:11px;color:var(--e-muted)}
  .luna-desktop .obs-see-all {border:0;background:transparent;padding:6px 0;font:12px Arial,Helvetica,sans-serif;color:var(--obs-cyan);cursor:pointer;white-space:nowrap}
  .luna-desktop .obs-upcoming-hint {font-size:11px;color:var(--e-muted);margin:9px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--e-line)}
  .luna-desktop .obs-event {display:grid;grid-template-columns:48px minmax(0,1fr) 67px;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--e-line);min-height:72px}
  .luna-desktop .obs-event:first-child {border-top:0;padding-top:0}
  .luna-desktop .obs-moon {display:block;width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 0 7px #99cfff17)}
  .luna-desktop .obs-event-copy {min-width:0;display:grid;gap:3px}
  .luna-desktop .obs-event-copy strong {font:600 16px/1.25 Spectral,Georgia,serif;color:var(--e-text)}
  .luna-desktop .obs-event-copy > span {font-size:11px;color:var(--e-muted)}
  .luna-desktop .obs-event-copy > small {font-size:9px;color:var(--obs-cyan)}
  .luna-desktop .obs-event-copy small:empty {display:none}
  .luna-desktop .obs-event-copy .obs-impact {font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .luna-desktop .obs-event-zodiac {display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;border-left:1px solid var(--e-line);padding-left:7px;color:var(--e-muted);font-size:9px;overflow-wrap:anywhere}
  .luna-desktop .obs-event-zodiac b {font:23px/1.1 Arial,sans-serif;color:var(--obs-gold)}
  .luna-desktop .obs-event-zodiac small {font-size:10px;color:var(--e-text)}
  .luna-desktop .obs-cycle {margin-top:12px;padding:16px 18px 10px;border:1px solid var(--e-line);border-radius:8px;background:var(--e-panel)}
  .luna-desktop .obs-cycle .obs-section-heading {padding-bottom:12px;border-bottom:1px solid var(--e-line)}
  .luna-desktop .obs-phases {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;padding-top:14px}
  .luna-desktop .obs-phase {text-align:center;min-width:0;font-size:12px;color:var(--e-text)}
  .luna-desktop .obs-phase canvas {width:clamp(62px,6.6vw,105px);margin:0 auto 8px;padding:3px;border:2px solid transparent;border-radius:50%}
  .luna-desktop .obs-phase.is-current canvas {border-color:var(--obs-cyan);box-shadow:0 0 16px #32d6e01f}
  .luna-desktop .obs-phase-name {display:block;min-height:30px;font:500 12px/1.25 Arial,Helvetica,sans-serif}
  .luna-desktop .obs-phase-state {display:block;font-size:10px;color:var(--obs-cyan);margin-top:2px}
  .luna-desktop .obs-phase.is-current .obs-phase-name {color:var(--obs-cyan);font-weight:600}
  .luna-desktop .obs-orientation {color:var(--e-muted);font-size:10px;text-align:center;margin:6px 0 0}
  .luna-desktop .obs-details {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;align-items:start}
  .luna-desktop .obs-detail {min-width:0;border:1px solid var(--e-line);border-radius:7px;background:var(--e-panel);color:var(--e-text)}
  .luna-desktop .obs-detail > summary {display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font:500 15px Spectral,Georgia,serif;list-style:none}
  .luna-desktop .obs-detail > summary::-webkit-details-marker {display:none}
  .luna-desktop .obs-detail > summary::after {content:'⌄';margin-left:auto;color:var(--e-muted)}
  .luna-desktop .obs-detail[open] > summary::after {content:'⌃'}
  .luna-desktop .obs-detail summary svg {width:21px;height:21px;color:var(--e-muted);flex:none}
  .luna-desktop .obs-detail > p,.luna-desktop .obs-detail > div {margin:0;padding:0 16px 14px;font-size:13px;color:var(--e-muted)}
  body[data-estudio=luna].luna-desktop .obs-detail .footer-note {border:0;margin:0;padding:0 16px 14px;font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--e-muted)}
  .luna-desktop .obs-detail .lead {font-size:13px;color:var(--e-muted)}
  .luna-desktop .obs-detail .grid {grid-template-columns:1fr 1fr;gap:8px}
  body[data-estudio=luna].luna-desktop .obs-detail .card {padding:9px;background:var(--e-soft)}
  .luna-desktop .obs-detail .card:has(.tag):not(:has(h3)),.luna-desktop .obs-detail .card.full {display:none}
  .luna-desktop .obs-panels #panel-ciclo {display:none}
  body[data-estudio=luna].luna-desktop .obs-panels > .panel {margin:12px 0 0;padding:0;border:0;background:none}
  body[data-estudio=luna].luna-desktop .obs-panels .card {padding:18px;background:var(--e-panel)}
  body[data-estudio=luna].luna-desktop .obs-panels .card h3 {font:600 25px/1.25 Spectral,Georgia,serif;letter-spacing:0}
  body[data-estudio=luna].luna-desktop .obs-panels .card p {font:13px/1.6 Arial,Helvetica,sans-serif}
  body[data-estudio=luna].luna-desktop .obs-panels :is(input,select) {font:14px/1.4 Arial,Helvetica,sans-serif}
  body[data-estudio=luna].luna-desktop .obs-panels :is(.primary,.ghost) {font:600 12px/1.4 Arial,Helvetica,sans-serif}
  body[data-estudio=luna].luna-desktop .obs-panels .field label {font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.2px}
  .luna-desktop .obs-panels .controls {gap:12px}
  .luna-desktop .obs-panels .event {padding:9px 12px;grid-template-columns:42px minmax(0,1fr) auto;gap:12px}
  .luna-desktop .obs-panels .event .n {font:600 17px Spectral,Georgia,serif;letter-spacing:0}
  .luna-desktop .obs-panels .event .d {font:12px/1.5 Arial,Helvetica,sans-serif}
  .luna-desktop .obs-panels .event .r {font:12px Arial,Helvetica,sans-serif}
  .luna-desktop .obs-app:not([data-panel=ciclo]) .obs-overview {grid-template-columns:minmax(0,1fr)}
  .luna-desktop .obs-app:not([data-panel=ciclo]) .obs-upcoming,
  .luna-desktop .obs-app:not([data-panel=ciclo]) .obs-cycle {display:none}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .hero {grid-template-columns:116px minmax(0,1fr);min-height:0;gap:22px;padding:14px 20px}
  .luna-desktop .obs-app:not([data-panel=ciclo]) .hero .moon-stage {justify-content:flex-start}
  .luna-desktop .obs-app:not([data-panel=ciclo]) .hero .obs-date-caption,
  .luna-desktop .obs-app:not([data-panel=ciclo]) .hero .eyebrow,
  .luna-desktop .obs-app:not([data-panel=ciclo]) .hero h2::after,
  .luna-desktop .obs-app:not([data-panel=ciclo]) .hero .phasebar {display:none}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .hero h2 {font-size:24px;margin:0 0 10px}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .stats {grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .stat {padding:0;border:0;background:none;min-height:0;margin:0}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .stat .v {font-size:18px;white-space:normal}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .stat .s {display:none}
  body[data-estudio=luna].luna-desktop .obs-app:not([data-panel=ciclo]) .obs-zodiac .s {display:block;font-size:12px}
  .luna-desktop :is(a,button,summary):hover {filter:brightness(1.12)}
  @media (max-width:1199px) {
    .luna-desktop .obs-app {grid-template-columns:180px minmax(0,1fr)}
    .luna-desktop .obs-brand strong {font-size:22px}
    .luna-desktop .obs-brand {padding-bottom:18px}
    body[data-estudio=luna].luna-desktop .tabs .tab {font-size:13px;padding:11px;gap:9px;min-height:48px}
    .luna-desktop .obs-workspace {padding-inline:14px}
    .luna-desktop .obs-site-slot .astro-nav-panel {left:180px}
    .luna-desktop .obs-overview {grid-template-columns:minmax(0,1fr) 270px}
    body[data-estudio=luna].luna-desktop .hero {gap:8px;padding:14px 12px 14px 6px;grid-template-columns:.72fr 1fr;min-height:365px}
    body[data-estudio=luna].luna-desktop .hero-copy h2 {font-size:27px}
    body[data-estudio=luna].luna-desktop .obs-illumination .v {font-size:32px}
    body[data-estudio=luna].luna-desktop .obs-zodiac .v {font-size:17px}
    .luna-desktop .obs-section-heading h2 {font-size:21px}
    .luna-desktop .obs-upcoming {padding:14px 12px 8px}
    .luna-desktop .obs-event {grid-template-columns:36px minmax(0,1fr) 65px;gap:7px}
    .luna-desktop .obs-event-copy strong {font-size:15px}
    .luna-desktop .obs-phase-name {font-size:11px}
    .luna-desktop .obs-toolbar h1 {font-size:28px}
  }
}