/* ==========================================================================
   Fuentes de datos: una tarjeta por fuente, con quien la publica, el enlace
   al conjunto de datos y su licencia.
   ========================================================================== */

.sources__title {
    font-size: var(--fs-h2);
    line-height: var(--lh-snug);
}

.sources__intro {
    margin-top: var(--space-4);
    font-size: var(--fs-lead);
    color: var(--ink-soft);
}

.sources {
    display: grid;
    gap: var(--space-4);
    margin: var(--space-6) 0;
    padding: 0;
    list-style: none;
}

.sources__item {
    padding: var(--space-5);
    background: var(--surface);
    border: 1px solid var(--rule);
    border-radius: var(--r-lg);
}

.sources__region {
    color: var(--brand-deep);
}

.sources__publisher {
    margin-top: var(--space-2);
    font-family: var(--font-display);
    font-weight: 700;
}

.sources__dataset {
    margin-top: var(--space-1);
    font-size: var(--fs-sm);
}

.sources__dataset a,
.sources__license a {
    color: var(--teal);
    border-bottom: 1px solid currentColor;
}

.sources__license {
    margin-top: var(--space-2);
    font-size: var(--fs-sm);
    color: var(--ink-soft);
}

.sources__license-label {
    font-weight: 700;
}

.sources__note {
    margin-top: var(--space-3);
    font-size: var(--fs-sm);
    color: var(--ink-soft);
}