/* CATEDRAL SAN JUAN BAUTISTA — Corrección de contenido invisible en Hostinger.
   Siempre se dibujan textos, encabezados y botones. El JavaScript solo
   añade decoración: nunca decide si la información se ve o no. */
@media (prefers-reduced-motion: no-preference) {
  html.sv-motion-enabled .sv-home .sv-verse__index,
  html.sv-motion-enabled .sv-home .sv-verse__content,
  html.sv-motion-enabled .sv-home .sv-prayer__figure,
  html.sv-motion-enabled .sv-home .sv-prayer__heading,
  html.sv-motion-enabled .sv-home .sv-prayer__copy blockquote,
  html.sv-motion-enabled .sv-home .sv-prayer__copy .sv-text-link,
  html.sv-motion-enabled .sv-home .sv-highlight__copy,
  html.sv-motion-enabled .sv-home .sv-life__heading,
  html.sv-motion-enabled .sv-home .sv-life-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* La aparición es solo un toque suave sobre elementos YA visibles.
     No requiere JS: no queda ningún bloque vacío si falla un script. */
  .sv-home .sv-verse__index.sv-is-visible,
  .sv-home .sv-verse__content.sv-is-visible,
  .sv-home .sv-prayer__figure.sv-is-visible,
  .sv-home .sv-prayer__heading.sv-is-visible,
  .sv-home .sv-prayer__copy blockquote.sv-is-visible,
  .sv-home .sv-highlight__copy.sv-is-visible,
  .sv-home .sv-life__heading.sv-is-visible,
  .sv-home .sv-life-card.sv-is-visible {
    animation: sv-safe-arrive .72s ease-out both;
  }
  .sv-home .sv-verse__content.sv-is-visible h2 {
    animation: sv-verse-breathe 9s ease-in-out 1.2s infinite;
  }
}
@keyframes sv-safe-arrive {
  from { opacity: .86; translate: 0 7px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .sv-home .sv-verse__index,
  .sv-home .sv-verse__content,
  .sv-home .sv-prayer__figure,
  .sv-home .sv-prayer__heading,
  .sv-home .sv-prayer__copy blockquote,
  .sv-home .sv-prayer__copy .sv-text-link,
  .sv-home .sv-highlight__copy,
  .sv-home .sv-life__heading,
  .sv-home .sv-life-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }
}