/* ==========================================================================
   CHASQUI — hoja.css
   La hoja del día, la jornada y la lista de puerta (vistas hoy, jornada y
   puerta). Dueño: módulo «hoja» (§11).
   --------------------------------------------------------------------------
   El papel ya lo pone app.css (.mesa > .documento con __fila, __hora e
   is-cambiada). Acá va solo lo propio de la hoja: las horas grandes del
   teléfono, los botones de cada línea, el grupo de cada línea y la madrugada
   (v2.2), los datos del recinto sobre papel, el setlist, «Para el equipo»,
   la carga de esta noche y la puerta. Desde v2.3 (§4.12): los vehículos,
   su formulario con los pasajeros y el enlace público de cada día. Desde
   v2.4 (§4.13): el ícono de cada vehículo, el renglón del vuelo y «Agregar
   vehículo» dentro del papel. Desde v2.5 (§4.14): «Por confirmar» en la
   columna de las horas, los rangos «17:00–19:30», el lugar de cada línea,
   el clima, el hotel de la estadía con su rooming list y las casillas «Por
   confirmar» de cada hora en los formularios.
   Colores: solo tokens de base.css y app.css; los nuevos, como variable.
   ========================================================================== */

:root{
  /* La línea que cambió se ve también en blanco y negro al imprimir. */
  --hoja-raya-impresa:var(--tinta);
}

/* ── La vista ───────────────────────────────────────────────────────────── */
.hoja-vista{display:flex;flex-direction:column;gap:1rem;min-width:0}
.hoja-vista__tarjetas{align-items:stretch}

/* En el teléfono el papel ocupa el ancho: la mesa es un margen, no un marco. */
@media (max-width:560px){
  .hoja-vista .mesa{margin-inline:calc(var(--gutter) * -1);padding:.75rem .5rem;border-radius:0}
}

/* ── El papel ───────────────────────────────────────────────────────────── */
.hoja__cabeza{min-width:0}
.hoja .documento__meta > span{display:inline-flex;align-items:center;gap:.3rem}
.hoja .documento__cab .pastilla{flex:none;margin-top:.1rem}
.hoja__lineas{display:flex;flex-direction:column}
.hoja__vacia{color:var(--tinta-3);font-size:.92rem}
.hoja__fila{align-items:start}
.hoja__fila .documento__texto b{display:block;line-height:1.35}

/* Hoy: la hora se lee de lejos, con el teléfono en la mano o en el atril.
   Solo el relleno de arriba y abajo: el de los lados es de app.css, que en
   una línea is-cambiada estira el resaltado hacia afuera (margen negativo)
   y lo devuelve con el mismo relleno. Con `padding:.75rem 0` acá, ese
   relleno se perdía y la hora de la línea cambiada quedaba corrida contra el
   borde izquierdo, fuera de la columna de las demás. */
.hoja--grande .documento__fila{grid-template-columns:5.2rem minmax(0,1fr);padding-block:.75rem}
.hoja--grande .documento__hora{font-size:1.3rem;line-height:1.15;letter-spacing:-.01em}
.hoja--grande .documento__texto b{font-size:1.02rem}

/* Con botones: una tercera columna a la derecha, que no empuja el texto. */
.hoja__fila--editable,
.hoja--grande .hoja__fila--editable{grid-template-columns:4.2rem minmax(0,1fr) auto}
.hoja__acciones-linea{display:flex;align-items:center;gap:0;margin:-.55rem -.45rem -.55rem 0}
.hoja__boton-linea{color:var(--tinta-3)}
.hoja__boton-linea:hover{background:var(--papel-2);color:var(--tinta)}
.hoja__boton-linea.boton-icono--peligro:hover{background:var(--alto-tinte);color:var(--alto)}

