@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/poppins-latin-900-normal.woff2) format('woff2')}
/* EMLHIS — sistema tipografico y cromatico
   Una sola tipografia (Poppins), dos pesos (900 display, 500 texto).
   El rosa solo aparece como banda a sangre completa o en botones. */

:root{
  color-scheme: light;
  --crema:#FFF2EC;
  --crema-2:#FBE6DE;
  --tinta:#140A0D;
  --rosa:#E2007B;
  --rosa-d:#B50061;
  --granate:#9A1C20;
  --linea:#E3CDC4;
  --apagado:#8A7169;
  --gut:clamp(18px,5vw,84px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--crema);color:var(--tinta);
  font-family:Poppins,"Helvetica Neue",Arial,sans-serif;font-weight:500;
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
.pad{padding-inline:var(--gut);max-width:1640px;margin-inline:auto;width:100%}
section{padding-block:clamp(56px,7vw,116px)}

/* ── escala: 96 / 64 / 44 / 32 / 24, nada intermedio ───────────── */
.d1,.d2,.d3,.d4{
  font-weight:900;text-transform:uppercase;letter-spacing:normal;
  margin:0;line-height:.98;text-wrap:balance;
}
.d1{font-size:clamp(2.6rem,7.6vw,6rem)}
.d2{font-size:clamp(2rem,4.8vw,4rem)}
.d3{font-size:clamp(1.55rem,3.2vw,2.75rem);line-height:1.06}
.d4{font-size:clamp(1.24rem,2vw,2rem);line-height:1.12}
.rosa{color:var(--rosa)}
p{margin:0}
.body-l{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.62;max-width:52ch}
.label{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--rosa-d);margin:0}
.label.q{color:var(--apagado)}

/* ── botones ───────────────────────────────────────────────────── */
.btn{display:inline-block;background:var(--rosa);color:#fff;padding:15px 26px;border-radius:10px;
  font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;transition:background .18s,transform .18s}
.btn:hover{background:var(--rosa-d);transform:translateY(-2px)}
.btn.line{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
.btn.line:hover{background:var(--tinta);color:var(--crema);box-shadow:none}
.btn.pale{background:#fff;color:var(--rosa-d)}
.btn.pale:hover{background:var(--crema)}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.72)}
.btn.ghost:hover{background:#fff;color:var(--rosa-d);box-shadow:none}

/* ── nav ───────────────────────────────────────────────────────── */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:rgba(255,242,236,.94);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;gap:22px;padding:14px var(--gut)}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand img{width:34px;height:34px}
.brand b{font-size:1.1rem;font-weight:900;letter-spacing:.01em;line-height:1;display:block}
.brand i{display:block;font-style:normal;font-size:.54rem;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--apagado);margin-top:4px}
.links{display:flex;gap:26px}
.links a{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta)}
.links a:hover{color:var(--rosa-d)}
.links a[aria-current]{color:var(--rosa-d)}
@media(max-width:940px){.links{gap:18px}}
@media(max-width:600px){.links{display:none}}

/* ── hero ──────────────────────────────────────────────────────── */
.hero{padding-block:clamp(30px,3.6vw,52px) clamp(20px,2.4vw,34px);display:grid;gap:clamp(18px,2.2vw,30px)}
/* el titular ocupa el ancho completo: nada de columna estrecha */
/* wrap codicioso, no equilibrado: cada línea llena el ancho */
.hero .d1{max-width:none;font-size:clamp(2.7rem,10.6vw,9.6rem);line-height:.92;text-wrap:normal;text-wrap:nowrap;
  white-space:normal;hyphens:none}
.hero .d1{text-wrap:normal}
/* entradilla a la izquierda, botones a la derecha: llena el eje horizontal */
.hero .row{display:flex;flex-wrap:wrap;gap:22px clamp(30px,5vw,80px);align-items:flex-end;justify-content:space-between}
.hero .row .body-l{max-width:46ch;flex:1 1 34ch}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rule-meta{display:flex;flex-wrap:wrap;gap:10px clamp(24px,4vw,60px);justify-content:space-between;
  border-top:2px solid var(--tinta);padding-top:16px;
  font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:820px){.rule-meta{justify-content:flex-start}}

