/* ═══════════════════════════════════════════════════════════════
   Or LeIsrael · Capa "Modern" — refresh visual 2026
   Se carga DESPUÉS del <style> de cada página y de los tokens del DS.
   Objetivo: más vida, menos color plano, más foto. Paleta = DS.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --wash-warm: radial-gradient(120% 100% at 8% 0%, #FFF8EC 0%, #F9F4EC 40%, #EDF6F5 100%);
  --wash-cool: radial-gradient(110% 90% at 92% 0%, #F1F9F8 0%, #FBF8F2 55%, #F7F3ED 100%);
  --wash-deep: radial-gradient(120% 120% at 12% 0%, #14595A 0%, #0F4545 42%, #082A2B 100%);
  --grad-gold: linear-gradient(135deg, #E0B45B 0%, #C8973A 55%, #A97A22 100%);
  --grad-teal: linear-gradient(135deg, #22807F 0%, #1B6B6B 50%, #0F4545 100%);
  --shadow-soft: 0 10px 34px rgba(15,69,69,.10), 0 2px 6px rgba(15,69,69,.05);
  --shadow-lift: 0 18px 48px rgba(15,69,69,.16), 0 3px 10px rgba(15,69,69,.07);
  --r-soft: 20px;
}

/* ── Tipografía: Secular One (display, un solo peso, sin itálica real) ── */
body{font-family:var(--font-sans)}
h1,h2,h3,h4,h5,.hero__title,.page-hero h1,.quote-banner__text,.don__quote,.memb__title,.don__intro-title,.yeshiva-cta__title{font-family:var(--font-display)}
.quote-banner__text,.quote-banner__text em,.don__quote,.page-hero h2,.ph-sub,.rezos__he,.shab__parasha-name{font-style:normal!important}
.hero__title{letter-spacing:-.2px!important}

/* ── Superficies: fuera el color plano ── */
body{background:var(--wash-cool)}
.section--beige{background:var(--wash-warm)}
.section--white{background:linear-gradient(180deg,#fff 0%,#FDFBF7 100%)}
.section--teal{background:var(--wash-deep);position:relative;overflow:hidden}
.section--teal::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 85% 10%,rgba(200,151,58,.22),transparent 70%);pointer-events:none}
.section--teal>*{position:relative}

/* Cinta de acento entre secciones */
.section--beige+.section--white,.section--white+.section--beige{border-top:1px solid rgba(200,151,58,.18)}

/* ── Tarjetas más suaves y con más aire ── */
.ds-card,.clase-col,.evento-row,.memb__card,.shab,.form-card{border-radius:var(--r-soft)!important;box-shadow:var(--shadow-soft)!important}
.evento-row,.clase-col{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s}
.evento-row:hover,.clase-col:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.evento-date{background:var(--grad-teal)!important;box-shadow:0 6px 16px rgba(15,69,69,.22)}
.clase-col__head{background:var(--grad-teal)!important}

