.dropzone-area {
    transition: all 0.3s ease;
}

.dropzone-area.dragover {
    border-color: #6366f1 !important; /* indigo-500 */
    background-color: #eef2ff !important; /* indigo-50 */
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(10px);
    }
}

.file-item {
    animation: fadeIn 0.3s ease;
}

.file-item.removing {
    animation: fadeOut 0.3s ease forwards;
}

/* Estilos de contraste alto para modo de alto contraste de Windows */
@media (forced-colors: active) {
    .file-remove {
        border: 1px solid ButtonText;
    }

    .dropzone-area {
        border: 2px dashed ButtonText;
    }
}

.dropzone-area.dragover-error {
    border-color: #EF4444 !important; /* red-500 */
    background-color: #FEF2F2 !important; /* red-50 */
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}