/* Branding de Impormax / Feria Navideña. Archivo independiente para no sobrescribir site.css */
.site-header .nav { gap: 24px; }
.site-header .brand.brand-logos {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    margin-right: 0;
    line-height: 1;
    letter-spacing: normal;
    white-space: nowrap;
}
.site-header .brand-logos .brand-logo {
    display: block;
    object-fit: contain;
    object-position: center;
    height: auto;
    max-width: none;
}
.site-header .brand-logos .brand-logo-impormax { width: 185px; }
.site-header .brand-logos .brand-logo-feria { width: 165px; }
.site-header .brand-logos .brand-logo-separator {
    display: block;
    width: 1px;
    height: 30px;
    background-color: rgba(25,59,53,.15);
    flex: 0 0 1px;
}
.site-header .nav-links { gap: 20px; }
@media (max-width: 1100px) {
    .site-header .nav { gap: 14px; }
    .site-header .nav-links { gap: 12px; }
    .site-header .brand-logos .brand-logo-impormax { width: 150px; }
    .site-header .brand-logos .brand-logo-feria { width: 136px; }
    .site-header .brand.brand-logos { gap: 8px; }
}
@media (max-width: 760px) {
    .site-header .nav { gap: 10px; }
    .site-header .brand.brand-logos { margin-right: auto; gap: 7px; }
    .site-header .brand-logos .brand-logo-impormax { width: clamp(78px, 25vw, 115px); }
    .site-header .brand-logos .brand-logo-feria { width: clamp(80px, 25vw, 115px); }
    .site-header .brand-logos .brand-logo-separator { height: 24px; }
    .site-header .nav-actions { gap: 10px; }
}
@media (max-width: 400px) {
    .site-header .nav { gap: 6px; }
    .site-header .brand.brand-logos { gap: 4px; }
    .site-header .brand-logos .brand-logo-impormax { width: 23vw; }
    .site-header .brand-logos .brand-logo-feria { width: 23vw; }
    .site-header .brand-logos .brand-logo-separator { height: 19px; }
    .site-header .nav-actions { gap: 6px; }
    .site-header .nav-account { font-size: .67rem; }
}