/* Estilos generales del cuerpo */
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
}

/* Ajustes para el contenido principal para asegurar que no se pegue al footer */
main.flex-shrink-0 {
    padding-bottom: 60px; /* Ajusta según la altura de tu footer si es necesario */
}

/* Personalización del jumbotron */
.bg-light.rounded-3 {
    border: 1px solid #dee2e6;
}

/* Efecto hover para las tarjetas */
.card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Personalización de botones */
.btn-primary {
    background-color: #0d6efd; /* Color primario de Bootstrap por defecto */
    border-color: #0d6efd;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

/* Estilo del footer */
.footer.bg-dark {
    background-color: #212529 !important;
}