/* =========================================================
   R&A Smart Health — Access & Growth Strategy Bootcamp
   Brochure premium. Paleta de marca (sin verde menta).
   ========================================================= */

:root{
  /* Marca */
  --blue-deep:#072552;
  --blue-deep-2:#0a2e63;
  --blue-mid:#1B509D;
  --blue-light:#34A7E0;
  --gold:#C9A24B;          /* acento de lujo, hairlines y small caps */
  --gold-soft:#e3cd96;

  /* Superficies — fondo unificado igual a ra-smarthealth.com (#040D1A) */
  --bg:#040D1A;              /* fondo maestro, idéntico a la web */
  --bg-2:#06121f;           /* variación sutil para alternar secciones sin cajas */
  --white:#ffffff;
  --paper:#040D1A;          /* legacy alias → ahora oscuro */
  --offset:#06121f;         /* legacy alias → ahora oscuro */
  /* Texto sobre fondo oscuro */
  --ink:#f2f6fc;            /* títulos */
  --ink-mute:#b9c6dc;       /* párrafos */
  --ink-faint:#7e8ea8;      /* fuentes/labels */
  --line:rgba(255,255,255,.14);
  --line-dark:rgba(255,255,255,.14);

  /* Tipografía */
  --font-display:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --font-body:'Montserrat','Helvetica Neue',Arial,sans-serif;

  /* Type scale */
  --text-xs:clamp(.75rem,.7rem + .2vw,.82rem);
  --text-sm:clamp(.84rem,.8rem + .25vw,.95rem);
  --text-base:clamp(1rem,.96rem + .25vw,1.1rem);
  --text-lg:clamp(1.15rem,1rem + .6vw,1.4rem);
  --text-xl:clamp(1.6rem,1.2rem + 1.6vw,2.5rem);
  --text-2xl:clamp(2.1rem,1.4rem + 2.8vw,3.6rem);
  --text-hero:clamp(2.6rem,1.4rem + 5vw,5.2rem);

  /* Espacio */
  --s4:1rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;--s32:8rem;

  --content:1180px;
  --content-narrow:760px;
  --radius:14px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:80px}
body{
  font-family:var(--font-body);
  font-size:var(--text-base);
  line-height:1.62;
  color:var(--ink-mute);
  background:var(--bg);
  min-height:100dvh;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul[role=list]{list-style:none}
::selection{background:rgba(52,167,224,.22)}
:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px;border-radius:6px}

/* ---------- Tipografía base ---------- */
h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
p{text-wrap:pretty}
em{font-style:italic;color:var(--blue-light)}
.section--dark em,.hero em{color:var(--blue-light)}

.eyebrow{
  display:inline-block;
  font-family:var(--font-body);
  font-size:var(--text-xs);
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold-soft);
  padding-bottom:.55rem;
  margin-bottom:1.4rem;
  position:relative;
}
.eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;background:var(--gold)}
.eyebrow--light{color:var(--gold-soft)}
.eyebrow--light::after{background:var(--gold)}

/* ---------- Layout ---------- */
.container{max-width:var(--content);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}
.container--narrow{max-width:var(--content-narrow)}
.center{text-align:center}
.center .eyebrow::after{left:50%;transform:translateX(-50%)}
/* Cada sección ocupa la pantalla completa, con el contenido centrado verticalmente.
   Fondo unificado #040D1A (igual a la web); hairline dorada sutil separa secciones. */