/* Datos del recinto, la ruta y el hotel: clave en mono, valor en tinta. */
.hoja__datos{display:grid;gap:.1rem}
.hoja__dato{
  display:grid;
  grid-template-columns:minmax(7rem,30%) minmax(0,1fr);
  gap:.8rem;
  padding:.4rem 0;
  border-bottom:1px solid var(--papel-2);
}
.hoja__dato:last-child{border-bottom:0}
.hoja__dato dt{
  padding-top:.12rem;
  font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--tinta-3);
}
.hoja__dato dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--tinta)}
.hoja__telefono{
  color:var(--tinta);
  font-feature-settings:"tnum" 1;
  text-decoration:underline;
  text-decoration-color:var(--papel-3);
  text-underline-offset:3px;
  white-space:nowrap;
}
.hoja__telefono:hover{text-decoration-color:currentColor}
@media (max-width:560px){
  .hoja__dato{grid-template-columns:minmax(0,1fr);gap:.1rem}
}

/* Setlist: numerado en mono, en dos columnas si hay espacio. */
.hoja__setlist{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:cancion;
  columns:2 14rem;
  column-gap:2rem;
}
.hoja__setlist li{
  counter-increment:cancion;
  display:flex;
  gap:.6rem;
  padding:.2rem 0;
  break-inside:avoid;
  color:var(--tinta);
}
.hoja__setlist li::before{
  content:counter(cancion,decimal-leading-zero);
  flex:none;
  font-family:var(--f-mono);
  font-size:.8rem;
  line-height:1.6;
  color:var(--tinta-3);
}
/* El corte entre bloques (en el texto, una línea vacía o de guiones): la
   primera canción del bloque nuevo lleva una raya punteada arriba, sin número
   propio para el corte. */
.hoja__setlist li.hoja__setlist-corte{
  margin-top:.4rem;
  padding-top:.6rem;
  border-top:1px dashed var(--papel-3);
}
.hoja__notas{white-space:pre-line;color:var(--tinta-2)}

/* «Para el equipo» (v2.2): texto plano con sus saltos de línea, en tinta
   plena porque es para todos (las notas internas van en gris). */
.hoja__info{white-space:pre-line;overflow-wrap:anywhere;color:var(--tinta)}

/* ── v2.2: el grupo de cada línea y la madrugada (§4.11) ────────────────── */
/*  El título y su pastilla comparten renglón y bajan juntos si no caben (a
    375 px una línea larga deja la pastilla abajo, no la corta).            */
.hoja__titulo-linea{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem}
.hoja__titulo-linea b{min-width:0}
/* La pastilla es un sello del papel, no un botón: mono, chica, con borde.
   Producción en tinta con borde punteado (como antes el ::after de app.css);
   Artistas en sodio, para que se distingan de un vistazo. */
.hoja__grupo{
  display:inline-block;
  flex:none;
  padding:.05rem .4rem;
  border:1px dashed var(--papel-3);
  border-radius:4px;
  font-family:var(--f-mono);
  font-size:.66rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--tinta-2);
}
.hoja__grupo--artistas{border-style:solid;border-color:var(--sodio-borde);background:var(--sodio-tinte);color:var(--sodio-texto)}
.hoja--grande .hoja__grupo{font-size:.7rem}

/* «00:30⁺¹»: el +1 va en alto, como en un pasaje, sin mover el renglón. */
.hoja .documento__hora{white-space:nowrap}
.hoja__mas-uno{
  margin-left:.12em;
  font-size:.62em;
  font-weight:700;
  line-height:0;
  vertical-align:.6em;
  color:var(--sodio-texto);
}

/* «Después de medianoche · sábado 29»: corta la lista antes de la primera
   línea +1, para que 00:30 no se lea como la mañana de ese día. */
.hoja__madrugada{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin:.55rem 0 .1rem;
  font-family:var(--f-mono);
  font-size:.72rem;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--tinta-2);
}
.hoja__madrugada::after{content:"";flex:1;border-top:1px dashed var(--papel-3)}
.hoja__fila:has(+ .hoja__madrugada){border-bottom:0}

/* Hoy, pasada la medianoche: «De anoche» es un papel más chico encima de la
   hoja de hoy, sobre la misma mesa. */
