/* /parque-movil/ · «Cómo elaboramos los datos» y «Estado de los datos» (templates/parque_movil/como_elaboramos.html
   y estado.html; vista en parque_movil/estado.py). Se carga después de parque-movil.css, que pone la cabecera, la tira
   de cifras, la barra del índice y los apartados. Aquí, solo lo de estas dos páginas, con prefijo pm-doc-:
   - el molde de las páginas de texto de /zonas-bajas-emisiones/ (normativa, .zb-sec de zbe.css): desde 900 px, el
     título de cada apartado fijo a la izquierda y el cuerpo a la derecha, a no más de 720 px;
   - la prosa, las filas de las fuentes, la cuenta del cálculo, las tablas de dos columnas y las listas de datos.
   Las tablas de municipios son las .obs-plana del Observatorio (observatorio.css), que en móvil pasan a fichas.
   Sin tarjetas, sombras ni pastillas; enlaces en tinta con subrayado fino; sin verde, que es del eléctrico. */

/* Apartado de texto: título y cuerpo apilados; desde 900 px, en dos columnas con el título fijo. */
.pm-doc-sec .pm-sec-hd { margin-bottom: 18px; }
.pm-doc-bd { min-width: 0; max-width: 720px; font-size: 16px; line-height: 1.7; color: var(--gris); }
@media (min-width: 900px) {
    .pm-doc-sec { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 48px; }
    .pm-doc-sec .pm-sec-hd { position: sticky; top: calc(var(--cabecera) + var(--barra) + 24px); align-self: start; margin: 0; }
    /* Una lista que abre el cuerpo ya tiene encima el filete del apartado: sin el suyo, que saldría doble, y con la
       primera fila a la altura del número. En móvil sí lo lleva: separa la lista del título. */
    .pm-doc-bd > :is(.pm-doc-filas, .pm-doc-dl, .pm-doc-lista):first-child { border-top: 0; }
    .pm-doc-bd > :is(.pm-doc-filas, .pm-doc-dl, .pm-doc-lista):first-child > :first-child { padding-top: 0; }
}

/* Prosa del cuerpo. */
.pm-doc-bd > * + * { margin-top: 14px; }
.pm-doc-bd > h3 { margin-top: 30px; font-size: 17px; line-height: 1.35; font-weight: 700; letter-spacing: -.01em; color: var(--tinta); }
.pm-doc-bd > h3:first-child { margin-top: 0; }
.pm-doc-bd b, .pm-doc-bd strong { font-weight: 600; color: var(--tinta); }
.pm-doc-bd a { color: var(--tinta); text-decoration: underline; text-decoration-color: var(--hair-strong); text-underline-offset: 3px; }
.pm-doc-bd a:hover { text-decoration-color: var(--tinta); }
.pm-doc-ley { font-size: 12.5px; line-height: 1.55; color: var(--gris2); }
.pm-doc-bd > .pm-doc-ley { margin-top: 10px; }
/* El nombre del proceso, en su forma («ev_dgt_etl»): dentro de un rótulo en versalitas, sin pasarlo a mayúsculas. */

/* Filas con título a la izquierda (las tres fuentes; .zb-filas de ZBE). */
.pm-doc-filas { border-top: 1px solid var(--tinta); }
.pm-doc-filas > li { padding: 16px 0; border-bottom: 1px solid var(--linea); }
.pm-doc-filas h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--tinta); }
.pm-doc-filas h3 small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 500; color: var(--gris2); }
.pm-doc-filas p { font-size: 15px; line-height: 1.6; }
@media (min-width: 640px) {
    .pm-doc-filas > li { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; }
    .pm-doc-filas h3 { margin: 0; }
}

/* La cuenta del cálculo: oficial + entradas − salidas + ajuste = hoy, con el operador en su columna. */
.pm-doc-cuenta { width: 100%; border-collapse: collapse; border-top: 1px solid var(--tinta); font-size: 15px; font-variant-numeric: tabular-nums; }
.pm-doc-cuenta th, .pm-doc-cuenta td { padding: 9px 0; border-bottom: 1px solid var(--linea); text-align: left; vertical-align: baseline;
    font-weight: 400; line-height: 1.45; color: var(--gris); }
