/* ============================================================
   OPCIÓN B — home con lockup sobre borgoña
   Sólo la carga index-b.html. No toca la opción A.
   ============================================================ */

/* el hero se queda en borgoña; sale la foto de fondo y su velo */
.hero-b .section-bg-dark        { background-color: var(--c-dark) }
.hero-b .js-parallax-slide-bg,
.hero-b .bg-overlay-black       { display: none }

/* el titular: minúscula, naranja, Archivo Black bien apretado */
.hb__title {
  font-family: 'Archivo Black', 'Archivo', sans-serif;
  font-weight: 400;
  color: var(--c-acc);
  font-size: clamp(2.5rem, 6.6vw, 6.4rem);
  line-height: .95;
  letter-spacing: -.045em;
  text-transform: none;
  margin: 0;
}

/* la bajada */
.hb__sub {
  color: var(--c-light);
  font-weight: 300;
  font-size: clamp(1.05rem, 1.8vw, 1.6rem);
  letter-spacing: -.01em;
  line-height: 1.35;
  margin: .5em 0 0;
}

/* la firma */
.hb__by {
  color: var(--c-light);
  font-weight: 100;
  font-style: italic;
  font-size: clamp(.86rem, 1.05vw, 1rem);
  letter-spacing: .02em;
  margin: clamp(38px, 5vw, 72px) 0 0;
}

/* el ancho del bloque de contenido del template es chico para este titular */
.hero-b .max-width-600 { max-width: 900px }