/* Plan72h — LISTA PARA IMPRIMIR (72 horas)
   Se carga DESPUÉS de /estilos.css y /paginas.css. Sin estilos en línea.
   Este archivo tiene la vista de pantalla de la lista y las reglas de impresión (A4). */

/* ---------- Pantalla ---------- */
.solo-imprimir { display: none; }

.acciones { margin: 0 0 var(--e5); }

.como-leer {
  font-size: .98rem; margin: var(--e4) 0 var(--e5); padding: var(--e3) var(--e4);
  border-radius: var(--r-l); background: var(--fondo-suave);
}
.como-leer p { margin: 0; }
.como-leer .estrella { font-size: 1em; }

.articulo .listas { margin: 0; }
.articulo .grupo h2 { margin: var(--e6) 0 var(--e2); font-size: 1.4rem; }
.articulo .grupo:first-child h2 { margin-top: var(--e4); }

.lista { list-style: none; padding: 0; margin: 0; }
.articulo .lista { padding-left: 0; }
.articulo .item { max-width: none; margin: 0; }
.item {
  display: flex; align-items: flex-start; gap: var(--e3);
  padding: var(--e3) 0; border-bottom: 1px solid var(--linea);
}
.item:last-child { border-bottom: 0; }

/* Casilla vacía: un cuadrado que se puede marcar a mano en papel */
.casilla {
  flex: none; display: inline-block; width: 22px; height: 22px; margin-top: 3px;
  border: 2px solid var(--texto); border-radius: 4px; background: transparent;
}
.item__texto { min-width: 0; }
.item__nombre { margin: 0; font-weight: 700; }
.item__nota { margin: 2px 0 0; color: var(--suave); font-size: .95rem; }
.item__datos { margin: 4px 0 0; font-size: .95rem; }
.cantidad { font-weight: 800; color: var(--texto); }
.guias { display: block; color: var(--suave); font-size: .88rem; }

.estrella { color: var(--acento-texto); font-weight: 700; white-space: nowrap; }

/* Sección de casos ("Si en tu casa hay…") */
.condicional {
  margin: var(--e6) 0 0; padding: var(--e4) var(--e5);
  border-radius: var(--r-l); background: var(--tarjeta); border: 1px solid var(--linea);
}
.condicional h2 { margin: 0 0 var(--e2); font-size: 1.4rem; }
.condicional > p { margin: 0 0 var(--e3); color: var(--suave); }
.condicional .lista { padding: 0; }

.fuentes-lista .fuentes-articulo { margin: var(--e3) 0 0; }
.fuentes-lista > p { color: var(--suave); }

.url-impresion { display: none; }

@media (max-width: 480px) {
  .condicional { padding: var(--e4); }
  .como-leer { font-size: .95rem; }
}

/* ---------- Impresión (A4, blanco y negro) ---------- */
@page { size: A4; margin: 14mm 13mm 14mm; }

@media print {
  html, body { background: #fff !important; color: #000 !important; font-size: 10pt; line-height: 1.3; }
  * { box-shadow: none !important; text-shadow: none !important; }

  /* Fuera: cabecera, menús, pie, botones, llamadas a la web y el enlace de "Imprimir" */
  .saltar, .barra-superior, .migas, .pie, .acciones, .no-imprimir, .cta { display: none !important; }
  .sprite { display: none !important; }

  .articulo { padding: 0; }
  .articulo .contenedor { max-width: none; padding: 0; }
  .articulo h1 { font-size: 19pt; margin: 0 0 4pt; color: #000; }
  .entradilla { font-size: 11pt; margin: 0 0 4pt; color: #000; }
  .actualizado { font-size: 8.5pt; margin: 0 0 6pt; color: #000; }
  .actualizado .icono { display: none; }

  .como-leer { background: none !important; border: 1px solid #000; border-radius: 0; padding: 4pt 6pt; margin: 0 0 8pt; font-size: 9pt; }
  .como-leer p { color: #000; }

  /* Dos columnas. Cada grupo y cada producto se quedan enteros en la misma página */
  .listas { column-count: 2; column-gap: 8mm; column-fill: auto; }
  .articulo .grupo { break-inside: avoid; margin: 0 0 6pt; }
  .articulo .grupo h2 { font-size: 12pt; margin: 6pt 0 2pt; break-after: avoid; color: #000; }
  .articulo .grupo:first-child h2 { margin-top: 0; }
  .item { break-inside: avoid; padding: 3pt 0; gap: 5pt; border-bottom: 0.5pt solid #999; }
  .item:last-child { border-bottom: 0; }
  .casilla { width: 11pt; height: 11pt; margin-top: 1.5pt; border: 1pt solid #000; border-radius: 0; }
  .item__nombre { font-size: 10pt; margin: 0; color: #000; }
  .item__nota { font-size: 8.5pt; margin: 0; color: #000; }
  .item__datos { font-size: 8.5pt; margin: 1pt 0 0; color: #000; }
  .guias { display: inline; font-size: 8pt; color: #000; }
  .guias::before { content: " · "; }
  .cantidad { color: #000; }
  .estrella { color: #000; font-size: 10pt; }

  /* Lo de "Si en tu casa hay…" va a una columna, debajo */
  .condicional { break-before: auto; break-inside: auto; background: none !important; border: 1px solid #000; border-radius: 0; padding: 4pt 6pt; margin: 8pt 0 0; column-span: all; }
  .condicional h2 { font-size: 11pt; margin: 0 0 2pt; break-after: avoid; color: #000; }
  .condicional > p { font-size: 8.5pt; margin: 0 0 2pt; color: #000; }
  .condicional .item { break-inside: avoid; }

  .fuentes-lista { break-inside: avoid; margin-top: 8pt; }
  .fuentes-lista h2 { font-size: 10pt; margin: 0 0 2pt; color: #000; break-after: avoid; }
  .fuentes-lista > p { font-size: 8pt; margin: 0 0 2pt; color: #000; }
  .fuentes-articulo { font-size: 8pt; margin: 0; padding-left: 1.1em; column-count: 2; column-gap: 8mm; }
  .fuentes-articulo li { margin: 0 0 1pt; break-inside: avoid; }
  .fuentes-articulo a { color: #000; font-weight: 700; text-decoration: none; word-break: normal; }
  .fuentes-articulo span { color: #000; font-size: 7.5pt; }

  .caja--112 { background: none !important; border: 1px solid #000; border-radius: 0; padding: 4pt 6pt; margin: 6pt 0 0; font-size: 8.5pt; break-inside: avoid; }
  .caja--112 .icono { display: none; }

  .solo-imprimir { display: block; }
  .url-impresion { display: block; margin: 10pt 0 0; font-size: 8pt; color: #000; text-align: right; }
}