/* ============================================================
   BORDES GLOBALES DE TARJETAS
   Catedral San Juan Bautista
   NOTA: se excluyen deliberadamente las 5 tarjetas principales
   del index (.fino-shortcut) para conservar su diseño original.
   ============================================================ */

:root{
  --card-border-gold: rgba(184,132,65,.52);
  --card-border-gold-hover: rgba(184,132,65,.82);
  --card-shadow-soft: 0 14px 32px rgba(66,38,17,.08), inset 0 0 0 1px rgba(255,255,255,.30);
  --card-shadow-hover: 0 20px 42px rgba(66,38,17,.14), inset 0 0 0 1px rgba(255,255,255,.38);
}

/* INDEX: todo excepto los 5 accesos principales */
.fino-prayer,
.fino-life-card,

/* ORACIONES */
.op-category-card,
.op-feature-card,
.op-prayer-group,
.op-group-prayer,
.op-prayer-row,
.op-reader-card,
.op-intention-card,
.op-dialog__panel,

/* ENSEÑANZAS */
.ep-card,
.ep-featured,
.ep-modal__dialog,

/* AVISOS */
.av-card,
.av-upcoming-card,
.av-detail-card,

/* INFORMACIÓN */
.ip-hero-card,
.ip-shortcut,
.ip-story__grid,
.ip-highlight-card,
.ip-panel,
.ip-contact-card,

/* MISAS / HORA SANTA */
.mp-feature,
.mp-upcoming-card,
.mp-video-card,
.mp-modal__dialog,

/* MODAL GLOBAL DE EVENTO PRÓXIMO */
.event-alert__dialog{
  border-width:2.6px !important;
  border-style:solid !important;
  border-color:var(--card-border-gold) !important;
  box-shadow:var(--card-shadow-soft) !important;
}

/* Efecto de realce únicamente en tarjetas interactivas */
.op-category-card,
.op-feature-card,
.op-prayer-group,
.op-group-prayer,
.op-prayer-row,
.ep-card,
.av-card,
.av-upcoming-card,
.ip-shortcut,
.ip-highlight-card,
.mp-upcoming-card,
.mp-video-card{
  transition:border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.op-category-card:hover,
.op-feature-card:hover,
.op-prayer-group:hover,
.op-group-prayer:hover,
.op-prayer-row:hover,
.ep-card:hover,
.av-card:hover,
.av-upcoming-card:hover,
.ip-shortcut:hover,
.ip-highlight-card:hover,
.mp-upcoming-card:hover,
.mp-video-card:hover{
  border-color:var(--card-border-gold-hover) !important;
  box-shadow:var(--card-shadow-hover) !important;
  transform:translateY(-3px);
}

/* Tarjetas oscuras o con fotografía: borde más luminoso */
.op-prayer-group,
.op-feature-card,
.mp-feature{
  border-color:rgba(202,157,89,.66) !important;
}

/* El modal debe conservar presencia sin verse pesado */
.event-alert__dialog,
.mp-modal__dialog,
.op-dialog__panel{
  border-color:rgba(184,132,65,.60) !important;
}

/* En móvil reducimos apenas la intensidad para que no se vea tosco */
@media (max-width:700px){
  :root{
    --card-border-gold: rgba(184,132,65,.38);
    --card-border-gold-hover: rgba(184,132,65,.58);
    --card-shadow-soft: 0 10px 24px rgba(66,38,17,.065), inset 0 0 0 1px rgba(255,255,255,.24);
    --card-shadow-hover: 0 14px 30px rgba(66,38,17,.10), inset 0 0 0 1px rgba(255,255,255,.30);
  }
}


/* En teléfono: mismo lenguaje visual, pero un poco más fino que escritorio */
@media (max-width:700px){
  .fino-prayer,
  .fino-life-card,
  .op-category-card,
  .op-feature-card,
  .op-prayer-group,
  .op-group-prayer,
  .op-prayer-row,
  .op-reader-card,
  .op-intention-card,
  .op-dialog__panel,
  .ep-card,
  .ep-featured,
  .ep-modal__dialog,
  .av-card,
  .av-upcoming-card,
  .av-detail-card,
  .ip-hero-card,
  .ip-shortcut,
  .ip-story__grid,
  .ip-highlight-card,
  .ip-panel,
  .ip-contact-card,
  .mp-feature,
  .mp-upcoming-card,
  .mp-video-card,
  .mp-modal__dialog,
  .event-alert__dialog{
    border-width:2px !important;
  }
}