/* Panel secundario (gris suave) para las secciones menos importantes.
   parcan.css pinta todas las cabeceras de panel en azul #043A68 con
   !important, así que aquí hace falta !important con mayor
   especificidad para poder vencerlo. */

div.panel-suave {
    margin-top: 28px;
}

div.panel-suave > div.panel-heading {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border-color: #dddddd;
}

div.panel-suave > div.panel-heading > h3,
div.panel-suave > div.panel-heading > h4 {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
}

/* ---- Sección de documentos del registro -----------------------------------
   Filas limpias por documento. */
ul.registro-docs {
    list-style: none;
    margin: 0 0 6px;
    padding: 0;
}
/* El <li> es una fila flex para que el botón de ReadSpeaker (docReader
   inyecta un <a> tras el enlace) quede en la misma línea que el documento. */
ul.registro-docs > li {
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 8px;
}
ul.registro-docs > li > a:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    color: #043A68;
    text-decoration: none;
    flex: none;
    min-width: 0;
}
ul.registro-docs > li > a:first-child:hover,
ul.registro-docs > li > a:first-child:focus {
    background: #f7f9fb;
    text-decoration: none;
}
ul.registro-docs .fa-file-pdf {
    color: #C03C3C;
    font-size: 17px;
    flex: none;
}