/* ============================================================================
   Página · Serie — claudionavarro.net
   ----------------------------------------------------------------------------
   Una serie no se lee como una ficha de obra, así que no lleva un registro:
   lleva tres a la vez. El pliego abre con el cartel de la serie (el mismo
   registro de las fichas de obra, /assets/css/registro-cartel.css), la mesa reparte una
   ficha de papel por tomo y el cianotipo levanta el plano del universo con la
   nómina pegada encima.
   Aquí sólo está lo que Capa 0, registros.css y registro-cartel.css no traen:
   el giro de los papeles, la retícula torcida de la nómina, la tinta de las
   reglas sobre el plano y el tamaño de lo que escupe el markdown del JSON.
   ============================================================================ */

/* --------------------------------------------------- LA MESA · LAS FICHAS */
/* Cada ficha de tomo se apoya torcida y desnivelada, con la misma fórmula que
   las tapas del estante: dos papeles nunca caen igual. */
.mesa__pila .papel{
  transform:rotate(calc(var(--giro, 0deg) * var(--osadia)))
            translateY(calc(var(--sube, 0rem) * var(--osadia)));
}
/* El sello de goma va en la esquina: el título le deja sitio. */
.mesa__pila .papel .t-obra{ padding-right:7rem; }

/* --------------------------------------------- EL CIANOTIPO · EL UNIVERSO */
/* Sobre el plano, la regla trazada a mano que traen las cejas se tiñe de azul
   de plano: la tinta de la casa no se lee en el cianotipo. */
.ciano .ceja{ --tinta-regla:#6E96C4; }
/* La hoja no tapa el plano entero: es una hoja pegada, no un muro. */
.ciano .hoja-pegada{ max-width:52rem; margin-bottom:var(--space-5); }

/* La nómina es una retícula torcida: cada ficha entra con su propio giro */
.nomina{
  display:grid; gap:var(--space-6) var(--space-4);
  grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));
  align-items:start;
}
.nomina > li{
  transform:rotate(calc(var(--giro, 0deg) * var(--osadia)))
            translateY(calc(var(--sube, 0rem) * var(--osadia)));
}
/* El retrato va montado en papel, como el retrato del autor */
.nomina .hoja-pegada{ padding:var(--space-2); }
.nomina .hoja-pegada img{ width:100%; }
.nomina__nombre{
  font-family:var(--fuente-display); font-weight:700;
  font-size:1.15rem; line-height:1.2; margin-top:var(--space-3);
}
.nomina__texto{
  font-family:var(--fuente-display); font-size:0.9375rem; line-height:1.6;
  color:rgba(234,241,248,.82); margin-top:var(--space-1);
}

/* ----------------------------------------- LA PROSA QUE ESCUPE EL MARKDOWN */
/* Capa 0 borra el tamaño de los encabezados y el margen de todo: el markdown
   crudo sale del mismo cuerpo que el texto. Aquí se le devuelve su jerarquía. */
.cuerpo--lectura h2, .cuerpo--lectura h3{
  font-family:var(--fuente-display); font-weight:700;
  line-height:1.15; letter-spacing:-0.01em;
}
.cuerpo--lectura h2{ font-size:1.5rem; margin-bottom:var(--space-3); }
.cuerpo--lectura h3{ font-size:1.2rem; margin-bottom:var(--space-2); }
/* El autor abre la anécdota con una línea entera en negrita: ese es su titular
   y así se lee. No se le inventa un encabezado que él no escribió. */
.cuerpo--lectura p > strong:only-child{
  display:block; font-size:1.3rem; line-height:1.25;
  letter-spacing:-0.01em; margin-bottom:var(--space-3);
}

@media (prefers-reduced-motion:reduce){
  .mesa__pila .papel, .nomina > li{ transform:none; }
}