/* Iconos: tile con degradado suave */
.serv-card__icon,.parasha-icon{background:linear-gradient(135deg,#E8F4F4 0%,#F6EEDC 100%)!important;box-shadow:inset 0 0 0 1px rgba(27,107,107,.10)}
.serv-card--kadish .serv-card__icon{background:linear-gradient(135deg,rgba(200,151,58,.22),rgba(255,255,255,.06))!important}

/* Botones dorados con degradado */
.nav-donar,.nav-btn--kadish,.memb__foot .btn-registrate{background:var(--grad-gold)!important;box-shadow:0 6px 18px rgba(200,151,58,.28)}
.nav-donar:hover,.nav-btn--kadish:hover,.memb__foot .btn-registrate:hover{filter:brightness(1.05)}
.markdown-main-panel{
  text-align:justify;
}
/* ── HERO con foto de comunidad ── */
.hero{background-image:linear-gradient(96deg,rgba(8,42,43,.95) 0%,rgba(11,53,53,.86) 38%,rgba(11,53,53,.34) 72%,rgba(200,151,58,.22) 100%),url("hero.banner1.webp");background-position:center 30%!important;padding-top:76px!important;padding-bottom:72px!important}
.hero__title{font-size:clamp(36px,5.4vw,58px)!important;letter-spacing:-.4px}
.hero__title em{background:linear-gradient(100deg,#F0CE86,#C8973A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero__sub{color:rgba(255,255,255,.82)!important;font-size:19px!important}
.shab{background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(1.1)}

/* Tira de fotos bajo el hero */
.photostrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px var(--gutter-page);max-width:calc(var(--content-max) + 80px);margin:0 auto}
.photostrip figure{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}
.photostrip img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.photostrip figure:hover img{transform:scale(1.06)}
.photostrip figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,transparent,rgba(8,42,43,.82))}
@media(max-width:760px){.photostrip{grid-template-columns:repeat(2,1fr)}}

/* ── Quote banner: foto alegre, menos scrim ── */
.quote-banner__bg{background-image:url('oli-familias.jpg')!important;background-position:center center!important}
.quote-banner__scrim{background:linear-gradient(180deg,rgba(8,42,43,.62),rgba(10,44,44,.86))!important}
.prose-content{text-align: justify;}
/* ── Rabino: foto real en vez de placeholder de video ── */
.rabbi__video{position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(8,42,43,.15) 30%,rgba(8,42,43,.78) 100%),url('oli-rabino.jpg')!important;background-size:cover!important;background-position:center 6%!important;border-radius:var(--r-soft)!important;justify-content:flex-end!important;align-items:flex-start!important;padding:24px;gap:12px!important;aspect-ratio:4/3}
.rabbi__video .rabbi__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .25s}
.rabbi__video:hover .rabbi__play{transform:translate(-50%,-50%) scale(1.08)}
.rabbi__video-cap{color:#fff!important;font-weight:600;font-size:15px!important;text-align:left}

/* ── Yeshiva CTA ── */
.yeshiva-cta__bg{background-image:url('exec-fb351bf8-dab1-435b-a8f9-7bba2381bbbd.webp')!important;background-position:center center!important}
.yeshiva-cta__scrim{background:linear-gradient(110deg,rgba(9,44,44,.94) 0%,rgba(11,53,53,.80) 10%,rgba(200,151,58,.30) 100%)!important}
.yeshiva-cta{border-radius:24px!important}
.cta__box {margin-bottom: 59px;}
/* ── Galería: 3 + 3, todas 3:2 con zoom ── */
.gallery__row{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.gallery__item{aspect-ratio:3/2!important;border-radius:18px!important}
.gallery__item img{transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.gallery__item:hover img{transform:scale(1.07)}
.gallery__item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,42,43,.35));opacity:0;transition:opacity .3s}
.gallery__item:hover::after{opacity:1}
@media(max-width:760px){.gallery__row{grid-template-columns:repeat(2,1fr)!important}}

/* ── Page heroes (registro / kadish / donaciones) ── */
.page-hero{border-bottom:none!important}
.page-hero::after,.don-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--grad-gold)}
.don-hero__bg{background-image:url('don-hero.jpg')!important}
.don-hero__scrim{background:linear-gradient(180deg,rgba(8,42,43,.72) 0%,rgba(10,46,46,.86) 100%)!important}

/* ── Nav: barra dorada en degradado ── */
.site-nav{border-bottom:none!important;box-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 24px rgba(15,69,69,.06)!important}
.site-nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad-gold)}
.site-nav{position:sticky}

/* ═══ ANIMACIONES DE ENTRADA AL SCROLL ═══ */
.reveal{opacity:0;transform:translateY(22px);will-change:opacity,transform}
.reveal.is-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.3,1) var(--rd,0ms),transform .7s cubic-bezier(.2,.7,.3,1) var(--rd,0ms)}
.reveal-img{clip-path:inset(0 0 100% 0)}
.reveal-img.is-in{clip-path:inset(0 0 0 0);transition:clip-path .9s cubic-bezier(.2,.7,.3,1) var(--rd,0ms),opacity .6s ease var(--rd,0ms),transform .7s cubic-bezier(.2,.7,.3,1) var(--rd,0ms)}
.quote-banner {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .quote-banner__bg {
 inset: -12%;
    background-attachment: fixed;
  }
}
.quote-banner__bg {
  position: absolute;
 
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}

.quote-banner__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(8,42,43,.62),
    rgba(10,44,44,.86)
  ) !important;
  z-index: 1;
}

.quote-banner__inner {
  position: relative;
  z-index: 2;
}
.share{
  visibility:hidden;
}
.article {
  grid-template-columns: 36px minmax(0, 1fr) !important;

}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-in,.reveal-img{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}

/* mobile hero scrim: overlay uniforme para legibilidad */
/* @media(max-width:760px){
.hero{background-image:linear-gradient(180deg,rgba(8,42,43,.9) 0%,rgba(10,46,46,.88) 50%,rgba(8,42,43,.93) 100%),url("oli-menora.jpg")!important;background-position:center center!important;background-size:cover!important}
} */