/* Variante de Universo: conserva formulario, eventos y respuesta de la API. */
.universo-observatorio { --section-y: clamp(48px, 6vw, 80px); }
.universo-observatorio .site-header__inner { gap: var(--s-4); }
.universo-observatorio .hero__copy .h-display { max-width: 13ch; }
.universo-observatorio .hero__scroll { color: var(--gold-deep); border-color: var(--hairline-strong); margin-top: var(--s-5); }
.universo-observatorio .hero .reveal { opacity: 1; transform: none; }
.universo-acciones { display: flex; align-items: center; gap: var(--s-3); }
.universo-menu { position: relative; }
.universo-menu > summary { list-style: none; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--hairline-strong); border-radius: 50%; color: var(--ink); cursor: pointer; }
.universo-menu > summary::-webkit-details-marker { display: none; }
.universo-menu nav { position: absolute; top: calc(100% + 12px); right: 0; min-width: 230px; padding: var(--s-3); border: 1px solid var(--hairline); border-radius: var(--r-card); background: var(--ivory); box-shadow: var(--shadow-soft); }
.universo-menu nav a { display: block; min-height: 44px; padding: 10px 12px; font-size: .9rem; color: var(--ink); text-decoration: none; border-radius: 8px; }
.universo-menu nav a:hover { background: var(--paper); }

/* La carta empieza en un panel funcional; el arte permanece fuera de los campos. */
.universo-observatorio .sheet { border-radius: 0; }
.universo-observatorio .sheet--lift { margin-top: 0; box-shadow: none; }
.universo-observatorio .sheet::before,
.universo-observatorio .sheet--marble::after,
.universo-observatorio .about::before,
.universo-observatorio .pricing::before { display: none; }
.universo-observatorio #generador { background: var(--marble); padding-block: 32px 48px; border-block: 1px solid var(--hairline); scroll-margin-top: 0; }
.universo-observatorio .gen { gap: var(--s-6); align-items: stretch; }
.universo-observatorio .gen__form-col { background: var(--ivory); padding: clamp(20px, 3vw, 32px); border: 1px solid var(--hairline); border-radius: 20px; }
.universo-observatorio .gen__form-col .eyebrow { margin-bottom: 10px; font-size: .65rem; }
.universo-observatorio .gen__form-col .h-section { font-size: clamp(2rem, 3vw, 2.6rem); line-height: 1.05; }
.universo-observatorio .gen__form-col .lede { margin-top: 12px; font-size: .88rem; line-height: 1.65; max-width: 34rem; }
.universo-observatorio .gen__form-col .reveal { opacity: 1; transform: none; }
.universo-observatorio .natal-form { max-width: none; margin-top: 24px; gap: 14px; }
.universo-observatorio .field { min-width: 0; gap: 6px; }
.universo-observatorio .field input { min-width: 0; min-height: 46px; background: var(--ivory); border-radius: 11px; }
.universo-observatorio .field small { font-size: .7rem; line-height: 1.5; }
.universo-observatorio .natal-form .btn--night { background: var(--gold-deep); color: var(--ivory); margin-top: 0; min-height: 48px; }
.universo-observatorio .natal-form .btn--night:hover { background: var(--ink); }
.universo-observatorio .form-status:empty,
.universo-observatorio #f-error-big3:empty { display: none; }
.universo-observatorio .check-big3 { margin-top: 0; font-size: .7rem; line-height: 1.5; }
.universo-observatorio .check-big3 input { min-height: 20px; border-radius: 4px; }
.universo-observatorio .gen__figure { position: relative; overflow: hidden; border: 1px solid var(--hairline); border-radius: 20px; margin: 0; max-width: none; }
.universo-observatorio .gen__figure img { width: 100%; height: 100%; object-fit: cover; object-position: 100% top; }
.universo-observatorio .gen__figure figcaption { position: absolute; inset: auto 0 0; padding: 80px 28px 32px; background: linear-gradient(to bottom, transparent, var(--marble) 55%); font-family: var(--font-serif); font-size: 1.8rem; line-height: 1.2; color: var(--ink); }
.universo-observatorio .gen__figure figcaption span { display: block; margin-bottom: 10px; color: var(--gold-deep); font-family: var(--font-sans); font-size: .65rem; text-transform: uppercase; letter-spacing: .18em; }

