/* ============================================================================
   Página · Autor — claudionavarro.net
   ----------------------------------------------------------------------------
   Capa 2 (composición de página). No añade color, tipografía ni elemento
   nuevo: ordena el material con los tokens y las recetas de assets/css/capa0.css y
   assets/css/registros.css. Todo giro y todo desnivel van multiplicados por --osadia.
   ============================================================================ */

/* -------------------------------------------- CABECERA · el retrato delante */
.cab-autor__in{ display:grid; gap:var(--space-5); }
@media (min-width:64em){
  .cab-autor__in{ grid-template-columns:minmax(0,1fr) 20rem; gap:var(--space-7); align-items:start; }
  .cab-autor__tipo{ padding-top:var(--space-5); }
}
/* Las dos líneas del nombre van en dos tintas y dos pesos, como el lockup de la
   portada: la firma del autor en su naranja y la otra en la tinta del papel. Con
   un solo peso y un solo color, ocho rem y medio de nombre son un bloque plano. */
.cab-autor__nombre{
  font-family:var(--fuente-display); font-weight:400; text-transform:uppercase;
  font-size:clamp(2.7rem, 11.5vw, 8.5rem); line-height:0.81;
  letter-spacing:-0.042em; margin-top:var(--space-3);
}
.cab-autor__nombre b{ font-weight:800; color:var(--tinta-autor); }
.cab-autor__cargo{
  font-family:var(--fuente-display); font-style:italic; font-size:1.35rem;
  color:var(--color-texto-secundario); margin-top:var(--space-3);
}
.cab-autor__retrato{ position:relative; transform:rotate(calc(2.1deg * var(--osadia))); }
.cab-autor__retrato img{
  width:100%; background:var(--color-superficie);
  border:var(--linea) solid var(--color-linea);
  box-shadow:0.4rem 0.55rem 0 rgba(0,0,0,.14); padding:var(--space-2);
}
.cab-autor__sello{
  position:absolute; top:var(--space-2); right:var(--space-2);
  font-family:var(--fuente-mono); font-size:var(--fs-xs); font-weight:700;
  text-transform:uppercase; letter-spacing:0.08em; line-height:1;
  color:var(--color-texto); border:var(--linea-fuerte) solid var(--color-texto);
  background:color-mix(in srgb, var(--color-fondo) 82%, transparent);
  padding:var(--space-1) var(--space-2); transform:rotate(-6deg);
}
.cab-autor__cita{
  position:relative; z-index:2;
  margin:calc(-1 * var(--space-6)) 0 0 calc(-1 * var(--space-5));
  width:min(19rem, 100%); transform:rotate(calc(-2.3deg * var(--osadia)));
}
.cab-autor__cita p{ font-family:var(--fuente-display); font-style:italic; font-size:1.2rem; line-height:1.35; }
@media (max-width:63.99em){ .cab-autor__cita{ margin:var(--space-4) 0 0; } }

/* ----------------------------------------- FICHA · corrida fuera de la caja */
.ficha--autor{ margin:var(--space-6) 0 0 auto; width:min(58rem, 100%); }

/* ----------------------------------------- QUIÉN SOY · dos columnas cortas */
.quien-soy{ display:grid; gap:var(--space-5); }
@media (min-width:56em){
  .quien-soy{ grid-template-columns:1.45fr 1fr; gap:var(--space-6); align-items:start; }
  .quien-soy > p + p{ margin-top:var(--space-6); padding-left:var(--space-4); }
}
.quien-soy > p:first-child::first-letter{
  float:left; font-family:var(--fuente-display); font-weight:700;
  font-size:3.4rem; line-height:0.76; padding:0.4rem 0.65rem 0 0;
}
@media (max-width:55.99em){ .quien-soy > p:first-child::first-letter{ font-size:2.6rem; } }

/* ------------------- ARQUITECTURA NARRATIVA · los maestros, en constelación
   Son siete nombres y ningún dato: lo único que se puede hacer con ellos es
   tipografía. Van en display y grandes, repartidos por la anchura —ninguno cae
   donde el anterior— y cada uno sobre su regla trazada a mano, en la tinta del
   autor. En una rejilla de tres columnas parejas esto era una lista de la compra. */
.maestros{ list-style:none; margin:var(--space-5) 0 0; padding:0; display:grid; gap:var(--space-5); }
.maestros li{ position:relative; padding-bottom:var(--space-3); }
.maestros__nombre{
  display:block; font-family:var(--fuente-display); font-weight:700;
  font-size:clamp(1.5rem, 3.4vw, 2.35rem); line-height:1.05; letter-spacing:-0.015em;
}
.maestros__nota{
  display:block; margin-top:var(--space-2); max-width:36ch;
  font-family:var(--fuente-mono); font-size:var(--fs-xs); line-height:1.55;
  color:var(--color-texto-secundario);
}
.maestros li::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:0.25rem;
  background-color:var(--tinta-autor, var(--color-texto));
  -webkit-mask-image:var(--regla-trazo); mask-image:var(--regla-trazo);
  -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x;
  -webkit-mask-size:7.5rem 0.25rem; mask-size:7.5rem 0.25rem;
}
@media (min-width:56em){
  .maestros{ grid-template-columns:repeat(12, 1fr); gap:var(--space-6) var(--space-5); align-items:baseline; }
  .maestros li:nth-child(1){ grid-column:1 / span 6; }
  .maestros li:nth-child(2){ grid-column:8 / span 5; }
  .maestros li:nth-child(3){ grid-column:3 / span 5; }
  .maestros li:nth-child(4){ grid-column:9 / span 4; }
  .maestros li:nth-child(5){ grid-column:1 / span 4; }
  /* Los dos que cierran la lista van en el hueco que deja el anterior, no debajo
     del todo: si no, la séptima fila queda sola contra el margen. */
  .maestros li:nth-child(6){ grid-column:6 / span 6; }
  .maestros li:nth-child(7){ grid-column:3 / span 5; }
}

/* ----------------------------------- UNIVERSOS · fichas deslizadas al margen */
.partidas{ display:grid; gap:var(--space-6); }
.partida{
  display:grid; gap:var(--space-4);
  margin-left:var(--sangra, 0);
  transform:rotate(calc(var(--giro, 0deg) * var(--osadia)));
}
@media (min-width:56em){
  .partida{ grid-template-columns:var(--tapa, 11rem) minmax(0,1fr); gap:var(--space-5); align-items:start; }
  .partida--rev{ grid-template-columns:minmax(0,1fr) var(--tapa, 11rem); }
  .partida--rev .partida__tapa{ order:2; }
  .partida--rev .partida__in{ order:1; }
}
@media (max-width:55.99em){ .partida{ margin-left:0; } }
.partida__tapa{ display:block; }
.partida__tapa img{ width:100%; border:var(--linea) solid var(--color-linea); box-shadow:var(--sombra); }
.partida__cab{ display:flex; align-items:center; gap:var(--space-3); }
.partida__cab h3{ font-family:var(--fuente-display); font-weight:700; font-size:1.45rem; line-height:1.12; }
.partida__in > .t-label{ margin-top:var(--space-2); }
.partida__in > .cuerpo--lectura{ margin-top:var(--space-3); }
.partida__in > .fila{ margin-top:var(--space-4); }