/* ALTERNATIVA 3 · PALMERAS — editorial, blanco limpio con verde bosque y tipografía de alto contraste
   Se carga después de p1-oasis.css y redefine tokens y acentos. */
:root{
  --bg:#FFFFFF; --bg-2:#F3F5F0; --fg:#172017; --muted:#5D675C;
  --ink:#1D3A24; --ink-2:#24462C;
  --accent:#2F6B34; --on-accent:#fff; --brown:#915724; --water:#2489BF; --gold:#C3A15F;
  --line:#E2E6DE;
  --font-d:'DM Serif Display',Georgia,serif; --font-b:'Jost','Segoe UI',system-ui,sans-serif;
  --radius:0px; --radius-btn:0px;
  --header-solid:rgba(255,255,255,.94); --menu-bg:#fff; --menu-fg:#172017;
  --pre-bg:#fff; --modal-bg:#fff; --modal-fg:#172017; --focus:#2489BF;
}
.h2{font-weight:400;letter-spacing:-.015em}
.eyebrow{color:var(--brown)}
.eyebrow.light{color:#BFE08A}
/* header claro desde el inicio */
.site-header{color:var(--fg);background:rgba(255,255,255,.0)}
.site-header.scrolled{background:var(--header-solid);box-shadow:0 1px 0 var(--line)}
.brand-mark{display:none}
.brand-mark.dark{display:block}
.nav a{color:var(--fg)}
.nav a:hover,.nav a.active{color:var(--accent)}
.nav-indicator{background:var(--accent)}
.nav-toggle{color:var(--fg)}
.btn-solid{background:var(--accent);--btn-sweep:var(--ink)}
.btn-ghost{color:var(--fg)}
.btn-ghost.light{color:#fff}
/* hero editorial: texto a la izquierda, foto recortada a la derecha */
.hero{color:var(--fg);background:var(--bg);min-height:auto;padding-block:150px 90px;align-items:stretch}
.hero-media{inset:110px max(20px,env(safe-area-inset-right,0px)) 60px 46%;overflow:hidden}
.hero-media img{transform:scale(1.15)}
.js .hero-media{clip-path:inset(0 0 0 100%);transition:clip-path 1.6s cubic-bezier(.7,0,.2,1) .2s}
.is-loaded .hero-media,.shot .hero-media{clip-path:inset(0 0 0 0)}
.hero-shade{inset:110px max(20px,env(safe-area-inset-right,0px)) 60px 46%;background:linear-gradient(0deg,rgba(29,58,36,.35),transparent 50%)}
.hero-content{text-align:left;justify-items:start;max-width:var(--maxw,1240px);padding-right:56%}
.hero-logo{content:url(../logo/elim-logo.png);width:clamp(130px,13vw,170px);filter:none}
.hero-title{font-weight:400;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02;max-width:12ch;color:var(--ink)}
.hero-verse{border-left:2px solid var(--accent);padding-left:20px}
.hero-verse p{color:var(--muted)}
.hero-verse cite{color:var(--brown)}
.hero-actions{justify-content:flex-start}
.hero .btn-ghost.light{color:var(--fg);border-color:var(--fg)}
.hero .eyebrow.light{color:var(--brown)}
.scroll-cue{border-color:var(--fg);left:max(20px,env(safe-area-inset-left,0px));transform:none;margin-left:calc((100% - min(100%,1240px))/2)}
.scroll-cue span{background:var(--fg)}
.since{background:var(--accent)}
.stats strong{color:var(--accent)}
.frame{box-shadow:none}
.purpose{background:var(--bg-2)}
.purpose-card{border:0;border-top:3px solid var(--accent)}
.p-icon{border-radius:0;background:transparent;width:auto;height:auto;justify-content:start}
.p-icon svg{width:40px;height:40px}
.values li{border-radius:0}
.values li:hover{background:var(--accent);border-color:var(--accent)}
.principle h3,.purpose-card h3,.notice h3,.church h3,.s-body strong,.min-copy strong{font-weight:400}
.ref{color:var(--water)}
.sermons{background:var(--ink)}
.sermon{background:var(--ink-2)}
.filter{border-radius:0}
.filter.active{background:#BFE08A;border-color:#BFE08A}
.s-cat,.fs-copy .meta{color:#BFE08A}
.event-hero{background:var(--bg-2);color:var(--fg)}
.eh-copy h3{color:var(--ink)}
.eh-when{color:var(--muted)}
.countdown div{border-color:var(--line);background:#fff}
.countdown b{color:var(--ink)}
.notice{border-width:0 0 1px;padding-inline:0;background:transparent}
.notice:hover{box-shadow:none;transform:translateX(6px)}
.notice time{background:transparent;border:1px solid var(--line)}
.notice-alt{background:var(--accent);padding-inline:26px}
.ministries{background:var(--bg)}
.min-shade{background:linear-gradient(180deg,transparent 35%,rgba(16,34,20,.85))}
.min-copy svg{color:#BFE08A}
.chip{border-radius:0}
.chip.active{background:var(--accent);border-color:var(--accent)}
.church{border-width:0 0 0 3px;border-color:var(--line);background:var(--bg-2)}
.church:hover{border-color:var(--accent);box-shadow:none}
.contact{background:var(--bg)}
.contact-grid{box-shadow:none;border:1px solid var(--line)}
.contact-info{background:var(--ink)}
.site-footer{background:var(--ink)}
@media (max-width:860px){
  .hero{padding-block:120px 60px}
  .hero-media,.hero-shade{position:relative;inset:auto;height:300px;grid-row:2;margin:30px max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}
  .hero-shade{display:none}
  .hero-content{padding-right:max(20px,env(safe-area-inset-right,0px))}
  .scroll-cue{display:none}
}
@media (max-width:1099px){ .nav a{color:var(--menu-fg)} }

/* ===== Bordes redondeados, recortes con esquina escalonada y máscaras de ondas (solo Alternativa 3) ===== */
:root{--radius:26px;--radius-btn:14px;--r:26px}
.btn{border-radius:var(--radius-btn)}
.btn-solid{box-shadow:0 10px 24px -12px rgba(47,107,52,.7)}
.btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(47,107,52,.75)}
.filter,.chip,.values li,.tag,.search{border-radius:999px}
.tag{padding:.5em 1em}
.site-header.scrolled{border-radius:0 0 22px 22px}

/* Recorte escalonado (como el sitio de referencia): esquina inferior izquierda con muesca curva */
@supports (clip-path: shape(from 0 0, hline to 1px)){
  .notch.notch.notch{--nw:34%;--nh:96px;
    clip-path:shape(from var(--r) 0,
      hline to calc(100% - var(--r)), arc to 100% var(--r) of var(--r) cw,
      vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw,
      hline to calc(var(--nw) + var(--r)), arc to var(--nw) calc(100% - var(--r)) of var(--r) cw,
      vline to calc(100% - var(--nh) + var(--r)), arc to calc(var(--nw) - var(--r)) calc(100% - var(--nh)) of var(--r) ccw,
      hline to var(--r), arc to 0 calc(100% - var(--nh) - var(--r)) of var(--r) cw,
      vline to var(--r), arc to var(--r) 0 of var(--r) cw, close);
    border-radius:0!important}
  .notch-tr.notch-tr.notch-tr{--nw:30%;--nh:84px;
    clip-path:shape(from var(--r) 0,
      hline to calc(100% - var(--nw) - var(--r)), arc to calc(100% - var(--nw)) var(--r) of var(--r) cw,
      vline to calc(var(--nh) - var(--r)), arc to calc(100% - var(--nw) + var(--r)) var(--nh) of var(--r) ccw,
      hline to calc(100% - var(--r)), arc to 100% calc(var(--nh) + var(--r)) of var(--r) cw,
      vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw,
      hline to var(--r), arc to 0 calc(100% - var(--r)) of var(--r) cw,
      vline to var(--r), arc to var(--r) 0 of var(--r) cw, close);
    border-radius:0!important}
}

/* Hero: foto con muesca y tarjeta que encaja en ella */
.hero-media,.hero-shade{border-radius:32px;--r:32px}

.js .hero-media{opacity:0;transform:translateY(30px);transition:opacity 1.2s ease .2s,transform 1.2s cubic-bezier(.2,.7,.2,1) .2s}
.is-loaded .hero-media,.shot .hero-media{opacity:1;transform:none}
.hero-shade{display:none}
.hero-badge{display:flex;position:absolute;left:46%;bottom:60px;z-index:2;width:calc((54% - 20px) * .34 - 16px);min-height:80px;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-radius:20px;background:var(--bg-2);color:var(--ink);font-size:.82rem}
.hb-ref{width:100%;text-align:center;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brown);font-weight:600}
.hb-item{display:flex;align-items:center;gap:6px}
.hb-item svg{color:var(--water);width:18px;height:18px}
.hb-item b{font-family:var(--font-d);font-size:1.5rem;font-weight:400;line-height:1}
.js .hero-badge{opacity:0;transform:translateY(16px);transition:all .9s cubic-bezier(.2,.7,.2,1) 1.2s}
.is-loaded .hero-badge,.shot .hero-badge{opacity:1;transform:none}

/* Imágenes y tarjetas redondeadas */
.frame,.principles-photo,.fs-media,.eh-media,.min-card,.sermon,.church,.notice,.event-hero,.contact-grid,.contact-info,.purpose-card,.countdown div,.notice time,.since,.n-icon{border-radius:var(--radius)}
.frame-b{border-radius:30px;border-width:10px}
.since{border-radius:20px}
.countdown div,.notice time{border-radius:16px}
.notice{border-width:1px;padding:24px;background:#fff}
.notice:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(29,58,36,.45)}
.church{border-width:1px;border-color:var(--line)}
.church:hover{border-color:var(--accent)}
.event-hero{overflow:hidden}
.eh-media{border-radius:0}
.contact-info{border-radius:0}
.s-media{border-radius:var(--radius) var(--radius) 0 0}
.principles-list{border:0;gap:14px}
.principle{border:1px solid var(--line);border-radius:22px;background:#fff}
.principle::after{left:22px;right:22px;width:auto;transform:scaleX(0);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.principle:hover::after{transform:scaleX(1);width:auto}
.purpose-card{border-top:0;box-shadow:0 30px 60px -40px rgba(29,58,36,.35)}
.p-icon{width:62px;height:62px;border-radius:18px;background:rgba(47,107,52,.1);justify-content:center}
.p-icon svg{width:30px;height:30px}
.search{background:#fff}

/* Paneles de sección redondeados (fondo suave dentro del contenedor) */
.purpose,.churches,.contact{background:var(--bg)}
.purpose>.wrap,.churches>.wrap{background:linear-gradient(160deg,#F1F6EE 0%,#EAF4F9 100%);border-radius:36px;padding-block:clamp(40px,6vw,72px);padding-inline:clamp(20px,5vw,64px);max-width:calc(var(--maxw,1240px) + 40px)}

/* Máscaras de ondas en las bandas de color */
.elim-band,.sermons{
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 240 0 480 0 720 30 S 1200 60 1440 30 V60 H0Z' fill='%23000'/%3E%3C/svg%3E");
  --wave-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H1440 V30 C 1200 60 960 60 720 30 S 240 0 0 30Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask:var(--wave) top/100% 60px no-repeat,linear-gradient(#000,#000) center/100% calc(100% - 118px) no-repeat,var(--wave-b) bottom/100% 60px no-repeat;
          mask:var(--wave) top/100% 60px no-repeat,linear-gradient(#000,#000) center/100% calc(100% - 118px) no-repeat,var(--wave-b) bottom/100% 60px no-repeat;
  padding-block:clamp(110px,13vw,170px)}
.site-footer{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 360 0 1080 60 1440 20 V60 H0Z' fill='%23000'/%3E%3C/svg%3E") top/100% 60px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 59px) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 360 0 1080 60 1440 20 V60 H0Z' fill='%23000'/%3E%3C/svg%3E") top/100% 60px no-repeat,linear-gradient(#000,#000) bottom/100% calc(100% - 59px) no-repeat;padding-top:120px;margin-top:-20px}
.ministries{padding-bottom:clamp(90px,11vw,140px)}

@media (max-width:860px){
  .hero-media{border-radius:26px}
  .hero-badge{position:relative;left:auto;bottom:auto;width:auto;grid-row:3;margin:14px max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px));justify-content:flex-start}
  .hb-ref{width:auto;text-align:left}
  .notch,.notch-tr{clip-path:none!important;border-radius:var(--radius)!important}
  .purpose>.wrap,.churches>.wrap{border-radius:26px;margin-inline:12px;width:auto}
  .elim-band,.sermons{-webkit-mask-size:100% 30px,100% calc(100% - 58px),100% 30px;mask-size:100% 30px,100% calc(100% - 58px),100% 30px}
}
.notice.notice-alt{background:var(--accent);border-color:var(--accent);color:#fff}

/* Texto blanco en todos los botones verdes */
.btn-solid,.btn-solid:hover,.nav a.btn-solid,.nav a.btn-solid:hover,.nav a.btn-solid.active,.chip.active,.notice.notice-alt,.notice.notice-alt .link-arrow,.notice.notice-alt h3{color:#fff}
.btn-solid svg{color:#fff}
/* Franja Elim con foto de oasis en el desierto */
.elim-band .band-media img{object-position:center 60%}
.elim-band .band-shade{background:linear-gradient(90deg,rgba(18,30,16,.82) 0%,rgba(18,30,16,.62) 45%,rgba(18,30,16,.5) 100%)}
.elim-band .band-figures span{color:#F3DDB0}