/*
 * E-Iure — estilos comunes de las páginas interiores del rediseño (Members, Conventions…).
 * Se carga después de home.css (CSS base). El <main> de cada página lleva la clase .inner-page.
 */

.eh [hidden]{display:none!important}
.eh .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Botones y chips en verde (el mismo verde que el botón principal de la home) con hover verde claro */
.inner-page{--green-light:#A9DD8F}
.eh .inner-page .btn{background:var(--green);border-color:var(--green);color:var(--ink)}
.eh .inner-page .btn:hover,.eh .inner-page .btn:focus-visible{background:var(--green-light);border-color:var(--green-light);color:var(--ink)}
.eh .inner-page .btn.ghost{background:#fff;border-color:var(--green);color:var(--ink)}
.eh .inner-page .btn.ghost:hover,.eh .inner-page .btn.ghost:focus-visible{background:var(--green-light);border-color:var(--green-light)}
.eh .chips{display:flex;gap:10px;flex-wrap:wrap}
.eh .chip{font:600 14px var(--sans);padding:9px 18px;border-radius:60px;border:1.6px solid var(--green);background:#fff;color:var(--ink);cursor:pointer;transition:.2s}
.eh .chip:hover{background:var(--green-light);border-color:var(--green-light)}
.eh .chip.active{background:var(--green);border-color:var(--green);color:var(--ink)}

/* BANNER (aurora) con cifras */
.eh .mhero{position:relative;text-align:center;padding:96px 0 84px;color:#fff;overflow:hidden;background:#0f2e1e}
.eh .mhero .aur{position:absolute;inset:-30%;z-index:0}
.eh .mhero .a1{background:radial-gradient(40% 50% at 30% 35%,#2f7d4a 0%,transparent 60%),radial-gradient(45% 55% at 72% 60%,#1c5a38 0%,transparent 58%);animation:eh-au1 26s ease-in-out infinite alternate}
.eh .mhero .a2{background:radial-gradient(35% 45% at 65% 28%,#7AC956 0%,transparent 55%);opacity:.35;animation:eh-au2 32s ease-in-out infinite alternate;mix-blend-mode:screen}
.eh .mhero .a3{background:radial-gradient(30% 40% at 40% 70%,#0a3d24 0%,transparent 60%);animation:eh-au3 22s ease-in-out infinite alternate}
@keyframes eh-au1{from{transform:translate(-3%,-2%) scale(1.05)}to{transform:translate(4%,3%) scale(1.18)}}
@keyframes eh-au2{from{transform:translate(3%,2%) scale(1.1)}to{transform:translate(-4%,-3%) scale(1.25)}}
@keyframes eh-au3{from{transform:translate(-2%,2%)}to{transform:translate(3%,-2%)}}
.eh .mhero .inner{position:relative;z-index:2}
.eh .mhero h1{color:#fff;font-size:clamp(46px,8vw,110px);letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.eh .mhero p{max-width:56ch;margin:18px auto 0;font-size:clamp(16px,2vw,21px);color:rgba(255,255,255,.9)}
.eh .mstats{display:flex;gap:46px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.eh .mstats b{font-family:var(--serif);font-weight:500;font-size:36px;display:block;line-height:1;color:#fff}
.eh .mstats small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}