.table-responsive-custom {
    min-height: 60vh;
    max-height: 70vh;
    overflow-y: auto;
}

.card-responsive-custom {
    min-height: 65vh;
    max-height: 70vh;
    overflow-y: auto;
}

.table thead tr th {
    /* position: sticky; */
    top: 0;
    background: white;
}

@keyframes titilante2 {

    0%,
    49.999% {
        background-color: #293a86;
        color: #e9ecef;
    }

    50%,
    99.999% {
        background-color: #e9ecef;
        color: #293a86;
    }

    100% {
        background-color: #293a86;
        color: #e9ecef;
    }
}

.titilante2 {
    animation: titilante2 6s infinite;
    /* IMPORTANTE: Pon el color inicial para evitar "flicker" */
    background-color: #293a86;
    color: #e9ecef;
    border-color: #293a86;
    transition: none !important;
    /* Desactiva transiciones suaves */
}

@keyframes titilante {

    0%,
    49.999% {
        background-color: #ffc107;
        color: #212529;
    }

    50%,
    99.999% {
        background-color: #293a86;
        color: #ffc107;
    }

    100% {
        background-color: #ffff;
        color: #212529;
    }
}

.titilante {
    animation: titilante 1.5s infinite;
    background-color: #ffc107;
    color: #212529;
    border: 1.6px solid #ffc107;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 0.4em 0.4em;
    transition: none !important;
}

.titilante svg {
    transition: none !important;
}


@keyframes titilante3 {

    0%,
    49.999% {
        background-color: #ffc107;
        /* amarillo */
        color: #000;
        /* negro */
    }

    50%,
    99.999% {
        background-color: #383f60;
        /* azul oscuro */
        color: #fff;
        /* blanco */
    }

    100% {
        background-color: #ffc107;
        /* amarillo, para cerrar el ciclo */
        color: #000;
        /* negro */
    }
}

.titilante3 {
    animation: titilante3 1.5s infinite;
    background-color: #ffc107;
    color: #000;
    border: 1.6px solid #ffc107;
    transition: none !important;
}