/* ==============================
   PROTEGER LOGO DEL HEADER
   ============================== */

.logo-header img {
    max-height: 70px;      /* ajusta si quieres un poco más grande */
    width: auto;
}

.logo-header {
    flex-shrink: 0;        /* ❌ evita que el logo se comprima */
}
/* ==============================
   MENÚ RESPONSIVO SIN TOCAR LOGO
   ============================== */

.header-nav {
    flex: 1;
    min-width: 0;
}

.header-nav .navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    white-space: nowrap;
}

/* Tamaño base */
.header-nav .navbar-nav > li > a {
    font-size: 18px;
    padding: 8px 6px;
}

/* Reducción gradual SOLO texto */
@media (max-width: 1400px) {
    .header-nav .navbar-nav > li > a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .header-nav .navbar-nav > li > a {
        font-size: 15px;
        padding: 6px 4px;
    }
}

@media (max-width: 1150px) {
    .header-nav .navbar-nav > li > a {
        font-size: 14px;
        padding: 6px 3px;
    }
}