/* =====================================================================
   CATEDRAL SAN JUAN BAUTISTA — PORTADA PREMIUM FINAL
   Una sola capa final. Sobria, editorial y verdaderamente responsive.
   Cargada DESPUÉS de los estilos base.
===================================================================== */

:root{
  --cat-blue:#0d4777;
  --cat-blue-deep:#082f55;
  --cat-blue-soft:#eaf1f6;
  --cat-ink:#302820;
  --cat-muted:#776b61;
  --cat-paper:#fbfaf7;
  --cat-paper-2:#f5f1ea;
  --cat-white:#fffdfa;
  --cat-gold:#b9935a;
  --cat-line:rgba(13,71,119,.14);
  --cat-shadow:0 18px 48px rgba(35,31,26,.08);
}

/* ------------------------------------------------------------------
   1. LIENZO GENERAL: limpio. Solo tres marcas de agua muy finas.
------------------------------------------------------------------- */
.is-home #contenido{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg,#fffdfa 0%,#faf8f4 32%,#f7f3ed 68%,#fbf9f5 100%) !important;
}

.is-home #contenido::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.033;
  background-image:
    url('../img/sacral/arco.svg'),
    url('../img/sacral/rayos.svg'),
    url('../img/sacral/cruz.svg');
  background-repeat:no-repeat;
  background-size:440px auto, 360px auto, 220px auto;
  background-position:
    left -160px top 27%,
    right -135px top 56%,
    left 7% top 82%;
}

.is-home #contenido::after{display:none !important;}
.is-home #contenido > *{position:relative;z-index:1;}
.is-home .sacral-ornament{display:none !important;}

/* ------------------------------------------------------------------
   2. HEADER: limpio y contenido
------------------------------------------------------------------- */
.site-header{
  background:rgba(255,253,249,.96) !important;
  border-bottom:1px solid rgba(13,71,119,.10) !important;
  box-shadow:0 4px 18px rgba(32,31,28,.035) !important;
  backdrop-filter:blur(12px) !important;
}

.header-layout{
  width:min(1240px,calc(100% - 42px)) !important;
}

.site-nav a{
  letter-spacing:.025em !important;
}

/* ------------------------------------------------------------------
   3. HERO: imagen completa, sin cortes caprichosos
------------------------------------------------------------------- */
.is-home .fino-hero{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:2126 / 740 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#082f55 !important;
}

.is-home .fino-hero-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

.is-home .fino-hero-shade{
  background:linear-gradient(180deg,rgba(6,35,61,.015),rgba(6,35,61,.035)) !important;
}

/* ------------------------------------------------------------------
   4. VERSÍCULO: editorial, no tarjeta
------------------------------------------------------------------- */
.is-home .catedral-access{
  margin:0 !important;
  padding:54px 24px 46px !important;
  background:transparent !important;
}

.is-home .catedral-feature-wrap{
  width:min(980px,100%) !important;
  margin:0 auto !important;
}

.is-home .catedral-feature-panel,
.is-home .catedral-feature-panel-verse,
.is-home .catedral-feature-side,
.is-home .catedral-feature-side-full{
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.is-home .catedral-verse,
.is-home .catedral-verse-full{
  position:relative !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:28px 56px 25px !important;
  text-align:center !important;
}

.is-home .catedral-verse-full::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  width:86px !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,transparent,var(--cat-blue),transparent) !important;
  opacity:.45 !important;
}

.is-home .catedral-verse-full::after{
  content:"" !important;
  position:absolute !important;
  bottom:0 !important;
  left:50% !important;
  width:44px !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:var(--cat-gold) !important;
  opacity:.55 !important;
}

.is-home .catedral-verse-mark{
  display:block !important;
  height:30px !important;
  margin:-10px 0 -2px !important;
  color:rgba(13,71,119,.18) !important;
  font-size:56px !important;
  line-height:1 !important;
}