/* ── foto desplazada sobre rectangulo rosa ─────────────────────── */
.offset{position:relative;padding:0 var(--gut) clamp(52px,6vw,96px)}
.offset .frame{position:relative}
.offset .frame::after{content:"";position:absolute;background:var(--rosa);z-index:0;
  left:clamp(18px,3.4vw,54px);right:calc(-1 * clamp(10px,2.2vw,36px));
  top:clamp(18px,3.4vw,54px);bottom:calc(-1 * clamp(18px,3.4vw,54px))}
.offset img{position:relative;z-index:1;width:100%;object-fit:cover;object-position:50% 34%;
  height:clamp(290px,42vw,560px)}
.offcap{position:relative;padding-top:clamp(30px,4vw,66px);font-size:.72rem;font-weight:500;color:var(--apagado)}
.full{width:100%;height:clamp(280px,40vw,520px);object-fit:cover;object-position:50% 32%}

/* ── cifras ────────────────────────────────────────────────────── */
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,44px)}
.figs div{border-top:3px solid var(--tinta);padding-top:16px}
.figs b{display:block;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.figs small{display:block;margin-top:8px;font-size:.72rem;font-weight:900;text-transform:uppercase;
  letter-spacing:.05em;color:var(--apagado);line-height:1.4}
.cities{margin-top:30px;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--apagado)}
@media(max-width:640px){.figs{grid-template-columns:repeat(2,1fr)}}

/* ── filas de programa ─────────────────────────────────────────── */
.ev{display:grid;grid-template-columns:120px 112px 1fr auto;gap:clamp(12px,2.4vw,34px);align-items:center;
  border-top:1.5px solid var(--linea);padding:26px 18px;margin-inline:-18px;border-radius:12px;transition:background .2s}
.ev:last-of-type{border-bottom:1.5px solid var(--linea)}
.ev:hover{background:var(--crema-2)}
.ev .day{font-size:1.24rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.ev .tag{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--rosa-d)}
.ev .tt{display:block;font-size:clamp(1.02rem,1.55vw,1.2rem);font-weight:900;line-height:1.3}
.ev .vv{display:block;font-size:.8rem;font-weight:500;color:var(--apagado);margin-top:6px;line-height:1.5}
.ev .go{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--rosa-d);white-space:nowrap}
.ev.soon{opacity:.55}
.ev.simple{grid-template-columns:150px 1fr auto}
@media(max-width:840px){.ev{grid-template-columns:86px 1fr;row-gap:8px}.ev .tag,.ev .go{grid-column:2}
  .ev.simple{grid-template-columns:100px 1fr}.ev.simple .go{grid-column:2}}

/* ── tres palabras gigantes: palabra a todo lo ancho, copia debajo ─ */
.stack{display:grid}
.stack article{border-bottom:1.5px solid var(--linea);padding-block:clamp(30px,4.4vw,64px)}
.stack article:first-child{border-top:1.5px solid var(--linea)}
.stack h3{font-size:clamp(2.7rem,11.5vw,9.5rem);font-weight:900;text-transform:uppercase;
  letter-spacing:normal;line-height:.84;margin:0}
.stack p{font-size:clamp(.92rem,1.15vw,1.04rem);font-weight:500;max-width:46ch;
  color:var(--apagado);margin-top:clamp(14px,1.6vw,22px)}

/* ── bandas a sangre ───────────────────────────────────────────── */
.band-rosa{background:var(--rosa);color:#fff;padding-block:clamp(66px,8vw,128px)}
.band-rosa .label{color:rgba(255,255,255,.8)}
.band-ink{background:var(--tinta);color:var(--crema);padding-block:clamp(70px,8.4vw,136px)}
.band-ink .label{color:var(--rosa)}
.band-ink .d3{max-width:30ch;line-height:1.18;font-weight:900}
.band-c{text-align:center}
.band-c .d2,.band-c .d3{margin-inline:auto;max-width:20ch}
.band-c .acts{justify-content:center;margin-top:28px}
/* banda rosa con titular a la izquierda y boton a la derecha */
.band-split .pad{display:flex;flex-wrap:wrap;gap:26px clamp(30px,5vw,70px);align-items:flex-end;justify-content:space-between}
.band-split .d2{max-width:17ch}
/* banda rosa pegada bajo la foto, a modo de declaracion */
.band-flush{padding-block:clamp(38px,4.4vw,64px)}
.band-flush .pad{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:flex-end;justify-content:space-between}
.band-flush .d3{max-width:24ch}
.band-flush .tagright{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.85)}

