/* Superficies interiores. La galería separa el ancho de las cabeceras del contenido. */
body.orbital-theme #activity-hub {
  width: 100%;
  max-width: none;
  margin: 26px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.orbital-theme #activity-hub > summary {
  box-sizing: border-box;
  width: min(100%, 680px);
  min-height: 86px;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid #c9aa70;
  border-radius: 12px;
  background: linear-gradient(100deg, #455043, #203941ee 60%, #14232b55),
    var(--art-stars) right center / auto 240% no-repeat #172c33;
  box-shadow: inset 0 1px 0 #ffe6ad3b, 0 6px 24px #0004;
}
body.orbital-theme #activity-hub[open] > summary {
  border-radius: 12px;
  margin-bottom: 16px;
}
body.orbital-theme #activity-hub > summary strong { font-size: 22px; font-weight: 650; }
body.orbital-theme #activity-hub > summary small { color: #cad9d5; }
body.orbital-theme #activity-hub > summary .activity-symbol {
  display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px;
  border: 1px solid #d6ba754a; border-radius: 50%; background: #e8c47514;
  color: #fbe0a3; text-shadow: 0 0 14px #e6bd7580;
}
body.orbital-theme #activity-hub .activity-list { padding: 0; gap: 10px; }
body.orbital-theme #activity-hub details:not(#observatory-stage details) {
  background: linear-gradient(145deg, #193039, #14262f);
}

/* Tarjetas de observación: dos resúmenes y tres paisajes fáciles de distinguir. */
body.orbital-theme #activity-hub #tonight-view .tonight-content { padding: 16px; }
body.orbital-theme #activity-hub #tonight-view .tonight-overview {
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
body.orbital-theme #activity-hub #tonight-view .tonight-best {
  padding: 18px;
  border: 1px solid #668c9b; border-radius: 10px;
  background: linear-gradient(110deg, #26485af5, #1d394cf0 48%, #10233477),
    url('../assets/orbital-paneles/horizonte-nocturno.png') right center / cover no-repeat #234454;
  box-shadow: inset 0 1px 0 #deedf01a;
}
body.orbital-theme #activity-hub #tonight-view .tonight-phase {
  padding: 18px;
  border: 1px solid #827f9e; border-radius: 10px;
  background: linear-gradient(120deg, #403e59fa, #30334df0 62%, #30324f9c),
    var(--art-stars) right center / cover no-repeat #36374e;
}
body.orbital-theme #activity-hub #tonight-view .tonight-empty {
  background: linear-gradient(135deg, #374956, #273d4c);
  border-color: #6b8692; border-radius: 10px;
}
body.orbital-theme #activity-hub #tonight-view :is(.tonight-best, .tonight-phase) p,
body.orbital-theme #activity-hub #tonight-view .tonight-note { color: #d2dfe3; }
body.orbital-theme #activity-hub #tonight-view .tonight-kicker { color: #f6d59b; }
body.orbital-theme #activity-hub #tonight-view .tonight-windows { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 330px)); }
body.orbital-theme #activity-hub #tonight-view .tonight-windows li {
  background: linear-gradient(125deg, #2b504f, #203d46);
  border: 1px solid #62877f; border-radius: 8px; color: #e0efed;
}
body.orbital-theme #activity-hub #tonight-view .tonight-regions {
  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
}
body.orbital-theme #activity-hub #tonight-view .tonight-region {
  --region-tint: #345261;
  --region-edge: #6f98ab;
  min-width: 0;
  padding: 14px; gap: 9px;
  border: 1px solid var(--region-edge); border-radius: 10px;
  background: linear-gradient(145deg, var(--region-tint), #1b323d);
  box-shadow: 0 4px 12px #0003;
}
body.orbital-theme #activity-hub #tonight-view .tonight-region[data-region='tycho'] {
  --region-tint: #51495e; --region-edge: #a293b0;
}
body.orbital-theme #activity-hub #tonight-view .tonight-region[data-region='apollo11'] {
  --region-tint: #355b54; --region-edge: #83ab9e;
}
body.orbital-theme #activity-hub #tonight-view .tonight-region[data-grazing='true'] {
  border-color: #f5cf89;
  box-shadow: inset 0 0 0 1px #e9bc7577, 0 4px 12px #0003;
}
body.orbital-theme #activity-hub #tonight-view .tonight-region > strong {
  min-height: 26px; font-size: 15px; color: #fff4df;
}
body.orbital-theme #activity-hub #tonight-view .tonight-region :is(span, small) { color: #dce7e8; }
body.orbital-theme #activity-hub #tonight-view .tonight-region[data-grazing='true'] > span {
  background: #e8bd7824; border: 1px solid #e6ba6e66; border-radius: 5px;
  padding: 3px 7px; color: #ffe3b0;
}
.lunar-card-map {
  position: relative; align-self: stretch; margin: -14px -14px 3px;
  background: #11242c; border-radius: 9px 9px 0 0; overflow: hidden;
}
.lunar-card-map canvas { display: block; width: 100%; height: auto; aspect-ratio: 15 / 7; }
.lunar-card-map figcaption {
  position: absolute; right: 7px; bottom: 7px; margin: 0; padding: 3px 6px;
  border-radius: 4px; background: #0c1824d9; color: #e2e9e7; font-size: 9px;
}
body.orbital-theme #activity-hub .lunar-preview-note {
  font-size: 11px; line-height: 1.6; color: #b6cbd2; margin: 10px 0 0;
}

