/* ═══════════════════════════════════════════════════════════════
   Jornada Precongreso: cabecera, avisos, moderación y agenda.

   La caja de cada bloque de la agenda es .tarjeta (style-cards.css)
   y aquí NO se vuelve a declarar: solo se añade lo que distingue a
   un trámite de una mesa. El color de ruta no interviene en esta
   página: la jornada es plenaria, no pertenece a ninguna ruta.
   ═══════════════════════════════════════════════════════════════ */

/* La cabecera de página (.cabecera-pagina, .antetitulo-pagina,
   .entradilla-pagina, .acciones, .nota) vive en css/style.css: estaba
   copiada palabra por palabra en esta hoja y en otras tres. */

/* Los avisos (.avisos, .aviso, .aviso-sobrio) están en css/style.css:
   los textos salen de precongreso.json (meta.avisos) y desaparecen
   solos cuando el dato deja de aplicar. */

/* ── AGENDA ───────────────────────────────────────────────────── */
.agenda-dia {
    font-size: var(--txt-entradilla);
    color: var(--gris);
    margin: 10px 0 0;
}

/*
 * Una sola columna: la agenda se lee en orden de reloj y una rejilla
 * de dos columnas rompería esa lectura. <ol> aporta el orden real
 * para quien usa lector de pantalla.
 */
.agenda {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

/* Los trámites y el descanso se apagan un punto con .tarjeta-sobria y
   la mesa lleva el filete de .tarjeta-filete; las dos son
   modificadores de tarjeta y viven en css/style-cards.css, que es la
   única hoja que puede declarar la caja. */
.bloque-tramite .tarjeta-titulo,
.bloque-descanso .tarjeta-titulo {
    font-size: var(--txt-base);
    font-family: var(--font-body);
    font-weight: 600;
}

.bloque-tipo {
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    font-size: var(--txt-rotulo);
    color: var(--gris);
}

.tarjeta-meta .hora time {
    font-variant-numeric: tabular-nums;
}

/* ── PERSONAS ─────────────────────────────────────────────────── */
.personas {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 16px 26px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.personas .persona-nombre {
    font-family: var(--font-headers);
    font-size: 17.5px;
    font-weight: 650;
    color: var(--tinta);
    margin: 0;
}

/*
 * El nombre enlaza a la ficha de la persona. Sin relleno el renglon mide
 * 21 px de alto, por debajo del minimo 24x24 de la WCAG 2.5.8: en movil
 * es un objetivo incomodo justo para el publico de esta web. El relleno
 * vertical lo sube a 24 sin mover la maqueta, porque el bloque ya tenia
 * holgura. El color lo hereda del parrafo para no meter morado en una
 * lista de nombres.
 */
.personas .persona-nombre a {
    display: inline-block;
    padding: 2px 0;
    color: inherit;
    text-decoration-color: var(--linea);
    text-underline-offset: 3px;
}

.personas .persona-nombre a:hover,
.personas .persona-nombre a:focus-visible {
    color: var(--morado);
    text-decoration-color: currentColor;
}

.personas .persona-cargo,
.personas .persona-centro {
    font-size: var(--txt-menor);
    color: var(--gris);
    margin: 2px 0 0;
}

.personas-moderacion {
    max-width: 60ch;
}

.sede-linea {
    margin: 0 0 4px;
}

/*
 * Compuesto a propósito: «.sede-direccion» a secas es, en la hoja de
 * sede, el <address> de la sede en columna flex. Son dos piezas
 * distintas con el mismo nombre, y hoy no chocan solo porque cada
 * página carga una única hoja. Al exigir las dos clases esta regla no
 * puede alcanzar nunca a aquélla. El arreglo definitivo es renombrar
 * la clase en precongreso.php.
 */
.sede-linea.sede-direccion {
    color: var(--gris);
}

/* .sin-datos toma la caja de .estado-vacio (css/style.css). */