/* ── quienes somos ─────────────────────────────────────────────── */
.two{display:grid;grid-template-columns:1fr .9fr;gap:clamp(30px,5vw,78px);align-items:center}
.two .ph{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,14px)}
.two img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 26%}
.who{display:grid;gap:14px;margin-top:30px}
.who div{border-top:1.5px solid var(--linea);padding-top:13px}
.who b{display:block;font-size:1.04rem;font-weight:900}
.who small{display:block;color:var(--apagado);font-size:.78rem;font-weight:500;margin-top:2px}
@media(max-width:900px){.two{grid-template-columns:1fr}}

/* ── galeria ───────────────────────────────────────────────────── */
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(8px,1.1vw,14px);margin-top:30px}
.grid img{width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(18px);
  transition:opacity .7s ease,transform .7s ease}
.grid img.in{opacity:1;transform:none}
.ga{grid-column:span 7;height:clamp(230px,30vw,410px)}
.gb{grid-column:span 5;height:clamp(230px,30vw,410px)}
.gc{grid-column:span 4;height:clamp(170px,21vw,290px)}
.grid img{object-position:50% 38%}
.gd{grid-column:span 6;height:clamp(190px,24vw,330px)}
@media(max-width:720px){.ga,.gb{grid-column:span 12;height:220px}.gc{grid-column:span 4;height:118px}.gd{grid-column:span 6;height:150px}}

/* ── aliados ───────────────────────────────────────────────────── */
.allies{border-block:1.5px solid var(--linea);padding-block:30px}
.allies .row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px clamp(22px,3.4vw,48px)}
.allies span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--apagado)}

/* ── para quien es: titular a la izquierda, lista numerada a la derecha ─ */
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(26px,5vw,80px)}
.numlist{display:grid}
.numlist li{display:grid;grid-template-columns:52px 1fr;gap:clamp(10px,1.6vw,22px);
  border-top:1.5px solid var(--linea);padding-block:clamp(16px,2vw,24px);list-style:none}
.numlist{margin:0;padding:0}
.numlist li:last-child{border-bottom:1.5px solid var(--linea)}
.numlist span{font-size:.86rem;font-weight:900;color:var(--rosa-d);letter-spacing:.04em}
.numlist p{font-size:clamp(.94rem,1.2vw,1.06rem);font-weight:500;line-height:1.55;max-width:44ch}
@media(max-width:860px){.split{grid-template-columns:1fr}}

/* ── footer ────────────────────────────────────────────────────── */
footer{background:var(--crema-2);padding:clamp(52px,6vw,88px) var(--gut) 34px}
.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(28px,4vw,66px);padding-bottom:36px}
.fcols h4{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--apagado);margin:0 0 16px}
.fcols .bname{font-size:1.3rem;font-weight:900;letter-spacing:.01em;margin-bottom:12px}
.fcols p{font-size:.84rem;font-weight:500;color:#5C4740;max-width:40ch}
.fcols a{display:block;font-size:.84rem;font-weight:500;color:#5C4740;margin-bottom:10px}
.fcols a:hover{color:var(--rosa-d)}
.fmail{display:inline-block;margin-top:16px;font-size:.9rem;font-weight:900;color:var(--rosa-d)}
.fbot{display:flex;flex-wrap:wrap;gap:10px 28px;border-top:1.5px solid var(--linea);padding-top:20px;
  font-size:.7rem;font-weight:500;color:var(--apagado)}

@media(prefers-reduced-motion:reduce){.grid img{opacity:1;transform:none;transition:none}}

/* ── equipo internacional ──────────────────────────────────────── */
.team{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,2.4vw,34px);margin-top:34px;
  max-width:1032px;margin-inline:auto}
.team article{flex:0 1 178px;border-top:3px solid var(--tinta);padding-top:14px;text-align:center}
.team img{width:142px;height:142px;object-fit:cover;border-radius:50%;margin:0 auto 14px}
.team article.lead img{outline:3px solid var(--rosa);outline-offset:3px}
.team b{display:block;font-size:clamp(.94rem,1.3vw,1.1rem);font-weight:900;text-transform:uppercase;
  letter-spacing:.01em;line-height:1.16}
.team small{display:block;margin-top:7px;font-size:.72rem;font-weight:500;color:var(--apagado);line-height:1.45}
.team article.lead{border-top-color:var(--rosa)}
.team article.lead b{color:var(--rosa-d)}



/* ── aliados: muro de logotipos ────────────────────────────────── */
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,1vw,14px);margin-top:32px}
.logos div{flex:1 1 150px;max-width:210px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:#fff;border:1.5px solid var(--linea);border-radius:14px;
  min-height:clamp(78px,8vw,100px);padding:14px 16px}
