/**
 * Unified block / section titles (matches homepage “Más votados”).
 */
:root {
    --mio-block-title-size: 0.7rem;
    --mio-block-title-weight: 800;
    --mio-block-title-spacing: 0.12em;
    --mio-block-title-accent: #1d4ed8;
    --mio-block-title-line: #c7d9f5;
    --mio-block-title-font: 'Google Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.mio-block-title,
.hub-section,
.nr-section-label,
.nr-card__title,
.section-label,
.art-rail__label,
.nr-bias-legend h2.mio-block-title {
    font-family: var(--mio-block-title-font);
    font-size: var(--mio-block-title-size);
    font-weight: var(--mio-block-title-weight);
    letter-spacing: var(--mio-block-title-spacing);
    text-transform: uppercase;
    line-height: 1.35;
}

.nr-section-label,
.nr-card__title {
    color: var(--mio-block-title-accent);
    border-bottom: 1px solid var(--mio-block-title-line);
    padding-bottom: 8px;
}

.section-label,
.art-rail__label {
    color: var(--mio-block-title-accent);
    border-bottom: 1px solid var(--mio-block-title-line);
    padding-bottom: 0.35rem;
}

.hub-section {
    border-bottom: 1px solid var(--fz-line, var(--mio-block-title-line));
    padding-bottom: 8px;
}

html.dark-mode .nr-section-label,
html.dark-mode .nr-card__title,
body.dark-mode .nr-section-label,
body.dark-mode .nr-card__title,
html.dark-mode .section-label,
body.dark-mode .section-label,
html.dark-mode .art-rail__label,
body.dark-mode .art-rail__label {
    color: #93c5fd;
    border-bottom-color: #3b4d6b;
}