/* CATEDRAL SAN JUAN BAUTISTA — Galería de vida y santoral
   Solo portada. No modifica el efecto cinematográfico de cortinas. */
.sv-home .sv-today{
  grid-template-columns:68px minmax(245px,.78fr) minmax(0,1.62fr);
  gap:clamp(17px,3vw,38px);
  min-height:124px;
  padding-block:20px;
}
.sv-home .sv-santoral{
  display:flex;align-items:center;gap:19px;min-width:0;padding:15px 22px;
  background:linear-gradient(112deg,rgba(255,255,255,.88),rgba(234,241,241,.63));
  border:1px solid rgba(34,74,104,.13);border-radius:5px;
  box-shadow:0 13px 29px rgba(10,47,70,.06);
}
.sv-santoral__icon{
  flex:none;display:grid;place-items:center;width:43px;height:43px;
  border:1px solid rgba(180,153,112,.45);border-radius:50%;
  font:22px/1 Georgia,serif;color:#a88350;
  background:rgba(255,253,248,.68);
}
.sv-santoral__content{min-width:0}
.sv-santoral__label{
  display:block;margin-bottom:5px;font:700 9px/1.5 'DM Sans',Arial,sans-serif;
  letter-spacing:.17em;color:#1c4d6e;
}
.sv-home .sv-santoral h3{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(26px,2.5vw,35px);line-height:1.05;margin:0 0 4px;
  color:#2f2a25;letter-spacing:-.02em;
}
.sv-home .sv-santoral p{
  font:400 12px/1.45 'DM Sans',Arial,sans-serif;color:#6b635c;
  margin:0;max-width:610px;
}
/* Fotogalería: varias fotos avanzan lateralmente, no se reemplazan una a una. */
.sv-home .sv-highlight{position:relative;min-height:415px}
.sv-home .sv-highlight::before{
  background:linear-gradient(90deg,#062942 0%,rgba(6,41,66,.99) 29%,rgba(6,41,66,.82) 38%,rgba(6,41,66,.14) 67%,rgba(6,41,66,.04) 100%);
}
.sv-home .sv-highlight__inner{padding-block:60px 64px;pointer-events:none}
.sv-home .sv-highlight__copy{pointer-events:auto}
.sv-home .sv-highlight__copy{max-width:435px}
.sv-home .sv-highlight h2{font-size:clamp(52px,5vw,75px)}
.sv-gallery{
  --gallery-gap:7px;
  position:absolute;inset:0 0 0 34%;z-index:0;
  min-width:0;overflow:hidden;isolation:isolate;
}
.sv-gallery__viewport{position:absolute;inset:0;overflow:hidden}
.sv-gallery__track{
  height:100%;display:flex;gap:var(--gallery-gap);
  align-items:stretch;will-change:transform;
}
.sv-gallery__slide{
  position:relative;flex:0 0 clamp(185px,19vw,320px);
  height:100%;margin:0;overflow:hidden;background:#16445b;
}
.sv-gallery__slide::after{
  content:"";pointer-events:none;position:absolute;inset:22% 0 0;
  background:linear-gradient(0deg,rgba(3,28,46,.76),transparent 54%);
}
.sv-gallery__slide img{
  display:block;width:100%;height:100%;object-fit:cover;
  object-position:center 39%;filter:saturate(.91) contrast(1.025);
  transition:transform .8s ease;
}
.sv-gallery__slide:hover img{transform:scale(1.045)}
.sv-gallery__slide figcaption{
  position:absolute;bottom:54px;left:14px;right:12px;z-index:1;
  font:700 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.09em;
  text-transform:uppercase;color:#fffbf2;
  text-shadow:0 1px 5px rgba(0,0,0,.4);
}
.sv-gallery__controls{
  position:absolute;z-index:4;right:22px;bottom:17px;
  display:flex;align-items:center;gap:9px;
  color:#fff;padding:6px 8px;border-radius:28px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(4,33,56,.79);backdrop-filter:blur(10px);
  box-shadow:0 8px 22px rgba(2,23,38,.20);
}
.sv-gallery__button{
  border:1px solid rgba(255,255,255,.26);width:33px;height:33px;
  border-radius:50%;display:grid;place-items:center;color:#fff;
  font:25px/1 Georgia,serif;cursor:pointer;
  background:rgba(255,255,255,.12);transition:background .2s,transform .2s;
}
.sv-gallery__button:hover{background:rgba(255,255,255,.28);transform:translateY(-1px)}
.sv-gallery__counter{font:700 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.13em;white-space:nowrap;color:#dfe9f0;min-width:49px;text-align:center}
.sv-gallery__pause{
  border:0;background:transparent;color:#fff;font:600 10px/1 'DM Sans',Arial,sans-serif;
  cursor:pointer;padding:8px 9px 8px 5px;border-left:1px solid rgba(255,255,255,.25);margin-left:2px;
}
.sv-gallery__pause:hover{text-decoration:underline;text-underline-offset:3px}
.sv-gallery button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:1020px){
  .sv-home .sv-today{grid-template-columns:62px 1fr;gap:13px 17px}
  .sv-home .sv-santoral{grid-column:1/-1}
  .sv-home .sv-highlight__copy{max-width:340px}
  .sv-gallery{inset:0 0 0 34%}
  .sv-gallery__slide{flex-basis:clamp(190px,25vw,260px)}
}
@media(max-width:700px){
  .sv-home .sv-today{
    grid-template-columns:53px minmax(0,1fr);gap:15px;
    padding:20px 0 23px;min-height:0;
  }
  .sv-home .sv-today__stamp{width:53px;min-height:57px}
  .sv-home .sv-today__heading h2{font-size:clamp(25px,7vw,33px)}
  .sv-home .sv-santoral{grid-column:1/-1;padding:13px 15px;gap:12px}
  .sv-santoral__icon{width:37px;height:37px;font-size:19px}
  .sv-home .sv-santoral h3{font-size:29px}
  .sv-home .sv-santoral p{font-size:11px}
  .sv-home .sv-highlight{
    min-height:0;display:flex;flex-direction:column;align-items:stretch;
  }
  .sv-home .sv-highlight__inner{
    width:calc(100% - 44px);order:1;flex:none;padding:30px 0 23px;min-height:0;
  }
  .sv-home .sv-highlight__copy{max-width:400px}
  .sv-home .sv-highlight__tiny{margin-bottom:12px}
  .sv-home .sv-highlight h2{font-size:clamp(44px,10vw,57px)}
  .sv-home .sv-highlight__description{margin:9px 0 12px;font-size:12px}
  .sv-home .sv-highlight::before{
    background:linear-gradient(180deg,rgba(4,32,53,.38) 0%,rgba(4,32,53,.14) 40%,rgba(4,32,53,.02) 80%);
  }
  .sv-gallery{order:2;position:relative;inset:auto;display:block;flex:none;width:100%;height:295px}
  .sv-gallery__slide{flex-basis:clamp(178px,53vw,230px)}
  .sv-gallery__slide figcaption{bottom:54px;font-size:9px;left:12px}
  .sv-gallery__controls{right:12px;bottom:11px}
  .sv-home .sv-highlight::after{inset:12px;pointer-events:none}
}
@media(max-width:410px){
  .sv-gallery{height:267px}
  .sv-gallery__slide{flex-basis:49vw}
  .sv-home .sv-santoral h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .sv-gallery__track{transition:none!important}
  .sv-gallery__slide img{transition:none!important}
}


/* Progreso cinematográfico discreto, sin controles: mismo ritmo que el avance automático. */
.sv-home .sv-gallery__progress {
  position:absolute;z-index:5;left:22px;right:22px;bottom:10px;
  height:2px;border-radius:999px;overflow:hidden;pointer-events:none;
  background:rgba(255,255,255,.28);
}
.sv-home .sv-gallery__progress-bar {
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,#f6eee0,#d9b985);
}
.sv-home .sv-gallery.is-playing .sv-gallery__progress-bar {
  animation:svGalleryProgress 4600ms linear infinite;
}
@keyframes svGalleryProgress {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce) {
  .sv-home .sv-gallery__progress-bar {animation:none!important;transform:scaleX(1)!important;opacity:.5}
}