.logos img{max-height:clamp(34px,4vw,50px);max-width:100%;width:auto;object-fit:contain;
  filter:saturate(.96)}
.logos span{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;
  line-height:1.35;color:#6B5450}
.logos-mas{margin-top:26px;text-align:center;margin-inline:auto;font-size:.84rem;font-weight:500;color:var(--apagado);line-height:1.7;max-width:96ch}
.logos-mas strong{font-weight:900;color:var(--ink,#22191B)}

/* ── ODS / agenda 2030 ─────────────────────────────────────────── */
.ods{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.6vw,40px);margin-top:34px}
.ods article{background:#fff;border:1.5px solid var(--linea);border-radius:18px;
  padding:clamp(20px,2.4vw,30px);transition:border-color .2s,transform .2s}
.ods article:hover{border-color:var(--rosa);transform:translateY(-2px)}
.ods h3{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:900;text-transform:uppercase;
  letter-spacing:.02em;line-height:1.2;margin:0}
.ods p{margin-top:10px;font-size:.9rem;font-weight:500;color:var(--apagado);line-height:1.6;max-width:44ch}
@media(max-width:820px){.ods{grid-template-columns:1fr}}

/* ── premio y podcast ──────────────────────────────────────────── */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,36px);margin-top:32px}
.duo article{background:var(--crema-2);padding:clamp(24px,3.2vw,44px);border-radius:18px}
.duo h3{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:900;text-transform:uppercase;line-height:1.14;margin:14px 0 0}
.duo p{margin-top:14px;font-size:.92rem;font-weight:500;color:var(--apagado);line-height:1.62}
@media(max-width:820px){.duo{grid-template-columns:1fr}}

/* ── páginas legales ───────────────────────────────────────────── */
.legal{max-width:76ch;padding-block:clamp(40px,5vw,84px)}
.legal h2{margin-top:clamp(42px,5vw,76px);font-size:clamp(1.3rem,2.4vw,2rem)}
.legal h2:first-of-type{margin-top:clamp(24px,3vw,40px)}
.legal h3{font-size:clamp(.96rem,1.4vw,1.1rem);margin-top:32px;letter-spacing:.01em}
.legal p{margin-top:14px;font-size:.96rem;line-height:1.72;color:#3E2B27}
.legal ul{margin:14px 0 0;padding-left:20px}
.legal li{font-size:.96rem;line-height:1.72;color:#3E2B27;margin-bottom:9px}
.legal .dl{margin-top:18px;border-top:1.5px solid var(--linea)}
.legal .dl div{display:grid;grid-template-columns:190px 1fr;gap:18px;
  border-bottom:1.5px solid var(--linea);padding:14px 0}
.legal .dl dt{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--apagado)}
.legal .dl dd{margin:0;font-size:.95rem}
.legal .upd{margin-top:40px;font-size:.78rem;color:var(--apagado)}
@media(max-width:620px){.legal .dl div{grid-template-columns:1fr;gap:4px}}

/* ── razones / actividades: rejilla ancha de 4 ─────────────────── */
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,34px);margin-top:34px;align-items:stretch}
.quad article{background:var(--crema-2);border-radius:18px;padding:clamp(20px,2.3vw,28px)}
.quad h3{font-size:clamp(.96rem,1.4vw,1.14rem);font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;margin:0}
.quad p{margin-top:10px;font-size:.88rem;font-weight:500;color:var(--apagado);line-height:1.6}
@media(max-width:900px){.quad{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.quad{grid-template-columns:1fr}}

/* ── lista completa de aliados por categoría ───────────────────── */
.allylist{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,46px);margin-top:38px}
.allylist section{padding:0}
.allylist h4{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;
  color:var(--rosa-d);margin:0 0 14px;padding-bottom:10px;border-bottom:1.5px solid var(--linea)}
