:root {
    --qbit-orange: #ff4b0b;
    --qbit-orange-dark: #e54308;
    --qbit-text: #20242a;
    --qbit-muted: #6b7280;
    --qbit-border: #dfe3e8;
    --qbit-bg-soft: #f7f8fa;
    --qbit-white: #ffffff;
}

/* =========================================================
   QBIT — CONTENEDOR GENERAL
   ========================================================= */

.qbit-header .container-xxl {
    width: 100%;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* =========================================================
   HEADER PRINCIPAL
   ========================================================= */

.qbit-header {
    position: relative;
    background: var(--qbit-white);
    color: var(--qbit-text);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.qbit-header-main {
    background: var(--qbit-white);
}

.qbit-header-row {
    display: grid;
    grid-template-columns: 250px minmax(420px, 700px) auto;
    align-items: center;
    justify-content: space-between;
    column-gap: 34px;
    min-height: 78px;
}

/* =========================================================
   LOGO
   ========================================================= */

.qbit-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;
}

.qbit-logo img {
    display: block;
    width: 235px;
    max-width: 100%;
    height: auto;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
}

/* =========================================================
   BUSCADOR
   ========================================================= */

.qbit-search {
    position: relative;
    display: block;
    width: 100%;
    max-width: 700px;
    min-width: 0;
    margin: 0;
}

.qbit-search-box {
    position: relative;
    width: 100%;
}

.qbit-search .form-control {
    width: 100%;
    height: 46px;
    padding: 0 56px 0 18px;
    border: 1px solid #b9c0c8;
    border-radius: 6px;
    background: var(--qbit-white);
    color: var(--qbit-text);
    font-size: 15px;
    box-shadow: none;
}

.qbit-search .form-control::placeholder {
    color: #777f88;
}

.qbit-search .form-control:focus {
    border-color: var(--qbit-orange);
    background: var(--qbit-white);
    box-shadow: 0 0 0 3px rgba(255, 75, 11, 0.11);
    outline: none;
}

.qbit-search-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 46px;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--qbit-border);
    border-radius: 0 6px 6px 0;
    background: var(--qbit-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.qbit-search-button svg {
    width: 21px;
    height: 21px;
    fill: var(--qbit-orange);
}

.qbit-search-button:hover,
.qbit-search-button:focus {
    background: rgba(255, 75, 11, 0.06);
}

/* =========================================================
   CUENTA Y CARRITO
   ========================================================= */

.qbit-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    min-width: 110px;
}

.qbit-header-actions .btn {
    border: 0;
    background: transparent;
    padding: 7px 9px;
}

.qbit-header-actions svg {
    width: 25px;
    height: 25px;
}

.qbit-header-actions .btn:hover svg,
.qbit-header-actions .btn:focus svg {
    fill: var(--qbit-orange);
}

/* =========================================================
   BARRA DE CATEGORÍAS
   ========================================================= */

.qbit-category-bar {
    border-top: 1px solid var(--qbit-border);
    background: var(--qbit-white);
}

.qbit-category-bar .navbar {
    min-height: 46px;
}

.qbit-category-bar .nav-link-1 {
    font-size: 14px;
    font-weight: 600;
}

.qbit-category-bar .nav-link-1:hover,
.qbit-category-bar .nav-link-1:focus {
    color: var(--qbit-orange);
}

/* =========================================================
   ELIMINAR ESTILOS APEX QUE INTERFIEREN EN DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    .qbit-header .header-container {
        padding: 0;
        border-bottom: 0;
    }

    .qbit-header .search {
        min-width: 0;
    }
}

/* =========================================================
   TABLET / MÓVIL
   ========================================================= */

@media (max-width: 991.98px) {

    .qbit-header .container-xxl {
        padding-left: 15px;
        padding-right: 15px;
    }

    .qbit-header-row {
        display: flex;
        min-height: 64px;
        justify-content: center;
    }

    .qbit-logo {
        justify-content: center;
    }

    .qbit-logo img {
        width: 190px;
        max-height: 48px;
        object-position: center;
    }

    .qbit-header-actions {
        display: none;
    }

    .qbit-search {
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        padding: 10px 15px;
        background: var(--qbit-white);
        z-index: 20;
    }

    .qbit-search:not(.show) {
        display: none;
    }

    .qbit-category-bar {
        display: none;
    }

    .mobile-nav {
        background: var(--qbit-white);
    }

    .mobile-nav .btn:hover,
    .mobile-nav .btn:focus {
        color: var(--qbit-orange);
    }
}

@media (max-width: 575.98px) {

    .qbit-logo img {
        width: 165px;
        max-height: 43px;
    }
}

/* QBIT VISUAL 2.4 START */

/* =========================================================
   PALETA QBIT
   ========================================================= */

.qbit-header {
    --qbit-navy: #07346f;
    --qbit-blue: #075dcc;
    --qbit-cyan: #05aee8;
    --qbit-gray: #7c8490;
    --qbit-light-border: #d8dee7;
    --qbit-orange-accent: #f28b00;
}

/* =========================================================
   BUSCADOR — PALETA NUEVA QBIT
   ========================================================= */

.qbit-search .form-control:focus {
    border-color: var(--qbit-blue);
    box-shadow: 0 0 0 3px rgba(7, 93, 204, 0.10);
}

.qbit-search-button svg {
    fill: var(--qbit-blue);
}

.qbit-search-button:hover,
.qbit-search-button:focus {
    background: rgba(5, 174, 232, 0.07);
}

/* =========================================================
   ACCIONES DERECHA
   ========================================================= */

.qbit-header-actions {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 12px;
    min-width: 0;
}

.qbit-account,
.qbit-cart {
    display: flex;
    align-items: stretch;
}

/* =========================================================
   MI CUENTA
   ========================================================= */

.qbit-account-button {
    min-width: 150px;
    height: 48px;
    padding: 0 16px !important;
    border: 1px solid var(--qbit-light-border) !important;
    border-radius: 5px;
    background: #fff !important;
    color: var(--qbit-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    white-space: nowrap;
}

.qbit-account-button:hover,
.qbit-account-button:focus,
.qbit-account-button.show {
    border-color: var(--qbit-blue) !important;
    color: var(--qbit-blue) !important;
    background: #f8fbff !important;
}

.qbit-account-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-account-icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block;
    fill: currentColor;
}

.qbit-account-label {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
}

/* =========================================================
   CARRITO
   ========================================================= */