.mesa > .documento + .documento{margin-top:1.25rem}
.hoja--anoche .documento__titulo{font-size:clamp(1.25rem,3.4vw,1.6rem)}
.hoja--anoche .documento__seccion{margin-top:.9rem;padding-top:.6rem}
.hoja--anoche .documento__base{margin-top:.9rem}

/* ── v2.3: los vehículos (§4.12) ────────────────────────────────────────── */
/*  Cada vehículo usa el renglón de un horario (hora a la izquierda) para que
    el papel se lea igual de arriba abajo. Los botones van debajo del texto y
    no en una tercera columna: son cuatro, y a 375 px no caben al lado.      */
.hoja__vehiculos{display:flex;flex-direction:column}
.hoja__vehiculo-salida{display:flex;flex-direction:column;gap:.05rem;min-width:0}
.hoja__vehiculo-salida small{
  font-family:var(--f-mono);
  font-size:.64rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--tinta-3);
}
.hoja__sin-hora{color:var(--tinta-3);font-weight:500}
.hoja__vehiculo-tipo{
  flex:none;
  font-family:var(--f-mono);
  font-size:.66rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--tinta-3);
}
.hoja__vehiculo-datos{display:flex;flex-wrap:wrap;align-items:center;gap:0 .15rem}
.hoja__vehiculo-chofer{display:inline-flex;align-items:center;gap:.35rem}
.hoja__vehiculo-chofer .pastilla{font-size:.7rem}
.hoja__pasajeros{color:var(--tinta)}
.hoja__vehiculo-notas{white-space:pre-line;color:var(--tinta-3)}
.hoja__acciones-vehiculo{display:flex;flex-wrap:wrap;align-items:center;margin:.3rem 0 -.4rem -.55rem}
.hoja__boton-linea:disabled{opacity:.35;cursor:default}
.hoja__boton-linea:disabled:hover{background:none;color:var(--tinta-3)}
/* El sprite no trae flechas verticales: las de volver y adelante, giradas. */
.hoja__flecha-vertical{transform:rotate(90deg)}

/* ── v2.4: vuelos y vehículos a la vista (§4.13) ────────────────────────── */
/*  El ícono del tipo va antes del nombre, en tinta suave: dice «bus» o
    «avión» de un vistazo sin competir con el nombre. El renglón del viaje
    («LA 341 · LATAM · Santiago → Calama · presentación 05:30 · sale 07:30 ·
    llega 09:40») va en tinta, porque es lo que se busca en el papel; cada
    «sale 07:30» se corta entero, nunca entre la palabra y su hora.         */
.hoja__vehiculo-icono{display:inline-flex;align-self:center;color:var(--tinta-2)}
.hoja__vehiculo-viaje{color:var(--tinta);font-variant-numeric:tabular-nums}
.hoja__vehiculo-viaje--vuelo{font-weight:500}
.hoja__viaje-parte,.hoja__hora-frase{white-space:nowrap}
/* El +1 dentro de una frase: el mismo sello que en la hora grande. */
.hoja__hora-frase .hoja__mas-uno{font-size:.72em}

/* «Agregar vehículo» cierra la sección; sin vehículos, la sección es solo
   la invitación (y no se imprime: no hay nada que leer). */
.hoja__agregar-vehiculo{display:flex;margin-top:.7rem}
/* Sobre el papel, el botón es de tinta: el borde de la interfaz no se ve. */
.hoja__agregar-vehiculo .boton{--btn-fondo:transparent;--btn-borde:var(--papel-3);--btn-tx:var(--tinta)}
.hoja__agregar-vehiculo .boton:hover{--btn-borde:var(--tinta-3)}
.hoja__sin-vehiculos .hoja__vacia{margin-bottom:.1rem}

/* «Editar la jornada», sección Ruta: el acceso al editor del vehículo. */
.hoja-form__vehiculo{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem}
.hoja-form__vehiculo .campo__ayuda{flex:1 1 14rem;margin:0}

