/* Fuentes y colores base para un diseño limpio */
body {
    font-family: 'Inter', sans-serif; /* Fuente recomendada para interfaces modernas */
    background-color: #f8f9fa; /* Un fondo gris muy claro */
    overflow-y: hidden; /* Oculta la barra de desplazamiento vertical del body */
}
/* Estilo general para las tarjetas */
.card {
        border-radius: 0.75rem; /* Bordes ligeramente más redondeados */
        border: 1px solid rgba(0, 0, 0, 0.05); /* Borde suave */
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* Sombra sutil */
        transition: all 0.3s ease; /* Añadido para la transición suave del hover */
}
/* Efecto hover para las tarjetas */
.card:hover {
        transform: translateY(-5px); /* Eleva la tarjeta */
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Sombra más pronunciada */
}
/* Ajustes para el título principal */
.display-5 {
        font-weight: 800;
        color: #343a40; /* Casi negro para contraste */
}
.text-highlight {
        color: #6610f2; /* El mismo púrpura del botón para resaltar */
}
/* Ajuste para el campo de búsqueda */
#searchInput {
        border-radius: 0.5rem 0 0 0.5rem; /* Bordes redondeados solo a la izquierda */
    }
    .form-control.w-auto {
        width: auto !important; /* Anula el 100% de width si está en un d-flex */
    }
    /* Ajuste para el div de búsqueda dentro del h2 */
    .d-flex.flex-column.align-self-end.mt-2.text-end {
        margin-left: auto; /* Empuja este div a la derecha */
        text-align: end;
}