/* ------------------ NAVBAR ------------------ */
.custom-navbar {
    background: linear-gradient(to right, #ecd5bb, #ecd5bb);
    padding: 15px 0;
}
.custom-navbar-light {
    background: linear-gradient(to right, #ffffff, #ffffff);
    padding: 15px 0;
}

/* Logo dentro del navbar */
.navbar-logo {
    width: 50px;
    height: auto;
}

.navbar-logo2 {
    width: 200px;
    height: auto;
}



/* Enlaces de navegación */
.navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-left: 15px;
    transition: all 0.3s ease-in-out;
}

/* Efecto hover y estado activo */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: black;
    font-weight: bold;
}