/* Resultados y capítulos con el papel y las líneas del observatorio. */
.universo-observatorio .result { margin-top: var(--s-6); }
.universo-observatorio .result__card { background: var(--ivory); border-radius: 20px; box-shadow: none; }
.universo-observatorio .result .rueda-noche,
.universo-observatorio .about .rueda-noche { --cream: #FBF8F2; --ink: #2B2620; --gold: #8B6F47; --hairline: #C4B8A0; --rueda-texto-casas: #5C5346; }
.universo-observatorio .result .rueda-noche svg > circle:first-of-type,
.universo-observatorio .about .rueda-noche svg > circle:first-of-type { fill: var(--ivory) !important; }
.universo-observatorio .result .rueda-signo-suave { fill: var(--ink-soft); }
.universo-observatorio .tabs__tab { min-height: 44px; }
.universo-observatorio .result__next { flex-wrap: wrap; }
.universo-observatorio .bigthree-card,
.universo-observatorio .essence { background: var(--marble); }
.universo-observatorio .about { background: var(--paper); }
.universo-observatorio .marble-rock { display: none; }
.universo-observatorio .product__arch { opacity: .3; }
.universo-observatorio .pricing__arch { display: none; }
.universo-observatorio .price-card { background: var(--ivory); }
.universo-observatorio .price-card--featured { background: var(--ink); color: var(--ivory); box-shadow: var(--shadow-soft); }
.universo-observatorio .price-card:not(.price-card--featured) .price-card__note { color: var(--ink-soft); }
.universo-observatorio .testimonials,
.universo-observatorio .values { margin-top: 0; background: var(--paper); color: var(--ink); }
.universo-observatorio .testimonials::before,
.universo-observatorio .values::before,
.universo-observatorio .closing::before { display: none; }
.universo-observatorio .testimonials .eyebrow--light,
.universo-observatorio .values .eyebrow--light,
.universo-observatorio .closing .eyebrow--light,
.universo-observatorio .values__list .icon { color: var(--gold-deep); }
.universo-observatorio .values__list span { color: var(--ink-soft); }
.universo-observatorio .quote-card::before { display: none; }
.universo-observatorio .quote-card { border: 1px solid var(--hairline); }
.universo-observatorio .closing { margin-top: 0; color: var(--ink); background: var(--marble); border-top: 1px solid var(--hairline); }
.universo-observatorio .closing__constellation { display: none; }
.universo-observatorio .site-footer { background: var(--paper); color: var(--ink-soft); border-color: var(--hairline); }
.universo-observatorio .site-footer__meta a { color: var(--gold-deep); }
.universo-observatorio .site-footer__social a { color: var(--gold-deep); border-color: var(--hairline-strong); }
@media (min-width: 600px) {
  .universo-observatorio .natal-form .field { grid-column: span 1; }
  .universo-observatorio .natal-form .field--full { grid-column: 1 / -1; }
}
@media (min-width: 860px) {
  .universo-menu { display: none; }
  .universo-observatorio .gen { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
  .universo-observatorio .gen__figure { display: block; width: 100%; }
}
@media (max-width: 599px) {
  .universo-observatorio #generador { padding-top: 20px; scroll-margin-top: 0; }
  .universo-observatorio .gen { padding-inline: 14px; }
  .universo-observatorio .gen__form-col { padding: 20px 18px; }
  .universo-observatorio .natal-form .field:has(#f-fecha),
  .universo-observatorio .natal-form .field:has(#f-hora) { grid-column: span 1; }
  .universo-observatorio .natal-form { gap: 10px; margin-top: 20px; }
  .universo-observatorio .gen__form-col .lede { font-size: .85rem; line-height: 1.55; }
  .universo-observatorio .result { padding-inline: 14px; }
  .universo-observatorio .result__card { padding: 20px; }
  .universo-observatorio .tabs__tab { padding-inline: 12px; font-size: .8rem; }
  .universo-observatorio .result__next .btn { white-space: normal; text-align: center; }
}

.universo-observatorio .testimonials .h-section--light,
.universo-observatorio .values .h-section--light { color: var(--ink); }