/* Botones de selección de tamaño de fuente.
   La regla global de <button> en Seidor.css fuerza color con !important,
   por lo que el color inline que pone tamanofuente() no se aplica.
   Se detecta el activo por el style inline (rgb(0, 0, 255)) que sigue
   estando en el DOM aunque el color visual venga del CSS. */
.Seidor-CHT-AAA .font-size-btn {
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer;
}

    /* Activo (el JS le pone style="color: rgb(0, 0, 255)") */
    .Seidor-CHT-AAA .font-size-btn[style*="0, 0, 255"] {
        color: #0000ff !important;
    }

    .Seidor-CHT-AAA .font-size-btn:hover {
        text-decoration: underline !important;
    }

    .Seidor-CHT-AAA .font-size-btn:focus-visible {
        outline: 2px solid #005fcc;
        outline-offset: 2px;
    }

.Seidor-CHT-AAA #font-small {
    font-size: 14px !important;
}

.Seidor-CHT-AAA #font-normal {
    font-size: 15px !important;
}

.Seidor-CHT-AAA #font-big {
    font-size: 18px !important;
}

.Seidor-CHT-Titulo > h2,
.Seidor-CHT-Titulo > p {
    display: block;
    width: 100%;
    margin: 0 0 .5rem 0;
}

/* Subtítulos descriptivos bajo el h1 de página */
.subtitulo-h2 {
    display: block;
    clear: both; /* fuerza retorno tras el h1 flotado */
    padding: 1rem 0 0 0;
    font-size: 1.2rem; /* algo mayor que el texto base */
    font-weight: 400;
    color: #15537D;
}

.subtitulo-h3 {
    display: block;
    clear: both;
    font-size: 1.1rem;
    font-weight: 400;
    position:relative;
    top: 10px;
}

/* Iconos de acciones de tabla, botón de exportar a CSV, cabeceras
   ordenables y botón del acordeón: anular el aspecto azul y, sobre
   todo, el padding/margin/border que hereda de la regla global de
   <button> en Seidor.CHT.css y que provoca, entre otros, que los
   iconos salten a una línea nueva en la celda de acciones, que el
   botón del acordeón desborde el <h2> contenedor o que los iconos
   de la tabla de autorizaciones tengan borde y cambio de fondo en
   el hover. */
.table_icon-btn,
.btn-export-csv,
.btn-icon,
.btn-icono,
.th-sort,
.acordeon-toggle {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-weight: inherit !important;
}

    .table_icon-btn:hover,
    .btn-export-csv:hover,
    .btn-icon:hover,
    .btn-icono:hover,
    .th-sort:hover,
    .acordeon-toggle:hover {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Pequeña separación horizontal entre iconos para que no se peguen,
   sin volver al margen vertical del global. */
    .btn-icon + .btn-icon,
    .btn-icono + .btn-icono,
    .table_icon-btn + .table_icon-btn {
        margin-left: 4px !important;
    }

/* La cabecera ordenable necesita ocupar todo el ancho del <th>
   y heredar tipografía/color del propio <th>. */
.th-sort {
    width: 100%;
    text-align: inherit;
    font: inherit;
    cursor: pointer;
}