/* =========================================================
   NEXENG DUCT PRESSURE V20 - FINAL HEADER LOGO
   Objetivo:
   - Usar el logotipo horizontal NEXENG final, limpio y legible.
   - Evitar el cuadro + texto duplicado que brincaba visualmente.
   - No toca columnas, cálculos ni selección.
   ========================================================= */

.nx-app-standard-v3 .nx-brand,
.nx-app-standard-v3 a.nx-brand,
.nx-topbar .nx-brand,
.nx-header .nx-brand {
    position: relative !important;
    display: block !important;
    width: 260px !important;
    min-width: 260px !important;
    height: 50px !important;
    min-height: 50px !important;
    flex: 0 0 260px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

.nx-app-standard-v3 .nx-brand::before,
.nx-app-standard-v3 a.nx-brand::before,
.nx-topbar .nx-brand::before,
.nx-header .nx-brand::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 252px !important;
    height: 44px !important;
    transform: translateY(-50%) !important;
    background: url('/assets/brand/nexeng-logo-header-v20.png?v=20.0.0') left center / contain no-repeat !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Oculta el logo anterior armado en dos partes */
.nx-app-standard-v3 .nx-brand-mark,
.nx-app-standard-v3 .nx-brand-text,
.nx-topbar .nx-brand-mark,
.nx-topbar .nx-brand-text,
.nx-header .nx-brand-mark,
.nx-header .nx-brand-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

@media (max-width: 820px) {
    .nx-app-standard-v3 .nx-brand,
    .nx-app-standard-v3 a.nx-brand,
    .nx-topbar .nx-brand,
    .nx-header .nx-brand {
        width: 212px !important;
        min-width: 212px !important;
        flex-basis: 212px !important;
        height: 46px !important;
        min-height: 46px !important;
    }

    .nx-app-standard-v3 .nx-brand::before,
    .nx-app-standard-v3 a.nx-brand::before,
    .nx-topbar .nx-brand::before,
    .nx-header .nx-brand::before {
        width: 204px !important;
        height: 38px !important;
    }
}

@media (max-width: 560px) {
    .nx-app-standard-v3 .nx-brand,
    .nx-app-standard-v3 a.nx-brand,
    .nx-topbar .nx-brand,
    .nx-header .nx-brand {
        width: 154px !important;
        min-width: 154px !important;
        flex-basis: 154px !important;
        height: 42px !important;
        min-height: 42px !important;
    }

    .nx-app-standard-v3 .nx-brand::before,
    .nx-app-standard-v3 a.nx-brand::before,
    .nx-topbar .nx-brand::before,
    .nx-header .nx-brand::before {
        width: 150px !important;
        height: 31px !important;
    }
}