/* ═══════════════════════════════════════════════════════════════
   Fichas de detalle: programa/<slug>.php y ponentes/<slug>.php.
   Hoja compartida por las dos plantillas de src/plantillas/.

   No hay ninguna caja de tarjeta aquí: las dos listas de esta
   página (participantes e intervenciones) son .tarjeta de
   style-cards.css, y el relleno y el radio siguen viniendo de
   --tarjeta-relleno y --tarjeta-radio. Aquí solo va la cabecera de
   la ficha, las migas, los avisos y el círculo de la inicial.

   Recordatorio: el color de ruta (--c) es fondo, filete o marca,
   nunca color de texto. Encima de --c va siempre --sc.
   ═══════════════════════════════════════════════════════════════ */

.ficha {
    padding-top: 44px;
}

/* ── MIGAS ────────────────────────────────────────────────────── */
.migas {
    font-size: var(--txt-servicio);
    color: var(--gris);
    margin: 0 0 18px;
}

.migas a {
    color: var(--gris);
}

/* ── CABECERA DE LA PONENCIA ──────────────────────────────────── */
.ficha-cabecera {
    margin: 0 0 32px;
}

.ficha-cabecera h1 {
    margin: 0 0 12px;
}

/* Cuándo y dónde: la misma línea de servicio que la tarjeta de sesión. */
.ficha-cuando {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    font-size: 16px;
    color: var(--gris);
    margin: 0;
}

.ficha-cuando .hora,
.ficha-cuando .aula {
    font-family: var(--font-headers);
    font-weight: 650;
    color: var(--tinta);
}

/* ── CABECERA DE LA PERSONA ───────────────────────────────────── */
/*
 * Ninguna ficha de persona tiene fotografía. La inicial dentro del
 * círculo de su ruta no es un hueco a la espera de una imagen: es la
 * pieza definitiva, del tamaño que tendría el retrato.
 */
.ficha-perfil {
    display: flex;
    align-items: center;
    gap: 22px;
    margin: 0 0 32px;
}

/* El disco (.inicial) es una pieza del sistema de tarjetas y vive en
   css/style-cards.css, con su regla de alto contraste forzado y su aro
   de impresión. Aquí toma su tamaño por defecto, 84px. */

.ficha-perfil h1 {
    font-size: var(--txt-h2);
    margin: 0 0 8px;
}

.ficha-cargo {
    font-size: 17px;
    margin: 0 0 4px;
}

.ficha-centro {
    color: var(--gris);
    margin: 0;
}

/* ── SECCIONES DE LA FICHA ────────────────────────────────────── */
.ficha-sub {
    font-size: var(--txt-h3);
    margin: 0 0 6px;
}

/* ── AVISOS ───────────────────────────────────────────────────── */
/*
 * La caja es el .aviso de css/style.css en su variante .aviso-ruta: el
 * filete lleva el color de la ruta y el texto se queda en gris. Aquí
 * solo el ritmo entre párrafos.
 */
.ficha-avisos p {
    font-size: var(--txt-menor);
    color: var(--gris);
    margin: 0 0 6px;
}

.ficha-avisos p:last-child {
    margin-bottom: 0;
}

/* ── VUELTA ATRÁS ─────────────────────────────────────────────── */
.ficha-volver {
    margin: 34px 0 0;
}

/* ── IMPRESIÓN ────────────────────────────────────────────────── */
@media print {
    .migas,
    .ficha-volver {
        display: none;
    }
}