.section{
  min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;
  padding-block:clamp(4rem,8vh,7rem);
  background:var(--bg);
  position:relative;
}
.section + .section::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(86%,var(--content));height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,75,.28),transparent);
}
.section--light{background:var(--bg)}
.section--offset{background:var(--bg-2)}
.section--dark{background:var(--bg);color:#dfe7f3}

.section-title{font-size:var(--text-2xl);color:#fff;max-width:18ch}
.center .section-title{max-width:24ch;margin-inline:auto}
.section-title em{font-weight:600}
.section-title--light{color:#fff}
.gold-text{color:var(--gold);font-style:italic}

.lede{font-size:var(--text-lg);line-height:1.55;color:var(--ink-mute);max-width:62ch;margin-top:1.5rem}
.lede--center{margin-inline:auto;text-align:center}
.lede--light{color:#bcc9de}

/* ============== HEADER ============== */
.site-header{
  position:sticky;top:0;z-index:90;
  background:rgba(4,13,26,.72);
  backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--line);
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
.header-inner{max-width:1280px;margin-inline:auto;padding:.85rem clamp(1.25rem,5vw,3rem);display:flex;align-items:center;gap:2rem}
.header-logo{display:flex;align-items:center}
.header-logo img{height:34px;width:auto}
.logo-color{display:none}
.logo-white{display:block}
.header-nav{margin-left:auto;display:flex;align-items:center;gap:1.9rem}
.header-nav a{font-size:var(--text-sm);font-weight:500;color:#b9c6dc;transition:color .2s var(--ease)}
.header-nav a:hover{color:var(--gold-soft)}
.nav-cta{color:var(--gold-soft)!important;font-weight:600!important}
.download-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:var(--text-sm);font-weight:600;color:#eaf1fb;
  border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.5rem 1rem;
  background:rgba(255,255,255,.04);transition:all .2s var(--ease);
}
.download-btn:hover{border-color:var(--gold);color:var(--gold-soft);box-shadow:0 4px 14px rgba(0,0,0,.3)}

/* ---------- Botón hamburguesa (oculto en escritorio) ---------- */
.nav-toggle{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;margin-left:.4rem;
  background:none;border:none;cursor:pointer;padding:10px;
  position:relative;z-index:80;
}
.nav-toggle-bar{
  display:block;width:100%;height:1.5px;background:#eaf1fb;border-radius:2px;
  transition:transform .3s var(--ease),opacity .25s var(--ease),background .2s var(--ease);
}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ---------- Menú móvil (panel deslizante, sin cajas) ---------- */
.mobile-nav{
  position:fixed;top:0;right:0;z-index:70;
  width:min(82vw,360px);height:100dvh;
  background:rgba(4,13,26,.97);
  backdrop-filter:saturate(160%) blur(18px);
  border-left:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:center;
  padding:5rem 2.4rem 3rem;
  transform:translateX(100%);
  transition:transform .4s var(--ease);
  visibility:hidden;
}
.mobile-nav.open{transform:translateX(0);visibility:visible}
.mobile-nav-inner{display:flex;flex-direction:column;gap:.2rem}
.mobile-nav-inner a{
  font-family:var(--font-display);font-size:1.35rem;font-weight:500;
  color:#eaf1fb;padding:1rem 0;
  border-bottom:1px solid var(--line);
  transition:color .2s var(--ease),padding-left .2s var(--ease);
}
.mobile-nav-inner a:last-child{border-bottom:none}
.mobile-nav-inner a:hover,.mobile-nav-inner a:active{color:var(--gold-soft);padding-left:.4rem}
.mobile-nav-cta{color:var(--gold-soft)!important;font-weight:600!important}
.mobile-nav-download{
  display:inline-flex;align-items:center;gap:.6rem;
  margin-top:2.4rem;align-self:flex-start;
  font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--gold-soft);
}
.mobile-nav-scrim{
  position:fixed;inset:0;z-index:65;
  background:rgba(2,7,14,.55);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .35s var(--ease);
}
.mobile-nav-scrim.open{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}

/* ============== HERO ============== */
.hero{
  position:relative;overflow:hidden;
  min-height:100vh;display:flex;align-items:center;
  background:
    radial-gradient(90% 70% at 78% 8%,rgba(52,167,224,.10),transparent 60%),
    var(--bg);
  color:#fff;
  padding-block:clamp(4.5rem,11vw,9rem);
}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(52,167,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(52,167,224,.06) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(110% 70% at 75% 8%,#000 0%,transparent 70%);
}
.hero-glow{position:absolute;top:-25%;right:-12%;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(52,167,224,.18),transparent 62%);filter:blur(8px)}
/* Línea de pulso decorativa: confinada a la franja superior derecha para que
   nunca quede detrás del botón/CTA del hero. */
.hero-inner{position:relative;max-width:var(--content);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}
.hero-logo{height:54px;width:auto;margin-bottom:2.4rem;opacity:.96}
.hero-title{font-size:var(--text-hero);font-weight:700;letter-spacing:-.03em;margin-bottom:1.3rem}
.hero-sub{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);font-weight:500;color:var(--gold-soft);max-width:30ch;margin-bottom:1.6rem;line-height:1.3}
.hero-desc{font-size:var(--text-base);line-height:1.7;color:#c4d2e8;max-width:60ch;margin-bottom:2.2rem}
.hero-statement{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:#dbe6f6;max-width:54ch;line-height:1.5;margin-bottom:2rem;padding-left:1.1rem;border-left:2px solid var(--gold)}
.hero-statement em{color:var(--blue-light);font-weight:600}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;font-size:var(--text-sm);color:#9fb2cf;margin-bottom:2.6rem}
.hero-meta b{color:#fff;font-weight:600}
.hero-meta .dot{color:var(--gold)}
.hero-cta{position:relative;z-index:3}

/* ---------- Botones ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;
  padding:.95rem 1.9rem;border-radius:999px;transition:all .25s var(--ease);
}
.btn--gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#3a2c08;box-shadow:0 8px 24px rgba(201,162,75,.28)}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,162,75,.4)}

/* ============== STATS (editorial, sin cajas) ============== */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3.6rem}
.stat{padding:.4rem clamp(1.5rem,3vw,2.6rem);position:relative}
.stat:first-child{padding-left:0}
.stat + .stat::before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:1px;background:var(--line)}
.stat-num{display:block;font-family:var(--font-display);font-size:clamp(2.6rem,1.5rem + 2.8vw,3.8rem);font-weight:300;color:#fff;line-height:1;letter-spacing:-.03em}
/* Unidades ("billones", "%") legibles: más grandes y en oro */
.stat-unit{font-size:.34em;color:var(--gold-soft);font-weight:600;letter-spacing:.01em;margin-left:.18em}
.stat-label{font-size:var(--text-base);color:var(--ink-mute);margin:1.1rem 0 .7rem;line-height:1.55}
.stat-src{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.stat-kicker{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.stat-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.01em}

/* ============== TESIS (titular en aire — respiración premium) ============== */
#tesis .container--narrow{padding-block:clamp(2rem,6vh,5rem)}
.thesis{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:1.34;color:#fff;letter-spacing:-.015em;margin-bottom:0;position:relative;padding-top:2.4rem}
.thesis::before{content:"";position:absolute;top:0;left:0;width:48px;height:2px;background:var(--gold)}
.not-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.2rem;padding-top:2rem;border-top:1px solid var(--line-dark)}
.not-label{font-size:var(--text-sm);font-weight:600;color:var(--gold-soft);letter-spacing:.04em;flex-shrink:0}
.not-label b{color:#fff}
.not-list ul{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.not-list li{font-size:var(--text-sm);color:#9fb2cf;position:relative;padding-left:1.1rem}
.not-list li::before{content:"×";position:absolute;left:0;color:var(--gold);font-weight:700}

/* ============== EXPERIENCIA (sin caja) ============== */
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:start;margin-top:2.8rem}
.two-col .lede{margin-top:0}
.promise-card{padding-left:clamp(1.5rem,2.5vw,2.4rem);border-left:1px solid var(--gold);position:relative}
.promise-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.promise-card p{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:1.5;color:#eef3fb}
.promise-card b{font-weight:600;color:var(--blue-light)}

/* ============== DECISIONES (filas editoriales, sin cajas) ============== */
.decisions{display:grid;gap:0;margin-top:3.2rem;border-top:1px solid var(--line)}
.decision{display:grid;grid-template-columns:clamp(3rem,6vw,5rem) 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding:clamp(1.6rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line)}
/* Numerales grandes y bien visibles (1–4) */
.decision-num{display:flex;align-items:flex-start;justify-content:center;font-family:var(--font-display);font-size:clamp(1.7rem,1rem + 2vw,3rem);font-weight:600;color:var(--gold);line-height:1;letter-spacing:-.02em;padding-top:.1em}
.decision-body p{font-size:var(--text-base);color:var(--ink-mute);line-height:1.7}
.decision-body b{color:#fff;font-weight:600}
.decision-body em{display:block;margin-top:.9rem;font-style:italic;color:var(--gold-soft);font-weight:500;line-height:1.6}

/* ============== ENTREGABLES (grilla rebalanceada 3+2 centrada, sin cajas) ============== */
.deliverables{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(2rem,4vw,3.2rem) clamp(2rem,4vw,3.5rem);
  margin-top:3.4rem;
}
/* 3 por fila en escritorio: ancho = (100% - 2 gaps)/3 */
.deliverable{
  flex:0 1 calc((100% - 2 * clamp(2rem,4vw,3.5rem)) / 3);
  min-width:230px;max-width:340px;
  padding-top:1.6rem;border-top:1px solid var(--gold);position:relative;
}
.deliverable-num{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--gold);letter-spacing:.18em}
.deliverable h3{font-size:var(--text-lg);color:#fff;margin:.6rem 0 .7rem;font-weight:600}
.deliverable p{font-size:var(--text-sm);color:var(--ink-mute);line-height:1.6}

/* ============== VALOR (sin cajas; columnas con hairlines) ============== */
.valor{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3.4rem}
.valor-step{padding:.2rem clamp(1rem,2vw,1.6rem);position:relative}
.valor-step:first-child{padding-left:0}
.valor-step + .valor-step::before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:1px;background:var(--line-dark)}
.valor-letter{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--font-display);font-size:1.5rem;margin-bottom:1.3rem}
.valor-step h3{font-size:var(--text-base);color:#fff;font-family:var(--font-body);font-weight:600;margin-bottom:.5rem}
.valor-step p{font-size:var(--text-sm);color:#9fb2cf;line-height:1.5}
/* ---------- Distribución 30/50/20 — rediseño editorial premium (sin barra burda) ----------
   Tres columnas con número dorado grande + barra de progreso fina proporcional;
   separadas por hairlines, sin bloques de color planos. */
.method-split{margin-top:clamp(3rem,5vw,4.2rem)}
.method-bar{display:grid;grid-template-columns:30fr 50fr 20fr;gap:0;align-items:start}
.method-seg{display:block;position:relative;padding:0 clamp(1.4rem,3vw,2.6rem)}
.method-seg:first-child{padding-left:0}
.method-seg + .method-seg::before{content:"";position:absolute;left:0;top:.2rem;bottom:0;width:1px;background:var(--line)}
.method-seg b{display:block;font-family:var(--font-display);font-size:clamp(2.2rem,1.4rem + 2vw,3.2rem);font-weight:300;line-height:1;letter-spacing:-.03em;color:#fff;margin-bottom:1rem}
.method-track{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.10);overflow:hidden;margin-bottom:.9rem}
.method-track::after{content:"";display:block;height:100%;width:var(--fill);border-radius:3px;background:linear-gradient(90deg,var(--gold-soft),var(--gold))}
.method-cap{display:block;font-size:var(--text-sm);color:var(--ink-mute);line-height:1.45}

/* ============== AUDIENCIA (celdas con hairline, sin cajas) ============== */
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,3rem) clamp(2rem,4vw,3.5rem);margin-top:3.4rem}
.aud{padding-top:1.4rem;border-top:1px solid var(--line)}
.aud h3{font-size:var(--text-base);color:#fff;font-family:var(--font-body);font-weight:600;margin-bottom:.5rem;position:relative;padding-left:1rem}
.aud h3::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.aud p{font-size:var(--text-sm);color:var(--ink-mute);line-height:1.55;padding-left:1rem}

/* ============== PREMIUM (sin cajas) ============== */
.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2.2rem,4vw,3.4rem) clamp(2.5rem,5vw,4rem);margin-top:3.4rem}
.premium-item{padding-top:1.3rem;border-top:1px solid var(--line)}
.pi-icon{display:block;color:var(--gold);font-size:1.1rem;margin-bottom:.7rem}
.premium-item b{font-size:var(--text-lg);color:#fff;font-weight:600;display:block}
.premium-item p{font-size:var(--text-sm);color:var(--ink-mute);margin-top:.45rem;line-height:1.55}

/* ============== MENTORA (retrato + texto, sin caja) ============== */
.facil{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2.5rem,5vw,4.5rem);margin-top:2.8rem;align-items:start}
/* Retrato con marco hairline dorado, sin caja sólida */
.facil-portrait{position:relative;align-self:start}
.facil-portrait img{
  width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;
  display:block;
  border:1px solid var(--line);
  filter:saturate(.96);
}
.facil-portrait::after{
  content:"";position:absolute;left:14px;top:14px;right:-14px;bottom:-14px;
  border:1px solid var(--gold);z-index:-1;pointer-events:none;
}
.facil-name{font-size:var(--text-2xl);color:#fff;margin-bottom:.4rem;max-width:none}
.facil-role{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--gold);font-weight:500;margin-bottom:1.6rem}
.facil-bio{font-size:var(--text-base);color:var(--ink-mute);line-height:1.75}
.facil-bio + .facil-bio{margin-top:1.1rem}
.facil-exp{margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--gold)}
.facil-exp-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}
.facil-exp ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}
.facil-exp li{font-size:var(--text-sm);color:var(--ink-mute);line-height:1.55;padding-left:1.3rem;position:relative}
.facil-exp li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:1.5px;background:var(--gold)}

/* ============== RESPALDO ============== */
.section--backing{background:radial-gradient(120% 90% at 50% 0%,rgba(52,167,224,.08),transparent 55%),var(--bg)}
.backing-lede{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:#fff;line-height:1.4;max-width:none}
.backing-line{display:block;white-space:nowrap}
.backing-stats{display:flex;justify-content:center;gap:clamp(2rem,5vw,4rem);margin-top:3.4rem;flex-wrap:nowrap;position:relative}
.backing-stats::before{content:"";position:absolute;top:-1.7rem;left:50%;transform:translateX(-50%);width:48px;height:1px;background:var(--gold)}
.backing-stats div{text-align:center}
.bk-num{display:block;font-family:var(--font-display);font-size:clamp(2.6rem,1.6rem + 3vw,4rem);color:var(--gold);line-height:1}
.bk-label{font-size:var(--text-sm);color:#aebcd4;letter-spacing:.02em}

/* ---------- Clientes (nombres como texto, sin logos, sin cajas) ---------- */
.clients{margin-top:clamp(3rem,5vw,4.2rem);position:relative;padding-top:2.6rem}
.clients::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:1px;background:var(--line)}
.clients-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1.8rem}
.clients-list{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:.7rem clamp(1.4rem,3vw,2.4rem);
  max-width:64ch;margin-inline:auto;
}
.clients-list li{
  font-family:var(--font-display);font-size:var(--text-base);font-weight:500;
  color:#cdd9ec;letter-spacing:.01em;position:relative;line-height:1.4;
}
.clients-list li + li::before{
  content:"";position:absolute;left:calc(-1 * clamp(.7rem,1.5vw,1.2rem));top:50%;
  width:3px;height:3px;border-radius:50%;background:var(--gold);transform:translateY(-50%);
}

/* ============== CTA ============== */
.section--cta{background:var(--bg);padding-block:clamp(4rem,9vw,8rem)}
/* Título CTA en tres renglones separados (no apiñado) */
.cta-title{font-size:var(--text-2xl);color:#fff;margin-bottom:.5rem;line-height:1.16}
.cta-line{display:block}
.cta-line:first-child{font-size:.5em;font-weight:500;letter-spacing:.04em;color:var(--gold-soft);text-transform:uppercase;margin-bottom:.5rem}
.section--cta .btn{margin-top:2.4rem}
.contact-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:2.4rem;font-size:var(--text-sm);color:var(--ink-mute)}
.contact-row a{font-weight:500;transition:color .2s var(--ease)}
.contact-row a:hover{color:var(--gold-soft)}
.contact-row .dot{color:var(--gold)}

/* ============== FOOTER ============== */
.site-footer{background:var(--bg);color:#aebcd4;padding-block:3rem;border-top:1px solid var(--line)}
.footer-inner{text-align:center}
.footer-logo{height:36px;width:auto;margin:0 auto 1.2rem}
.footer-tag{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--gold-soft);margin-bottom:1.2rem}
.footer-legal{font-size:var(--text-xs);color:#7e8eaa;line-height:1.7;max-width:60ch;margin-inline:auto}

/* ============== REVEAL ============== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ============== RESPONSIVE ============== */
@media (max-width:1000px){
  /* En pantallas pequeñas el contenido puede exceder el alto: dejamos crecer */
  .section,.hero{min-height:auto;padding-block:clamp(3.5rem,9vw,5.5rem)}
  /* Menú: ocultar nav de escritorio, mostrar hamburguesa */
  .header-nav{display:none}
  .nav-toggle{display:flex}
  .audience-grid,.premium-grid{grid-template-columns:repeat(2,1fr)}
  .two-col,.facil{grid-template-columns:1fr;gap:2.2rem}
  .promise-card{border-left:none;border-top:1px solid var(--gold);padding-left:0;padding-top:1.6rem}
  /* Retrato: tamaño contenido y centrado en móvil */
  .facil-portrait{max-width:340px;margin-inline:auto}
  .facil-portrait::after{left:10px;top:10px;right:-10px;bottom:-10px}
  /* Stats y valor: pasar de hairlines verticales a apilado/2col limpio */
  .stats{grid-template-columns:repeat(3,1fr)}
  .valor{grid-template-columns:repeat(2,1fr);gap:0 0}
  .valor-step{padding:1.2rem 1.4rem;border-top:1px solid var(--line-dark)}
  .valor-step::before{display:none!important}
  .valor-step:first-child,.valor-step:nth-child(2){border-top:none}
  .valor-step:nth-child(odd){padding-left:0}
}
@media (max-width:640px){
  .download-btn span{display:none}
  .download-btn{padding:.55rem;margin-left:auto}
  .audience-grid,.premium-grid{grid-template-columns:1fr}
  .facil-exp ul{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr;gap:0}
  .stat{padding:1.4rem 0;border-top:1px solid var(--line)}
  .stat:first-child{border-top:none}
  .stat + .stat::before{display:none}
  .valor{grid-template-columns:1fr}
  .valor-step{padding:1.2rem 0;border-top:1px solid var(--line-dark)}
  .valor-step:nth-child(2){border-top:1px solid var(--line-dark)}
  .valor-step:first-child{border-top:none}
  .method-bar{grid-template-columns:1fr;gap:1.8rem}
  .method-seg{padding:1.4rem 0 0!important;border-top:1px solid var(--line)}
  .method-seg:first-child{border-top:none;padding-top:0!important}
  .method-seg + .method-seg::before{display:none}
  .hero-logo{height:42px}
  .decision{grid-template-columns:auto 1fr;gap:1rem 1.2rem;padding:1.6rem 0}
  .decision-num{font-size:1.6rem}
  .backing-stats{flex-wrap:wrap;gap:2rem 2.5rem}
  .backing-lede{font-size:var(--text-lg)}
  .backing-line{white-space:normal}
}

/* ============== PRINT (slides oscuros, uno por página, igual a la web) ============== */
@media print{
  @page{size:A4 landscape;margin:0}
  html{scroll-behavior:auto}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body{background:var(--bg)!important;color:var(--ink-mute);font-size:11pt;line-height:1.5}
  .site-header,.download-btn,.btn,.nav-cta{display:none!important}
  .hero-glow,.hero-grid{display:none!important}
  /* Cada sección = un slide a página completa (A4 landscape = 210mm alto), centrado */
  .hero,.section{
    min-height:auto;height:210mm;
    display:flex;flex-direction:column;justify-content:center;
    padding:16mm 18mm;
    background:var(--bg)!important;color:var(--ink-mute);
    break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid;
  }
  .section + .section::before{display:none}
  .section--offset{background:var(--bg-2)!important}
  .section--backing{background:var(--bg)!important}
  .site-footer{break-before:avoid;page-break-before:avoid;background:var(--bg)!important;color:#aebcd4!important;border-top:none!important;padding:10mm 18mm;height:auto}
  .reveal{opacity:1!important;transform:none!important}
  /* Mantener grillas multicolumna en impresión */
  .audience-grid,.premium-grid{grid-template-columns:repeat(3,1fr);gap:7mm 9mm}
  .deliverables{display:flex;flex-wrap:wrap;justify-content:center;gap:7mm 9mm}
  .deliverable{flex:0 1 calc((100% - 18mm) / 3);min-width:0;max-width:none}
  .valor{grid-template-columns:repeat(5,1fr);gap:0}
  .two-col{grid-template-columns:1.05fr .95fr;gap:9mm}
  .facil{grid-template-columns:.78fr 1.22fr;gap:9mm}
  .facil-portrait::after{display:none}
  .facil-exp ul{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(3,1fr)}
  .method-bar{grid-template-columns:30fr 50fr 20fr;gap:0}
  .promise-card{border-left:1px solid var(--gold)!important;border-top:none!important;padding-left:7mm!important;padding-top:0!important}
  .facil-exp{border-top:1px solid var(--gold)!important;margin-top:5mm!important;padding-top:4mm!important}
  .clients-list{display:flex;flex-wrap:wrap;justify-content:center}
  /* Tamaños para impresión */
  /* Portada: datos (16 horas · 28-29 agosto · Bogotá) anclados al borde inferior */
  .hero{padding-bottom:12mm!important}
  .hero-inner{display:flex;flex-direction:column;flex:1 1 auto;width:100%}
  .hero-logo{height:auto!important;width:62mm!important;max-width:62mm!important;margin-bottom:8mm!important}
  .hero-meta{margin-top:auto!important;margin-bottom:0!important;padding-top:10mm!important;font-size:12pt!important}
  .hero-title{font-size:40pt!important}
  .hero-sub{font-size:18pt!important}
  .section-title{font-size:26pt!important}
  .cta-title{font-size:30pt!important}
  .thesis{font-size:20pt!important}
  .backing-lede{font-size:17pt!important}
  .stat-num{font-size:34pt!important;line-height:1}
  .decision-num{font-size:16pt!important}
  .bk-num{font-size:30pt!important;line-height:1}
  .method-seg b{font-size:24pt!important}
  a[href^="http"]::after,a[href^="mailto"]::after,a[href^="tel"]::after{content:""}

  /* Beneficios: ocupar mejor la hoja (textos más grandes, sin desbordar) */
  #porque{padding:14mm 18mm!important;justify-content:center!important}
  #porque .section-title{font-size:26pt!important;margin-bottom:3mm}
  #porque .eyebrow{margin-bottom:3mm}
  #porque .decisions{margin-top:8mm!important}
  #porque .decision{padding:5.5mm 0!important;break-inside:avoid;page-break-inside:avoid;grid-template-columns:16mm 1fr!important;gap:8mm!important}
  #porque .decision-num{font-size:20pt!important}
  #porque .decision-body p{font-size:11.5pt!important;line-height:1.5!important}
  #porque .decision-body em{font-size:11.5pt!important;margin-top:3mm!important;line-height:1.45!important}

  /* Mentora (retrato + bio + experiencia): subir el contenido y llenar mejor la hoja */
  #facilitadora{padding:18mm 18mm 14mm!important;justify-content:flex-start!important}
  #facilitadora .eyebrow{margin-bottom:5mm!important}
  #facilitadora .facil{margin-top:6mm!important;align-items:center!important}
  #facilitadora .facil-portrait{max-width:66mm}
  #facilitadora .facil-name{font-size:24pt!important;margin-bottom:2mm!important}
  #facilitadora .facil-role{font-size:13.5pt!important;margin-bottom:5mm!important}
  #facilitadora .facil-bio{font-size:10pt!important;line-height:1.55!important}
  #facilitadora .facil-bio + .facil-bio{margin-top:3.5mm!important}
  #facilitadora .facil-exp{margin-top:6mm!important;padding-top:4.5mm!important}
  #facilitadora .facil-exp-label{margin-bottom:4mm!important}
  #facilitadora .facil-exp ul{gap:4mm 6mm!important}
  #facilitadora .facil-exp li{font-size:9.3pt!important;line-height:1.45!important}

  /* Respaldo (con clientes): contenido arriba y bloque de clientes anclado al borde inferior */
  #respaldo{padding:14mm 18mm 12mm!important;justify-content:flex-start!important}
  #respaldo .container{display:flex;flex-direction:column;flex:1 1 auto;width:100%}
  #respaldo .section-title{font-size:22pt!important;margin-bottom:3mm}
  #respaldo .backing-lede{font-size:15pt!important}
  #respaldo .lede{font-size:11pt!important;margin-top:4mm}
  #respaldo .backing-stats{margin-top:7mm!important}
  #respaldo .clients{margin-top:auto!important;padding-top:6mm!important}
  #respaldo .clients-label{margin-bottom:3mm!important}
  #respaldo .clients-list li{font-size:10.5pt!important}

  /* Siguiente paso (CTA) + cierre: integrados en UNA sola hoja final.
     El CTA ocupa el grueso de la página (contenido centrado) y el cierre
     queda anclado contra el borde inferior, como footer. */
  .section--cta{
    height:calc(210mm - 34mm)!important;min-height:auto!important;
    justify-content:center!important;padding:12mm 18mm 2mm!important;
    break-after:avoid!important;page-break-after:avoid!important;break-inside:avoid;page-break-inside:avoid;
  }
  .section--cta .cta-title{font-size:26pt!important;margin:2mm 0!important}
  .section--cta .lede{font-size:12pt!important;margin:4mm auto!important}
  .section--cta .contact-row{margin-top:4mm!important}
  /* El cierre (logo + legal) anclado contra el borde inferior de la última página */
  .site-footer{
    break-before:avoid!important;page-break-before:avoid!important;
    break-after:page;page-break-after:always;
    break-inside:avoid;page-break-inside:avoid;
    padding:0 18mm 6mm!important;height:auto!important;
  }
  .site-footer .footer-logo{height:28px!important;margin-bottom:3mm!important}
}