.allylist li{list-style:none;font-size:.82rem;font-weight:500;color:#493531;line-height:1.5;margin-bottom:9px}
.allylist ul{margin:0;padding:0}
@media(max-width:1000px){.allylist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.allylist{grid-template-columns:1fr}}

/* ── bloque ancho de texto sobre tinte ─────────────────────────── */
.wide{background:var(--crema-2);border-radius:20px;padding:clamp(28px,4vw,60px);margin-top:32px;
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3.4vw,56px)}
.wide p{font-size:clamp(.95rem,1.25vw,1.08rem);font-weight:500;line-height:1.68;color:#3E2B27}
@media(max-width:820px){.wide{grid-template-columns:1fr}}

/* ── sesiones con agenda completa ──────────────────────────────── */
.sessions{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,34px);margin-top:34px}
.sesion{border:1.5px solid var(--linea);border-radius:20px;padding:clamp(24px,3vw,40px);
  background:#fff;display:flex;flex-direction:column}
.sesion .hora{display:inline-block;background:var(--granate);color:#fff;border-radius:999px;
  padding:9px 18px;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start}
.sesion .sede{margin-top:18px;font-size:.7rem;font-weight:900;text-transform:uppercase;
  letter-spacing:.09em;color:var(--apagado)}
.sesion h3{margin:10px 0 0;font-size:clamp(1.14rem,1.9vw,1.56rem);font-weight:900;line-height:1.2;
  text-transform:none;letter-spacing:-.015em;color:var(--granate)}
.sesion ul{margin:20px 0 0;padding:0}
.sesion li{list-style:none;position:relative;padding:12px 0 12px 22px;
  border-top:1.5px solid var(--linea);font-size:.9rem;font-weight:500;line-height:1.55}
.sesion li::before{content:"";position:absolute;left:0;top:19px;
  width:8px;height:8px;border-radius:999px;background:var(--rosa)}
.sesion li em{font-style:italic;font-weight:900}
.sesion .dir{margin-top:20px;font-size:.8rem;font-weight:500;color:var(--apagado);line-height:1.5}
.sesion .cta{margin-top:auto;padding-top:24px}
.sesion .aviso{display:inline-block;margin-top:auto;padding-top:24px;font-size:.76rem;font-weight:900;
  text-transform:uppercase;letter-spacing:.05em;color:var(--apagado)}
.sesion.agotado{background:var(--crema-2)}
.sesion.agotado .hora{background:var(--apagado)}
.sesion.tbc .hora{background:var(--tinta)}
@media(max-width:900px){.sessions{grid-template-columns:1fr}}


/* ── comunidad: formulario ─────────────────────────────────────── */
.pasos{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:20px;
  font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.85)}
.pasos span::before{content:"· "}
.pasos span:first-child::before{content:""}


/* ── iconos de tarjeta ─────────────────────────────────────────── */
.quad svg,.ods svg{width:28px;height:28px;display:block;margin-bottom:14px;
  fill:none;stroke:var(--rosa);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ods svg{stroke:var(--rosa-d)}

/* ── redes sociales con icono ──────────────────────────────────── */
.fsoc-list a{display:flex;align-items:center;gap:10px}
.fsoc-list svg{width:17px;height:17px;flex:0 0 auto;fill:currentColor}


/* ── secciones centradas ───────────────────────────────────────── */
.centrada{text-align:center}
.centrada .d3{margin-inline:auto;max-width:24ch}

/* ── pie en móvil (regla restaurada) ───────────────────────────── */
@media(max-width:820px){
  .fcols{grid-template-columns:1fr 1fr}
  .fcols>div:first-child{grid-column:span 2}
}
@media(max-width:520px){
  .fcols{grid-template-columns:1fr}
  .fcols>div:first-child{grid-column:auto}
  .fbot{gap:8px}
  .fbot span:last-child{margin-left:0 !important}
}

/* ── aliados estratégicos: primer nivel, tarjetas grandes ──────── */
.top-allies{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,22px);margin-top:30px}
.top-allies div{flex:1 1 240px;max-width:330px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1.5px solid var(--linea);border-radius:18px;
  min-height:clamp(110px,11vw,150px);padding:22px 26px}
.top-allies img{max-height:clamp(56px,6.4vw,84px);max-width:100%;width:auto;object-fit:contain}
.subhead{margin-top:clamp(38px,4.6vw,64px);font-size:.7rem;font-weight:900;text-transform:uppercase;
  letter-spacing:.14em;color:var(--apagado);text-align:center}