/* El formulario de un vehículo: las casillas de pasajeros por grupo. */
.vehiculo-form__pasajeros{gap:.6rem}
.vehiculo-form__grupo{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.35rem .75rem;
  margin:0;
  padding:.7rem 0 0;
  border:0;
  border-top:1px dashed var(--brd-2);
}
.vehiculo-form__titulo{
  float:left;                      /* así el legend entra a la rejilla como una celda más */
  padding:0;
  font-family:var(--f-mono);
  font-size:.74rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--tx-2);
}
.vehiculo-form__cuenta{color:var(--tx-3)}
.vehiculo-form__todos{justify-self:end}
.vehiculo-form__personas{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));
  gap:.4rem;
}
.vehiculo-form__persona{
  display:flex;
  align-items:center;
  gap:.6rem;
  min-height:var(--tactil);
  padding:.35rem .6rem;
  border:1px solid var(--brd);
  border-radius:var(--radio-sm);
  background:var(--sup-1);
  cursor:pointer;
}
.vehiculo-form__persona:has(input:checked){border-color:var(--sodio-texto);background:var(--sodio-tinte)}
.vehiculo-form__persona:has(input:focus-visible){outline:2px solid var(--sodio);outline-offset:2px}
.vehiculo-form__nombre{display:flex;flex-direction:column;min-width:0;line-height:1.3;overflow-wrap:anywhere}
.vehiculo-form__nombre small{font-size:.76rem;color:var(--tx-3)}
.vehiculo-form__pasajeros.is-invalido .vehiculo-form__persona{border-color:var(--alto)}
/* Quien maneja otro vehículo: se ve, pero no se marca desde acá. */
.vehiculo-form__persona.is-bloqueada{border-style:dashed;background:none;color:var(--tx-3);cursor:not-allowed}

/* ── v2.5: el libro de gira (§4.14) ─────────────────────────────────────── */
/*  «Por confirmar» ocupa el lugar de la hora: un sello en mono, en dos
    renglones si hace falta, sin ensanchar la columna (así todas las líneas
    siguen empezando en el mismo lugar). En ocre, como la pastilla «Por
    confirmar»: es lo que falta cerrar.                                      */
.hoja .documento__hora.hoja__por-confirmar{
  white-space:normal;
  font-size:.64rem;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--alerta);
  padding-top:.15rem;
}
.hoja--grande .documento__hora.hoja__por-confirmar{font-size:.7rem}

/* «17:00–19:30»: el fin, debajo y más chico, dentro de la misma columna. */
.hoja__hora-fin{
  display:block;
  font-size:.78em;
  font-weight:500;
  letter-spacing:0;
  color:var(--tinta-2);
}

/* El lugar de la línea (la columna LUGAR del libro): con una argolla chica,
   como un punto en el mapa, en tinta porque es adónde hay que ir. */
.hoja__lugar{display:flex;align-items:center;gap:.4rem;color:var(--tinta);font-weight:500}
.hoja__lugar::before{
  content:"";
  flex:none;
  width:.46rem;
  height:.46rem;
  border:1.5px solid var(--tinta-3);
  border-radius:50%;
}

/* El clima en la cabeza del papel, con su nombre en mono como un dato más. */
.hoja__meta-etiqueta{
  font-family:var(--f-mono);
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--tinta-3);
}

/* El hotel de la estadía: los «Por confirmar» dentro de un dato, y la
   rooming list como filas del papel (la habitación en mono, como un número
   de pieza, y quiénes duermen ahí). */