.is-home .catedral-verse-full blockquote{
  max-width:820px !important;
  margin:0 auto !important;
  color:var(--cat-ink) !important;
  font-family:'Cormorant Garamond',serif !important;
  font-size:clamp(31px,2.75vw,43px) !important;
  font-weight:500 !important;
  line-height:1.18 !important;
  text-wrap:balance !important;
}

.is-home .catedral-verse-reference{
  display:block !important;
  margin-top:15px !important;
  padding:0 !important;
  border:0 !important;
  color:var(--cat-blue) !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.19em !important;
  text-transform:uppercase !important;
}

/* ------------------------------------------------------------------
   5. ORACIÓN: composición editorial; NO tarjeta gigante
------------------------------------------------------------------- */
.is-home .oracion-card-section{
  margin:0 !important;
  padding:48px 24px 66px !important;
  background:transparent !important;
  overflow:visible !important;
}

.is-home .oracion-card-scene{
  display:grid !important;
  grid-template-columns:320px minmax(0,1fr) !important;
  align-items:center !important;
  gap:68px !important;
  width:min(1040px,100%) !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

.is-home .oracion-card-background{
  position:relative !important;
  inset:auto !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:320px !important;
  height:auto !important;
  min-width:0 !important;
  max-width:320px !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:3 / 4 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  border:1px solid rgba(13,71,119,.12) !important;
  border-radius:14px !important;
  background:#eee9e2 !important;
  filter:saturate(.95) contrast(1.015) !important;
  box-shadow:0 20px 45px rgba(40,34,28,.10) !important;
}

.is-home .oracion-card-shade{display:none !important;}

.is-home .oracion-card{
  position:relative !important;
  inset:auto !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:min(560px,100%) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:18px 0 18px 36px !important;
  border:0 !important;
  border-left:1px solid rgba(13,71,119,.20) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.is-home .oracion-card::before{
  content:"" !important;
  position:absolute !important;
  left:-1px !important;
  top:18px !important;
  width:1px !important;
  height:62px !important;
  background:var(--cat-gold) !important;
  opacity:.72 !important;
}

.is-home .oracion-card::after{display:none !important;}

.is-home .oracion-card-kicker{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 0 11px !important;
  color:var(--cat-blue) !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.20em !important;
}

.is-home .oracion-card-kicker svg{
  width:12px !important;
  height:12px !important;
}

.is-home .oracion-card h2{
  margin:0 !important;
  color:var(--cat-ink) !important;
  font-family:'Cormorant Garamond',serif !important;
  font-size:clamp(42px,3.35vw,54px) !important;
  font-weight:600 !important;
  line-height:.98 !important;
  text-wrap:balance !important;
}

.is-home .oracion-card-rule{
  display:block !important;
  width:62px !important;
  height:1px !important;
  margin:15px 0 17px !important;
  background:linear-gradient(90deg,var(--cat-blue),rgba(13,71,119,.12)) !important;
}

.is-home .oracion-card blockquote{
  max-width:500px !important;
  margin:0 !important;
  color:#5f5045 !important;
  font-family:'Cormorant Garamond',serif !important;
  font-size:clamp(19px,1.48vw,22px) !important;
  font-weight:500 !important;
  line-height:1.38 !important;
}

.is-home .oracion-card-reference{
  margin:11px 0 0 !important;
  color:var(--cat-muted) !important;
  font-size:10px !important;
}

.is-home .oracion-card-button{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  margin-top:17px !important;
  padding:10px 15px !important;
  border:1px solid var(--cat-blue) !important;
  border-radius:999px !important;
  background:var(--cat-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.025em !important;
}

.is-home .oracion-card-button:hover{
  transform:translateY(-1px) !important;
  background:var(--cat-blue-deep) !important;
}

/* ------------------------------------------------------------------
   6. VIDA DE LA CATEDRAL: funcional, sobria y compacta
------------------------------------------------------------------- */
.is-home .fino-life{
  margin:0 !important;
  padding:48px 24px 72px !important;
  background:transparent !important;
  overflow:visible !important;
}

.is-home .fino-life-heading{
  max-width:720px !important;
  margin:0 auto 30px !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
}

.is-home .fino-life-heading::after{display:none !important;}

.is-home .fino-life-heading .fino-kicker{
  color:var(--cat-blue) !important;
  font-size:9px !important;
  letter-spacing:.20em !important;
}

.is-home .fino-life-heading h2{
  max-width:640px !important;
  margin:8px auto 6px !important;
  color:var(--cat-ink) !important;
  font-size:clamp(34px,3vw,46px) !important;
  line-height:1.02 !important;
  text-wrap:balance !important;
}

.is-home .fino-life-heading p{
  margin:0 !important;
  color:var(--cat-muted) !important;
  font-size:12px !important;
}

.is-home .fino-heading-rule{
  width:56px !important;
  height:1px !important;
  margin:14px auto 0 !important;
  background:var(--cat-gold) !important;
  opacity:.6 !important;
}

.is-home .fino-life-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  width:min(1120px,100%) !important;
  margin:0 auto !important;
}

.is-home .fino-life-card{
  position:relative !important;
  min-height:196px !important;
  padding:24px 22px !important;
  overflow:hidden !important;
  border:1px solid rgba(13,71,119,.12) !important;
  border-radius:18px !important;
  background:#fffdfa !important;
  box-shadow:0 12px 28px rgba(38,34,29,.06) !important;
  backdrop-filter:none !important;
}

.is-home .fino-life-card::before{
  opacity:1 !important;
  z-index:-1 !important;
}

.is-home .fino-schedule::before{
  background-image:
    linear-gradient(90deg,#fffdfa 0%,#fffdfa 43%,rgba(255,253,250,.93) 58%,rgba(255,253,250,.42) 78%,rgba(255,253,250,.12) 100%),
    url('../img/horarios-misa.jpg') !important;
  background-position:center right !important;
  background-size:cover !important;
}

.is-home .fino-notices::before{
  background-image:
    linear-gradient(90deg,#fffdfa 0%,#fffdfa 43%,rgba(255,253,250,.93) 58%,rgba(255,253,250,.42) 78%,rgba(255,253,250,.12) 100%),
    url('../img/avisos-home.jpg') !important;
  background-position:center right !important;
  background-size:cover !important;
}

.is-home .fino-life-intro{
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:start !important;
}

.is-home .fino-line-icon{
  width:36px !important;
  height:36px !important;
  border:1px solid rgba(13,71,119,.16) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.82) !important;
  color:var(--cat-blue) !important;
  box-shadow:none !important;
}

.is-home .fino-line-icon svg{width:16px !important;height:16px !important;}

.is-home .fino-life-card .fino-kicker{
  color:var(--cat-blue) !important;
  font-size:8px !important;
  letter-spacing:.17em !important;
}

.is-home .fino-life-card h3{
  margin:5px 0 6px !important;
  color:var(--cat-ink) !important;
  font-size:30px !important;
  line-height:1 !important;
}

.is-home .fino-life-card .fino-life-intro p{
  max-width:300px !important;
  margin:0 !important;
  color:#6f6258 !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}

.is-home .fino-button.tiny{
  margin-top:13px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:var(--cat-blue) !important;
  border:1px solid var(--cat-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:10px !important;
}

.is-home .fino-button.tiny.secondary{
  background:#fffdfa !important;
  color:var(--cat-blue) !important;
}

.is-home .fino-disclaimer{
  margin:16px 0 0 49px !important;
  color:#8b7f75 !important;
  font-size:9px !important;
}

/* ------------------------------------------------------------------
   7. FOOTER: azul institucional, sin logo, sin exceso de dorado
------------------------------------------------------------------- */
.cathedral-footer{
  position:relative !important;
  overflow:hidden !important;
  border-top:0 !important;
  background:#0a3a63 !important;
}

.cathedral-footer__photo{
  opacity:.15 !important;
  filter:grayscale(.22) saturate(.68) !important;
}

.cathedral-footer__veil{
  background:linear-gradient(100deg,rgba(6,37,66,.96),rgba(8,58,99,.91) 58%,rgba(10,68,112,.89)) !important;
}

.cathedral-footer__content{
  width:min(1180px,calc(100% - 42px)) !important;
  padding:24px 0 0 !important;
}

.cathedral-footer__hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 240px !important;
  gap:38px !important;
  align-items:center !important;
}

.cathedral-footer__identity{padding:0 !important;}

.cathedral-footer__kicker{
  color:rgba(255,255,255,.62) !important;
  font-size:8px !important;
  letter-spacing:.23em !important;
}

.cathedral-footer__identity h2{
  margin:4px 0 0 !important;
  color:#fff !important;
  font-size:clamp(34px,3vw,46px) !important;
  line-height:.95 !important;
}

.cathedral-footer__gold-rule{
  width:54px !important;
  height:1px !important;
  margin:9px 0 7px !important;
  background:rgba(255,255,255,.38) !important;
  box-shadow:none !important;
}

.cathedral-footer__place{
  color:rgba(255,255,255,.65) !important;
  font-size:7.5px !important;
}

.cathedral-footer__verse{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  width:auto !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.84) !important;
  box-shadow:none !important;
  font-size:14px !important;
}

.cathedral-footer__verse span{
  padding-left:9px !important;
  border-left:1px solid rgba(255,255,255,.20) !important;
  color:rgba(255,255,255,.48) !important;
  font-size:7px !important;
  letter-spacing:.12em !important;
}

.cathedral-footer__brand-card{
  max-width:240px !important;
  padding:15px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.cathedral-footer__brand-card::before,
.cathedral-footer__logo-link,
.cathedral-footer__logo,
.cathedral-footer__brand-divider{display:none !important;}

.cathedral-footer__small-title{
  color:rgba(255,255,255,.52) !important;
  font-size:7px !important;
  letter-spacing:.18em !important;
}

.cathedral-footer__phone{
  color:#fff !important;
  font-size:22px !important;
}

.cathedral-footer__diocese{
  margin-top:4px !important;
  color:rgba(255,255,255,.48) !important;
  font-size:6.5px !important;
}

.cathedral-footer__bottom-bar{
  min-height:44px !important;
  margin-top:17px !important;
  padding:7px 0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.cathedral-footer__social-title{
  color:rgba(255,255,255,.50) !important;
  font-size:6.5px !important;
}

.cathedral-footer__socials a,
.cathedral-footer__social-muted{
  width:27px !important;
  height:27px !important;
  border-color:rgba(255,255,255,.18) !important;
  background:transparent !important;
  color:rgba(255,255,255,.78) !important;
}

.cathedral-footer__copyright{
  color:rgba(255,255,255,.42) !important;
  font-size:7px !important;
}

/* ==================================================================
   TABLET
================================================================== */
@media (max-width:900px){
  .is-home .oracion-card-scene{
    grid-template-columns:280px minmax(0,1fr) !important;
    gap:42px !important;
    width:min(790px,100%) !important;
  }

  .is-home .oracion-card-background{
    width:280px !important;
    max-width:280px !important;
  }

  .is-home .oracion-card{
    padding-left:28px !important;
  }

  .cathedral-footer__hero{
    grid-template-columns:minmax(0,1fr) 210px !important;
  }
}

/* ==================================================================
   MÓVIL: diseño propio. Nada de escritorio encogido.
================================================================== */
@media (max-width:700px){
  html,body{overflow-x:hidden !important;}

  .site-header,
  .header-layout{
    min-height:60px !important;
    height:60px !important;
  }

  .header-layout{
    width:calc(100% - 22px) !important;
  }

  .brand-logo-catedral{
    height:42px !important;
    max-width:160px !important;
  }

  .site-nav{top:60px !important;}

  /* Fondo: apenas dos marcas de agua. */
  .is-home #contenido::before{
    opacity:.026;
    background-image:
      url('../img/sacral/arco.svg'),
      url('../img/sacral/rayos.svg');
    background-size:235px auto, 190px auto;
    background-position:
      left -108px top 35%,
      right -78px top 72%;
  }

  /* Hero completo. La proporción del archivo evita cortes. */
  .is-home .fino-hero{
    aspect-ratio:2126 / 740 !important;
  }

  .is-home .fino-hero-image{
    object-fit:contain !important;
    object-position:center !important;
  }

  /* Versículo compacto */
  .is-home .catedral-access{
    padding:30px 16px 25px !important;
  }

  .is-home .catedral-verse,
  .is-home .catedral-verse-full{
    max-width:350px !important;
    padding:22px 8px 20px !important;
  }

  .is-home .catedral-verse-mark{
    height:22px !important;
    margin:-8px 0 -1px !important;
    font-size:43px !important;
  }

  .is-home .catedral-verse-full blockquote{
    max-width:335px !important;
    font-size:clamp(22px,6.2vw,26px) !important;
    line-height:1.22 !important;
  }

  .is-home .catedral-verse-reference{
    margin-top:11px !important;
    font-size:7.5px !important;
  }

  /* Oración: foto completa al lado, no una torre vertical */
  .is-home .oracion-card-section{
    padding:30px 16px 38px !important;
  }

  .is-home .oracion-card-scene{
    display:grid !important;
    grid-template-columns:116px minmax(0,1fr) !important;
    gap:18px !important;
    align-items:start !important;
    width:min(430px,100%) !important;
    margin:0 auto !important;
  }

  .is-home .oracion-card-background{
    grid-column:1 !important;
    grid-row:1 !important;
    width:116px !important;
    max-width:116px !important;
    height:auto !important;
    aspect-ratio:3 / 4 !important;
    object-fit:contain !important;
    border-radius:10px !important;
    box-shadow:0 10px 24px rgba(37,33,28,.09) !important;
  }

  .is-home .oracion-card{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    margin:0 !important;
    padding:4px 0 2px 18px !important;
    border-left-color:rgba(13,71,119,.18) !important;
  }

  .is-home .oracion-card::before{
    top:4px !important;
    height:44px !important;
  }

  .is-home .oracion-card-kicker{
    gap:5px !important;
    margin-bottom:7px !important;
    font-size:6.8px !important;
    letter-spacing:.14em !important;
  }

  .is-home .oracion-card-kicker svg{
    width:9px !important;
    height:9px !important;
  }

  .is-home .oracion-card h2{
    font-size:clamp(29px,8vw,34px) !important;
    line-height:.94 !important;
  }

  .is-home .oracion-card-rule{
    width:44px !important;
    margin:9px 0 10px !important;
  }

  .is-home .oracion-card blockquote{
    font-size:15.5px !important;
    line-height:1.28 !important;
  }

  .is-home .oracion-card-reference{
    margin-top:7px !important;
    font-size:8px !important;
  }

  .is-home .oracion-card-button{
    margin-top:11px !important;
    padding:8px 11px !important;
    font-size:9px !important;
  }

  .is-home .oracion-card-button svg{
    width:12px !important;
    height:12px !important;
  }

  /* Vida: tarjetas horizontales compactas */
  .is-home .fino-life{
    padding:34px 14px 44px !important;
  }

  .is-home .fino-life-heading{
    max-width:330px !important;
    margin-bottom:20px !important;
  }

  .is-home .fino-life-heading .fino-kicker{
    font-size:7px !important;
  }

  .is-home .fino-life-heading h2{
    max-width:310px !important;
    margin-top:6px !important;
    font-size:30px !important;
    line-height:1 !important;
  }

  .is-home .fino-life-heading p{
    font-size:10px !important;
  }

  .is-home .fino-heading-rule{
    margin-top:10px !important;
  }

  .is-home .fino-life-grid{
    grid-template-columns:1fr !important;
    gap:11px !important;
  }

  .is-home .fino-life-card{
    min-height:154px !important;
    padding:16px 14px !important;
    border-radius:15px !important;
  }

  .is-home .fino-schedule::before,
  .is-home .fino-notices::before{
    background-position:68% center !important;
  }

  .is-home .fino-schedule::before{
    background-image:
      linear-gradient(90deg,#fffdfa 0%,#fffdfa 48%,rgba(255,253,250,.95) 61%,rgba(255,253,250,.35) 83%,rgba(255,253,250,.08) 100%),
      url('../img/horarios-misa.jpg') !important;
  }

  .is-home .fino-notices::before{
    background-image:
      linear-gradient(90deg,#fffdfa 0%,#fffdfa 48%,rgba(255,253,250,.95) 61%,rgba(255,253,250,.35) 83%,rgba(255,253,250,.08) 100%),
      url('../img/avisos-home.jpg') !important;
  }

  .is-home .fino-life-intro{
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:10px !important;
  }

  .is-home .fino-line-icon{
    width:30px !important;
    height:30px !important;
  }

  .is-home .fino-line-icon svg{
    width:13px !important;
    height:13px !important;
  }

  .is-home .fino-life-card .fino-kicker{
    font-size:6.5px !important;
  }

  .is-home .fino-life-card h3{
    margin:4px 0 5px !important;
    font-size:25px !important;
  }

  .is-home .fino-life-card .fino-life-intro p{
    max-width:210px !important;
    font-size:9.6px !important;
    line-height:1.35 !important;
  }

  .is-home .fino-button.tiny{
    margin-top:9px !important;
    padding:7px 10px !important;
    font-size:8.5px !important;
  }

  .is-home .fino-disclaimer{display:none !important;}

  /* Footer realmente compacto */
  .cathedral-footer__content{
    width:calc(100% - 26px) !important;
    padding:18px 0 0 !important;
  }

  .cathedral-footer__hero{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 126px !important;
    gap:14px !important;
    align-items:center !important;
  }

  .cathedral-footer__identity h2{
    font-size:29px !important;
  }

  .cathedral-footer__kicker{
    font-size:6px !important;
  }

  .cathedral-footer__gold-rule{
    width:38px !important;
    margin:6px 0 5px !important;
  }

  .cathedral-footer__place{
    font-size:5.8px !important;
    letter-spacing:.16em !important;
  }

  .cathedral-footer__verse{
    margin-top:7px !important;
    gap:6px !important;
    font-size:11px !important;
  }

  .cathedral-footer__verse span{
    padding-left:6px !important;
    font-size:5.3px !important;
  }

  .cathedral-footer__brand-card{
    width:126px !important;
    max-width:126px !important;
    padding:10px !important;
    border-radius:10px !important;
  }

  .cathedral-footer__small-title{
    font-size:5.5px !important;
  }

  .cathedral-footer__phone{
    font-size:16px !important;
  }

  .cathedral-footer__diocese{
    font-size:5px !important;
  }

  .cathedral-footer__bottom-bar{
    min-height:38px !important;
    margin-top:12px !important;
    padding:5px 0 !important;
  }

  .cathedral-footer__social-block{
    gap:5px !important;
  }

  .cathedral-footer__social-title{
    display:none !important;
  }

  .cathedral-footer__socials{
    gap:5px !important;
  }

  .cathedral-footer__socials a,
  .cathedral-footer__social-muted{
    width:24px !important;
    height:24px !important;
  }

  .cathedral-footer__copyright{
    max-width:165px !important;
    font-size:5.8px !important;
    line-height:1.25 !important;
    text-align:right !important;
  }
}

/* Teléfonos muy angostos: apila oración sin hacerla enorme. */
@media (max-width:350px){
  .is-home .oracion-card-scene{
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:14px !important;
  }

  .is-home .oracion-card-background{
    width:92px !important;
    max-width:92px !important;
  }

  .is-home .oracion-card{
    padding-left:14px !important;
  }

  .is-home .oracion-card h2{
    font-size:27px !important;
  }

  .is-home .oracion-card blockquote{
    font-size:14px !important;
  }

  .cathedral-footer__hero{
    grid-template-columns:1fr !important;
  }

  .cathedral-footer__brand-card{
    width:100% !important;
    max-width:none !important;
  }
}