/* El cielo de hoy (cielo-hoy.html).
   Solo lo propio de esta página: la entradilla con el botón de compartir, el campo de fecha, las
   rejillas de cuerpos, Sol, aspectos y tradiciones. El hero con la Luna, la consola del cielo, el
   panel de datos, las tarjetas con acento y el ritmo de las secciones los comparte con la portada
   (nucleo/cielo.css y nucleo/secciones-y-tarjetas.css); el selector de días, con Efemérides. */

/* ── Entradilla ───────────────────────────────────────────────────────────── */
.hoy-intro {
  min-width: 0;
}

.hoy-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 22px;
}

.hoy-share-status {
  margin: 8px 0 0;
  color: rgba(236, 229, 255, 0.68);
  font-size: 13px;
}

/* Vacío no ocupa sitio, pero sigue anunciándose cuando recibe el mensaje. */
.hoy-share-status:empty {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* ── Campo de fecha (en el panel, bajo el selector de días) ───────────────── */
.hoy-datefield {
  padding: 0 16px 14px;
}

.hoy-datefield .sf-campo,
.hoy-datefield .sf-disparador {
  width: 100%;
}

/* ── Cuerpos ──────────────────────────────────────────────────────────────── */
.page-cielo .hoy-bodies {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.hoy-bodies .sky-card,
.hoy-duo .sky-card {
  width: 100%;
}

.hoy-glyph {
  font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Noto Sans Symbols 2", sans-serif;
  font-variant-emoji: text;
}

.hoy-body-sign {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 16px 0 0;
  color: var(--text);
  font-family: var(--font-h);
  font-size: 15px;
  line-height: 1.35;
}

.hoy-body-sign cosmic-icon {
  --icono-tamano: 20px;
  flex: none;
  color: var(--card-color);
}

.hoy-body-meta {
  margin: 8px 0 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.55;
}

.hoy-tag--retro {
  border-color: rgba(255, 123, 92, 0.55);
  color: #ffb4a0;
}

/* ── Sol: signo y constelación ────────────────────────────────────────────── */
.page-cielo .hoy-duo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hoy-big {
  margin: 18px 0 0;
  color: var(--text);
  font-family: var(--font-h);
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.2;
}

/* ── Aspectos ─────────────────────────────────────────────────────────────── */
.hoy-aspects {
  max-width: 860px;
  margin: 30px auto 0;
}

.hoy-aspect-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hoy-aspect {
  display: grid;
  gap: 4px;
  padding: 14px 18px;
  border: 1px solid rgba(var(--gold-muted-rgb), 0.14);
  border-left: 3px solid var(--tone, var(--gold));
  border-radius: var(--r-md);
  background: rgba(14, 12, 40, 0.8);
}

.hoy-aspect--supreme {
  background: rgba(255, 255, 255, 0.07);
}

.hoy-aspect--weak {
  opacity: 0.86;
}

.hoy-aspect-main {
  color: var(--text);
  font-family: var(--font-h);
  font-size: 15px;
  line-height: 1.5;
}

.hoy-glyph-inline {
  margin-right: 0.35em;
  font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Noto Sans Symbols 2", sans-serif;
  font-variant-emoji: text;
}

.hoy-aspect-symbol {
  margin-inline: 0.3em;
  color: var(--tone, var(--gold));
  font-size: 1.15em;
}

.hoy-aspect-meta {
  color: var(--gold-light);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.hoy-aspect-meaning {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.5;
}

.hoy-more {
  margin-top: 14px;
}

.hoy-more summary {
  color: var(--gold-light);
  cursor: pointer;
  font-size: 13px;
}

.hoy-more .hoy-aspect-list {
  margin-top: 10px;
}

.hoy-empty {
  grid-column: 1 / -1;
  color: var(--text-muted);
  font-size: 14px;
  font-style: italic;
  text-align: center;
}

/* ── Tradiciones y enlaces ────────────────────────────────────────────────── */
.page-cielo .hoy-tradiciones {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-cielo .hoy-enlaces {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hoy-tradiciones .system-description + .system-description {
  margin-top: 6px;
}

.hoy-tradiciones .sky-tags {
  margin-bottom: 4px;
}

.hoy-footnote {
  max-width: 62ch;
  margin: 22px auto 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

/* ── Pantallas estrechas ──────────────────────────────────────────────────── */
@media (max-width: 1180px) {
  .page-cielo .hoy-bodies {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1000px) {
  .page-cielo .hoy-tradiciones {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-cielo .hoy-enlaces {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .page-cielo .hoy-bodies {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-cielo .hoy-duo {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .page-cielo .hoy-bodies,
  .page-cielo .hoy-tradiciones {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Los dos botones, uno bajo otro: juntos no caben en una fila. */
  .hoy-actions > * {
    flex: 1 1 100%;
    justify-content: center;
  }
}