/* La revisión de la carta (tanda 18): su pantalla, el informe y la carta para
   imprimir. Va en su archivo y no en estilo.css para no tocar ninguna otra
   pantalla; las tres plantillas lo piden. */

/* --------------------------------------------------------------- pantalla */

.cifras-revision { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: .5rem 1.25rem; margin: .25rem 0 .75rem; }
.cifras-revision p { margin: 0; display: flex; flex-direction: column; }
.cifras-revision b { font-size: 1.25rem; }
.acciones-revision { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.acciones-revision form { display: flex; gap: .4rem; align-items: center; }
.lecturas { margin: .25rem 0 .5rem 1.1rem; padding: 0; }
.lecturas li { margin: .2rem 0; }
.propuesta-orden { margin: .4rem 0; }
.form-propuesta { margin: 0 0 .6rem; }
.avisos-pautas { margin: .4rem 0 .6rem; padding-left: 1.6rem; }
.avisos-pautas li { margin: .15rem 0; }
.tabla-revision input.orden { width: 3.2rem; min-width: 3.2rem; text-align: right; }
.tabla-revision input.precio { width: 5.5rem; min-width: 5.5rem; text-align: right; }
.tabla-revision td.marca { text-align: center; }
.tabla-revision td.marca input { width: auto; }
.tabla-revision .col-motivo { min-width: 15rem; white-space: normal; }
.tabla-revision .col-nota { min-width: 9rem; }
.tabla-revision td:nth-child(2) { min-width: 10rem; }
.tabla-revision .etiqueta { margin-left: .3rem; }
.tabla-revision tr.fuera-de-carta td { color: var(--grafito); background: var(--hueso); }
.tabla-revision tr.fuera-de-carta a { text-decoration: line-through; }
.seccion-revision h3 { margin-top: 1rem; }
.secciones-revision { border: none; padding: 0; margin: .5rem 0 .75rem; }
.secciones-revision legend { font-weight: 600; margin-bottom: .3rem; }

/* ----------------------------------------------------------------- informe */

.hoja-informe h1 { font-size: 1.35rem; margin: .2rem 0 .4rem; }
.hoja-informe h2 { font-size: 1.05rem; margin: 1.1rem 0 .4rem; border-bottom: 1px solid var(--acero-2);
  padding-bottom: .15rem; }
.nota-informe { border-left: 3px solid var(--ambar-2); padding-left: .5rem; }
.hoja-informe table.listado { width: 100%; border-collapse: collapse; }
.hoja-informe table.listado th { text-align: left; border-bottom: 2px solid var(--tinta); padding: .25rem .35rem; }
.hoja-informe table.listado td { padding: .25rem .35rem; border-bottom: 1px solid var(--acero-2); vertical-align: top; }
.hoja-informe table.listado th.cifra { text-align: right; }
.hoja-informe tr.destacada td { border-top: 2px solid var(--tinta); }
.tabla-informe td.motivo { min-width: 14rem; font-size: .88em; }
.tabla-informe tr.fuera-de-carta td { color: var(--grafito); }
.omnes-informe { margin-top: .6rem; }
.omnes-informe p { margin: .2rem 0; }
@media (max-width: 680px) { .tabla-informe { min-width: 44rem; } }

/* ------------------------------------------------------ la carta impresa */

/* Una hoja A4 a dos columnas, sin símbolo del euro y con el precio pegado al
   final de la descripción (9.3), como la carta modelo de la Taberna Arga. */
.carta-impresa { font-family: Georgia, "Times New Roman", serif; color: #1d1d1b; }
.carta-titulo { text-align: center; font-size: 1.9rem; letter-spacing: .04em; margin: .2rem 0 1rem; }
.carta-columnas { columns: 2 17rem; column-gap: 2.5rem; }
.carta-seccion { break-inside: avoid-column; margin-bottom: 1.2rem; }
.carta-seccion h2 { font-size: .95rem; letter-spacing: .18em; text-transform: uppercase; font-weight: 600;
  margin: 0 0 .6rem; border: none; }
.carta-plato { break-inside: avoid; margin: 0 0 .75rem; }
.carta-plato p { margin: 0; }
.carta-nombre { font-weight: 600; }
.carta-descripcion { font-size: .92em; }
.carta-precio { white-space: nowrap; }
.carta-destacado { border: 1px solid #1d1d1b; padding: .45rem .6rem; }
.carta-recomendacion { font-size: .72em; letter-spacing: .16em; text-transform: uppercase; margin-bottom: .15rem; }
.precio-en-columna .carta-nombre { display: flex; justify-content: space-between; gap: 1rem; }
.carta-pie { text-align: center; font-size: .8em; margin-top: 1rem; }

@media print {
  .pagina-informe { page-break-after: always; }
  .pagina-informe:last-of-type { page-break-after: auto; }
  .hoja-informe { font-size: 10px; }
  /* En papel, todo en proporción a la hoja: los «menudo» y los títulos de la
     pantalla van en rem y salían más grandes que el texto. */
  .hoja-informe .menudo, .hoja-informe p { font-size: 1em; }
  .hoja-informe .menudo { color: var(--grafito); }
  .hoja-informe h1 { font-size: 1.9em; }
  .hoja-informe h2 { font-size: 1.35em; }
  .hoja-informe .cifras-revision b { font-size: 1.6em; }
  .hoja-informe .carta-impresa { font-size: 1.1em; }
  .hoja-carta .carta-impresa { font-size: 12px; }
  .hoja-carta { padding: 0; }
  @page { size: A4; margin: 14mm; }
}