/* ── foto completa, sin recortar a nadie ───────────────────────── */
.shot-fit{background:var(--crema-2);display:flex;justify-content:center;
  padding:clamp(14px,1.8vw,26px) var(--gut)}
.shot-fit img{max-height:min(78vh,680px);width:auto;max-width:100%;
  object-fit:contain;display:block}

/* ── Mesa de liderazgo: ponentes de cada sesión ───────────────── */
.mesa{margin-top:38px}
section[id]{scroll-margin-top:92px}
.mesa + .mesa{margin-top:52px}
.mesa .sede-m{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;
  color:var(--rosa-d);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.mesa .sede-m span{color:var(--apagado);font-weight:500;letter-spacing:.04em;text-transform:none}
.panel{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,2.4vw,34px);
  margin-top:26px;max-width:832px;margin-inline:auto}
.panel article{flex:0 1 172px;text-align:center}
.panel figure{position:relative;width:132px;height:132px;margin:0 auto 14px;border-radius:50%;
  overflow:hidden;background:var(--crema-2)}
.panel figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.panel .mono{position:absolute;inset:0;display:grid;place-items:center;color:var(--rosa-d);
  font-weight:900;font-size:1.9rem;letter-spacing:.02em;
  box-shadow:inset 0 0 0 2px var(--linea);border-radius:50%}
.panel b{display:block;font-size:clamp(.9rem,1.25vw,1.04rem);font-weight:900;text-transform:uppercase;
  line-height:1.18;letter-spacing:-.01em}
.panel small{display:block;margin-top:7px;font-size:.72rem;font-weight:500;color:var(--apagado);line-height:1.45}
.panel .rol{display:inline-block;margin-bottom:8px;font-size:.6rem;font-weight:900;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rosa-d);border:1.5px solid var(--linea);border-radius:99px;padding:3px 9px}
.panel article.mod figure{outline:3px solid var(--rosa);outline-offset:3px}
@media(max-width:520px){
  .panel article{flex:0 1 134px}
  .panel figure{width:104px;height:104px}
  .panel .mono{font-size:1.5rem}
}

/* ── Equipo internacional: solo texto ─────────────────────────── */
.team-txt{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px);
  margin-top:34px;max-width:1080px;margin-inline:auto}
.team-txt article{border-top:3px solid var(--tinta);padding-top:14px}
.team-txt b{display:block;font-size:clamp(.94rem,1.3vw,1.08rem);font-weight:900;
  text-transform:uppercase;line-height:1.2;letter-spacing:-.01em}
.team-txt small{display:block;margin-top:8px;font-size:.78rem;font-weight:500;
  color:var(--apagado);line-height:1.5}
.team-txt article.lead{border-top-color:var(--rosa)}
.team-txt article.lead b{color:var(--rosa-d)}
@media(max-width:860px){.team-txt{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.team-txt{grid-template-columns:1fr}}

/* ── Emblema de EMLHIS en la portada ──────────────────────────── */
.band-ink .manifiesto{margin:clamp(22px,2.6vw,34px) 0 0;max-width:62ch;
  font-size:clamp(.96rem,1.35vw,1.16rem);font-weight:500;line-height:1.6;opacity:.82}

/* ── El libro, con portada y enlace a Amazon ──────────────────── */
.libro{display:flex;gap:clamp(14px,1.8vw,22px);align-items:center;margin-top:22px;
  padding:clamp(12px,1.5vw,18px);border:1.5px solid var(--linea);border-radius:16px;
  background:var(--crema);text-decoration:none;color:inherit;transition:border-color .18s}
.libro:hover{border-color:var(--rosa)}
.libro img{flex:none;width:clamp(72px,8vw,96px);height:auto;border-radius:5px;
  box-shadow:0 7px 20px rgba(20,10,13,.2)}
.libro b{display:block;font-size:clamp(.96rem,1.3vw,1.1rem);font-weight:900;line-height:1.2}
.libro small{display:block;margin-top:6px;font-size:.76rem;font-weight:500;
  color:var(--apagado);line-height:1.45}
.libro em{display:inline-block;margin-top:10px;font-style:normal;font-size:.76rem;
  font-weight:900;letter-spacing:.02em;color:var(--rosa-d)}