/* ============================================================
   REGISTRO CARTEL · la obra como pliego de propaganda.
   Sólo se carga en las fichas que eligen este registro
   (ver /data/registros.json).
   ============================================================ */

/* .hero-video vive ahora en assets/css/capa0.css: lo comparten este registro, el
   expediente y las páginas de serie. */

.titulo-cartel{
  font-family:var(--fuente-display); font-weight:800; text-transform:uppercase;
  font-size:clamp(3rem, 13.5vw, 12rem); line-height:0.8; letter-spacing:-0.04em;
  margin-right:-0.1em;
}
.titulo-cartel em{ font-style:normal; color:var(--sello-acento); }

.tagline{
  font-family:var(--fuente-display); font-style:italic; font-size:1.4rem; line-height:1.3;
  color:rgba(246,243,234,.94); margin-bottom:var(--space-3);
}

.cartel-grande{ display:grid; gap:var(--space-5); align-items:end; }
@media (min-width:64em){ .cartel-grande{ grid-template-columns:30rem 1fr; gap:var(--space-7); } }
.cartel-grande img{ width:100%; border:var(--linea) solid var(--color-linea); box-shadow:0.5rem 0.6rem 0 rgba(0,0,0,.16); }

.dos-columnas{ display:grid; gap:var(--space-6); }
@media (min-width:64em){ .dos-columnas{ grid-template-columns:1fr 20rem; gap:var(--space-7); } }
.lateral{ display:grid; gap:var(--space-5); align-content:start; }

/* La raya de la cita la dibuja este registro con un borde; la trazada a mano que
   trae capa0.css se anula para que no salgan las dos. */
.cita{ margin:0; border-left:var(--linea-fuerte) solid var(--sello-acento); padding-left:var(--space-4); }
.cita::before{ content:none; }
.cita p{ font-family:var(--fuente-display); font-style:italic; font-size:var(--fs-lg); line-height:1.5; }
.cita cite{ display:block; margin-top:var(--space-2); font-family:var(--fuente-mono); font-size:var(--fs-xs); font-style:normal; text-transform:uppercase; letter-spacing:.08em; color:var(--color-texto-secundario); }

.bloque--pendiente{ opacity:.6; }
.bloque--pendiente .t-meta{ font-style:italic; }

/* ============================================================
   LECTURA · el capítulo de muestra
   Objetivo: que leer sea cómodo y que las notas del autor estén
   siempre alcanzables (ratón, teclado y dedo), sin mover el texto.
   ============================================================ */

@media (min-width:64em){
  /* La medida de lectura (68 caracteres) y, al lado, el canal de notas. */

}

/* La frase anotada es un botón de verdad: llega con Tab y responde al dedo. */

/* El canal de notas: la nota cae siempre en el mismo sitio y no empuja el texto. */

/* En pantalla estrecha el canal es una hoja que sube desde el borde inferior. */

/* Cuánto queda del capítulo. Decorativa: el dato no aporta nada a un lector de pantalla. */