/** GENERAL */
.card,
.stats-card {
    border: none;
    box-shadow: 0 .5rem 1rem color-mix(in srgb, var(--color-primario), transparent 90%);
    transition: transform 0.2s ease-in-out;
}

/*.card:hover,
.stats-card:hover {
    transform: translateY(-.5rem);
    box-shadow: 0 .75rem 1.25rem color-mix(in srgb, var(--color-primario), transparent 85%);
}*/

.card .icon,
.card .card-icon,
.card .stats-icon {
    margin-bottom: 1rem;

    & i {
        font-size: 3.5rem !important;
        color: var(--color-primario) !important;
    }
}


.card.bg-success,
.card.bg-warning,
.card.bg-danger,
.card.bg-info,
.card.card-success,
.card.card-warning,
.card.card-danger,
.card.card-info {
    color: var(--color-blanco-solido);

    & * {
        color: var(--color-blanco-solido);
    }

    & *,
    .icon,
    .card-icon,
    .stats-icon {
        color: var(--color-blanco-solido) !important;

        & i {
            color: var(--color-blanco-solido) !important;
        }
    }
}

.card.semaforo-card {
    color: var(--color-frente);

    & * {
        color: var(--color-frente);
    }

    & *,
    .icon,
    .card-icon,
    .stats-icon {
        color: var(--color-frente) !important;

        & i {
            color: var(--color-frente) !important;
        }
    }
}



.filters-card {
    background: var(--color-fondo);
    border: 1px solid var(--color-gris-0);
    border-radius: 1rem;
    padding: 1rem;

    margin-bottom: 1rem;
}

.card .stats-number {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: var(--color-frente);
}

.card .stats-label {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.card .stats-change {
    font-size: 0.8rem;
    font-weight: 300 !important;
}

/*
.stats-card {
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 20px;
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    
    .stats-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    
}*/


/** SECCION */
.card-title {
    font-weight: bold;

    &>i.fa,
    &>i.fas {
        display: none;
    }

}

.card-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    font-weight: bold;
    background-color: var(--color-gris-1) !important;
}


.placeholder,
.placeholder-card {
    background-color: var(--color-gris-1);
    border-radius: 1rem;
    animation: pulso 1.5s infinite ease-in-out;
}

.placeholder>*,
.placeholder-card>* {
    animation: latido 1.5s infinite ease-in-out;

    &:nth-child(1) {
        animation-delay: 150ms !important;
    }

    &:nth-child(2) {
        animation-delay: 250ms !important;
    }

    &:nth-child(3) {
        animation-delay: 350ms !important;
    }

    &:nth-child(4) {
        animation-delay: 450ms !important;
    }

    &:nth-child(5) {
        animation-delay: 550ms !important;
    }

}

.placeholder-line {
    height: 1.2rem;
    background-color: color-mix(in srgb, var(--color-gris-2), var(--color-gris-1));
    border-radius: .5rem;
    margin-bottom: 0.5rem;
}

.placeholder-img {
    height: 10rem;
    background-color: var(--color-gris-2);
    border-radius: .5rem;
    margin-bottom: 1rem;

    &.h-5 {
        height: 5.75rem;
    }
}

.card.inhabilitado {
    filter: grayscale(.7);
    &::before{
        content: "";
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        border-radius: 1rem!important;
        backdrop-filter: blur(5px);
    }
        &::after{
        content: "INHABILITADO";
        position:absolute;
        width:min-content;

        font-size: 2rem;
        top:50%;
        left:calc(50% - 3rem);

    }
}


.premio-card .card-body {
    display: flex!important;
    flex-direction: column!important;
    justify-content: space-between!important;
}