/**
 * FilePond: botão "Remover" (X) mais evidente — fundo vermelho no círculo.
 */
.filepond--file-action-button.filepond--action-remove-item {
    background-color: #dc3545 !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.filepond--file-action-button.filepond--action-remove-item:hover {
    background-color: #b02a37 !important;
    color: #fff !important;
}

.filepond--file-action-button.filepond--action-remove-item:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.45);
}