.igss-indicadores__title {
    color: #266B92;
}

.igss-indicadores__edad {
    font-size: 3rem;
    font-weight: 900;
    background: linear-gradient(45deg, #000, #FFC107, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-right: .25rem;
}

.igss-indicadores__card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 1rem;
    transition: transform .2s ease, box-shadow .2s ease;
}

.igss-indicadores__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
}

.igss-indicadores__icon i {
    font-size: 2.5rem;
    opacity: .85;
    color: #6c757d;
}

.igss-indicadores__number {
    font-size: 2rem;
    line-height: 1.2;
    margin-top: .75rem;
    font-weight: 700;
    color: #266B92;
}

.igss-indicadores__label {
    font-size: .95rem;
    font-weight: 800;
    margin-top: .5rem;
    color: #111;
    min-height: 2.2em;
}

.igss-indicadores__footnote small {
    color: #6c757d;
}

/* Banner */
.igss-indicadores__banner {
    border-radius: 1rem;
    overflow: hidden;
}

.igss-indicadores__banner-img {
    transition: transform .5s ease;
}

.igss-indicadores__banner:hover .igss-indicadores__banner-img {
    transform: scale(1.05);
}

.igss-indicadores__banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity .3s ease;
    padding: 2rem;
}

.igss-indicadores__banner:hover .igss-indicadores__banner-overlay {
    opacity: 1;
}

@media (max-width: 575.98px) {
    .igss-indicadores__number {
        font-size: 1.6rem;
    }

    .igss-indicadores__icon i {
        font-size: 2.2rem;
    }
}