.hoja__dato .pastilla{font-size:.7rem;vertical-align:.08em}
.hoja__notas-estadia{white-space:pre-line}
.hoja__rooming{margin-top:.9rem}
.hoja__rooming-titulo{
  margin-bottom:.35rem;
  font-family:var(--f-mono);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--tinta-3);
}
.hoja__habitaciones{margin:0;padding:0;list-style:none}
.hoja__habitacion{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.1rem .6rem;
  padding:.4rem 0;
  border-bottom:1px solid var(--papel-2);
}
.hoja__habitacion:last-child{border-bottom:0}
.hoja__habitacion b{min-width:3.4rem;font-family:var(--f-mono);font-weight:700;color:var(--tinta)}
.hoja__habitacion-tipo{
  font-family:var(--f-mono);
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--tinta-3);
}
.hoja__habitacion-quienes{flex:1 1 12rem;min-width:0;color:var(--tinta);overflow-wrap:anywhere}
.hoja__habitacion small{flex-basis:100%;font-size:.8rem;color:var(--tinta-3)}

/* Formularios de jornada (la hoja y el itinerario) y de estadía: las horas
   en dos columnas desde el teléfono (una hora cabe en 8 rem; con la de
   app.css, de 11 rem, a 375 px quedaba una por renglón y trece horas eran
   una columna eterna), cada una con su casilla «Por confirmar» debajo. */
.formulario__fila.formulario-horas{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:.9rem 1rem}
.campo--pendiente{min-height:var(--tactil);gap:.45rem;margin-top:-.1rem}
.campo--pendiente .campo__casilla{width:18px;height:18px}
.campo--pendiente .campo__etiqueta{font-size:.86rem;color:var(--tx-2)}
.campo--pendiente:has(input:checked) .campo__etiqueta{color:var(--alerta);font-weight:600}
.hoja-form__ayuda{margin-top:-.35rem}

/* ── Jornada: vecinas, acciones y atajos ────────────────────────────────── */
.hoja__navegacion{display:flex;justify-content:space-between;gap:.75rem}
.hoja__vecina{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:var(--tactil);
  padding:.35rem .8rem;
  border:1px solid var(--brd);
  border-radius:var(--radio-sm);
  background:var(--sup-2);
  color:var(--tx-2);
  font-family:var(--f-mono);
  font-size:.86rem;
  letter-spacing:.04em;
  transition:border-color var(--t-rapido) var(--ease),color var(--t-rapido) var(--ease);
}
.hoja__vecina:hover{border-color:var(--brd-3);color:var(--tx)}
.hoja__vecina span{display:flex;flex-direction:column;line-height:1.2}
.hoja__vecina small{font-family:var(--f-body);font-size:.72rem;letter-spacing:0;color:var(--tx-3)}
.hoja__vecina--siguiente{margin-left:auto;text-align:right}
.hoja__vecina.is-vacia{visibility:hidden}

.hoja__herramientas{justify-content:center}

.hoja__atajo{flex-direction:row;align-items:center;gap:.8rem;padding:.85rem 1rem}
.hoja__atajo > span{flex:1;display:flex;flex-direction:column;line-height:1.3}
.hoja__atajo small{color:var(--tx-3);font-size:.84rem}
.hoja__atajo .icono{color:var(--sodio-texto)}

/* Formulario de la jornada: la nota de «Con vehículos, eso va en Vehículos». */
.hoja-form__nota{font-size:.88rem}

/* Formulario de la jornada: separadores de grupo. */
.hoja-form__grupo{
  margin-top:.4rem;
  padding-top:.8rem;
  border-top:1px dashed var(--brd-2);
  font-family:var(--f-mono);
  font-size:.74rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--tx-3);
}

/* Modal de envío: una fila por persona sin la app. */
.hoja-envio__sin-cuenta{display:flex;flex-direction:column;gap:.4rem}
.hoja-envio__botones{flex-wrap:wrap;justify-content:flex-end}
.hoja-envio__enlace{display:flex;flex-direction:column;gap:.6rem;padding-top:.8rem;border-top:1px dashed var(--brd-2)}
/* v2.3: el enlace del día y el fijo de la gira, cada uno con su nombre. */
.hoja-envio__titulo{
  font-family:var(--f-mono);
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--tx-2);
}

/* Enlace público de este día (§4.12). La URL se lee entera y se selecciona
   de un toque; revocar queda aparte, abajo, para no tocarlo sin querer. */
