/* ===============================================================
   CATEDRAL SAN JUAN BAUTISTA · PORTADA / EDICIÓN IMPACTO
   Diseñada para distinguirse sin alterar la intro de cortinas,
   el administrador, las oraciones editables o los avisos reales.
   Contenido visible incluso con JS bloqueado.
   =============================================================== */
:root{
  --sb-deep:#082b46;--sb-mid:#124667;--sb-glow:#e6c69d;
  --sb-ivory:#f8f5ee;--sb-ink:#2b2725;--sb-muted:#645f58;
}
.sv-home{background:#f8f5ee;color:var(--sb-ink)}
.sv-home::before{opacity:.22;background-position:left -205px top 60%,right -155px bottom 20%}
.sv-home::after{opacity:.08}
.sv-home .sv-shell{width:min(1240px,calc(100% - 88px))}
/* 01 · El banner real es protagonista, sin distorsión ni recorte. */
.sv-home .sv-hero{isolation:isolate}
.sv-home .sv-hero img{width:100%;height:auto;object-fit:contain;aspect-ratio:2126/740}
.sv-home .sv-hero-caption{background:#062741}
.sv-home .sv-hero-caption__inner{height:46px}
/* 02 · Panel vivo, más contraste y una fecha que sí llama la atención. */
.sv-home .sv-today{
  position:relative;z-index:3;min-height:114px;margin-top:-10px;
  padding:21px 30px;display:grid;
  grid-template-columns:64px minmax(195px,1.1fr) minmax(200px,1.25fr) auto;
  align-items:center;gap:23px;color:#fff;
  background:linear-gradient(110deg,#082e4e 0%,#104669 57%,#0a314f 100%);
  border:1px solid rgba(231,199,155,.25);border-radius:7px;
  box-shadow:0 23px 48px rgba(14,46,65,.19),inset 0 1px rgba(255,255,255,.15);
}
.sv-home .sv-today::before{
  left:0;right:0;top:0;bottom:auto;height:3px;
  background:linear-gradient(90deg,transparent,#ceb38c 26%,#f0d7af 53%,transparent 93%);
}
.sv-home .sv-today::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 80% 0,rgba(134,192,214,.13),transparent 35%);
}
.sv-home .sv-today__stamp{
  width:60px;min-height:70px;background:rgba(250,246,237,.085);
  border:1px solid rgba(237,220,195,.25);border-left:2px solid #e2c49b;
  border-radius:2px;box-shadow:none;color:#fff;
}
.sv-home .sv-today__stamp strong{font-size:29px;color:#fffaf4}
.sv-home .sv-today__stamp small{color:#e3ccb0}
.sv-home .sv-today__heading .sv-eyebrow{color:#cbdfea;letter-spacing:.19em;font-size:9px}
.sv-home .sv-today__heading h2{
  font-size:clamp(23px,2.3vw,32px);line-height:1.04;color:#fff;
  text-shadow:0 1px 12px rgba(0,0,0,.12)
}
.sv-home .sv-today__news{color:#dfeaf1;gap:13px;font-size:13px}
.sv-home .sv-today__news p{color:#dfeaf1;font-size:13px;max-width:350px}
.sv-home .sv-today__dot{background:#eac38a;box-shadow:0 0 0 6px rgba(230,193,139,.11)}
.sv-home .sv-today__date{color:#e6c99d}
.sv-home .sv-today__event{color:#fff;font-size:14px}
.sv-home .sv-today__links{gap:9px;position:relative;z-index:2}
.sv-home .sv-today__links a{
  display:inline-flex;gap:10px;align-items:center;justify-content:center;
  padding:13px 14px;min-height:44px;border:1px solid rgba(238,226,208,.29);
  background:rgba(255,255,255,.09);border-radius:5px;
  color:#fff;font-size:11px;letter-spacing:0;white-space:nowrap;
  transition:background .25s,transform .25s,border-color .25s;
}
.sv-home .sv-today__links a+a{border:1px solid rgba(238,226,208,.29);padding-left:14px}
.sv-home .sv-today__links a:hover{background:rgba(255,255,255,.20);border-color:rgba(245,225,195,.65);transform:translateY(-2px);color:#fff}
.sv-home .sv-today__links a span{font-size:16px;margin:0}
/* 03 · Versículo: no otra caja beige, sino un momento de atmósfera. */
.sv-home .sv-verse{
  width:100%;margin:58px 0 0;padding:0;display:block;
  color:#fff;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(ellipse at 75% 18%,rgba(73,134,166,.23),transparent 41%),
    radial-gradient(ellipse at 9% 100%,rgba(147,111,76,.14),transparent 50%),
    linear-gradient(115deg,#062840,#0b3958 57%,#124463 100%);
  border-block:1px solid rgba(211,181,139,.40);
}
.sv-home .sv-verse::before{
  content:"";position:absolute;inset:0;opacity:.26;pointer-events:none;
  background:url('../img/sv-arch-tracery.svg') no-repeat left -75px top 48%/340px auto;
}
.sv-home .sv-verse::after{
  content:"";left:50%;bottom:0;top:auto;width:min(1100px,80%);height:2px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(235,201,154,.75),transparent);
}
.sv-home .sv-verse__ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.sv-home .sv-verse__halo{
  position:absolute;right:-8%;top:-60%;width:min(700px,60vw);aspect-ratio:1;
  background:radial-gradient(circle,rgba(227,195,145,.14),rgba(220,201,158,.035) 42%,transparent 68%);
}
.sv-home .sv-verse__arch{
  position:absolute;right:7%;top:-32px;width:310px;height:115%;
  border:1px solid rgba(224,201,167,.16);border-bottom:0;
  border-radius:165px 165px 0 0;box-shadow:0 0 0 19px rgba(235,214,180,.023),0 0 0 38px rgba(235,214,180,.021);
  opacity:.75;
}
.sv-home .sv-verse__layout{
  display:grid;grid-template-columns:138px minmax(0,1fr);
  gap:40px;align-items:center;min-height:348px;padding:54px 0 64px;
  position:relative;z-index:2;
}
.sv-home .sv-verse__index{align-self:center;justify-content:flex-start;padding:0;gap:12px;color:#e7c99c;letter-spacing:.18em}
.sv-home .sv-verse__index i{background:#d8be98}
.sv-home .sv-verse__content{text-align:left;justify-self:start;max-width:900px;filter:none}
.sv-home .sv-verse__content::before{display:none}
.sv-home .sv-verse__intro{
  display:block;margin-bottom:13px;color:#c8dbe4;font:700 10px/1.5 'DM Sans',Arial,sans-serif;
  letter-spacing:.23em;
}
.sv-home .sv-verse__quote{
  left:-39px;top:30px;font-size:95px;color:rgba(245,218,182,.28);
  text-shadow:none;
}
.sv-home .sv-verse__content h2{
  font-size:clamp(40px,4vw,59px);line-height:1.06;max-width:800px;
  color:#fff7ec;letter-spacing:-.025em;text-shadow:0 12px 25px rgba(0,0,0,.09);
}
.sv-home .sv-verse__content h2 em{color:#f1d3a8!important}
.sv-home .sv-verse__content>p{
  justify-content:flex-start;margin-top:24px;color:#f2d4aa;font-size:10px;
  letter-spacing:.19em;
}
.sv-home .sv-verse__content>p span{background:#d8bd94}
/* 04 · Oración: la fotografía real se convierte en una pieza de exposición. */
.sv-home .sv-prayer{
  padding:92px 0 105px;
  background:
    radial-gradient(ellipse at 18% 51%,rgba(181,204,210,.21),transparent 38%),
    linear-gradient(180deg,#f7f4ee,#fffdfa 57%,#f8f5ee);
}
.sv-home .sv-prayer::before{display:none}
.sv-home .sv-prayer__layout{
  width:min(1110px,calc(100% - 90px));max-width:1110px;
  position:relative;display:grid;grid-template-columns:minmax(275px,340px) minmax(0,1fr);
  gap:clamp(52px,6vw,102px);align-items:center;isolation:isolate;
}
.sv-home .sv-prayer__layout::before{
  content:"";position:absolute;z-index:-2;left:-36px;top:30px;bottom:34px;width:min(42%,424px);
  background:linear-gradient(148deg,#0c3e5b,#09314b);
  box-shadow:17px 19px 35px rgba(5,40,59,.1);
}
.sv-home .sv-prayer__layout::after{
  content:"";position:absolute;z-index:-1;left:-26px;top:42px;bottom:44px;
  border-left:1px solid rgba(225,198,147,.82);
}
.sv-home .sv-prayer__figure{width:100%;max-width:340px;z-index:1;margin:0 0 0 0}
.sv-home .sv-prayer__figure::before{display:none}
.sv-home .sv-prayer__figure::after{z-index:-1;inset:16px -17px -15px 18px;background:rgba(11,47,68,.12)}
.sv-home .sv-prayer__figure img{
  width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;
  border-radius:0;box-shadow:0 22px 50px rgba(2,30,46,.18);
}
.sv-home .sv-prayer__figure figcaption{
  right:-17px;bottom:18px;padding:12px 16px;background:#0a3551;
  color:#fff;font-size:9px;letter-spacing:.14em;
}
.sv-home .sv-prayer__copy{max-width:600px}
.sv-home .sv-prayer__copy::before{
  content:"";position:absolute;right:0;top:-50px;width:160px;height:230px;
  background:url('../img/sv-arch-tracery.svg') center/contain no-repeat;
  opacity:.1;pointer-events:none;
}
.sv-home .sv-prayer__copy h2{font-size:clamp(48px,4.5vw,66px);margin:13px 0 20px;line-height:.98}
.sv-home .sv-prayer__copy blockquote{font-size:clamp(23px,2vw,28px);line-height:1.47;color:#43352c}
.sv-home .sv-text-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid rgba(10,60,91,.22);border-radius:4px;
  background:rgba(255,255,255,.74);padding:8px 10px 8px 16px;
  box-shadow:0 9px 20px rgba(17,48,66,.045);
  transition:border-color .25s,background .25s,transform .25s;
}
.sv-home .sv-text-link span{
  width:31px;height:31px;display:grid;place-items:center;border-radius:3px;
  background:#0a3856;color:#fff;font-size:18px;transition:transform .25s;
}
.sv-home .sv-text-link:hover{gap:16px;border-color:#174b71;background:white;transform:translateY(-2px)}
.sv-home .sv-text-link:hover span{transform:translate(2px,-2px)}
/* 05 · La vida de Catedral se cuenta con fotografía, no con bloques vacíos. */
.sv-home .sv-highlight{min-height:385px;background:#0a314d;border-block:1px solid rgba(227,192,147,.43)}
.sv-home .sv-highlight::before{
  background:
    linear-gradient(90deg,rgba(3,29,48,.99) 0%,rgba(5,38,59,.96) 25%,rgba(8,40,61,.79) 45%,rgba(5,39,63,.24) 74%,rgba(8,40,61,.06) 100%),
    linear-gradient(0deg,rgba(4,31,48,.13),transparent 50%);
}
.sv-home .sv-highlight::after{inset:20px 22px;border-color:rgba(238,221,192,.28)}
.sv-home .sv-highlight__art{inset:0 0 0 30%;grid-template-columns:1.22fr .87fr .95fr;gap:0}
.sv-home .sv-highlight__art img{filter:saturate(.95) contrast(1.03) brightness(1.02)}
.sv-home .sv-highlight__art img+img{border-left:1px solid rgba(255,255,255,.12)}
.sv-home .sv-highlight__art img:first-child{object-position:center center}
.sv-home .sv-highlight__inner{padding-block:58px 63px}
.sv-home .sv-highlight__copy{max-width:570px}
.sv-home .sv-highlight__tiny{font:600 9px/1.5 'DM Sans',sans-serif;letter-spacing:.25em;color:rgba(237,235,223,.72);margin-bottom:24px}
.sv-home .sv-highlight__tiny span{color:#d6bd91;margin:0 8px}
.sv-home .sv-highlight__eyebrow{color:#d2e4ec}
.sv-home .sv-highlight h2{font-size:clamp(54px,5vw,78px);line-height:.93;max-width:510px}
.sv-home .sv-highlight__description{font-size:15px;margin:19px 0 22px}
.sv-home .sv-highlight__link{font-size:13px;padding-bottom:9px}
/* 06 · Tarjetas con personalidades distintas: azul y papel. */
.sv-home .sv-life{
  padding:88px 0 88px;
  background:
    radial-gradient(ellipse at 98% 1%,rgba(173,199,205,.18),transparent 30%),
    #f8f5ee;
}
.sv-home .sv-life__heading{align-items:end;padding-bottom:38px}
.sv-home .sv-life__heading h2{font-size:clamp(44px,4vw,56px);line-height:.98}
.sv-home .sv-life__heading>p{font-size:14px;max-width:285px}
.sv-home .sv-life__cards{gap:26px}
.sv-home .sv-life-card{
  min-height:340px;border:0;border-radius:11px;
  box-shadow:0 24px 51px rgba(15,48,67,.12),0 3px 7px rgba(14,52,75,.055);
  transition:transform .35s,box-shadow .35s;
}
.sv-home .sv-life-card::before{width:0;display:none}
.sv-home .sv-life-card__serial{
  position:absolute;z-index:6;right:16px;top:15px;
  display:inline-flex;align-items:center;padding:8px 11px;
  border:1px solid rgba(255,255,255,.4);border-radius:2px;
  background:rgba(7,34,51,.45);color:#fff;
  font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:.15em;
  backdrop-filter:blur(5px);
}
.sv-home .sv-life-card__copy{padding:41px 30px 34px;flex-basis:59%;position:relative;z-index:2}
.sv-home .sv-life-card__copy h3{font-size:clamp(38px,3.4vw,49px);line-height:1;margin:13px 0 13px}
.sv-home .sv-life-card__copy p{font-size:13px;line-height:1.62;max-width:285px}
.sv-home .sv-life-card__image{flex:1 1 43%;position:relative}
.sv-home .sv-life-card__image img{object-fit:cover;object-position:center;height:100%;width:100%}
.sv-home .sv-mass{background:linear-gradient(130deg,#0b344f 0%,#0d4260 100%)}
.sv-home .sv-mass__image::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#0d4260 0%,rgba(13,66,96,.18) 23%,transparent 60%);
}
.sv-home .sv-mass .sv-life-card__copy h3{color:#fff9ef}
.sv-home .sv-mass .sv-life-card__copy h3 em{color:#f0d5ad!important}
.sv-home .sv-mass .sv-eyebrow{color:#d4bc98}
.sv-home .sv-mass .sv-life-card__copy p{color:#d6e5ed}
.sv-home .sv-mass .sv-button{
  background:#fff9f0!important;color:#0a3856!important;
  border:1px solid rgba(255,255,255,.85)!important;
}
.sv-home .sv-announcements{background:#f4f4ef}
.sv-home .sv-announcements .sv-life-card__copy h3{color:#2b2725}
.sv-home .sv-announcements .sv-life-card__copy h3 em{color:#16476a!important}
.sv-home .sv-announcements .sv-life-card__copy p{color:#615f5b}
.sv-home .sv-announcements__photo::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#f4f4ef,rgba(244,244,239,.0) 43%);
}
.sv-home .sv-button{
  display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:9px 10px 9px 17px;
  border-radius:4px;box-shadow:0 10px 21px rgba(2,28,43,.10);
  transition:transform .24s,box-shadow .24s;
}
.sv-home .sv-button span{
  display:grid;place-items:center;flex:none;width:28px;height:28px;
  border-radius:3px;background:rgba(17,69,102,.1);
}
.sv-home .sv-button:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(2,28,43,.16)}
.sv-home .sv-closing{padding-top:0;padding-bottom:40px;background:#f8f5ee}
/* Footer: conservar la foto, pero darle una luminosidad más editorial. */
.sv-footer::before{
  background:linear-gradient(100deg,rgba(4,30,49,.95),rgba(7,44,68,.79) 50%,rgba(6,36,57,.83)),
    url('../img/fachada-hero.png') center 55%/cover no-repeat!important;
}
/* No hay elementos inicialmente invisibles: las animaciones son progresivas. */
.sv-home .sv-verse__index,.sv-home .sv-verse__content,.sv-home .sv-highlight__copy,
.sv-home .sv-prayer__figure,.sv-home .sv-prayer__heading,.sv-home .sv-life__heading,
.sv-home .sv-life-card{opacity:1!important;visibility:visible!important}
/* ----- Interacción táctil y ritmo específico de tableta ----- */
@media(max-width:1160px){
  .sv-home .sv-today{grid-template-columns:58px 1fr minmax(200px,1.2fr);gap:16px}
  .sv-home .sv-today__links{grid-column:2/-1;justify-content:flex-start}
  .sv-home .sv-life-card__copy{padding:34px 24px}
  .sv-home .sv-life-card__copy h3{font-size:41px}
}
@media(max-width:920px){
  .sv-home .sv-shell{width:calc(100% - 52px)}
  .sv-home .sv-today{padding:20px 22px}
  .sv-home .sv-verse__layout{grid-template-columns:90px 1fr;gap:22px;min-height:320px}
  .sv-home .sv-verse__content h2{font-size:clamp(37px,5.3vw,51px)}
  .sv-home .sv-prayer__layout{gap:37px;grid-template-columns:minmax(230px,37%) 1fr}
  .sv-home .sv-prayer__layout::before{left:-22px;width:41%}
  .sv-home .sv-life__cards{gap:16px}
  .sv-home .sv-life-card{min-height:310px}
  .sv-home .sv-life-card__copy{padding:29px 21px}
  .sv-home .sv-life-card__copy h3{font-size:clamp(32px,4vw,38px)}
  .sv-home .sv-life-card__copy p{font-size:12px}
}
@media(max-width:760px){
  .sv-home .sv-shell{width:calc(100% - 36px)}
  .sv-home .sv-hero-caption__inner{height:32px;font-size:8px}
  /* Agenda como una ficha protagonista, no cuatro columnas encogidas. */
  .sv-home .sv-today{
    margin-top:14px;padding:17px 17px 18px;min-height:0;
    display:grid;grid-template-columns:53px minmax(0,1fr);gap:11px 15px;
    border-radius:8px;box-shadow:0 14px 26px rgba(14,46,65,.14);
  }
  .sv-home .sv-today__stamp{grid-row:1;width:53px;min-height:58px}
  .sv-home .sv-today__stamp strong{font-size:25px}
  .sv-home .sv-today__heading{grid-column:2;grid-row:1;min-width:0}
  .sv-home .sv-today__heading h2{font-size:26px;margin-top:5px}
  .sv-home .sv-today__heading .sv-eyebrow{font-size:8px;letter-spacing:.10em}
  .sv-home .sv-today__news{grid-column:1/-1;gap:10px;padding-top:5px}
  .sv-home .sv-today__news p{font-size:12px;line-height:1.5}
  .sv-home .sv-today__links{grid-column:1/-1;margin-top:0;padding-top:5px;gap:9px}
  .sv-home .sv-today__links a{font-size:11px;flex:1;padding:9px 7px;min-height:39px}
  .sv-home .sv-today__links a+a{padding-left:7px}
  /* El versículo se despliega como un capítulo visual breve. */
  .sv-home .sv-verse{margin-top:28px}
  .sv-home .sv-verse__layout{display:block;min-height:0;padding:46px 0 50px;text-align:center}
  .sv-home .sv-verse__index{padding:0 0 21px;justify-content:center;font-size:9px}
  .sv-home .sv-verse__content{max-width:560px;margin:auto;text-align:center}
  .sv-home .sv-verse__intro{font-size:9px;letter-spacing:.18em;margin-bottom:12px}
  .sv-home .sv-verse__quote{top:27px;left:-2px;font-size:72px}
  .sv-home .sv-verse__content h2{font-size:clamp(31px,8.3vw,44px);line-height:1.09;padding:0 4px}
  .sv-home .sv-verse__content>p{margin-top:18px;justify-content:center;gap:9px;font-size:9px;letter-spacing:.09em}
  .sv-home .sv-verse__arch{right:-75px;top:-20px;height:90%;width:205px;opacity:.32}
  .sv-home .sv-verse__halo{right:-20%;top:-40%;width:400px}
  /* Oración pensada primero para 390 px: imagen y titular juntos, texto después. */
  .sv-home .sv-prayer{padding:56px 0 60px}
  .sv-home .sv-prayer__layout{
    width:calc(100% - 38px);display:grid;
    grid-template-columns:minmax(104px,36%) minmax(0,1fr);
    align-items:center;column-gap:17px;row-gap:12px;
  }
  .sv-home .sv-prayer__layout::before{left:-8px;top:10px;bottom:auto;height:184px;width:38%}
  .sv-home .sv-prayer__layout::after{display:none}
  .sv-home .sv-prayer__figure{grid-column:1;grid-row:1;max-width:100%;width:100%}
  .sv-home .sv-prayer__figure::after{inset:7px -6px -7px 6px}
  .sv-home .sv-prayer__figure img{height:auto;max-width:100%;box-shadow:0 10px 21px rgba(2,30,46,.15)}
  .sv-home .sv-prayer__figure figcaption{display:none}
  .sv-home .sv-prayer__copy{display:contents}
  .sv-home .sv-prayer__heading{grid-column:2;grid-row:1;min-width:0}
  .sv-home .sv-prayer__heading>.sv-eyebrow{margin-top:12px;font-size:8px;letter-spacing:.12em}
  .sv-home .sv-prayer__copy h2{font-size:clamp(37px,9vw,49px);margin:8px 0 12px;line-height:.94}
  .sv-home .sv-title-rule{margin-bottom:0}
  .sv-home .sv-prayer__copy blockquote{grid-column:1/-1;grid-row:2;margin:8px 0 3px;font-size:clamp(21px,5.6vw,25px);line-height:1.38}
  .sv-home .sv-prayer__copy .sv-prayer__reference{grid-column:1/-1;grid-row:3}
  .sv-home .sv-prayer__copy .sv-text-link{grid-column:1/-1;grid-row:4;justify-self:start;margin-top:5px;font-size:12px}
  /* La escena azul ocupa una franja controlada, con foto local más visible. */
  .sv-home .sv-highlight{min-height:292px;align-items:end}
  .sv-home .sv-highlight__art{inset:0;display:block}
  .sv-home .sv-highlight__art img{display:none}
  .sv-home .sv-highlight__art img:first-child{display:block;filter:contrast(1.06) saturate(.9);object-position:center 52%}
  .sv-home .sv-highlight::before{
    background:linear-gradient(90deg,rgba(4,28,47,.95) 0%,rgba(5,35,56,.81) 53%,rgba(5,35,56,.39)),
      linear-gradient(0deg,rgba(5,26,44,.65),transparent 80%);
  }
  .sv-home .sv-highlight::after{inset:10px}
  .sv-home .sv-highlight__inner{padding:34px 4px 31px}
  .sv-home .sv-highlight__tiny{margin-bottom:14px;font-size:8px}
  .sv-home .sv-highlight__eyebrow{font-size:9px}
  .sv-home .sv-highlight h2{font-size:clamp(44px,11.4vw,57px);line-height:.93}
  .sv-home .sv-highlight__description{font-size:12px;margin:12px 0 13px;line-height:1.5}
  .sv-home .sv-highlight__link{font-size:11px}
  /* Las tarjetas usan foto panorámica y acción clara, no columnas minúsculas. */
  .sv-home .sv-life{padding:53px 0 48px}
  .sv-home .sv-life__heading{display:block;padding-bottom:22px}
  .sv-home .sv-life__heading h2{font-size:clamp(39px,10.8vw,49px);line-height:.97}
  .sv-home .sv-life__heading>p{font-size:12px;line-height:1.5;text-align:left;max-width:340px;margin:11px 0 0}
  .sv-home .sv-life__cards{grid-template-columns:1fr;gap:17px}
  .sv-home .sv-life-card{
    display:flex;flex-direction:column;min-height:0;height:auto;overflow:hidden;border-radius:8px;
    box-shadow:0 12px 28px rgba(13,45,64,.10);
  }
  .sv-home .sv-life-card__image,.sv-home .sv-announcements__photo{
    order:-1;width:100%;height:148px;flex:0 0 148px;overflow:hidden;
  }
  .sv-home .sv-life-card__image img{height:100%;width:100%;object-position:center 50%;object-fit:cover}
  .sv-home .sv-mass__image::before{background:linear-gradient(0deg,rgba(6,38,59,.14),transparent 80%)}
  .sv-home .sv-announcements__photo::before{background:linear-gradient(0deg,rgba(17,41,51,.04),transparent)}
  .sv-home .sv-life-card__serial{top:12px;right:12px;font-size:8px}
  .sv-home .sv-life-card__copy,.sv-home .sv-announcements--editorial .sv-life-card__copy{
    flex:0 0 auto;width:100%;padding:23px 22px 24px;
  }
  .sv-home .sv-life-card__copy h3{font-size:39px;margin:9px 0 9px}
  .sv-home .sv-life-card__copy p{font-size:12px;line-height:1.5;margin-bottom:15px}
  .sv-home .sv-button{min-height:41px;padding:6px 8px 6px 12px;font-size:11px}
  .sv-home .sv-button span{height:27px;width:27px}
  .sv-home .sv-closing{padding-bottom:18px}
}
@media(max-width:400px){
  .sv-home .sv-today__heading h2{font-size:24px}
  .sv-home .sv-verse__content h2{font-size:clamp(31px,8.3vw,36px)}
  .sv-home .sv-prayer__copy h2{font-size:clamp(34px,8.7vw,42px)}
  .sv-home .sv-prayer__layout::before{height:150px}
  .sv-home .sv-life-card__image{height:135px;flex-basis:135px}
  .sv-home .sv-highlight h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
  .sv-home *, .sv-home *::before,.sv-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}