.pm-doc-cuenta .pm-doc-op { width: 1.6em; font-weight: 600; color: var(--gris2); }
.pm-doc-cuenta .pm-doc-num { padding-left: 12px; text-align: right; white-space: nowrap; font-weight: 600; color: var(--tinta); }
.pm-doc-cuenta .pm-doc-total > * { border-bottom-color: var(--tinta); font-weight: 700; color: var(--tinta); }

/* Tabla de dos columnas, el dato a la derecha, con grupos (los movimientos; las fuentes del estado). No pasa a fichas
   en móvil: cabe a 390 px. */
.pm-doc-tabla { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.45; font-variant-numeric: tabular-nums; }
.pm-doc-tabla caption { padding-bottom: 8px; text-align: left; font-size: 13px; font-weight: 700; color: var(--tinta); }
.pm-doc-tabla th, .pm-doc-tabla td { padding: 8px 0; border-bottom: 1px solid var(--linea); text-align: left; vertical-align: baseline;
    font-weight: 400; color: var(--gris); }
.pm-doc-tabla td { padding-left: 16px; text-align: right; white-space: nowrap; color: var(--tinta); }
.pm-doc-tabla td small, .pm-doc-tabla th small { display: block; margin-top: 2px; font-size: 12px; white-space: normal; color: var(--gris2); }
.pm-doc-tabla thead th { padding-top: 0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--gris2);
    border-bottom-color: var(--tinta); }
.pm-doc-tabla thead th + th { text-align: right; }
.pm-doc-tabla .pm-doc-grupo > * { padding-top: 18px; border-bottom-color: var(--tinta); font-weight: 700; color: var(--tinta); }
.pm-doc-tabla caption + thead + tbody .pm-doc-grupo > *, .pm-doc-tabla thead.pm-vh + tbody .pm-doc-grupo > * { padding-top: 4px; }

/* Lista de datos: rótulo en versalitas y valor (calidad y publicación del estado). */
.pm-doc-dl { border-top: 1px solid var(--tinta); }
.pm-doc-dl > div { padding: 12px 0; border-bottom: 1px solid var(--linea); }
.pm-doc-dl dt { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--gris2); }
.pm-doc-dl dd { margin-top: 4px; font-size: 16px; font-weight: 600; line-height: 1.45; color: var(--tinta); font-variant-numeric: tabular-nums; }
.pm-doc-dl dd small { display: block; margin-top: 2px; font-size: 13.5px; font-weight: 400; line-height: 1.55; color: var(--gris); }
.pm-doc-dl dd small:only-child { margin-top: 0; }
@media (min-width: 640px) {
    .pm-doc-dl > div { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 20px; align-items: baseline; }
    .pm-doc-dl dd { margin-top: 0; }
}

/* Lista con título por elemento (los riesgos pendientes del estado). */
.pm-doc-lista { border-top: 1px solid var(--tinta); }
.pm-doc-lista > li { padding: 14px 0; border-bottom: 1px solid var(--linea); }
.pm-doc-lista h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--tinta); }
.pm-doc-lista p { font-size: 15px; line-height: 1.6; }
.pm-doc-lista .pm-doc-ley { margin-top: 6px; }

/* Las tablas de municipios del estado (.obs-plana) dentro del cuerpo: el mismo arranque que el resto. */
.pm-doc-bd > .obs-plana { margin-top: 14px; }
.pm-doc-bd > h3 + .obs-plana { margin-top: 8px; }
/* La tabla plegable de los meses (la de hijos de parque-movil.css): al abrir el apartado, sin el aire de arriba. */
.pm-doc-bd > .pm-hijos:first-child, .pm-doc-bd > .pm-hijos:first-child .obs-tabla-caja { margin-top: 0; }

/* La fórmula para citar: a la vista y entera de un clic (la de la metodología de /matriculaciones/). */
.pm-doc-cita { padding: 4px 0 4px 18px; border-left: 2px solid var(--tinta); font-size: 18px; line-height: 1.45; color: var(--tinta);
    user-select: all; }