.hoja-enlace{display:flex;flex-direction:column;gap:.85rem}
.hoja-enlace__url{font-family:var(--f-mono);font-size:.84rem}
.hoja-enlace__revocar{padding-top:.8rem;border-top:1px dashed var(--brd-2)}

/* ── Hoy: la carga y lo que viene ───────────────────────────────────────── */
.hoja-carga{color:inherit}
.hoja-carga .barra{margin:0}
.hoja-carga__icono{
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
}
.hoja-carga.is-falta{border-color:var(--alerta-borde)}
.hoja-carga.is-falta .hoja-carga__icono{background:var(--alerta-tinte);color:var(--alerta)}
.hoja-carga.is-completa{border-color:var(--ok-borde)}
.hoja-carga.is-completa .hoja-carga__icono{background:var(--ok-tinte);color:var(--ok)}
.hoja-carga__detalle{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.4rem 1rem;
  font-weight:600;
}
.hoja-carga.is-falta .hoja-carga__detalle > span:first-child{color:var(--alerta)}
.hoja-carga__ir{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-weight:500;
  font-size:.88rem;
  color:var(--sodio-texto);
}

.hoja-siguiente{color:inherit}
.hoja-siguiente__dia{display:flex;align-items:center;justify-content:space-between;gap:.5rem}

/* ── Lista de puerta ────────────────────────────────────────────────────── */
.puerta{display:flex;flex-direction:column;gap:1rem}
.puerta__cabeza{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1rem;
  align-items:end;
}
@media (min-width:720px){
  .puerta__cabeza{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}
}
.puerta__cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
.puerta__agregar .formulario__fila{grid-template-columns:minmax(0,1fr) minmax(0,9rem)}
@media (max-width:420px){
  .puerta__agregar .formulario__fila{grid-template-columns:minmax(0,1fr)}
}
.puerta__mas{min-width:3.2rem;font-weight:700;color:var(--tx-2)}
.puerta__vacia{justify-content:center}

/* ── Impresión ──────────────────────────────────────────────────────────── */
/*  Sale el papel: sin botones por línea, sin vecinas, sin atajos. La línea
    que cambió conserva una raya a la izquierda, visible sin color.          */
@media print{
  .hoja__acciones-linea,.hoja__acciones-vehiculo,.hoja__navegacion,.hoja__herramientas,.hoja__atajo,
  .hoja-carga,.hoja-siguiente{display:none!important}
  /* «Por confirmar» del chofer: sin fondo, con borde, legible en blanco y negro. */
  .hoja__vehiculo-chofer .pastilla{background:none;border-color:var(--tinta-3);color:var(--tinta)}
  .hoja__vehiculo{break-inside:avoid}
  .hoja__vehiculo-icono{color:var(--tinta)}
  .hoja__fila--editable{grid-template-columns:4.2rem minmax(0,1fr)}
  /* El grupo y el +1 salen impresos: sin fondo (la impresora suele no
     imprimirlos) y con un borde que se ve en blanco y negro. */
  .hoja__grupo,.hoja__grupo--artistas{background:none;border-color:var(--tinta-3);color:var(--tinta)}
  .hoja__mas-uno,.hoja__madrugada{color:var(--tinta)}
  .hoja__madrugada::after{border-top-color:var(--tinta-3)}
  .hoja--anoche{break-inside:avoid}
  .hoja .documento__fila.is-cambiada{background:none;box-shadow:inset 3px 0 0 var(--hoja-raya-impresa)}
  .hoja__telefono{text-decoration:none}
  .hoja__setlist{columns:2}
  .hoja-vista .mesa{margin:0;padding:0}
  /* v2.5: el sello, el lugar y el hotel se leen igual en blanco y negro. */
  .hoja .documento__hora.hoja__por-confirmar,.hoja__hora-fin{color:var(--tinta)}
  .hoja__lugar::before{border-color:var(--tinta)}
  .hoja__dato .pastilla{background:none;border-color:var(--tinta-3);color:var(--tinta)}
  .hoja__habitacion{break-inside:avoid}
}