/* Ajustes para que la card tenga sombra suave y bordes redondeados */
.card {
    border-radius: 0.5rem;
}

/* Botón crear evento más ancho y con transición */
#btnCrearEvento {
    transition: background-color 0.3s ease;
}

    #btnCrearEvento:hover {
        background-color: #343a40cc; /* oscurece un poco en hover */
    }

/* Botones editar y borrar tienen separación y tamaño uniforme */
.btnEditarEvento,
.btnEliminarEvento {
    min-width: 80px;
}

/* Formulario de borrar inline */
form {
    margin: 0;
}
    /* Validación Bootstrap nativa (colocar clases .was-validated al form) */
    form.was-validated .form-control:invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + 0.75rem);
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

        form.was-validated .form-control:invalid:focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }

.invalid-feedback {
    display: block;
    font-size: 0.875em;
}

/* Más espacio en textarea */
textarea.form-control {
    resize: vertical;
}

/* Ajustes de botón */
.modal-footer .btn {
    min-width: 100px;
}