/* Hoja del borrador: misma disposición que el papel, A4 apaisado. */
.hoja {
  width: 297mm; height: 210mm; padding: 6mm 6mm 5mm;
  display: grid; grid-template-columns: 1fr 41mm 1fr; gap: 5mm;
  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #000; background: #fff;
}
.hoja table { border-collapse: collapse; width: 100%; table-layout: fixed; }
.hoja td, .hoja th { border: .6pt solid #000; padding: 0 1px; text-align: center; height: 4.1mm; overflow: hidden; white-space: nowrap; }
.hoja th { font-size: 6pt; font-weight: 700; }
.hoja .g { border-left-width: 1.4pt; }
.hoja .sin-borde { border: 0; }
.hoja h1 { font-size: 17pt; font-weight: 400; margin: 0 0 1mm 12mm; height: 7mm; }

.col-equipo, .col-centro { display: flex; flex-direction: column; min-width: 0; }

.cab-equipo { display: flex; align-items: flex-end; gap: 2mm; font-size: 8pt; margin-bottom: 3mm; height: 5mm; }
.linea { display: inline-block; border-bottom: .6pt solid #000; min-width: 18mm; padding: 0 1mm; flex: 1; }
.linea.larga { flex: 2.6; }
.horas { display: flex; align-items: flex-end; gap: 2mm; font-size: 9pt; height: 7mm; margin: 0 0 1mm auto; width: 75%; }

.t-equipo { border: 1.4pt solid #000; }
.t-equipo thead tr:first-child th { height: 5.5mm; }
.t-equipo .vert { height: 11mm; }
.t-equipo .vert span { display: inline-block; writing-mode: vertical-rl; transform: rotate(180deg); white-space: normal; line-height: 1; font-size: 5.5pt; }
.t-equipo .f-num { font-size: 6pt; }
.t-equipo .f-num.marcada { background: radial-gradient(circle, transparent 52%, #000 54%, #000 62%, transparent 64%); font-weight: 700; }
.t-equipo .tm { background: #bbb; font-weight: 700; font-size: 5.5pt; }
.t-equipo .tm-marca { font-weight: 700; }

.info-titulo { text-align: center; margin: 1.5mm 0 .5mm; font-size: 7pt; }
.t-info { border: 1.4pt solid #000; flex: 1; }
.t-info td { vertical-align: top; text-align: left; white-space: normal; height: 16mm; padding: 1px 2px; }
.t-info small { color: #777; font-size: 6pt; display: block; }
.t-info .incid { height: 16mm; }
.t-info .incid small { text-align: center; }
.t-info div { font-size: 7.5pt; }

.saque { text-align: center; font-size: 7pt; height: 15mm; }
.saque .cajas { display: flex; justify-content: center; gap: 12mm; margin-top: 1.5mm; }
.saque .cajas span { width: 6mm; height: 7mm; border: .8pt solid #000; display: grid; place-items: center; font-weight: 700; font-size: 10pt; }
.t-goles { border: 1.4pt solid #000; }
.t-goles td, .t-goles th { height: 4.85mm; }
.t-goles thead th { height: 5.5mm; }
.t-goles sup { font-size: 5pt; }

@media print {
  @page { size: A4 landscape; margin: 0; }
  html, body { background: #fff; padding: 0; margin: 0; }
  body > *:not(main), main > .vista:not(#vista-acta), .no-print { display: none !important; }
  main { padding: 0; max-width: none; }
  #vista-acta { display: block !important; }
  .acta-escala { border: 0; height: auto !important; overflow: visible; }
  .acta-escala .hoja { transform: none !important; }
  .hoja td, .hoja th, .saque .cajas span { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
.hoja .tecnico { text-align: left; font-size: 6pt; }
