/* Logo de FECAFE (logo-fecafe.png, formato apaisado ~6:1) y ajuste de la cabecera.
   El tema fija .navbar-brand en 5rem / 7.5rem de ancho; se libera para respetar la proporcion del logo.
   Como el logo es mas ancho que el anterior, el menu y los botones se compactan por rangos de ancho
   para que "Servicios En Linea" y "Avizores De Caldas" nunca queden cortados. */
header .navbar-brand,
header .navbar-expand-lg .navbar-brand {
    width: auto;
    flex-shrink: 0;
}

header .navbar-brand img {
    height: 28px;
    width: auto;
    max-width: none;
}

/* Escritorio muy compacto (992 - 1139 px) */
@media (min-width: 992px) and (max-width: 1139.98px) {
    header .container,
    header .container-fluid { max-width: 100%; padding-left: .75rem; padding-right: .75rem; }
    header .navbar-brand img { height: 20px; }
    header .navbar-expand-lg .navbar-nav .nav-link { padding-left: .22rem; padding-right: .22rem; font-size: .72rem; }
    header .navbar-no-collapse-items .btn { font-size: .66rem; padding: .25rem .4rem; }
}

/* Escritorio compacto (1140 - 1349 px) */
@media (min-width: 1140px) and (max-width: 1349.98px) {
    header .container,
    header .container-fluid { max-width: 100%; padding-left: 1rem; padding-right: 1rem; }
    header .navbar-brand img { height: 26px; }
    header .navbar-expand-lg .navbar-nav .nav-link { padding-left: .4rem; padding-right: .4rem; font-size: .82rem; }
    header .navbar-no-collapse-items .btn { font-size: .74rem; padding: .3rem .55rem; }
}

/* Escritorio amplio */
@media (min-width: 1350px) {
    header .navbar-brand img { height: 30px; }
}

@media (min-width: 1600px) {
    header .navbar-brand img { height: 40px; }
}

/* Movil */
@media (max-width: 575.98px) {
    header .navbar-brand { margin-top: .5rem; margin-bottom: .35rem; }
    header .navbar-brand img { height: 26px; }
}