:root {
    --gris-bethel: #373D3F;
    --plata-bethel: #9ea1a2;
}

/* Navbar: Fondo claro/transparente y letras negras */
.navbar-custom {
    background-color: rgba(255, 255, 255, 0.9) !important; /* Blanco con ligera transparencia */
    border-bottom: 2px solid var(--gris-bethel);
    backdrop-filter: blur(5px); /* Efecto elegante de desenfoque */
}

.navbar-custom .nav-link {
    color: #000000 !important; /* Letras negras para contraste */
    font-weight: 500;
    transition: 0.3s;
}

/* Efecto Hover acorde al logo */
.navbar-custom .nav-link:hover {
    color: var(--gris-bethel) !important;
    border-bottom: 2px solid var(--plata-bethel);
}

/* Botones con el color solicitado #373D3F */
.btn-primary {
    background-color: var(--gris-bethel) !important;
    border-color: var(--gris-bethel) !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #2c3134 !important; /* Un tono más oscuro al pasar el mouse */
}