/* ============================================================
   HOME / SOBRE MÍ / CONTACTO — pequeños acentos propios de las
   páginas neutras. La tipografía base (Philosopher/Nunito) ya
   es global (ver base.css); aquí solo quedan matices puntuales.
   ============================================================ */

[data-pilar="home"] .lede {
  font-family: var(--font-title);
  font-style: italic;
  font-weight: 400;
}

[data-pilar="home"] .eyebrow-plain {
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* ---------- sección manifiesto "¿Qué tiene que ver todo esto?" ---------- */

.conexion-lista {
  margin: var(--sp-3) 0;
  max-width: 60ch;
}
.conexion-lista p {
  padding: 0.6rem 0 0.6rem var(--sp-3);
  border-left: 2px solid var(--base-blue-deep);
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
.conexion-lista strong { color: var(--base-blue-deep); }

.manifiesto-cierre {
  font-family: var(--font-title);
  font-style: italic;
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  margin: var(--sp-3) 0;
  max-width: 22ch;
}


/* V2 — arquitectura editorial de la home */
.home-hero-v2 {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: end;
  overflow: hidden;
  background: var(--ink);
  color: var(--sand);
  padding-block: var(--sp-6);
}

/* Capa de imagen: queda siempre al fondo. */
.home-hero-v2 > img,
.home-hero-v2 > picture > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .42;
}

/* Capa de contraste: SOLO entre la fotografía y el contenido.
   Al tener un z-index propio no puede teñir ni apagar los textos. */
.home-hero-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(20,21,18,.82), rgba(20,21,18,.22));
}

/* Contenido: siempre por encima de la capa de contraste. */
.home-hero-v2 .container {
  position: relative;
  z-index: 2;
}
.home-hero-v2 h1 { font-size:clamp(3rem,8vw,7rem); max-width:9ch; line-height:.92; margin-block:.2em .3em; }
.home-hero-v2 .lede { color:#f4f0e7; max-width:44ch; font-size:1.3rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-3); }
.intro-union { padding-block:var(--sp-6); }
.intro-union h2 { max-width:18ch; }
.home-split { padding-block:var(--sp-5); border-top:1px solid var(--line); }
.home-split--reverse { background:var(--sand-deep); }
.home-closing { padding-block:var(--sp-6); border-top:1px solid var(--line); }
.home-closing h2 { max-width:16ch; }
.pilar-chapter--plugins .chapter-text { background:#e8e2d7; }
.pilar-chapter .btn { margin-top:var(--sp-1); }
.error-page { min-height:65vh; display:flex; align-items:center; padding-block:var(--sp-6); }
@media(max-width:700px){ .home-hero-v2{min-height:100vh; min-height:100svh}.home-hero-v2 h1{font-size:clamp(2.8rem,16vw,5rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:fit-content}.home-split{padding-block:var(--sp-4)} }

.leccion {
  background:var(--sand-deep);
  border-left:2px solid var(--base-blue-deep);
  border-radius:0 4px 4px 0;
  padding:var(--sp-2) var(--sp-3);
  max-width:var(--measure);
}
.trayectoria-lista { list-style:none; margin:var(--sp-3) 0; padding:0; }
.trayectoria-lista li { padding:0.6rem 0 0.6rem var(--sp-3); border-left:2px solid var(--line); margin-bottom:0.5rem; }
.trayectoria-lista strong { color:var(--ink); }
.homes-hero { padding-block:var(--sp-6); background:var(--sand-deep); }
.homes-episode-list { margin-top:var(--sp-3); }
.homes-episode-card { border-top:1px solid var(--line); padding-block:var(--sp-3); max-width:75ch; }
.homes-video video { width:100%; height:auto; display:block; }
.hero-cover { margin:var(--sp-3) 0 0; }
.hero-cover img { width:100%; height:auto; display:block; }
.homes-player audio { width:100%; }

.episode-meta { font-size:1rem; font-weight:700; letter-spacing:.04em; }