/* El catálogo 3D utiliza las mismas miniaturas reales que el planificador. */
body.orbital-theme #activity-hub #terrain-workshop .lunar-terrain-catalog { gap: 12px; }
body.orbital-theme #activity-hub #terrain-workshop button.lunar-terrain-card:not(#observatory-stage button) {
  padding: 0 14px 15px; overflow: hidden; gap: 10px;
  border: 1px solid #7798a5; background: linear-gradient(145deg, #345261, #1b323d);
  border-radius: 10px;
}
body.orbital-theme #activity-hub #terrain-workshop button.lunar-terrain-card:not(#observatory-stage button)[data-region='tycho'] {
  background: linear-gradient(145deg, #51495e, #283342); border-color: #a293b0;
}
body.orbital-theme #activity-hub #terrain-workshop button.lunar-terrain-card:not(#observatory-stage button)[data-region='apollo11'] {
  background: linear-gradient(145deg, #355b54, #1c363d); border-color: #83ab9e;
}
body.orbital-theme #activity-hub #terrain-workshop button.lunar-terrain-card:not(#observatory-stage button)[aria-pressed='true'] {
  border: 1px solid #ffe0a3; box-shadow: inset 0 0 0 2px #edbf7a, 0 4px 12px #0004;
}
body.orbital-theme #activity-hub #terrain-workshop .lunar-terrain-preview {
  display: block; width: calc(100% + 28px); max-width: none;
  height: auto; aspect-ratio: 15 / 7; margin: 0 -14px 2px;
  background: #10242e;
}
body.orbital-theme #activity-hub #terrain-workshop button.lunar-terrain-card:not(#observatory-stage button) :is(strong, span) { color: #eef3ee; }

/* El resto del contenido sigue la misma jerarquía de superficies. */
body.orbital-theme #activity-hub :is(.worlds-stats, .iss-readings) > div,
body.orbital-theme #activity-hub :is(.info-measurements, .constellation-detail, .scene-library li) {
  background: linear-gradient(135deg, #27414c, #1b333d);
  border-color: #567581; border-radius: 8px;
}
body.orbital-theme #activity-hub .worlds-fact {
  background: linear-gradient(135deg, #29494d, #1b333b);
  border: 1px solid #4d7276; border-radius: 9px; padding: 14px;
}
body.orbital-theme #activity-hub .calendar-card {
  background: linear-gradient(130deg, #29404a, #1b2f38);
}
body.orbital-theme #activity-hub .tour-content .tour-menu {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
}
body.orbital-theme #activity-hub #tour-panel button.tour-choice:not(#observatory-stage button) {
  --tour-picture: var(--art-learning);
  min-height: 174px; padding: 88px 14px 15px; text-align: left;
  border-color: #667d80; border-radius: 10px;
  background: linear-gradient(0deg, #223b46 0%, #233c46fa 37%, #16303b15 100%),
    var(--tour-picture) right top / auto 175px no-repeat #1c303c;
}
body.orbital-theme #activity-hub #tour-panel button.tour-choice:not(#observatory-stage button)[data-tour='eclipse'] { --tour-picture: var(--art-stars); }
body.orbital-theme #activity-hub #tour-panel button.tour-choice:not(#observatory-stage button)[data-tour='first-look'] {
  --tour-picture: url('../assets/orbital-paneles/horizonte-nocturno.png');
}
body.orbital-theme #activity-hub #tour-panel button.tour-choice:not(#observatory-stage button) span { color: #cbdde2; }
body.orbital-theme #activity-hub #tour-panel button.tour-choice:not(#observatory-stage button):hover:not(:disabled) {
  border-color: #f3d299; box-shadow: inset 0 0 0 1px #f3d29977; filter: brightness(1.12);
}

@media (max-width: 700px) {
  body.orbital-theme #activity-hub > summary { padding: 14px 12px; }
  body.orbital-theme #activity-hub > summary strong { font-size: 19px; }
  body.orbital-theme #activity-hub > summary .activity-symbol { display: none; }
  body.orbital-theme #activity-hub #tonight-view .tonight-overview,
  body.orbital-theme #activity-hub .tour-content .tour-menu { grid-template-columns: 1fr; }
  body.orbital-theme #activity-hub #tonight-view .tonight-regions,
  body.orbital-theme #activity-hub #terrain-workshop .lunar-terrain-catalog { grid-template-columns: 1fr; }
  body.orbital-theme #activity-hub #tonight-view .tonight-region > strong { min-height: 0; }
  .lunar-card-map canvas { max-height: 190px; object-fit: cover; }
  body.orbital-theme #activity-hub #terrain-workshop .lunar-terrain-preview { max-height: 190px; object-fit: cover; }
  body.orbital-theme #activity-hub #tour-panel button.tour-choice:not(#observatory-stage button) { min-height: 128px; padding-top: 60px; }
}