:root {
    /* CAMBIO DE VARIABLES BOOTSTRAP */
    /* Azul Marino Profundo (Corporativo) */
    --bs-primary: #002e5d; 
    --bs-primary-rgb: 0, 46, 93;
    
    /* Rojo oscuro (Para detalles secundarios si los usas) */
    --bs-secondary: #b30000; 

    /* Fondo general */
    --bs-body-bg: #f8f9fa;
}

/* Forzar que el botón primario use el nuevo color */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    background-color: #001f3f; /* Un tono más oscuro para hover */
    border-color: #001f3f;
}

/* Fondo para la sección Hero (Portada) */
.hero-bg {
    /* Gradiente azul sobre la imagen */
    background: linear-gradient(rgba(0, 46, 93, 0.85), rgba(0, 46, 93, 0.7)), url('../img/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Color de respaldo por si no hay imagen */
    background-color: var(--bs-primary); 
}

/* Efecto suave al pasar el mouse por las tarjetas */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
}