.dropdown-animation {
        transition: all 0.3s ease-in-out !important;
    }

    .new-item-animation {
        transition: all 0.5s ease-in-out !important;
    }

    .highlight-update {
        animation: pulse 0.6s ease-in-out !important;
        border: 2px solid red !important;
    }

    .counter-number {
        animation: countPop 0.5s ease-in-out !important;
        display: inline-block;
        font-weight: bold;
    }

    .counter-pop {
        animation: numberPop 0.6s ease-in-out !important;
        display: inline-block;
        transform-origin: center;
    }

    .new-item-highlight {
        animation: slideIn 0.4s ease-out !important;
    }

    .item-text {
        animation: textHighlight 1s ease-in-out !important;
    }

    /* ESTILOS CLAVE PARA EL PROBLEMA */
    .registro-hoy {
        background-color: #ffebee !important;
        border-left: 4px solid #dc3545 !important;
        font-weight: bold !important;
    }

    .registro-hoy .dropdown-item {
        background-color: transparent !important;
        color: #dc3545 !important;
    }

    .btn-dropdown-reciente {
        border: 2px solid #dc3545 !important;
        background-color: #fff5f5 !important;
        color: #dc3545 !important;
        font-weight: bold !important;
    }

    .btn-dropdown-normal {
        border: 1px solid #6c757d !important;
    }

    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }

    @keyframes countPop {
        0% { transform: scale(1); color: inherit; }
        50% { transform: scale(1.3); color: #198754; font-weight: bold; }
        100% { transform: scale(1); color: inherit; }
    }

    @keyframes numberPop {
        0% { transform: scale(1); color: inherit; font-size: inherit; }
        50% { transform: scale(1.8); color: #dc3545; font-size: 1.2em; font-weight: bold; }
        100% { transform: scale(1); color: inherit; font-size: inherit; }
    }

    @keyframes slideIn {
        from { opacity: 0; transform: translateX(-10px); background-color: #d1ecf1; }
        to { opacity: 1; transform: translateX(0); background-color: transparent; }
    }

    @keyframes textHighlight {
        0% { color: inherit; }
        50% { color: #198754; font-weight: bold; }
        100% { color: inherit; }
    }