.qbit-cart-button {
    position: relative;
    min-width: 150px;
    height: 48px;
    margin: 0;
    padding: 0 13px !important;
    border: 1px solid var(--qbit-light-border) !important;
    border-radius: 5px;
    background: #fff !important;
    color: var(--qbit-blue);
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.qbit-cart-button:hover,
.qbit-cart-button:focus {
    border-color: var(--qbit-blue) !important;
    background: #f8fbff !important;
    color: var(--qbit-blue) !important;
}

.qbit-cart-icon-wrap {
    position: relative;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-cart-icon {
    display: block;
    width: 28px !important;
    height: 28px !important;
    color: var(--qbit-blue);
    overflow: visible;
}

.qbit-cart-count {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--qbit-orange-accent);
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
}

.qbit-cart-summary {
    min-width: 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    line-height: 1.05;
}

.qbit-cart-total {
    color: var(--qbit-blue);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.qbit-cart-tax {
    margin-top: 4px;
    color: var(--qbit-gray);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

/* =========================================================
   EVITAR REGLAS APEX SOBRE LOS NUEVOS SVG
   ========================================================= */

.qbit-header-actions .qbit-account-button svg,
.qbit-header-actions .qbit-cart-button svg {
    max-width: none;
}

.qbit-header-actions .badge {
    position: static;
}

/* =========================================================
   AJUSTE DEL GRID DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    .qbit-header-row {
        grid-template-columns:
            245px
            minmax(420px, 650px)
            minmax(312px, auto);
        column-gap: 28px;
    }
}

/* =========================================================
   DESKTOP INTERMEDIO
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .qbit-header-row {
        grid-template-columns:
            210px
            minmax(360px, 1fr)
            auto;
        column-gap: 18px;
    }

    .qbit-logo img {
        width: 205px;
    }

    .qbit-account-button,
    .qbit-cart-button {
        min-width: 132px;
    }
}

/* QBIT VISUAL 2.4 END */

/* QBIT VISUAL 2.5 START */

/* =========================================================
   PALETA DE INTERACCIÓN QBIT
   Azul/cian/grises.
   Sin naranja en hover.
   ========================================================= */

.qbit-header {
    --qbit-navy: #07346f;
    --qbit-blue: #075dcc;
    --qbit-cyan: #06aee7;
    --qbit-gray-hover: #6f7782;
    --qbit-gray-text: #737b86;
    --qbit-gray-soft: #f6f8fb;
    --qbit-border-soft: #d9e0e8;
    --qbit-border-medium: #bbc5d1;
}

/* =========================================================
   BUSCADOR
   Elimina outline negro heredado de APEX
   ========================================================= */

.qbit-search:focus,
.qbit-search:focus-visible,
.qbit-search:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

.qbit-search-box:focus,
.qbit-search-box:focus-visible,
.qbit-search-box:focus-within {
    outline: none !important;
}

.qbit-search .form-control {
    outline: none !important;
}

.qbit-search .form-control:focus,
.qbit-search .form-control:focus-visible {
    outline: none !important;
    border-color: var(--qbit-blue) !important;
    box-shadow: 0 0 0 2px rgba(7, 93, 204, 0.10) !important;
}

/* Botón búsqueda */

.qbit-search-button {
    color: var(--qbit-blue);
    outline: none !important;
}

.qbit-search-button svg {
    fill: currentColor !important;
}

.qbit-search-button:hover,
.qbit-search-button:focus,
.qbit-search-button:focus-visible {
    color: var(--qbit-gray-hover) !important;
    background: #f8f9fb !important;
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================================
   MI CUENTA — DEFAULT / HOVER
   ========================================================= */

.qbit-account-button {
    color: var(--qbit-blue) !important;
}

.qbit-account-button:hover,
.qbit-account-button:focus,
.qbit-account-button:focus-visible,
.qbit-account-button.show {
    color: var(--qbit-gray-hover) !important;
    border-color: var(--qbit-border-medium) !important;
    background: var(--qbit-gray-soft) !important;
    outline: none !important;
    box-shadow: none !important;
}

.qbit-account-button svg {
    fill: currentColor !important;
}

/* =========================================================
   CARRITO — DEFAULT / HOVER
   ========================================================= */

.qbit-cart-button {
    color: var(--qbit-blue) !important;
}

.qbit-cart-button:hover,
.qbit-cart-button:focus,
.qbit-cart-button:focus-visible {
    color: var(--qbit-gray-hover) !important;
    border-color: var(--qbit-border-medium) !important;
    background: var(--qbit-gray-soft) !important;
    outline: none !important;
    box-shadow: none !important;
}

.qbit-cart-button:hover .qbit-cart-icon,
.qbit-cart-button:focus .qbit-cart-icon,
.qbit-cart-button:focus-visible .qbit-cart-icon {
    color: var(--qbit-gray-hover) !important;
}

.qbit-cart-button:hover .qbit-cart-total,
.qbit-cart-button:focus .qbit-cart-total {
    color: var(--qbit-gray-hover) !important;
}

/* Badge ya forma parte de la nueva paleta QBIT */

.qbit-cart-count {
    background: var(--qbit-cyan) !important;
    color: #fff !important;
}

/* =========================================================
   DROPDOWN LOGIN
   ========================================================= */

.qbit-login-dropdown {
    width: 370px;
    max-width: calc(100vw - 24px);
    margin-top: 12px !important;
    padding: 0 !important;
    border: 1px solid var(--qbit-border-soft) !important;
    border-radius: 10px !important;
    background: #fff;
    box-shadow:
        0 18px 45px rgba(17, 38, 65, 0.14),
        0 4px 12px rgba(17, 38, 65, 0.06) !important;
    overflow: hidden;
}

.qbit-login-dropdown::after,
.qbit-login-dropdown::before {
    display: none !important;
}

/* =========================================================
   CABECERA LOGIN
   ========================================================= */

.qbit-login-header {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 22px 22px 18px;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.qbit-login-header-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    background: #eef6ff;
    color: var(--qbit-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-login-header-icon svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor;
}

.qbit-login-title {
    margin: 0 0 5px;
    color: var(--qbit-navy);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}

.qbit-login-subtitle {
    max-width: 255px;
    color: var(--qbit-gray-text);
    font-size: 12.5px;
    line-height: 1.4;
}

/* =========================================================
   FORMULARIO
   ========================================================= */

.qbit-login-form {
    width: 100%;
    padding: 20px 22px 22px;
    margin: 0;
}

.qbit-login-field {
    margin-bottom: 15px;
}

.qbit-login-field > label {
    display: block;
    margin: 0 0 6px;
    color: #3f4853;
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 500;
}

.qbit-login-input-wrap {
    position: relative;
}

.qbit-login-field-icon {
    position: absolute;
    top: 50%;
    left: 13px;
    width: 18px !important;
    height: 18px !important;
    color: #8a939e;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
}

.qbit-login-input-wrap .form-control {
    width: 100%;
    height: 44px;
    padding: 0 13px 0 42px;
    border: 1px solid var(--qbit-border-soft);
    border-radius: 6px;
    background: #fff;
    color: #252b32;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

.qbit-login-input-wrap .form-control::placeholder {
    color: #a0a7af;
}

.qbit-login-input-wrap .form-control:hover {
    border-color: var(--qbit-border-medium);
}

.qbit-login-input-wrap .form-control:focus {
    border-color: var(--qbit-blue);
    outline: none;
    box-shadow: 0 0 0 2px rgba(7, 93, 204, 0.09);
}

/* =========================================================
   RECORDAR / OLVIDAR
   ========================================================= */

.qbit-login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 1px 0 18px;
}

.qbit-remember {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.qbit-remember .form-check-input {
    width: 15px;
    height: 15px;
    margin: 0;
    flex: 0 0 15px;
    border-color: #b5bec8;
}

.qbit-remember .form-check-input:checked {
    background-color: var(--qbit-blue);
    border-color: var(--qbit-blue);
}

.qbit-remember label {
    margin: 0;
    color: #626b75;
    font-size: 11.5px;
    white-space: nowrap;
}

.qbit-forgot-password {
    color: var(--qbit-blue);
    font-size: 11.5px;
    text-decoration: none;
    white-space: nowrap;
}

.qbit-forgot-password:hover,
.qbit-forgot-password:focus {
    color: var(--qbit-gray-hover);
    text-decoration: underline;
}

/* =========================================================
   BOTONES LOGIN
   ========================================================= */

.qbit-login-submit {
    width: 100%;
    height: 44px;
    border: 1px solid var(--qbit-blue);
    border-radius: 6px;
    background: var(--qbit-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease;
}

.qbit-login-submit:hover,
.qbit-login-submit:focus {
    background: var(--qbit-navy);
    border-color: var(--qbit-navy);
    outline: none;
}

.qbit-register-separator {
    position: relative;
    margin: 18px 0 14px;
    text-align: center;
}

.qbit-register-separator::before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #edf0f4;
    content: "";
}

.qbit-register-separator span {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    background: #fff;
    color: #858d96;
    font-size: 11.5px;
}

.qbit-register-button {
    width: 100%;
    height: 42px;
    border: 1px solid var(--qbit-border-medium);
    border-radius: 6px;
    background: #fff;
    color: var(--qbit-blue);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-register-button:hover,
.qbit-register-button:focus {
    border-color: var(--qbit-gray-hover);
    background: var(--qbit-gray-soft);
    color: var(--qbit-gray-hover);
    text-decoration: none;
}

/* =========================================================
   ERROR DE LOGIN
   ========================================================= */

.qbit-login-error {
    margin: 16px 22px 0;
    padding: 10px 12px;
    border: 1px solid #efc5c9;
    border-radius: 6px;
    background: #fff5f6;
    color: #a72c37;
    font-size: 12px;
    line-height: 1.4;
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 575.98px) {

    .qbit-login-dropdown {
        width: calc(100vw - 20px);
    }

    .qbit-login-header,
    .qbit-login-form {
        padding-left: 18px;
        padding-right: 18px;
    }

    .qbit-login-options {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

/* QBIT VISUAL 2.5 END */

/* QBIT VISUAL 2.6 START */

/* =========================================================
   CONTACTO — BOTÓN HEADER
   ========================================================= */

.qbit-contact {
    position: relative;
    display: flex;
    align-items: stretch;
}

.qbit-contact-button {
    height: 48px;
    min-width: 126px;
    padding: 0 13px !important;
    border: 1px solid var(--qbit-light-border) !important;
    border-radius: 5px;
    background: #fff !important;
    color: var(--qbit-blue) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

.qbit-contact-button:hover,
.qbit-contact-button:focus,
.qbit-contact-button:focus-visible,
.qbit-contact-button.show {
    color: var(--qbit-gray-hover) !important;
    border-color: var(--qbit-border-medium) !important;
    background: var(--qbit-gray-soft) !important;
    outline: none !important;
    box-shadow: none !important;
}

.qbit-contact-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-contact-icon svg {
    width: 20px !important;
    height: 20px !important;
}

.qbit-contact-label {
    font-size: 14px;
    line-height: 1;
}

.qbit-contact-chevron {
    width: 12px !important;
    height: 12px !important;
    margin-left: 1px;
}

/* =========================================================
   CONTACTO — DROPDOWN
   ========================================================= */

.qbit-contact-dropdown {
    width: 310px;
    max-width: calc(100vw - 24px);
    margin-top: 12px !important;
    padding: 10px 0 !important;
    border: 1px solid var(--qbit-border-soft) !important;
    border-radius: 10px !important;
    background: #fff;
    box-shadow:
        0 18px 45px rgba(17, 38, 65, 0.13),
        0 4px 12px rgba(17, 38, 65, 0.05) !important;
    overflow: hidden;
}

.qbit-contact-dropdown::before,
.qbit-contact-dropdown::after {
    display: none !important;
}

.qbit-contact-title {
    padding: 8px 18px 11px;
    color: var(--qbit-navy);
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid #edf0f4;
}

/* =========================================================
   ITEMS
   ========================================================= */

.qbit-contact-item {
    position: relative;
    width: 100%;
    min-height: 62px;
    padding: 11px 18px;
    color: var(--qbit-blue);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 13px;
    transition:
        background-color .12s ease,
        color .12s ease;
}

.qbit-contact-item:hover,
.qbit-contact-item:focus {
    background: var(--qbit-gray-soft);
    color: var(--qbit-gray-hover);
    text-decoration: none;
    outline: none;
}

.qbit-contact-item-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    background: #eef6ff;
    color: currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-contact-item:hover .qbit-contact-item-icon {
    background: #eef0f3;
}

.qbit-contact-item-icon svg {
    width: 17px !important;
    height: 17px !important;
}

.qbit-contact-item-text {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.qbit-contact-item-label {
    margin-bottom: 4px;
    color: #7c8490;
    font-size: 11px;
    font-weight: 400;
}

.qbit-contact-item-value {
    color: var(--qbit-blue);
    font-size: 13px;
    font-weight: 500;
}

.qbit-contact-item:hover .qbit-contact-item-value {
    color: var(--qbit-gray-hover);
}

.qbit-contact-email {
    font-size: 12.5px;
}

.qbit-contact-external {
    flex: 0 0 auto;
    color: #8b939d;
    font-size: 15px;
}

/* =========================================================
   AJUSTE DEL HEADER CON 3 BLOQUES DERECHA
   ========================================================= */

@media (min-width: 1200px) {

    .qbit-header-row {
        grid-template-columns:
            230px
            minmax(390px, 570px)
            minmax(450px, auto);
        column-gap: 22px;
    }

    .qbit-header-actions {
        gap: 9px;
    }

    .qbit-account-button {
        min-width: 140px;
    }

    .qbit-cart-button {
        min-width: 140px;
    }
}

/* =========================================================
   DESKTOP INTERMEDIO
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .qbit-header-row {
        grid-template-columns:
            190px
            minmax(300px, 1fr)
            auto;
        column-gap: 12px;
    }

    .qbit-logo img {
        width: 185px;
    }

    .qbit-contact-button {
        min-width: 48px;
        width: 48px;
        padding: 0 !important;
    }

    .qbit-contact-label,
    .qbit-contact-chevron {
        display: none;
    }

    .qbit-account-button {
        min-width: 120px;
    }

    .qbit-cart-button {
        min-width: 125px;
    }
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 991.98px) {

    .qbit-contact {
        display: none;
    }
}

/* QBIT VISUAL 2.6 END */


/* QBIT VISUAL 2.6A START */

/* =========================================================
   CONTACTO — ALINEACIÓN DERECHA DE VALORES
   ========================================================= */

.qbit-contact-item {
    display: grid;
    grid-template-columns: 32px 72px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
}

.qbit-contact-item-icon {
    grid-column: 1;
}

.qbit-contact-item-text {
    grid-column: 2 / 4;
    width: 100%;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
}

.qbit-contact-item-label {
    margin: 0;
    text-align: left;
}

.qbit-contact-item-value {
    text-align: right;
    justify-self: end;
}

.qbit-contact-external {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.qbit-contact-item:has(.qbit-contact-external) .qbit-contact-item-value {
    padding-right: 18px;
}

/* =========================================================
   HORARIO
   ========================================================= */

.qbit-contact-hours {
    display: grid;
    grid-template-columns: 32px 72px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    min-height: 72px;
    padding: 12px 18px;
    border-top: 1px solid #edf0f4;
    background: #fafbfd;
}

.qbit-contact-hours .qbit-contact-item-icon {
    color: var(--qbit-blue);
}

.qbit-contact-hours-label {
    color: #7c8490;
    font-size: 11px;
    text-align: left;
}

.qbit-contact-hours-value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    color: #4d5661;
    font-size: 12px;
    line-height: 1.4;
    text-align: right;
}

.qbit-contact-hours-value strong {
    color: var(--qbit-blue);
    font-size: 12.5px;
    font-weight: 600;
}

.qbit-contact-hours-value span {
    margin-top: 2px;
    color: #7c8490;
}

/* QBIT VISUAL 2.6A END */

/* QBIT VISUAL 2.7 START */

/* =========================================================
   BARRA GENERAL DE SERVICIOS
   ========================================================= */

.qbit-services-bar {
    position: relative;
    z-index: 30;
    border-top: 1px solid #edf1f5;
    border-bottom: 1px solid #dfe5ec;
    background: #ffffff;
}

.qbit-services-nav {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

/* =========================================================
   GRUPOS
   ========================================================= */

.qbit-service-group {
    position: relative;
    flex: 0 1 auto;
}

/* =========================================================
   BOTÓN PRINCIPAL
   ========================================================= */

.qbit-service-button {
    height: 38px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: var(--qbit-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.qbit-service-button:hover,
.qbit-service-button:focus,
.qbit-service-button.show {
    border-color: #e3e8ee;
    background: #f5f7fa;
    color: var(--qbit-gray-hover);
    outline: none;
    box-shadow: none;
}

/* =========================================================
   ICONOS
   ========================================================= */

.qbit-service-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-service-icon svg {
    width: 19px !important;
    height: 19px !important;
}

.qbit-service-chevron {
    width: 11px !important;
    height: 11px !important;
    margin-left: 2px;
}

/* =========================================================
   DROPDOWN
   ========================================================= */

.qbit-service-dropdown {
    width: 270px;
    min-width: 270px;
    margin-top: 5px !important;
    padding: 7px 0 !important;
    border: 1px solid #dce3ea !important;
    border-radius: 7px !important;
    background: #fff;
    box-shadow:
        0 14px 35px rgba(18, 40, 70, 0.12),
        0 3px 8px rgba(18, 40, 70, 0.05) !important;
    overflow: hidden;
}

.qbit-service-dropdown-wide {
    width: 310px;
    min-width: 310px;
}

.qbit-service-dropdown::before,
.qbit-service-dropdown::after {
    display: none !important;
}

/* =========================================================
   TÍTULO DEL DROPDOWN
   ========================================================= */

.qbit-service-dropdown-title {
    padding: 8px 15px 10px;
    border-bottom: 1px solid #edf1f5;
    color: var(--qbit-navy);
    font-size: 13px;
    font-weight: 600;
}

/* =========================================================
   LINKS
   ========================================================= */

.qbit-service-link {
    min-height: 38px;
    padding: 9px 15px;
    color: #3f4a56;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 12.5px;
    line-height: 1.35;
    transition:
        color .12s ease,
        background-color .12s ease;
}

.qbit-service-link:hover,
.qbit-service-link:focus {
    background: #f5f7fa;
    color: var(--qbit-blue);
    text-decoration: none;
    outline: none;
}

/* =========================================================
   SEPARACIÓN DEL MENÚ DE CATEGORÍAS
   ========================================================= */

.qbit-category-bar {
    border-top: 0;
}

/* =========================================================
   RESOLUCIONES MENORES DE DESKTOP
   ========================================================= */

@media (min-width: 992px) and (max-width: 1299.98px) {

    .qbit-services-nav {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .qbit-services-nav::-webkit-scrollbar {
        display: none;
    }

    .qbit-service-button {
        padding-left: 9px;
        padding-right: 9px;
        font-size: 12px;
    }
}

/* QBIT VISUAL 2.7 END */

/* QBIT VISUAL 2.7A START */

/*
 * El árbol nativo OXID se conserva en el HTML.
 * Únicamente se retira la barra horizontal de categorías
 * del diseño desktop QBIT.
 */

@media (min-width: 992px) {
    .qbit-category-bar {
        display: none !important;
    }
}

/* QBIT VISUAL 2.7A END */

/* QBIT VISUAL 2.9 START */

/* =========================================================
   ENTRADA CATÁLOGO EN BARRA DE SERVICIOS
   ========================================================= */

.qbit-catalog-entry {
    position: relative;
    flex: 0 0 auto;
}

/* =========================================================
   BOTÓN PRODUCTOS
   ========================================================= */

.qbit-products-button {
    height: 38px;
    padding: 0 13px;
    border: 1px solid #dbe3eb;
    border-radius: 5px;
    background: #f3f8fd;
    color: var(--qbit-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.qbit-products-button:hover,
.qbit-products-button:focus,
.qbit-products-button.show {
    border-color: #bdc8d4;
    background: #edf1f5;
    color: var(--qbit-gray-hover);
    outline: none;
    box-shadow: none;
}

.qbit-products-button-icon {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qbit-products-button-icon svg {
    width: 19px !important;
    height: 19px !important;
}

.qbit-products-chevron {
    width: 11px !important;
    height: 11px !important;
}

/* =========================================================
   CONTENEDOR MEGA MENU
   ========================================================= */

.qbit-products-mega {
    width: 860px;
    max-width: calc(100vw - 40px);
    min-height: 515px;
    padding: 0 !important;
    margin-top: 5px !important;
    border: 1px solid #d8e0e8 !important;
    border-radius: 7px !important;
    background: #fff;
    box-shadow:
        0 18px 45px rgba(17, 38, 65, 0.15),
        0 4px 10px rgba(17, 38, 65, 0.05) !important;
    overflow: visible;
}

.qbit-products-mega::before,
.qbit-products-mega::after {
    display: none !important;
}

.qbit-products-mega-inner {
    position: relative;
    width: 100%;
    min-height: 515px;
}

/* =========================================================
   COLUMNA 1 — GRUPOS QBIT
   ========================================================= */

.qbit-products-groups {
    position: relative;
    width: 270px;
    min-height: 515px;
    padding: 5px 0;
    border-right: 1px solid #e4e9ef;
    background: #f9fafc;
}

.qbit-products-group {
    position: static;
}

.qbit-products-group-button {
    width: 100%;
    min-height: 33px;
    padding: 6px 12px;
    border: 0;
    border-bottom: 1px solid #e7ebf0;
    background: transparent;
    color: #33506f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
    font-size: 12.5px;
    font-weight: 500;
    cursor: default;
}

.qbit-products-group-button svg {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px;
    color: #a0adba;
}

.qbit-products-group:hover > .qbit-products-group-button,
.qbit-products-group-first > .qbit-products-group-button {
    background: #edf6ff;
    color: var(--qbit-blue);
}

/* =========================================================
   COLUMNA 2 — CATEGORÍAS NATIVAS
   ========================================================= */

.qbit-products-category-panel {
    position: absolute;
    top: 0;
    left: 270px;
    width: 270px;
    height: 100%;
    min-height: 515px;
    padding: 12px 0;
    border-right: 1px solid #e4e9ef;
    background: #fff;
    display: none;
}

.qbit-products-group:hover > .qbit-products-category-panel,
.qbit-products-group-first > .qbit-products-category-panel {
    display: block;
}

/*
 * Cuando existe hover explícito sobre cualquier grupo,
 * dejamos visible solamente ese grupo.
 */
.qbit-products-groups:hover
.qbit-products-group-first:not(:hover)
> .qbit-products-category-panel {
    display: none;
}

.qbit-products-column-title {
    min-height: 35px;
    padding: 5px 12px 10px;
    border-bottom: 1px solid #e4e9ef;
    color: var(--qbit-blue);
    font-size: 13px;
    font-weight: 600;
}

.qbit-products-categories {
    position: relative;
    padding-top: 3px;
}

.qbit-products-category {
    position: static;
}

.qbit-products-category-link {
    min-height: 34px;
    padding: 7px 12px;
    color: #3f4853;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 12.5px;
    line-height: 1.25;
}

.qbit-products-category-link svg {
    width: 11px !important;
    height: 11px !important;
    flex: 0 0 11px;
    color: #a4aebb;
}

.qbit-products-category:hover
> .qbit-products-category-link {
    background: #f5f8fb;
    color: var(--qbit-blue);
}

/* =========================================================
   COLUMNA 3 — SUBCATEGORÍAS REALES
   ========================================================= */

.qbit-products-subcategory-panel {
    position: absolute;
    top: -38px;
    left: 270px;
    width: 320px;
    height: 515px;
    padding: 12px 0 52px;
    background: #fff;
    display: none;
    overflow-y: auto;
}

.qbit-products-category:hover
> .qbit-products-subcategory-panel {
    display: block;
}

/* Primera categoría visible al abrir cada grupo */

.qbit-products-category-first
> .qbit-products-subcategory-panel {
    display: block;
}

.qbit-products-categories:hover
.qbit-products-category-first:not(:hover)
> .qbit-products-subcategory-panel {
    display: none;
}

.qbit-products-subcategories {
    padding: 4px 0 8px;
}

.qbit-products-subcategory-link {
    min-height: 31px;
    padding: 6px 12px;
    color: #3f4853;
    text-decoration: none;
    display: block;
    font-size: 12.5px;
    line-height: 1.35;
}

.qbit-products-subcategory-link:hover,
.qbit-products-subcategory-link:focus {
    background: #f5f8fb;
    color: var(--qbit-blue);
    text-decoration: none;
    outline: none;
}

.qbit-products-view-all {
    position: absolute;
    left: 12px;
    bottom: 15px;
    color: var(--qbit-blue);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.qbit-products-view-all:hover {
    color: var(--qbit-gray-hover);
    text-decoration: none;
}

/* =========================================================
   SCROLL
   ========================================================= */

.qbit-products-subcategory-panel {
    scrollbar-width: thin;
    scrollbar-color: #c4ccd5 transparent;
}

.qbit-products-subcategory-panel::-webkit-scrollbar {
    width: 5px;
}

.qbit-products-subcategory-panel::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #c4ccd5;
}

/* =========================================================
   BARRA SERVICIOS
   ========================================================= */

.qbit-services-nav {
    justify-content: flex-start;
    gap: 8px;
}

/* =========================================================
   DESKTOP INTERMEDIO
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .qbit-products-mega {
        width: 820px;
    }

    .qbit-products-groups {
        width: 250px;
    }

    .qbit-products-category-panel {
        left: 250px;
        width: 250px;
    }

    .qbit-products-subcategory-panel {
        left: 250px;
        width: 320px;
    }
}

/* =========================================================
   MÓVIL
   Lo diseñaremos específicamente en fase responsive.
   ========================================================= */

@media (max-width: 991.98px) {

    .qbit-catalog-entry {
        display: none;
    }
}

/* QBIT VISUAL 2.9 END */

/* QBIT VISUAL 2.9A START */

/* =========================================================
   MEGA MENÚ — ESTADO INICIAL
   Solo primera columna.
   ========================================================= */

.qbit-products-group:hover > .qbit-products-group-button {
    background: transparent;
    color: #33506f;
}

.qbit-products-group-first > .qbit-products-group-button {
    background: transparent;
    color: #33506f;
}

.qbit-products-group:hover > .qbit-products-category-panel,
.qbit-products-group-first > .qbit-products-category-panel {
    display: none;
}

.qbit-products-groups:hover
.qbit-products-group-first:not(:hover)
> .qbit-products-category-panel {
    display: none;
}

/* =========================================================
   GRUPO ACTIVO POR CLIC
   ========================================================= */

.qbit-products-group.is-active
> .qbit-products-group-button {
    background: #edf6ff;
    color: var(--qbit-blue);
}

.qbit-products-group.is-active
> .qbit-products-category-panel {
    display: block;
}

/* =========================================================
   CATEGORÍA
   Quitar apertura por hover.
   ========================================================= */

.qbit-products-category:hover
> .qbit-products-category-link {
    background: transparent;
    color: #3f4853;
}

.qbit-products-category:hover
> .qbit-products-subcategory-panel {
    display: none;
}

.qbit-products-category-first
> .qbit-products-subcategory-panel {
    display: none;
}

.qbit-products-categories:hover
.qbit-products-category-first:not(:hover)
> .qbit-products-subcategory-panel {
    display: none;
}

/* =========================================================
   CATEGORÍA ACTIVA POR CLIC
   ========================================================= */

.qbit-products-category.is-active
> .qbit-products-category-link {
    background: #f5f8fb;
    color: var(--qbit-blue);
}

.qbit-products-category.is-active
> .qbit-products-subcategory-panel {
    display: block;
}

/* =========================================================
   PRIMERA COLUMNA SIEMPRE ESTABLE
   ========================================================= */

.qbit-products-groups {
    display: block;
}

.qbit-products-group-button:hover {
    background: #f3f6f9;
    color: var(--qbit-gray-hover);
}

/* QBIT VISUAL 2.9A END */

/* QBIT VISUAL 2.9B START */

/* =========================================================
   ESTADO INICIAL
   El menú mide solamente la primera columna.
   ========================================================= */

.qbit-products-mega {
    width: 270px !important;
    min-width: 270px !important;
    max-width: calc(100vw - 40px);
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;

    transition:
        width .16s ease,
        min-width .16s ease;
}

.qbit-products-mega-inner {
    width: 100%;
    min-height: 0 !important;
    height: auto !important;
}

.qbit-products-groups {
    width: 270px;
    min-height: 0 !important;
    height: auto !important;
    padding: 5px 0;
}

/* =========================================================
   COLUMNA 2
   Solo existe visualmente después de un clic en una familia.
   ========================================================= */

.qbit-products-category-panel {
    top: 0;
    left: 270px;
    width: 270px;
    min-height: 100%;
    height: auto;
    padding: 12px 0;
    display: none;
}

/* Solo grupo activo */

.qbit-products-group.is-active
> .qbit-products-category-panel {
    display: block !important;
}

/* El menú crece a dos columnas */

.qbit-products-menu.has-group
.qbit-products-mega {
    width: 540px !important;
    min-width: 540px !important;
}

/* =========================================================
   COLUMNA 3
   Solo después de clic en categoría.
   ========================================================= */

.qbit-products-subcategory-panel {
    top: 0 !important;
    left: 270px;
    width: 320px;
    min-height: 100%;
    height: auto;
    max-height: 520px;
    padding: 12px 0 52px;
    display: none !important;
    overflow-y: auto;
}

/* Solo categoría activa */

.qbit-products-category.is-active
> .qbit-products-subcategory-panel {
    display: block !important;
}

/* El menú crece a tres columnas */

.qbit-products-menu.has-category
.qbit-products-mega {
    width: 860px !important;
    min-width: 860px !important;
}

/* =========================================================
   ELIMINAR CUALQUIER APERTURA RESIDUAL POR HOVER
   ========================================================= */

.qbit-products-group:not(.is-active)
> .qbit-products-category-panel {
    display: none !important;
}

.qbit-products-category:not(.is-active)
> .qbit-products-subcategory-panel {
    display: none !important;
}

.qbit-products-group:hover
> .qbit-products-category-panel {
    display: none !important;
}

.qbit-products-group.is-active:hover
> .qbit-products-category-panel {
    display: block !important;
}

.qbit-products-category:hover
> .qbit-products-subcategory-panel {
    display: none !important;
}

.qbit-products-category.is-active:hover
> .qbit-products-subcategory-panel {
    display: block !important;
}

/* =========================================================
   ALTURA
   La columna izquierda determina inicialmente la altura.
   ========================================================= */

.qbit-products-mega,
.qbit-products-mega-inner,
.qbit-products-groups {
    min-height: unset !important;
}

/*
 * Cuando se abre columna 2, damos una altura mínima razonable
 * pero ya no reservamos 515px desde el inicio.
 */

.qbit-products-menu.has-group
.qbit-products-mega-inner {
    min-height: 320px !important;
}

.qbit-products-menu.has-group
.qbit-products-groups {
    min-height: 320px !important;
}

/*
 * Con columna 3 permitimos algo más de altura para catálogos
 * con muchas subcategorías.
 */

.qbit-products-menu.has-category
.qbit-products-mega-inner {
    min-height: 420px !important;
}

.qbit-products-menu.has-category
.qbit-products-groups {
    min-height: 420px !important;
}

/* =========================================================
   ESTADOS ACTIVOS
   ========================================================= */

.qbit-products-group.is-active
> .qbit-products-group-button {
    background: #edf6ff !important;
    color: var(--qbit-blue) !important;
}

.qbit-products-category.is-active
> .qbit-products-category-link {
    background: #f5f8fb !important;
    color: var(--qbit-blue) !important;
}

/* =========================================================
   DESKTOP INTERMEDIO
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .qbit-products-mega {
        width: 250px !important;
        min-width: 250px !important;
    }

    .qbit-products-groups {
        width: 250px;
    }

    .qbit-products-category-panel {
        left: 250px;
        width: 250px;
    }

    .qbit-products-subcategory-panel {
        left: 250px;
        width: 300px;
    }

    .qbit-products-menu.has-group
    .qbit-products-mega {
        width: 500px !important;
        min-width: 500px !important;
    }

    .qbit-products-menu.has-category
    .qbit-products-mega {
        width: 800px !important;
        min-width: 800px !important;
    }
}

/* QBIT VISUAL 2.9B END */

/* QBIT VISUAL 2.9C START */

/* =========================================================
   HOVER VISUAL — GRUPOS PRINCIPALES
   No abre columnas.
   ========================================================= */

.qbit-products-group-button {
    position: relative;
    transition:
        background-color .12s ease,
        color .12s ease,
        padding-left .12s ease;
}

.qbit-products-group-button::before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
    transition: background-color .12s ease;
}

.qbit-products-group-button:hover {
    padding-left: 15px;
    background: #f3f6f9 !important;
    color: var(--qbit-blue) !important;
}

.qbit-products-group-button:hover::before {
    background: var(--qbit-cyan);
}

.qbit-products-group-button:hover svg {
    color: var(--qbit-blue);
}

/* =========================================================
   GRUPO ACTIVO
   ========================================================= */

.qbit-products-group.is-active
> .qbit-products-group-button {
    padding-left: 15px;
    background: #edf6ff !important;
    color: var(--qbit-blue) !important;
}

.qbit-products-group.is-active
> .qbit-products-group-button::before {
    background: var(--qbit-blue);
}

/* =========================================================
   CATEGORÍAS COLUMNA 2
   ========================================================= */

.qbit-products-category-link {
    position: relative;
    transition:
        background-color .12s ease,
        color .12s ease,
        padding-left .12s ease;
}

.qbit-products-category-link::before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
    transition: background-color .12s ease;
}

.qbit-products-category-link:hover {
    padding-left: 15px;
    background: #f3f6f9 !important;
    color: var(--qbit-blue) !important;
}

.qbit-products-category-link:hover::before {
    background: var(--qbit-cyan);
}

.qbit-products-category-link:hover svg {
    color: var(--qbit-blue);
}

/* Categoría activa */

.qbit-products-category.is-active
> .qbit-products-category-link {
    padding-left: 15px;
    background: #edf6ff !important;
    color: var(--qbit-blue) !important;
}

.qbit-products-category.is-active
> .qbit-products-category-link::before {
    background: var(--qbit-blue);
}

/* =========================================================
   SUBCATEGORÍAS COLUMNA 3
   ========================================================= */

.qbit-products-subcategory-link {
    position: relative;
    transition:
        background-color .12s ease,
        color .12s ease,
        padding-left .12s ease;
}

.qbit-products-subcategory-link::before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
}

.qbit-products-subcategory-link:hover {
    padding-left: 15px;
    background: #f3f6f9;
    color: var(--qbit-blue);
}

.qbit-products-subcategory-link:hover::before {
    background: var(--qbit-cyan);
}

/* QBIT VISUAL 2.9C END */


/* QBIT ACCOUNT DROPDOWN 4.17B START */
/* =========================================================
   MI CUENTA — USUARIO AUTENTICADO
   ========================================================= */

.qbit-account-dropdown {
    width: 330px;
    margin-top: 10px !important;
    padding: 0 !important;

    overflow: hidden;

    border:
        1px solid #dbe4ec
        !important;

    border-radius:
        12px
        !important;

    background:
        #ffffff
        !important;

    box-shadow:
        0 14px 36px
        rgba(15, 48, 82, .14)
        !important;
}


/* Cabecera */

.qbit-account-dropdown-head {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 17px 18px 15px;

    border-bottom:
        1px solid #e7edf2;
}


.qbit-account-dropdown-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 10px;

    background:
        #eef7ff;

    color:
        #0875d1;
}


.qbit-account-dropdown-avatar svg {
    width: 20px;
    height: 20px;

    fill:
        currentColor;
}


.qbit-account-dropdown-head-copy {
    min-width: 0;
}


.qbit-account-dropdown-title {
    margin: 0 0 2px;

    color:
        #123f6b;

    font-size:
        14px;

    line-height:
        18px;

    font-weight:
        700;
}


.qbit-account-dropdown-subtitle {
    color:
        #75899a;

    font-size:
        11.5px;

    line-height:
        16px;
}


/* Bloque de links */

.qbit-account-dropdown-section {
    padding:
        7px;
}


.qbit-account-dropdown-item {
    display: flex;
    align-items: center;
    gap: 11px;

    width: 100%;

    min-height: 54px;

    padding:
        8px 10px;

    border-radius:
        8px;

    color:
        #314f68
        !important;

    text-decoration:
        none
        !important;

    transition:
        background-color .14s ease,
        color .14s ease;
}


.qbit-account-dropdown-item:hover,
.qbit-account-dropdown-item:focus {
    background:
        #f2f8fd;

    color:
        #075dcc
        !important;

    outline:
        none;
}


.qbit-account-dropdown-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    flex:
        0 0 30px;

    border-radius:
        8px;

    background:
        #f1f5f8;

    color:
        #667f92;
}


.qbit-account-dropdown-item:hover
.qbit-account-dropdown-item-icon,

.qbit-account-dropdown-item:focus
.qbit-account-dropdown-item-icon {
    background:
        #e6f3fd;

    color:
        #0875d1;
}


.qbit-account-dropdown-item-icon svg {
    width: 17px;
    height: 17px;

    fill:
        currentColor;
}


.qbit-account-dropdown-item-copy {
    display:
        flex;

    flex:
        1 1 auto;

    min-width:
        0;

    flex-direction:
        column;
}


.qbit-account-dropdown-item-copy strong {
    overflow:
        hidden;

    color:
        inherit;

    font-size:
        12.5px;

    line-height:
        17px;

    font-weight:
        600;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.qbit-account-dropdown-item-copy small {
    overflow:
        hidden;

    margin-top:
        1px;

    color:
        #8696a4;

    font-size:
        10.5px;

    line-height:
        15px;

    font-weight:
        400;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.qbit-account-dropdown-chevron {
    margin-left:
        auto;

    color:
        #9aa8b4;

    font-size:
        20px;

    line-height:
        1;

    font-weight:
        300;
}


.qbit-account-dropdown-badge {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        21px;

    height:
        21px;

    margin-left:
        auto;

    padding:
        0 6px;

    border-radius:
        11px;

    background:
        #0875d1;

    color:
        #ffffff;

    font-size:
        10px;

    line-height:
        21px;

    font-weight:
        700;
}


/* Logout */

.qbit-account-dropdown-logout {
    padding:
        8px 9px;

    border-top:
        1px solid #e7edf2;

    background:
        #fbfcfd;
}


.qbit-account-dropdown-logout-link {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    min-height:
        40px;

    padding:
        6px 9px;

    border-radius:
        8px;

    color:
        #6e7d89
        !important;

    font-size:
        12.5px;

    line-height:
        18px;

    font-weight:
        600;

    text-decoration:
        none
        !important;
}


.qbit-account-dropdown-logout-link:hover,
.qbit-account-dropdown-logout-link:focus {
    background:
        #fff3f3;

    color:
        #b34848
        !important;

    outline:
        none;
}


.qbit-account-dropdown-logout-link
.qbit-account-dropdown-item-icon {
    width:
        28px;

    height:
        28px;

    flex-basis:
        28px;
}


/* Botón Mi cuenta cuando dropdown está abierto */

.qbit-account-button.show {
    border-color:
        #9bbddd
        !important;

    background:
        #f6faff
        !important;

    color:
        #075dcc
        !important;
}


/* Responsive */

@media (max-width: 575.98px) {

    .qbit-account-dropdown {
        width:
            min(330px, calc(100vw - 24px));
    }

}

/* QBIT ACCOUNT DROPDOWN 4.17B END */


/* QBIT HEADER SERVICES RIGHT 4.36F START */

/* =========================================================
   BARRA DE SERVICIOS
   Alinear navegación hacia la derecha del contenedor.
   ========================================================= */

@media (min-width: 992px) {

    .qbit-services-nav {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;

        justify-content: flex-end !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }


    /*
     * Los grupos conservan su tamaño natural.
     * No se estiran para llenar el espacio.
     */

    .qbit-services-nav
    > .qbit-service-group,

    .qbit-services-nav
    > .qbit-catalog-entry {
        flex:
            0
            0
            auto !important;
    }

}

/* QBIT HEADER SERVICES RIGHT 4.36F END */


/* QBIT HEADER SERVICES HOME ALIGN 4.36G START */

/* =========================================================
   BARRA DE SERVICIOS

   HOME:
   270px = menú Productos
     8px = separación
   ---------------------
   278px = inicio del contenido derecho

   Soporte TI queda alineado con:
   "¿Qué necesitas resolver hoy?"
   ========================================================= */

@media (min-width: 1200px) {

    /*
     * Mismo ancho máximo utilizado por Home.
     */

    body.cl-start
    .qbit-services-bar
    > .container-xxl {
        width: calc(100% - 32px) !important;
        max-width: 1320px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /*
     * Ya no justificamos todo al extremo derecho.
     *
     * Iniciamos exactamente después del espacio ocupado
     * por Productos + gap de Home.
     */

    body.cl-start
    .qbit-services-nav {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        padding-left: 278px !important;

        margin: 0 !important;

        gap: 5px !important;

        box-sizing: border-box !important;
    }


    /*
     * Reducir un poco el aire dentro de cada botón.
     */

    body.cl-start
    .qbit-services-nav
    .qbit-service-button {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }


    /*
     * Los grupos conservan su ancho natural.
     */

    body.cl-start
    .qbit-services-nav
    > .qbit-service-group {
        flex:
            0
            0
            auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   DESKTOP INTERMEDIO
   Home utiliza sidebar de 250px + gap 8px.
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    body.cl-start
    .qbit-services-nav {
        justify-content: flex-start !important;

        padding-left: 258px !important;

        gap: 3px !important;

        box-sizing: border-box !important;
    }


    body.cl-start
    .qbit-services-nav
    .qbit-service-button {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

}

/* QBIT HEADER SERVICES HOME ALIGN 4.36G END */


/* QBIT HEADER EXCHANGE RATE 4.36I START */

/* =========================================================
   TIPO DE CAMBIO
   Línea auxiliar compacta dentro del botón del carrito.
   ========================================================= */

.qbit-cart-exchange-rate {
    margin-top: 1px;

    display: block;

    color: #7d8a96;

    font-size: 9px;
    line-height: 10px;

    font-weight: 400;

    white-space: nowrap;
}


/*
 * Redistribuir los tres renglones sin aumentar
 * la altura actual de 48px.
 */

.qbit-cart-summary {
    line-height: 1 !important;
}

.qbit-cart-total {
    line-height: 15px !important;
}

.qbit-cart-tax {
    margin-top: 1px !important;

    font-size: 10px !important;
    line-height: 10px !important;
}

/* QBIT HEADER EXCHANGE RATE 4.36I END */


/* QBIT HEADER EXCHANGE RATE COMPACT 4.36I3 START */

/* =========================================================
   CARRITO
   Precio principal + una sola línea auxiliar.
   ========================================================= */

.qbit-cart-summary {
    min-width: 70px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-end !important;
    justify-content: center !important;

    gap: 2px !important;

    line-height: 1 !important;
}


.qbit-cart-total {
    margin: 0 !important;

    font-size: 15px !important;
    line-height: 16px !important;

    font-weight: 600 !important;

    white-space: nowrap !important;
}


.qbit-cart-meta {
    min-height: 10px;

    display: flex;

    align-items: center;
    justify-content: flex-end;

    gap: 3px;

    margin: 0;

    color: #7d8a96;

    font-size: 9px;
    line-height: 10px;

    font-weight: 400;

    white-space: nowrap;
}


.qbit-cart-exchange-rate {
    margin: 0 !important;

    display: inline !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: inherit !important;

    font-weight: inherit !important;
}


/*
 * La regla antigua ya no debe ocupar espacio.
 */

.qbit-cart-tax {
    display: none !important;
}

/* QBIT HEADER EXCHANGE RATE COMPACT 4.36I3 END */


/* QBIT HEADER CART META ALIGN 4.36I4 START */

/* =========================================================
   CARRITO — AJUSTE FINO
   - bajar ligeramente contenido
   - meta IVA/TC un poco más legible
   ========================================================= */

.qbit-cart-summary {
    transform: translateY(2px) !important;
}


.qbit-cart-meta {
    font-size: 10px !important;
    line-height: 11px !important;

    gap: 3px !important;
}


.qbit-cart-exchange-rate {
    font-size: 10px !important;
    line-height: 11px !important;
}

/* QBIT HEADER CART META ALIGN 4.36I4 END */


/* ============================================================
   QBIT HEADER — 1.69 SOPORTE TI | GARANTIAS
   ============================================================ */

.qbit-services-nav
.qbit-service-direct-button--support {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-height: 44px;

    padding-left: 14px;
    padding-right: 14px;

    border: 1px solid #b9d9f2;
    border-radius: 7px;

    background: #eef7ff;

    color: #1267a8;

    text-decoration: none;
    white-space: nowrap;

    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.qbit-services-nav
.qbit-service-direct-button--support:hover,
.qbit-services-nav
.qbit-service-direct-button--support:focus {
    border-color: #85bee8;

    background: #dfefff;

    color: #095b99;

    text-decoration: none;

    box-shadow:
        0 3px 10px rgba(18,103,168,.08);
}

.qbit-services-nav
.qbit-service-direct-button--support
.qbit-service-icon {
    color: currentColor;
}

.qbit-services-nav
.qbit-service-direct-button--support
.qbit-service-icon svg {
    width: 18px;
    height: 18px;
}



/* ============================================================
   QBIT HEADER 1.69B — BARRA COMPACTA CON DROPDOWNS VISIBLES
   ============================================================ */

/*
 * IMPORTANTE:
 * Los dropdowns necesitan overflow visible.
 */
.qbit-services-bar {
    width: 100%;
    max-width: 100%;

    overflow: visible;
}

.qbit-services-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    max-width: 100%;

    padding-left: 8px;
    padding-right: 8px;

    gap: 2px;

    overflow: visible;
    box-sizing: border-box;
}


/* Los grupos conservan comportamiento dropdown */

.qbit-services-nav > .qbit-service-group {
    position: relative;

    flex: 0 1 auto;
    min-width: 0;
}


/* Compactar únicamente geometría */

.qbit-services-nav .qbit-service-button,
.qbit-services-nav .qbit-service-direct-button--support {
    min-width: 0;

    padding-left: 7px;
    padding-right: 7px;

    white-space: nowrap;
}


/* Iconos un poco más compactos */

.qbit-services-nav .qbit-service-icon {
    flex: 0 0 auto;
}

.qbit-services-nav .qbit-service-icon svg {
    width: 17px;
    height: 17px;
}


/* Mantener dropdowns completamente visibles */

.qbit-services-nav .dropdown-menu {
    overflow: visible;

    z-index: 1050;
}


/* Desktop medio: reducir solo lo necesario */

@media (max-width: 1500px) {

    .qbit-services-nav {
        padding-left: 5px;
        padding-right: 5px;
        gap: 0;
    }

    .qbit-services-nav .qbit-service-button,
    .qbit-services-nav .qbit-service-direct-button--support {
        padding-left: 5px;
        padding-right: 5px;

        font-size: 13px;
    }

    .qbit-services-nav .qbit-service-icon svg {
        width: 16px;
        height: 16px;
    }
}


/* 1280–1366: compactar títulos sin eliminar menus */

@media (max-width: 1366px) {

    .qbit-services-nav .qbit-service-button,
    .qbit-services-nav .qbit-service-direct-button--support {
        padding-left: 4px;
        padding-right: 4px;

        font-size: 12.5px;
    }

    .qbit-services-nav .qbit-service-button {
        gap: 5px;
    }

    .qbit-services-nav .qbit-service-chevron {
        margin-left: 2px;
    }
}


/* ============================================================
   QBIT HEADER 1.69C — COMPACTAR BARRA SIN ROMPER DROPDOWNS
   ============================================================ */

.qbit-services-nav {
    justify-content: flex-start;

    gap: 0;

    padding-left: 4px;
    padding-right: 4px;

    overflow: visible;
}


/* Menos espacio entre cada grupo */

.qbit-services-nav > .qbit-service-group {
    margin: 0;
}


/* Botones de menus */

.qbit-services-nav .qbit-service-button {
    padding-left: 6px;
    padding-right: 6px;

    gap: 5px;

    font-size: 13px;

    white-space: nowrap;
}


/* Boton directo Soporte */

.qbit-services-nav
.qbit-service-direct-button--support {
    padding-left: 8px;
    padding-right: 8px;

    margin-right: 2px;

    font-size: 13px;

    white-space: nowrap;
}


/* Iconos */

.qbit-services-nav .qbit-service-icon {
    margin: 0;
}

.qbit-services-nav .qbit-service-icon svg {
    width: 16px;
    height: 16px;
}


/* Flechas de dropdown */

.qbit-services-nav .qbit-service-chevron {
    margin-left: 1px;
}

.qbit-services-nav .qbit-service-chevron svg {
    width: 11px;
    height: 11px;
}


/* Ajuste especial para resoluciones similares a la captura */

@media (max-width: 1450px) {

    .qbit-services-nav .qbit-service-button {
        padding-left: 5px;
        padding-right: 5px;

        gap: 4px;

        font-size: 12.5px;
    }

    .qbit-services-nav
    .qbit-service-direct-button--support {
        padding-left: 7px;
        padding-right: 7px;

        font-size: 12.5px;
    }
}


/* Solo si baja más el ancho */

@media (max-width: 1280px) {

    .qbit-services-nav .qbit-service-button {
        padding-left: 4px;
        padding-right: 4px;

        font-size: 12px;
    }

    .qbit-services-nav
    .qbit-service-direct-button--support {
        padding-left: 6px;
        padding-right: 6px;

        font-size: 12px;
    }
}



/* ==========================================================
   QBIT HEADER 3.01B
   PRODUCTOS — ALINEACION EN PAGINAS INTERNAS

   REGLA:
   - Se aplica al menú Productos del header.
   - NO se aplica al Productos lateral de Home.
   ========================================================== */

@media (min-width: 992px) {

    /*
     * El selector :not(.qbit-products-menu-home)
     * protege explícitamente la navegación especial de Home.
     *
     * Desplazamos únicamente el botón/menú Productos.
     * No movemos la barra completa de servicios.
     */
    .qbit-products-menu:not(.qbit-products-menu-home) {
        position: relative;
        left: -44px;
    }

}


/*
 * Tablet y móvil:
 * mantener geometría actual.
 */
@media (max-width: 991.98px) {

    .qbit-products-menu:not(.qbit-products-menu-home) {
        left: auto;
    }

}



/* ==========================================================
   QBIT HEADER 3.01C
   ALINEACION DEL RENGLON DE NAVEGACION INTERNO
   CON EL LOGO QBIT
   ========================================================== */

@media (min-width: 992px) {

    /*
     * 3.01B movía únicamente Productos.
     * Lo anulamos porque ahora moveremos la navegación
     * como una sola unidad.
     */
    .qbit-products-menu:not(.qbit-products-menu-home) {
        left: auto !important;
        margin-left: 0 !important;
    }


    /*
     * Páginas internas:
     * el renglón de servicios comienza desde la izquierda.
     *
     * Mantiene el gap natural entre:
     * Productos / Soporte / Redes / etc.
     */
    .qbit-services-nav {
        justify-content: flex-start !important;
    }


    /*
     * No permitir que el primer elemento reciba
     * margen automático hacia la derecha.
     */
    .qbit-services-nav
    > .qbit-products-menu:not(.qbit-products-menu-home) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}



/*
 * HOME:
 * su menú Productos es parte de la navegación lateral
 * y NO debe recibir ajustes del header interno.
 */
@media (min-width: 992px) {

    .qbit-products-menu-home {
        left: auto !important;
    }

}



/* ==========================================================
   QBIT HEADER 3.01D

   DESKTOP PAGINAS INTERNAS

   IZQUIERDA:
   Productos

   DERECHA:
   Soporte TI
   Redes y Seguridad
   Sistemas Empresariales
   Infraestructura
   Serv. Cloud
   Personalización de Equipo

   HOME EXCLUIDA
   ========================================================== */

@media (min-width: 992px) {

    /*
     * ------------------------------------------------------
     * RESTAURAR LA BARRA A DISTRIBUCION HORIZONTAL COMPLETA
     * ------------------------------------------------------
     *
     * 3.01C había llevado todo el grupo hacia la izquierda.
     *
     * Ahora la navegación usa todo el ancho disponible:
     * Productos se queda en el inicio y los servicios
     * se concentran en el extremo derecho.
     */
    .qbit-services-nav {
        display: flex !important;
        align-items: center !important;

        justify-content: flex-end !important;

        width: 100% !important;
    }


    /*
     * ------------------------------------------------------
     * PRODUCTOS
     * ------------------------------------------------------
     *
     * margin-right:auto es la clave:
     *
     * Productos queda anclado a la izquierda del contenedor
     * mientras empuja todas las familias de servicios hacia
     * el borde derecho.
     *
     * No usamos desplazamientos negativos.
     */
    .qbit-services-nav
    > .qbit-products-menu:not(.qbit-products-menu-home) {

        position: relative !important;

        left: auto !important;
        right: auto !important;

        margin-left: 0 !important;
        margin-right: auto !important;

        flex: 0 0 auto !important;
    }


    /*
     * ------------------------------------------------------
     * SERVICIOS
     * ------------------------------------------------------
     *
     * Cada familia mantiene su tamaño natural y su separación.
     */
    .qbit-services-nav
    > .qbit-service-group {

        flex:
            0
            0
            auto !important;

        margin-left: 0 !important;
    }


    /*
     * El grupo de servicios conserva el gap QBIT.
     * No añadimos margen artificial al final.
     *
     * De esta manera el último servicio termina en el mismo
     * borde derecho del contenedor utilizado por el header
     * superior, donde está el carrito.
     */
    .qbit-services-nav
    > .qbit-service-group:last-child {

        margin-right: 0 !important;
    }

}


/* ==========================================================
   HOME
   ========================================================== */

/*
 * La Home mantiene su Productos propio/lateral.
 * Estas reglas NO alteran .qbit-products-menu-home.
 */



/* ==========================================================
   QBIT HEADER 3.01E
   DISTRIBUCION FINAL DESKTOP

   IZQUIERDA:
   PRODUCTOS -> debajo del logo

   DERECHA:
   SERVICIOS -> hasta borde del carrito

   HOME EXCLUIDA
   ========================================================== */

@media (min-width: 992px) {

    /*
     * El renglón de navegación ocupa todo el ancho
     * disponible del header.
     */
    .qbit-services-nav {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        justify-content: flex-end !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        box-sizing: border-box !important;
    }


    /*
     * ======================================================
     * PRODUCTOS
     * ======================================================
     *
     * Lo sacamos del flujo flex.
     *
     * De esta forma:
     * - NO empuja Soporte
     * - NO forma parte del grupo derecho
     * - queda independiente debajo del logo
     */
    .qbit-services-nav
    > .qbit-products-menu:not(.qbit-products-menu-home) {

        position: absolute !important;

        top: 50% !important;
        left: 12px !important;
        right: auto !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;

        flex: none !important;

        z-index: 30;
    }


    /*
     * ======================================================
     * SERVICIOS
     * ======================================================
     *
     * Todos permanecen dentro del flex normal,
     * alineados al extremo derecho.
     */
    .qbit-services-nav
    > .qbit-service-group {

        position: relative;

        flex: 0 0 auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /*
     * El último servicio termina exactamente
     * en el borde derecho del contenedor.
     */
    .qbit-services-nav
    > .qbit-service-group:last-child {

        margin-right: 0 !important;
    }

}


/* ==========================================================
   HOME
   ========================================================== */

/*
 * El menú lateral/especial de Home queda completamente
 * fuera de esta regla.
 */
@media (min-width: 992px) {

    .qbit-products-menu-home {

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;
    }

}



/* ==========================================================
   QBIT HEADER 3.01F
   DISTRIBUCION REAL DEL HEADER INTERNO

   ESTRUCTURA CONFIRMADA:
   .qbit-services-nav
       .qbit-catalog-entry
           .qbit-products-menu

       .qbit-service-group
       .qbit-service-group
       ...

   PRODUCTOS:
   izquierda / debajo del logo

   SERVICIOS:
   derecha / hasta borde del carrito
   ========================================================== */

@media (min-width: 992px) {

    /*
     * ------------------------------------------------------
     * CONTENEDOR PRINCIPAL
     * ------------------------------------------------------
     */
    .qbit-services-nav {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: 100% !important;
        max-width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        gap: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * ------------------------------------------------------
     * PRODUCTOS
     * ------------------------------------------------------
     *
     * ESTE es el contenedor real.
     *
     * Lo sacamos del flujo flex para que no sea arrastrado
     * junto con los servicios hacia la derecha.
     */
    .qbit-services-nav
    > .qbit-catalog-entry {

        position: absolute !important;

        top: 50% !important;
        left: 0 !important;
        right: auto !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: none !important;

        width: auto !important;
        min-width: 0 !important;

        z-index: 40;
    }


    /*
     * El menú Productos dentro de su wrapper
     * ya no necesita ningún desplazamiento heredado.
     */
    .qbit-services-nav
    > .qbit-catalog-entry
    .qbit-products-menu:not(.qbit-products-menu-home) {

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        margin: 0 !important;

        flex: none !important;
    }


    /*
     * ------------------------------------------------------
     * SERVICIOS
     * ------------------------------------------------------
     *
     * Permanecen en el flujo flex.
     * justify-content:flex-end los lleva al extremo derecho.
     */
    .qbit-services-nav
    > .qbit-service-group {

        position: relative !important;

        flex: 0 0 auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /*
     * Último servicio pegado al límite derecho
     * del mismo container-xxl que gobierna la barra.
     */
    .qbit-services-nav
    > .qbit-service-group:last-child {

        margin-right: 0 !important;
    }

}


/* ==========================================================
   HOME
   ========================================================== */

/*
 * La navegación Productos especial/lateral de Home
 * no está dentro de .qbit-services-nav > .qbit-catalog-entry
 * en este contexto y además conserva su clase específica.
 */