/* =====================================================================
   SHADHANA — Diferencias propias de las páginas de detalle de encuentro
   (plantilla «taller») y de «El origen» respecto a styles.css.
   Reproducen exactamente su aspecto original. Se carga DESPUÉS de styles.css.
   ===================================================================== */

/* Menú móvil desplegado: la X sigue visible y el relleno superior es menor */
@media (max-width: 720px) {
  .page-legacy .topbar.is-open { padding: var(--sh-legacy-menu-open-padding-bp720, 8px 18px 18px); }
  .page-legacy .topbar.is-open .bar-toggle { display: flex; }
}

/* Móvil en horizontal estrecho: la cabecera se mantiene como esfera */
@media (orientation: landscape) and (max-height: 500px) and (max-width: 720px) {
  .page-legacy .topbar {
    width: 52px; height: 52px; padding: 0; gap: 0; overflow: hidden; max-width: none;
    flex-direction: row; justify-content: center; align-items: center;
  }
  .page-legacy .topbar .bar-toggle { display: flex; }
  .page-legacy .topbar .brand, .page-legacy .topbar .topnav { display: none; }
  .page-legacy .topbar.is-open {
    width: var(--sh-menu-open-width-bp720, min(80vw, 300px)); height: auto; border-radius: var(--sh-menu-open-radius-bp720, 24px);
    flex-direction: column; gap: var(--sh-menu-open-gap-bp720, 14px); padding: var(--sh-legacy-menu-open-padding-bp720, 8px 18px 18px); justify-content: flex-start;
  }
  .page-legacy .topbar.is-open .brand { display: inline-flex; }
  .page-legacy .topbar.is-open .topnav { display: flex; flex-direction: column; gap: var(--sh-menu-open-gap-bp720, 14px); align-items: center; }
  .page-legacy .topbar.is-open .topnav a { font-size: var(--sh-nav-size-bp720, 15px); letter-spacing: var(--sh-nav-tracking-bp720, 0.16em); }
}

/* «El origen»: márgenes y tamaño de los párrafos */
/* Solo los títulos de la propia página: los de los bloques conservan su margen (.shb > .page-title) */
.page-origin :not(.shb) > .page-title { margin: var(--sh-origin-title-margin, clamp(28px, 5vh, 52px) 0 6px); }
.page-origin .origin-text .prose {
  font-size: var(--sh-origin-prose-size, clamp(18px, 1.95vw, 25px));
  margin: var(--sh-origin-prose-margin, clamp(18px, 3vh, 28px) auto 0);
  max-width: var(--sh-origin-prose-maxwidth, none);
}
.page-origin .origin-text .prose:first-child { margin-top: 0; }

/* Página de detalle: foto del encuentro */
.page-taller .fixed-img:not(.shb-parallax) { margin: var(--sh-taller-img-margin, clamp(36px, 6vh, 60px) 0 0); }
