/* public/libro.css — el libro del pueblo (D-69).
   Hoja aparte con presupuesto propio, como `corrillo.css` e `instalar.css`: no
   toca el de la portada. Y NO HAY `.js` que le acompañe, a propósito: el libro
   es una lista de enlaces y un teléfono que se pulsa. */
.libro { max-width: 40rem; margin: 0 auto; padding: var(--s-3); }
/* La vuelta al escaparate, ARRIBA del todo y en las dos páginas del libro
   (revisión de D-69). El libro es la pieza que se indexa, y quien llega de un
   buscador decide en la primera pantalla si esto es una lista suelta o parte de
   algo. No estrena regla de toque: entra por `.libro .toque`, de abajo. */
.libro .volver { margin: 0 0 var(--s-2); }
.libro h1 { font-size: 1.8rem; line-height: 1.15; }
/* El subtítulo con la categoría ORIGINAL: conserva el aire del libro de papel y
   explica por qué cada ficha está ahí, como la `.categoria-leida` de D-46. */
.libro h2 { margin: var(--s-4) 0 var(--s-2); font-size: 1.15rem; color: var(--tinta-suave); }
.libro ul { list-style: none; margin: 0; padding: 0; }
.libro li { padding: var(--s-2) 0; border-bottom: 1px solid var(--linea); }
.libro li:last-child { border-bottom: 0; }
.libro .quien { display: block; font-weight: 700; color: var(--tinta); }
/* 44 px: el mínimo con el que un dedo acierta, y aquí media pantalla la lee
   gente de setenta años. Mismo criterio que `.tel`.
   EL HUECO DE LAS FICHAS MUDAS Y LOS ENLACES DEL PIE ENTRAN EN ESTA REGLA, y
   no en una propia: se pulsan igual, y el «¿Sois vosotros?» es probablemente
   el enlace más pulsado de la página —es el que convierte once huecos en once
   motivos para entrar—. Reutilizar el selector cuesta dos palabras; una regla
   aparte costaría cien bytes para decir lo mismo (mismo criterio que D-54). */
.libro .toque, .libro .hueco, .libro .pie-aviso a { display: inline-flex; align-items: center; min-height: 44px; color: var(--casa); }
.libro .toque { margin-right: var(--s-3); }
.libro .pie-aviso { margin-top: var(--s-4); color: var(--tinta-suave); }
/* La farmacia de guardia (D-147): primera fila de /telefonos. */
.libro .guardia { border-left: 6px solid var(--valido); padding-left: var(--s-3); }
.libro .guardia small { display: block; font-size: 1rem; color: var(--tinta-suave); }
/* D-172: /oficial, lo que era el desplegable de la portada. */
.oficial .ojo { margin: var(--s-4) 0 var(--s-1); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--casa); }
.oficial ol { margin: 0; padding: 0 0 0 1.2em; }
.oficial a { color: var(--tinta); }
.oficial small, .oficial .fuente, .oficial .anuncio-fecha { display: block; color: var(--tinta-suave); }
.oficial .fuentes { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.oficial .fuentes a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--s-3); border: 1px solid var(--linea); border-radius: 999px; color: var(--casa); }