/* styles.css */

/* Variables de Color (Inspiradas en el sector financiero y BMI) */
:root {
    --bmi-blue: #004d99;
    --bmi-light: #007bff;
    --bmi-warning: #ffc107;
}

body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    padding-top: 56px;
    /* Para acomodar la fixed navbar */
}

/* Estilos de Navegación */
.navbar {
    background-color: var(--bmi-blue) !important;
}

.navbar-brand,
.nav-link {
    font-weight: 500;
}

.nav-link:hover {
    color: var(--bmi-warning) !important;
}

/* Estilos de las Secciones */
.section-padding {
    padding: 80px 0;
}

.text-bmi {
    color: var(--bmi-blue);
}

.bg-bmi {
    background-color: var(--bmi-blue);
}

/* Estilos del Placeholder de Imágenes */
.image-placeholder {
    height: 300px;
    /* Altura fija para el espacio de la imagen */
    border: 3px dashed var(--bmi-blue);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
}

/* Ajustes específicos para el Anzuelo */
#anzuelo {
    min-height: calc(100vh - 56px);
}