.qbit-service-page {
    --qbit-service-border: #dce6ef;
    --qbit-service-soft: #f5f9fc;
    --qbit-service-text: #18334f;
    --qbit-service-muted: #5d7185;
    --qbit-service-blue: #1667a8;

    color: var(--qbit-service-text);
}

.qbit-service-page * {
    box-sizing: border-box;
}

.qbit-service-hero {
    padding: 54px 0 46px;
}

.qbit-service-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .72fr);
    gap: 38px;
    align-items: stretch;
}

.qbit-service-hero-copy {
    padding: 20px 0;
}

.qbit-service-eyebrow {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--qbit-service-blue);
}

.qbit-service-hero h1 {
    max-width: 790px;
    margin: 0;
    font-size: 38px;
    line-height: 1.13;
    font-weight: 650;
    letter-spacing: -.02em;
    color: #153b61;
}

.qbit-service-lead {
    max-width: 760px;
    margin: 20px 0 0;
    font-size: 17px;
    line-height: 1.65;
    color: var(--qbit-service-muted);
}

.qbit-service-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.qbit-service-primary,
.qbit-service-secondary {
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.qbit-service-primary {
    border: 1px solid #1769aa;
    background: #1769aa;
    color: #fff;
}

.qbit-service-primary:hover,
.qbit-service-primary:focus {
    background: #12598f;
    color: #fff;
}

.qbit-service-secondary {
    border: 1px solid #c8d8e6;
    background: #fff;
    color: #174a76;
}

.qbit-service-secondary:hover,
.qbit-service-secondary:focus {
    background: #f4f8fb;
    color: #153f65;
}

.qbit-service-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px;
}

.qbit-service-trust span {
    padding: 6px 10px;
    border: 1px solid #dbe5ee;
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    color: #516a80;
}

.qbit-service-hero-card {
    padding: 28px;
    border: 1px solid var(--qbit-service-border);
    border-radius: 12px;
    background: linear-gradient(180deg, #f8fbfd 0%, #fff 100%);
    box-shadow: 0 12px 30px rgba(18, 56, 88, .07);
}

.qbit-service-card-kicker {
    display: block;
    margin-bottom: 9px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .07em;
    color: #1769aa;
}

.qbit-service-hero-card h2 {
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 650;
    color: #163e62;
}

.qbit-service-hero-card p {
    margin: 14px 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #617386;
}

.qbit-service-hero-card ul {
    margin: 18px 0;
    padding-left: 19px;
}

.qbit-service-hero-card li {
    margin: 8px 0;
    font-size: 14px;
    color: #304f69;
}

.qbit-service-card-link {
    display: inline-block;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #1769aa;
    text-decoration: none;
}

.qbit-service-hero-card small {
    display: block;
    margin-top: 18px;
    font-size: 13px;
    line-height: 1.45;
    color: #758799;
}

.qbit-service-selector {
    padding: 48px 0 58px;
    border-top: 1px solid #edf2f6;
    background: #f7fafc;
}

.qbit-service-section-heading {
    max-width: 720px;
    margin-bottom: 28px;
}

.qbit-service-section-heading h2,
.qbit-service-feature h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 650;
    color: #173f67;
}

.qbit-service-section-heading p {
    margin: 12px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: #647688;
}

.qbit-service-option-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.qbit-service-option {
    position: relative;
    min-height: 205px;
    padding: 22px;
    border: 1px solid var(--qbit-service-border);
    border-radius: 10px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.qbit-service-option:hover,
.qbit-service-option:focus {
    transform: translateY(-2px);
    border-color: #b7cede;
    box-shadow: 0 10px 26px rgba(26, 66, 99, .08);
    color: inherit;
}

.qbit-service-option-number {
    display: block;
    margin-bottom: 22px;
    font-size: 13px;
    font-weight: 700;
    color: #79a0bf;
}

.qbit-service-option strong {
    display: block;
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 650;
    color: #173f67;
}

.qbit-service-option p {
    margin: 0;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.55;
    color: #67798a;
}

.qbit-service-option-arrow {
    position: absolute;
    right: 18px;
    bottom: 16px;
    font-size: 20px;
    color: #3577a9;
}

.qbit-service-feature {
    padding: 62px 0;
}

.qbit-service-feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr);
    gap: 42px;
    align-items: start;
}

.qbit-service-feature-lead {
    max-width: 760px;
    margin: 16px 0 24px;
    font-size: 15px;
    line-height: 1.7;
    color: #617386;
}

.qbit-service-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 24px;
}

.qbit-service-check-grid span {
    font-size: 14.5px;
    color: #35546d;
}

.qbit-service-contact-card {
    padding: 26px;
    border: 1px solid var(--qbit-service-border);
    border-radius: 10px;
    background: #f7fafc;
}

.qbit-service-contact-card h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 650;
    color: #173f67;
}

.qbit-service-contact-card p {
    margin: 12px 0 20px;
    font-size: 14px;
    line-height: 1.6;
    color: #647688;
}

.qbit-service-block-button {
    display: block;
    width: 100%;
    text-align: center;
}

.qbit-service-downloads {
    display: grid;
    gap: 7px;
    margin-top: 18px;
}

.qbit-service-downloads span {
    font-size: 13px;
    color: #728397;
}

.qbit-service-downloads a {
    font-size: 13.5px;
    color: #1769aa;
    text-decoration: none;
}

.qbit-service-native-content {
    display: none;
}

.qbit-service-coming {
    height: 1px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .qbit-service-hero-grid,
    .qbit-service-feature-grid {
        grid-template-columns: 1fr;
    }

    .qbit-service-option-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qbit-service-hero h1 {
        font-size: 34px;
    }
}

@media (max-width: 575px) {
    .qbit-service-hero {
        padding: 34px 0 36px;
    }

    .qbit-service-hero h1 {
        font-size: 30px;
    }

    .qbit-service-lead {
        font-size: 15px;
    }

    .qbit-service-option-grid,
    .qbit-service-check-grid {
        grid-template-columns: 1fr;
    }

    .qbit-service-option {
        min-height: auto;
        padding-bottom: 44px;
    }

    .qbit-service-section-heading h2,
    .qbit-service-feature h2 {
        font-size: 26px;
    }
}

/* ============================================================
   QBIT SERVICES 1.41 — GEOMETRIA START
   ============================================================ */

/*
 * Contenedor propio de páginas de servicios.
 * Evita que el contenido quede pegado a los extremos
 * en resoluciones grandes y conserva margen seguro en móvil.
 */
.qbit-service-page .container-xxl {
    width: calc(100% - 48px);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}


/* HERO */

.qbit-service-hero {
    padding-top: 36px;
    padding-bottom: 34px;
}

.qbit-service-hero-grid {
    gap: 30px;
}

.qbit-service-hero-copy {
    padding-top: 10px;
    padding-bottom: 10px;
}

.qbit-service-lead {
    margin-top: 14px;
}

.qbit-service-actions {
    margin-top: 20px;
}

.qbit-service-trust {
    margin-top: 17px;
}

.qbit-service-hero-card {
    padding: 24px;
}


/* SELECTOR */

.qbit-service-selector {
    padding-top: 32px;
    padding-bottom: 36px;
}

.qbit-service-section-heading {
    margin-bottom: 20px;
}

.qbit-service-section-heading p {
    margin-top: 8px;
}

.qbit-service-option-grid {
    gap: 12px;
}

.qbit-service-option {
    min-height: 175px;
    padding: 19px 20px;
}

.qbit-service-option-number {
    margin-bottom: 16px;
}

.qbit-service-option strong {
    margin-bottom: 7px;
}


/* BLOQUE SOPORTE REMOTO */

.qbit-service-feature {
    padding-top: 38px;
    padding-bottom: 40px;
}

.qbit-service-feature-grid {
    gap: 34px;
}

.qbit-service-feature-lead {
    margin-top: 12px;
    margin-bottom: 19px;
}

.qbit-service-contact-card {
    padding: 22px;
}

.qbit-service-contact-card p {
    margin-top: 9px;
    margin-bottom: 16px;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .qbit-service-page .container-xxl {
        width: calc(100% - 36px);
    }

    .qbit-service-hero {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .qbit-service-selector {
        padding-top: 30px;
        padding-bottom: 32px;
    }

    .qbit-service-feature {
        padding-top: 34px;
        padding-bottom: 36px;
    }
}


@media (max-width: 575px) {

    .qbit-service-page .container-xxl {
        width: calc(100% - 28px);
    }

    .qbit-service-hero {
        padding-top: 25px;
        padding-bottom: 27px;
    }

    .qbit-service-selector {
        padding-top: 26px;
        padding-bottom: 28px;
    }

    .qbit-service-feature {
        padding-top: 29px;
        padding-bottom: 31px;
    }

    .qbit-service-hero-card,
    .qbit-service-contact-card {
        padding: 20px;
    }
}

/* ============================================================
   QBIT SERVICES 1.41 — GEOMETRIA END
   ============================================================ */

/* ============================================================
   QBIT SERVICES 1.47 — DETAIL SECTIONS
   ============================================================ */

.qbit-service-detail-section {
    scroll-margin-top: 145px;
    padding: 42px 0;
    border-top: 1px solid #e8eef3;
    background: #ffffff;
}

.qbit-service-detail-soft {
    background: #f6f9fb;
}

.qbit-service-detail-head {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 42px;
    align-items: end;
    margin-bottom: 24px;
}

.qbit-service-detail-head h2,
.qbit-service-business h2 {
    margin: 4px 0 0;
    font-size: 28px;
    line-height: 1.22;
    color: #183f65;
}

.qbit-service-detail-head > p,
.qbit-service-business p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #63798c;
}

.qbit-service-problem-grid,
.qbit-service-warranty-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.qbit-service-problem-card,
.qbit-service-warranty-step {
    padding: 18px;
    border: 1px solid #dce6ef;
    border-radius: 9px;
    background: #fff;
}

.qbit-service-problem-card strong,
.qbit-service-warranty-step strong {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
    color: #20496c;
}

.qbit-service-problem-card p,
.qbit-service-warranty-step p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.55;
    color: #657a8c;
}

.qbit-service-warranty-step > span {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 700;
    color: #7d99ae;
}

.qbit-service-process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 16px;
    border: 1px solid #dce6ef;
    border-radius: 9px;
    overflow: hidden;
}

.qbit-service-process > span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 50px;
    padding: 11px 15px;
    border-right: 1px solid #dce6ef;
    background: #f8fafc;
}

.qbit-service-process > span:last-child {
    border-right: 0;
}

.qbit-service-process b {
    color: #7c9ab2;
}

.qbit-service-process strong {
    font-size: 13.5px;
    color: #315670;
}

.qbit-service-maintenance-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.qbit-service-maintenance-card {
    padding: 22px;
    border: 1px solid #dce6ef;
    border-radius: 10px;
    background: #fff;
}

.qbit-service-card-kicker {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #6f8ca3;
}

.qbit-service-maintenance-card h3 {
    margin: 0 0 15px;
    font-size: 19px;
    color: #20496c;
}

.qbit-service-maintenance-card ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 22px;
    margin: 0;
    padding-left: 18px;
}

.qbit-service-maintenance-card li {
    font-size: 13.5px;
    line-height: 1.5;
    color: #587086;
}

.qbit-service-mode-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
}

.qbit-service-mode-row > span {
    padding: 14px 16px;
    border: 1px solid #dce6ef;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    color: #6b8091;
}

.qbit-service-mode-row strong {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    color: #284f70;
}

.qbit-service-notice {
    display: flex;
    gap: 14px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid #dce6ef;
    border-radius: 8px;
    background: #f7fafc;
}

.qbit-service-notice strong {
    flex: 0 0 auto;
    color: #244d70;
}

.qbit-service-notice p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #687e90;
}

.qbit-service-section-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid #e3eaf0;
}

.qbit-service-section-action > div {
    display: grid;
    gap: 3px;
}

.qbit-service-section-action strong {
    font-size: 14.5px;
    color: #244c6d;
}

.qbit-service-section-action span {
    font-size: 13.5px;
    color: #6d8193;
}

.qbit-service-business {
    padding: 40px 0;
    background: #eef4f8;
}

.qbit-service-business-box {
    display: grid;
    grid-template-columns: 1fr .9fr auto;
    gap: 30px;
    align-items: center;
    padding: 26px;
    border: 1px solid #d7e3ec;
    border-radius: 10px;
    background: #fff;
}

.qbit-service-business-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 18px;
}

.qbit-service-business-list span {
    font-size: 13.5px;
    color: #4f6b81;
}

@media (max-width: 991px) {

    .qbit-service-detail-head,
    .qbit-service-business-box {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .qbit-service-problem-grid,
    .qbit-service-warranty-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .qbit-service-maintenance-card ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {

    .qbit-service-detail-section {
        scroll-margin-top: 110px;
        padding: 31px 0;
    }

    .qbit-service-problem-grid,
    .qbit-service-warranty-grid,
    .qbit-service-maintenance-grid,
    .qbit-service-mode-row,
    .qbit-service-process {
        grid-template-columns: 1fr;
    }

    .qbit-service-process > span {
        border-right: 0;
        border-bottom: 1px solid #dce6ef;
    }

    .qbit-service-process > span:last-child {
        border-bottom: 0;
    }

    .qbit-service-section-action {
        align-items: stretch;
        flex-direction: column;
    }

    .qbit-service-section-action .btn {
        width: 100%;
    }

    .qbit-service-business-list {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   QBIT SERVICES 1.48 — COMPACTACION
   ============================================================ */

.qbit-service-detail-section {
    padding-top: 34px;
    padding-bottom: 34px;
}

.qbit-service-detail-head {
    margin-bottom: 18px;
}

.qbit-service-problem-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.qbit-service-problem-card {
    padding: 15px 16px;
}

.qbit-service-process {
    margin-top: 13px;
}

.qbit-service-maintenance-card {
    padding: 19px 20px;
}

.qbit-service-maintenance-card ul {
    gap: 6px 18px;
}

.qbit-service-inline-note {
    margin: 14px 0 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: #647b8e;
}

.qbit-service-warranty-grid {
    gap: 10px;
}

.qbit-service-warranty-step {
    padding: 16px;
}

.qbit-service-section-action {
    margin-top: 14px;
    padding-top: 14px;
}

@media (max-width: 991px) {

    .qbit-service-problem-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {

    .qbit-service-detail-section {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .qbit-service-problem-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   QBIT SERVICES 1.49 — SOPORTE REMOTO COMO HERO
   ============================================================ */

.qbit-service-feature-primary {
    padding-top: 38px;
    padding-bottom: 38px;
    border-top: 0;
    background: #eef3f7;
}

.qbit-service-feature-primary .qbit-service-feature-grid {
    align-items: center;
}

.qbit-service-feature-primary h2 {
    margin-top: 5px;
    font-size: 30px;
    line-height: 1.18;
}

.qbit-service-feature-primary .qbit-service-feature-lead {
    max-width: 720px;
    font-size: 15px;
    line-height: 1.6;
}

.qbit-service-feature-primary .qbit-service-contact-card {
    background: #ffffff;
}

@media (max-width: 575px) {

    .qbit-service-feature-primary {
        padding-top: 28px;
        padding-bottom: 30px;
    }

    .qbit-service-feature-primary h2 {
        font-size: 27px;
    }
}

/* ============================================================
   QBIT SERVICES 1.52 — IMAGEN ATENCION REMOTA
   ============================================================ */

.qbit-service-remote-visual {
    display: grid;
    gap: 12px;
}

.qbit-service-remote-image {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center right;
    border: 1px solid #d7e3ec;
    border-radius: 11px;
    background: #fff;
}

.qbit-service-remote-visual .qbit-service-contact-card {
    padding: 18px 20px;
}

.qbit-service-remote-visual .qbit-service-contact-card p {
    margin-bottom: 12px;
}

@media (max-width: 991px) {

    .qbit-service-remote-image {
        height: 260px;
    }
}

@media (max-width: 575px) {

    .qbit-service-remote-image {
        height: 200px;
    }
}

/* ============================================================
   QBIT SERVICES 1.53 — IMAGEN REMOTA
   ============================================================ */

.qbit-service-contact-card .qbit-service-remote-image {
    display: block;
    width: 100%;
    height: 185px;
    margin: -4px 0 18px;
    object-fit: cover;
    object-position: center right;
    border-radius: 8px;
}

@media (max-width: 991px) {

    .qbit-service-contact-card .qbit-service-remote-image {
        height: 240px;
    }
}

@media (max-width: 575px) {

    .qbit-service-contact-card .qbit-service-remote-image {
        height: 190px;
        margin-bottom: 16px;
    }
}

/* ============================================================
   QBIT SERVICES 1.54 — REMOTE HERO LATERAL
   ============================================================ */

#soporte-remoto.qbit-service-feature {
    padding: 30px 0;
    background: #eef3f7;
}

#soporte-remoto .qbit-service-feature-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
    gap: 34px;
    align-items: stretch;
}

#soporte-remoto .qbit-service-feature-grid > div:first-child {
    align-self: center;
    padding: 8px 0;
}

#soporte-remoto .qbit-service-feature-lead {
    max-width: 690px;
    margin-top: 10px;
    margin-bottom: 16px;
}

#soporte-remoto .qbit-service-check-grid {
    margin-top: 14px;
    margin-bottom: 0;
}


/* LATERAL DERECHO */

.qbit-service-remote-media {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    border-radius: 12px;
    background: #dce8f1;
}

.qbit-service-remote-photo {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(
            90deg,
            rgba(238,243,247,.92) 0%,
            rgba(238,243,247,.48) 18%,
            rgba(238,243,247,.08) 42%,
            rgba(238,243,247,0) 64%
        ),
        url("/out/qbit/img/services/atencion-remota.png");

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


/* DIFUMINADO SUAVE EN BORDE IZQUIERDO */

.qbit-service-remote-media::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30%;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #eef3f7 0%,
        rgba(238,243,247,.78) 35%,
        rgba(238,243,247,0) 100%
    );
}


/* CARD SUPERPUESTA */

.qbit-service-remote-media .qbit-service-contact-card {
    position: absolute;
    z-index: 2;

    right: 18px;
    bottom: 18px;

    width: min(330px, calc(100% - 36px));

    padding: 16px 18px;

    border: 1px solid rgba(214,226,235,.96);
    border-radius: 10px;

    background: rgba(255,255,255,.94);

    box-shadow:
        0 8px 24px rgba(22,55,85,.10);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.qbit-service-remote-media .qbit-service-contact-card h3 {
    margin-top: 0;
    margin-bottom: 7px;
}

.qbit-service-remote-media .qbit-service-contact-card p {
    margin-bottom: 11px;
}

.qbit-service-remote-media
.qbit-service-block-button {
    min-height: 40px;
}


/* YA NO SE USA COMO IMG INLINE */

.qbit-service-contact-card .qbit-service-remote-image {
    display: none !important;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    #soporte-remoto .qbit-service-feature-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .qbit-service-remote-media {
        min-height: 380px;
    }

    .qbit-service-remote-photo {
        background-image:
            linear-gradient(
                180deg,
                rgba(238,243,247,0) 45%,
                rgba(238,243,247,.30) 70%,
                rgba(238,243,247,.65) 100%
            ),
            url("/out/qbit/img/services/atencion-remota.png");
    }

    .qbit-service-remote-media::before {
        display: none;
    }
}


@media (max-width: 575px) {

    #soporte-remoto.qbit-service-feature {
        padding: 24px 0 26px;
    }

    .qbit-service-remote-media {
        min-height: 390px;
    }

    .qbit-service-remote-media
    .qbit-service-contact-card {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
    }
}

/* ============================================================
   QBIT SERVICES 1.55 — REMOTE MEDIA SIN OVERLAY
   ============================================================ */

#soporte-remoto.qbit-service-feature {
    padding-top: 28px;
    padding-bottom: 30px;
}

#soporte-remoto .qbit-service-feature-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
    gap: 34px;
    align-items: start;
}

#soporte-remoto .qbit-service-feature-grid > div:first-child {
    align-self: start;
    padding-top: 14px;
}

#soporte-remoto .qbit-service-feature-lead {
    margin-top: 9px;
    margin-bottom: 14px;
}

#soporte-remoto .qbit-service-check-grid {
    margin-top: 12px;
}


/* CONTENEDOR DERECHO */

.qbit-service-remote-media {
    position: relative;
    display: grid;
    gap: 12px;

    min-height: 0;
    overflow: visible;

    border-radius: 0;
    background: transparent;
}


/* IMAGEN COMPLETA */

.qbit-service-remote-photo {
    position: relative;
    inset: auto;

    width: 100%;
    height: 245px;

    overflow: hidden;

    border: 1px solid #d7e3ec;
    border-radius: 11px;

    background-image:
        linear-gradient(
            90deg,
            rgba(238,243,247,.45) 0%,
            rgba(238,243,247,.16) 18%,
            rgba(238,243,247,0) 38%
        ),
        url("/out/qbit/img/services/atencion-remota.png");

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


/* RETIRAR EL PSEUDO DIFUMINADO ANTERIOR */

.qbit-service-remote-media::before {
    display: none;
}


/* CARD DEBAJO, YA NO SUPERPUESTA */

.qbit-service-remote-media .qbit-service-contact-card {
    position: relative;

    right: auto;
    bottom: auto;

    width: 100%;

    padding: 15px 18px;

    border: 1px solid #d7e3ec;
    border-radius: 10px;

    background: #ffffff;

    box-shadow: none;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.qbit-service-remote-media .qbit-service-contact-card h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.qbit-service-remote-media .qbit-service-contact-card p {
    margin-top: 0;
    margin-bottom: 10px;
}

.qbit-service-remote-media .qbit-service-downloads {
    margin-top: 10px;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    #soporte-remoto .qbit-service-feature-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-service-remote-photo {
        height: 300px;
    }
}

@media (max-width: 575px) {

    #soporte-remoto.qbit-service-feature {
        padding-top: 23px;
        padding-bottom: 25px;
    }

    .qbit-service-remote-photo {
        height: 215px;
    }

    .qbit-service-remote-media .qbit-service-contact-card {
        width: 100%;
        padding: 15px;
    }
}

/* ============================================================
   QBIT SERVICES 1.56 — WHATSAPP + DESCARGAS
   ============================================================ */

.qbit-service-whatsapp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background: #25D366;
    border-color: #25D366;
    color: #ffffff !important;
}

.qbit-service-whatsapp-button:hover,
.qbit-service-whatsapp-button:focus {
    background: #1ebe5b;
    border-color: #1ebe5b;
    color: #ffffff !important;
}

.qbit-service-whatsapp-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.qbit-service-whatsapp-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.qbit-service-download-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
    margin-top: 8px;
}

.qbit-service-download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: 14px;
    font-weight: 500;
    color: #1f5f96;
    text-decoration: none;
}

.qbit-service-download-link:hover,
.qbit-service-download-link:focus {
    text-decoration: underline;
}

.qbit-service-download-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #5d7890;
}

.qbit-service-download-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

@media (max-width: 575px) {

    .qbit-service-download-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* ============================================================
   QBIT SERVICES 1.57 — CARD REMOTA INTEGRADA EN IMAGEN
   ============================================================ */

#soporte-remoto .qbit-service-feature-grid {
    align-items: center;
}

.qbit-service-remote-media {
    position: relative;
    min-height: 320px;
}

.qbit-service-remote-photo {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
    border: 1px solid #d7e3ec;
    border-radius: 12px;

    background-image:
        linear-gradient(
            90deg,
            rgba(238,243,247,.82) 0%,
            rgba(238,243,247,.58) 20%,
            rgba(238,243,247,.26) 38%,
            rgba(238,243,247,.06) 56%,
            rgba(238,243,247,0) 72%
        ),
        url("/out/qbit/img/services/atencion-remota.png");

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

.qbit-service-remote-media .qbit-service-contact-card {
    position: absolute;
    z-index: 3;

    top: 18px;
    left: 18px;
    right: auto;
    bottom: auto;

    width: min(330px, calc(100% - 36px));
    max-width: 330px;

    padding: 14px 16px;

    border: 1px solid rgba(214,226,235,.95);
    border-radius: 10px;

    background: rgba(255,255,255,.90);

    box-shadow: 0 10px 24px rgba(19, 49, 77, .10);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.qbit-service-remote-media .qbit-service-contact-card h3 {
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.2;
}

.qbit-service-remote-media .qbit-service-contact-card p {
    margin: 0 0 10px;
    font-size: 13.5px;
    line-height: 1.45;
}

.qbit-service-remote-media .qbit-service-block-button,
.qbit-service-whatsapp-button {
    min-height: 40px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14.5px;
    line-height: 1.2;
}

.qbit-service-whatsapp-icon {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.qbit-service-remote-media .qbit-service-downloads {
    margin-top: 10px;
}

.qbit-service-remote-media .qbit-service-downloads > span {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.35;
    color: #677f92;
}

.qbit-service-download-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    margin-top: 0;
}

.qbit-service-download-link {
    font-size: 13.5px;
    line-height: 1.2;
}

.qbit-service-download-icon {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

/* Evitar que se vea la card como bloque separado debajo */
.qbit-service-remote-media > .qbit-service-contact-card {
    margin-top: 0;
}

/* TABLET / MOBILE */
@media (max-width: 991px) {

    .qbit-service-remote-media {
        min-height: 360px;
    }

    .qbit-service-remote-photo {
        height: 360px;
        background-image:
            linear-gradient(
                180deg,
                rgba(238,243,247,.70) 0%,
                rgba(238,243,247,.35) 26%,
                rgba(238,243,247,.08) 52%,
                rgba(238,243,247,0) 72%
            ),
            url("/out/qbit/img/services/atencion-remota.png");
    }

    .qbit-service-remote-media .qbit-service-contact-card {
        top: 14px;
        left: 14px;
        width: min(340px, calc(100% - 28px));
        max-width: none;
    }
}

@media (max-width: 575px) {

    .qbit-service-remote-media {
        min-height: 390px;
    }

    .qbit-service-remote-photo {
        height: 390px;
    }

    .qbit-service-remote-media .qbit-service-contact-card {
        top: 12px;
        left: 12px;
        width: calc(100% - 24px);
        padding: 13px 14px;
    }

    .qbit-service-download-links {
        gap: 8px 12px;
    }
}

/* ============================================================
   QBIT SERVICES 1.58 — CARD REMOTA SEMITRANSPARENTE
   ============================================================ */

.qbit-service-remote-media .qbit-service-contact-card {
    background: rgba(255,255,255,.78);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-color: rgba(210,224,234,.82);

    box-shadow:
        0 10px 26px rgba(19,49,77,.10);
}

/* ============================================================
   QBIT SERVICES 1.58A — CARD REMOTA MAS TRANSPARENTE
   ============================================================ */

.qbit-service-remote-media .qbit-service-contact-card {
    background: rgba(255,255,255,.66);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border-color: rgba(210,224,234,.72);
}

/* ============================================================
   QBIT SERVICES 1.59 — MINI-CARDS EN SOPORTE REMOTO
   ============================================================ */

.qbit-service-mini-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    max-width: 760px;
}

.qbit-service-mini-card {
    display: flex;
    flex-direction: column;
    gap: 6px;

    min-height: 118px;
    padding: 14px 15px;

    border: 1px solid #d7e3ec;
    border-radius: 10px;

    background: rgba(255,255,255,.72);
    text-decoration: none;

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

.qbit-service-mini-card:hover,
.qbit-service-mini-card:focus {
    transform: translateY(-1px);
    border-color: #b9d0e1;
    background: rgba(255,255,255,.86);
    box-shadow: 0 8px 18px rgba(19,49,77,.08);
    text-decoration: none;
}

.qbit-service-mini-card.is-active {
    border-color: #c8d9e6;
    background: rgba(255,255,255,.80);
}

.qbit-service-mini-card-number {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #7c9ab4;
    letter-spacing: .04em;
}

.qbit-service-mini-card strong {
    display: block;
    margin: 0;
    font-size: 15px;
    line-height: 1.28;
    color: #163f68;
}

.qbit-service-mini-card small {
    display: block;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: #5f778a;
}

@media (max-width: 991px) {

    .qbit-service-mini-cards {
        max-width: none;
    }
}

@media (max-width: 575px) {

    .qbit-service-mini-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .qbit-service-mini-card {
        min-height: 0;
        padding: 13px 14px;
    }
}

/* ============================================================
   QBIT SERVICES 1.60 — MINI-CARDS COMPACTAS
   ============================================================ */

#soporte-remoto .qbit-service-feature-grid {
    align-items: stretch;
}


/* Igualar altura útil del lado izquierdo al bloque visual derecho */

#soporte-remoto .qbit-service-feature-grid > div:first-child {
    display: flex;
    flex-direction: column;
    min-height: 320px;
    padding-top: 0;
    padding-bottom: 0;
}


/* Texto principal más compacto */

#soporte-remoto .qbit-service-feature-lead {
    margin-top: 8px;
    margin-bottom: 12px;
}


/* Grid de cards */

.qbit-service-mini-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;

    width: 100%;
    max-width: none;

    margin-top: auto;
}


/* Cards más chicas */

.qbit-service-mini-card {
    gap: 4px;

    min-height: 0;
    padding: 10px 12px;

    border-radius: 8px;
}


/* Numeración */

.qbit-service-mini-card-number {
    font-size: 11.5px;
    line-height: 1;
}


/* Título */

.qbit-service-mini-card strong {
    margin: 0;
    font-size: 14px;
    line-height: 1.22;
}


/* Descripción completa pero compacta */

.qbit-service-mini-card small {
    margin: 0;

    font-size: 12.5px;
    line-height: 1.38;

    color: #5f778a;
}


/* Evitar altura extra por hover */

.qbit-service-mini-card:hover,
.qbit-service-mini-card:focus {
    transform: none;
}


/* Responsive */

@media (max-width: 991px) {

    #soporte-remoto .qbit-service-feature-grid > div:first-child {
        min-height: 0;
    }

    .qbit-service-mini-cards {
        margin-top: 14px;
    }
}


@media (max-width: 575px) {

    .qbit-service-mini-cards {
        grid-template-columns: 1fr;
    }

    .qbit-service-mini-card {
        padding: 10px 11px;
    }
}

/* ============================================================
   QBIT SERVICES 1.61 — ALINEACION CARDS / IMAGEN
   ============================================================ */

#soporte-remoto .qbit-service-feature-grid {
    align-items: stretch;
}

#soporte-remoto .qbit-service-feature-grid > div:first-child {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px;
}

#soporte-remoto .qbit-service-mini-cards {
    margin-top: auto;
}

#soporte-remoto .qbit-service-mini-card {
    padding-top: 12px;
    padding-bottom: 12px;
}

#soporte-remoto .qbit-service-remote-media,
#soporte-remoto .qbit-service-remote-photo {
    height: 100%;
    min-height: 320px;
}

@media (max-width: 991px) {

    #soporte-remoto .qbit-service-feature-grid > div:first-child {
        min-height: 0;
    }

    #soporte-remoto .qbit-service-remote-media,
    #soporte-remoto .qbit-service-remote-photo {
        height: auto;
        min-height: 360px;
    }
}

/* ============================================================
   QBIT SERVICES 1.64 — IMAGENES CARDS DIAGNOSTICO
   ============================================================ */

.qbit-service-problem-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    min-height: 126px;

    padding-right: 42%;
}


/*
 * Capa visual lateral.
 * La imagen queda justificada a la derecha y desaparece
 * progresivamente hacia la izquierda.
 */
.qbit-service-problem-card::after {
    content: "";

    position: absolute;
    z-index: -1;

    top: 0;
    right: 0;
    bottom: 0;

    width: 58%;

    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;

    opacity: .90;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.10) 12%,
            rgba(0,0,0,.55) 34%,
            #000 62%,
            #000 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.10) 12%,
            rgba(0,0,0,.55) 34%,
            #000 62%,
            #000 100%
        );
}


/* 1 — Equipo lento */

.qbit-service-problem-card:nth-child(1)::after {
    background-image:
        url("/out/qbit/img/services/diagnostico/equipo-lento.png");
}


/* 2 — No enciende o no inicia */

.qbit-service-problem-card:nth-child(2)::after {
    background-image:
        url("/out/qbit/img/services/diagnostico/no-enciende.png");
}


/* 3 — Errores de Windows */

.qbit-service-problem-card:nth-child(3)::after {
    background-image:
        url("/out/qbit/img/services/diagnostico/errores-windows.png");
}


/* 4 — Disco, SSD o memoria */

.qbit-service-problem-card:nth-child(4)::after {
    background-image:
        url("/out/qbit/img/services/diagnostico/disco-ssd-memoria.png");
}


/* 5 — Sobrecalentamiento */

.qbit-service-problem-card:nth-child(5)::after {
    background-image:
        url("/out/qbit/img/services/diagnostico/sobrecalentamiento.png");
}


/* 6 — Red, pantalla y periféricos */

.qbit-service-problem-card:nth-child(6)::after {
    background-image:
        url("/out/qbit/img/services/diagnostico/red-pantalla-perifericos.png");
}


/*
 * Suavizar zona donde está el texto.
 */
.qbit-service-problem-card::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.98) 38%,
            rgba(255,255,255,.82) 55%,
            rgba(255,255,255,.12) 78%,
            rgba(255,255,255,0) 100%
        );
}


.qbit-service-problem-card strong,
.qbit-service-problem-card p {
    position: relative;
    z-index: 2;
}


/* TABLET */

@media (max-width: 991px) {

    .qbit-service-problem-card {
        padding-right: 38%;
    }

    .qbit-service-problem-card::after {
        width: 52%;
    }
}


/* MOVIL */

@media (max-width: 575px) {

    .qbit-service-problem-card {
        min-height: 132px;
        padding-right: 34%;
    }

    .qbit-service-problem-card::after {
        width: 48%;
    }

    .qbit-service-problem-card::before {
        background:
            linear-gradient(
                90deg,
                #ffffff 0%,
                rgba(255,255,255,.98) 46%,
                rgba(255,255,255,.72) 67%,
                rgba(255,255,255,0) 100%
            );
    }
}

/* ============================================================
   QBIT SERVICES 1.64C — IMAGENES MAS A LA DERECHA
   ============================================================ */

.qbit-service-problem-card {
    padding-right: 24%;
}

.qbit-service-problem-card::after {
    right: 0;
    left: auto;
    width: 40%;

    background-position: right center;
    background-size: contain;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.02) 18%,
            rgba(0,0,0,.18) 34%,
            rgba(0,0,0,.62) 58%,
            #000 78%,
            #000 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.02) 18%,
            rgba(0,0,0,.18) 34%,
            rgba(0,0,0,.62) 58%,
            #000 78%,
            #000 100%
        );
}

.qbit-service-problem-card::before {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.99) 46%,
            rgba(255,255,255,.94) 63%,
            rgba(255,255,255,.72) 77%,
            rgba(255,255,255,.22) 90%,
            rgba(255,255,255,0) 100%
        );
}

@media (max-width: 991px) {

    .qbit-service-problem-card {
        padding-right: 22%;
    }

    .qbit-service-problem-card::after {
        width: 36%;
    }
}

@media (max-width: 575px) {

    .qbit-service-problem-card {
        padding-right: 18%;
    }

    .qbit-service-problem-card::after {
        width: 32%;
    }

    .qbit-service-problem-card::before {
        background:
            linear-gradient(
                90deg,
                #ffffff 0%,
                rgba(255,255,255,.99) 58%,
                rgba(255,255,255,.78) 82%,
                rgba(255,255,255,0) 100%
            );
    }
}

/* ============================================================
   QBIT SERVICES 1.64D — IMAGENES MAS GRANDES
   ============================================================ */

.qbit-service-problem-card {
    padding-right: 27%;
}

.qbit-service-problem-card::after {
    right: -7%;
    width: 52%;

    background-size: cover;
    background-position: center right;
}

.qbit-service-problem-card::before {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.99) 45%,
            rgba(255,255,255,.92) 60%,
            rgba(255,255,255,.60) 75%,
            rgba(255,255,255,.12) 90%,
            rgba(255,255,255,0) 100%
        );
}

@media (max-width: 991px) {

    .qbit-service-problem-card {
        padding-right: 25%;
    }

    .qbit-service-problem-card::after {
        right: -6%;
        width: 48%;
    }
}

@media (max-width: 575px) {

    .qbit-service-problem-card {
        padding-right: 22%;
    }

    .qbit-service-problem-card::after {
        right: -8%;
        width: 44%;
    }
}

/* ============================================================
   QBIT SERVICES 1.64E — MOVER IMAGENES A LA DERECHA
   ============================================================ */

.qbit-service-problem-card::after {
    right: -12%;
    width: 52%;
    background-position: right center;
}

@media (max-width: 991px) {
    .qbit-service-problem-card::after {
        right: -10%;
    }
}

@media (max-width: 575px) {
    .qbit-service-problem-card::after {
        right: -8%;
    }
}

/* ============================================================
   QBIT SERVICES 1.64F — IMAGENES MUCHO MAS A LA DERECHA
   ============================================================ */

.qbit-service-problem-card::after {
    right: -22%;
    width: 58%;
    background-position: right center;
    background-size: cover;
}

.qbit-service-problem-card::before {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.995) 48%,
            rgba(255,255,255,.95) 66%,
            rgba(255,255,255,.68) 82%,
            rgba(255,255,255,.18) 93%,
            rgba(255,255,255,0) 100%
        );
}

@media (max-width: 991px) {
    .qbit-service-problem-card::after {
        right: -18%;
        width: 54%;
    }
}

@media (max-width: 575px) {
    .qbit-service-problem-card::after {
        right: -12%;
        width: 48%;
    }
}

/* ============================================================
   QBIT SERVICES 1.64G — MAS A LA DERECHA Y MENOS DIFUMINADO
   ============================================================ */

.qbit-service-problem-card::after {
    right: -26%;
    width: 60%;
    background-position: right center;
    background-size: cover;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.10) 22%,
            rgba(0,0,0,.42) 38%,
            rgba(0,0,0,.82) 56%,
            #000 70%,
            #000 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.10) 22%,
            rgba(0,0,0,.42) 38%,
            rgba(0,0,0,.82) 56%,
            #000 70%,
            #000 100%
        );
}

.qbit-service-problem-card::before {
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.992) 46%,
            rgba(255,255,255,.88) 61%,
            rgba(255,255,255,.42) 76%,
            rgba(255,255,255,.08) 89%,
            rgba(255,255,255,0) 100%
        );
}

@media (max-width: 991px) {
    .qbit-service-problem-card::after {
        right: -20%;
        width: 56%;
    }
}

@media (max-width: 575px) {
    .qbit-service-problem-card::after {
        right: -14%;
        width: 50%;
    }

    .qbit-service-problem-card::before {
        background:
            linear-gradient(
                90deg,
                #ffffff 0%,
                rgba(255,255,255,.99) 54%,
                rgba(255,255,255,.66) 78%,
                rgba(255,255,255,0) 100%
            );
    }
}

/* ============================================================
   QBIT SERVICES 1.65 — SVG CLAROS A LA DERECHA
   ============================================================ */

/* Desactivar fondos difuminados previos */
.qbit-service-problem-card::before,
.qbit-service-problem-card::after {
    content: none !important;
    display: none !important;
}

/* Card con SVG fijo a la derecha */
.qbit-service-problem-card {
    position: relative;
    overflow: hidden;

    min-height: 154px;
    padding: 18px 190px 18px 22px;

    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 168px auto;
}

/* 1 */
.qbit-service-problem-card:nth-child(1) {
    background-image: url("/out/qbit/img/services/diagnostico-svg/equipo-lento.svg");
}

/* 2 */
.qbit-service-problem-card:nth-child(2) {
    background-image: url("/out/qbit/img/services/diagnostico-svg/no-enciende.svg");
}

/* 3 */
.qbit-service-problem-card:nth-child(3) {
    background-image: url("/out/qbit/img/services/diagnostico-svg/errores-windows.svg");
}

/* 4 */
.qbit-service-problem-card:nth-child(4) {
    background-image: url("/out/qbit/img/services/diagnostico-svg/disco-ssd-memoria.svg");
}

/* 5 */
.qbit-service-problem-card:nth-child(5) {
    background-image: url("/out/qbit/img/services/diagnostico-svg/sobrecalentamiento.svg");
}

/* 6 */
.qbit-service-problem-card:nth-child(6) {
    background-image: url("/out/qbit/img/services/diagnostico-svg/red-pantalla-perifericos.svg");
}

/* Refinar tipografía de este bloque */
.qbit-service-problem-card strong {
    display: block;
    margin-bottom: 8px;
}

.qbit-service-problem-card p {
    margin: 0;
}

/* Tablet */
@media (max-width: 991px) {
    .qbit-service-problem-card {
        min-height: 148px;
        padding-right: 164px;
        background-size: 144px auto;
        background-position: right 10px center;
    }
}

/* Móvil */
@media (max-width: 575px) {
    .qbit-service-problem-card {
        min-height: 132px;
        padding: 16px 118px 16px 16px;
        background-size: 104px auto;
        background-position: right 8px center;
    }
}

/* ============================================================
   QBIT SERVICES 1.66 — PROCESO DIAGNOSTICO
   ============================================================ */

.qbit-service-process {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 14px;

    overflow: hidden;

    border: 1px solid #d9e4ed;
    border-radius: 10px;

    background: #ffffff;
}


/* Cada paso */

.qbit-service-process > span {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 9px;
    row-gap: 3px;

    align-items: start;

    min-height: 88px;

    padding: 14px 16px;

    border-right: 1px solid rgba(166,187,204,.34);
}


/* 1 — Diagnóstico */

.qbit-service-process > span:nth-child(1) {
    background: #eef7ff;
}


/* 2 — Propuesta */

.qbit-service-process > span:nth-child(2) {
    background: #fff9e8;
}


/* 3 — Autorización */

.qbit-service-process > span:nth-child(3) {
    background: #f5f1ff;
}


/* 4 — Reparación */

.qbit-service-process > span:nth-child(4) {
    background: #eefaf3;
    border-right: 0;
}


/* Número */

.qbit-service-process > span > b {
    grid-row: 1 / 3;

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

    width: 26px;
    height: 26px;

    border-radius: 50%;

    font-size: 13px;
    font-weight: 700;

    background: rgba(255,255,255,.78);
    color: #527794;
}


/* Colores representativos del número */

.qbit-service-process > span:nth-child(1) > b {
    color: #2778bd;
    background: #dceeff;
}

.qbit-service-process > span:nth-child(2) > b {
    color: #a77608;
    background: #ffedb8;
}

.qbit-service-process > span:nth-child(3) > b {
    color: #7655b7;
    background: #e7ddff;
}

.qbit-service-process > span:nth-child(4) > b {
    color: #30845b;
    background: #d9f2e4;
}


/* Título */

.qbit-service-process > span > strong {
    display: block;

    margin: 1px 0 0;

    font-size: 14px;
    line-height: 1.25;

    color: #234a69;
}


/* Descripción */

.qbit-service-process-description {
    display: block;

    grid-column: 2;

    margin: 0;

    max-width: 230px;

    font-size: 12.5px;
    line-height: 1.38;
    font-weight: 400;

    color: #61798b;
}


/* Responsive */

@media (max-width: 991px) {

    .qbit-service-process {
        grid-template-columns: repeat(2, 1fr);
    }

    .qbit-service-process > span:nth-child(2) {
        border-right: 0;
    }

    .qbit-service-process > span:nth-child(1),
    .qbit-service-process > span:nth-child(2) {
        border-bottom: 1px solid rgba(166,187,204,.34);
    }
}


@media (max-width: 575px) {

    .qbit-service-process {
        grid-template-columns: 1fr;
    }

    .qbit-service-process > span {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(166,187,204,.34);
    }

    .qbit-service-process > span:last-child {
        border-bottom: 0;
    }

    .qbit-service-process-description {
        max-width: none;
    }
}

/* ============================================================
   QBIT SERVICES 1.67 — IMAGEN GESTION DE GARANTIAS
   ============================================================ */

#garantias .qbit-service-detail-head {
    position: relative;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, .78fr);

    gap: 32px;

    align-items: stretch;
}


/* Imagen ocupa lateral derecho */

#garantias .qbit-service-warranty-visual {
    grid-column: 2;
    grid-row: 1 / span 2;

    min-height: 250px;

    overflow: hidden;

    border: 1px solid #d7e3ec;
    border-radius: 11px;

    background: #f5f8fb;
}


#garantias .qbit-service-warranty-visual img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 250px;

    object-fit: cover;
    object-position: center right;
}


/* Texto queda a la izquierda */

#garantias .qbit-service-detail-head > div:not(.qbit-service-warranty-visual) {
    grid-column: 1;
}


#garantias .qbit-service-detail-head > p {
    grid-column: 1;

    align-self: start;

    max-width: 680px;
}


/* Responsive */

@media (max-width: 991px) {

    #garantias .qbit-service-detail-head {
        grid-template-columns: 1fr;
    }

    #garantias .qbit-service-warranty-visual {
        grid-column: 1;
        grid-row: auto;

        min-height: 300px;
    }

    #garantias .qbit-service-warranty-visual img {
        min-height: 300px;
    }
}


@media (max-width: 575px) {

    #garantias .qbit-service-warranty-visual {
        min-height: 210px;
    }

    #garantias .qbit-service-warranty-visual img {
        min-height: 210px;
    }
}

/* ============================================================
   QBIT SERVICES 1.68 — GARANTIAS MISMO FORMATO QUE REMOTO
   ============================================================ */

.qbit-service-feature--warranty {
    padding-top: 34px;
}

.qbit-service-feature-grid--warranty {
    align-items: stretch;
}

.qbit-service-feature--warranty .qbit-service-feature-copy {
    display: flex;
    flex-direction: column;
}

.qbit-service-feature--warranty .qbit-service-feature-lead {
    max-width: 820px;
    margin-bottom: 22px;
}


/* 4 cards pequeñas como en soporte remoto */

.qbit-service-warranty-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.qbit-service-warranty-step {
    min-height: 102px;
    padding: 16px 18px;

    border: 1px solid #d8e4ed;
    border-radius: 12px;

    background: #ffffff;
}

.qbit-service-warranty-step strong {
    display: block;
    margin-bottom: 8px;

    font-size: 15px;
    line-height: 1.3;
    color: #143f6b;
}

.qbit-service-warranty-step p {
    margin: 0;

    font-size: 13.8px;
    line-height: 1.48;
    color: #5e778b;
}


/* Lado derecho con imagen y card flotante */

.qbit-service-warranty-visual {
    position: relative;

    min-height: 402px;

    overflow: hidden;

    border: 1px solid #d8e4ed;
    border-radius: 14px;

    background: #eef4f9;
}

.qbit-service-warranty-visual > img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 402px;

    object-fit: cover;
    object-position: center;
}

.qbit-service-contact-card--warranty {
    position: absolute;
    top: 22px;
    left: 22px;

    width: min(100%, 390px);

    background: rgba(255,255,255,.90);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.qbit-service-downloads--warranty {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.qbit-service-downloads--warranty > span:first-child {
    display: block;
    width: 100%;
}

.qbit-service-downloads--warranty > span:not(:first-child) {
    display: inline-flex;
    align-items: center;

    min-height: 32px;
    padding: 6px 10px;

    border: 1px solid #d7e3ec;
    border-radius: 999px;

    background: rgba(255,255,255,.72);

    font-size: 13px;
    line-height: 1.2;
    color: #5e778b;
}


/* Nota inferior */

.qbit-service-important-note--warranty {
    margin-top: 18px;
}


/* Responsive */

@media (max-width: 991px) {

    .qbit-service-warranty-visual {
        min-height: 360px;
    }

    .qbit-service-warranty-visual > img {
        min-height: 360px;
    }

    .qbit-service-contact-card--warranty {
        width: calc(100% - 44px);
    }
}

@media (max-width: 767px) {

    .qbit-service-warranty-steps {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {

    .qbit-service-warranty-visual {
        min-height: 300px;
    }

    .qbit-service-warranty-visual > img {
        min-height: 300px;
    }

    .qbit-service-contact-card--warranty {
        top: 14px;
        left: 14px;
        width: calc(100% - 28px);
    }
}

/* ============================================================
   QBIT SERVICES 1.68A — AJUSTE FINO GARANTIAS
   ============================================================ */

/* 4 cards mas compactas */
.qbit-service-warranty-steps {
    gap: 10px;
}

.qbit-service-warranty-step {
    min-height: 84px;
    padding: 13px 16px;
    border-radius: 10px;
}

.qbit-service-warranty-step strong {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.25;
}

.qbit-service-warranty-step p {
    font-size: 13px;
    line-height: 1.4;
}


/* Area visual: mas espacio para ver la imagen */
.qbit-service-warranty-visual {
    min-height: 352px;
}

.qbit-service-warranty-visual > img {
    min-height: 352px;
    object-fit: cover;
    object-position: right center;
}


/* Card flotante mas chica y menos invasiva */
.qbit-service-contact-card--warranty {
    top: 16px;
    left: 16px;

    width: min(100%, 308px);
    padding: 18px 18px 16px;

    background: rgba(255,255,255,.82);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.qbit-service-contact-card--warranty h3 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.15;
}

.qbit-service-contact-card--warranty p {
    margin-bottom: 14px;
    font-size: 13.5px;
    line-height: 1.45;
}

.qbit-service-contact-card--warranty .qbit-service-block-button {
    min-height: 48px;
    margin-bottom: 14px;
}

.qbit-service-downloads--warranty {
    gap: 8px;
}

.qbit-service-downloads--warranty > span:first-child {
    margin-bottom: 2px;
}

.qbit-service-downloads--warranty > span:not(:first-child) {
    min-height: 28px;
    padding: 5px 9px;
    font-size: 12.5px;
}


/* En desktop un poco mas compacta la composicion */
.qbit-service-feature--warranty .qbit-service-feature-lead {
    margin-bottom: 18px;
}


/* Tablet */
@media (max-width: 991px) {

    .qbit-service-warranty-visual {
        min-height: 320px;
    }

    .qbit-service-warranty-visual > img {
        min-height: 320px;
    }

    .qbit-service-contact-card--warranty {
        width: min(calc(100% - 32px), 320px);
    }
}


/* Mobile */
@media (max-width: 575px) {

    .qbit-service-warranty-step {
        min-height: 0;
    }

    .qbit-service-warranty-visual {
        min-height: 270px;
    }

    .qbit-service-warranty-visual > img {
        min-height: 270px;
    }

    .qbit-service-contact-card--warranty {
        top: 12px;
        left: 12px;
        width: calc(100% - 24px);
        padding: 16px 16px 14px;
    }
}

/* ============================================================
   QBIT SERVICES 1.68A — AJUSTE FINO GARANTIAS
   ============================================================ */

/* 4 cards mas compactas */
.qbit-service-warranty-steps {
    gap: 10px;
}

.qbit-service-warranty-step {
    min-height: 84px;
    padding: 13px 16px;
    border-radius: 10px;
}

.qbit-service-warranty-step strong {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.25;
}

.qbit-service-warranty-step p {
    font-size: 13px;
    line-height: 1.4;
}


/* Area visual: mas espacio para ver la imagen */
.qbit-service-warranty-visual {
    min-height: 352px;
}

.qbit-service-warranty-visual > img {
    min-height: 352px;
    object-fit: cover;
    object-position: right center;
}


/* Card flotante mas chica y menos invasiva */
.qbit-service-contact-card--warranty {
    top: 16px;
    left: 16px;

    width: min(100%, 308px);
    padding: 18px 18px 16px;

    background: rgba(255,255,255,.82);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.qbit-service-contact-card--warranty h3 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.15;
}

.qbit-service-contact-card--warranty p {
    margin-bottom: 14px;
    font-size: 13.5px;
    line-height: 1.45;
}

.qbit-service-contact-card--warranty .qbit-service-block-button {
    min-height: 48px;
    margin-bottom: 14px;
}

.qbit-service-downloads--warranty {
    gap: 8px;
}

.qbit-service-downloads--warranty > span:first-child {
    margin-bottom: 2px;
}

.qbit-service-downloads--warranty > span:not(:first-child) {
    min-height: 28px;
    padding: 5px 9px;
    font-size: 12.5px;
}


/* En desktop un poco mas compacta la composicion */
.qbit-service-feature--warranty .qbit-service-feature-lead {
    margin-bottom: 18px;
}


/* Tablet */
@media (max-width: 991px) {

    .qbit-service-warranty-visual {
        min-height: 320px;
    }

    .qbit-service-warranty-visual > img {
        min-height: 320px;
    }

    .qbit-service-contact-card--warranty {
        width: min(calc(100% - 32px), 320px);
    }
}


/* Mobile */
@media (max-width: 575px) {

    .qbit-service-warranty-step {
        min-height: 0;
    }

    .qbit-service-warranty-visual {
        min-height: 270px;
    }

    .qbit-service-warranty-visual > img {
        min-height: 270px;
    }

    .qbit-service-contact-card--warranty {
        top: 12px;
        left: 12px;
        width: calc(100% - 24px);
        padding: 16px 16px 14px;
    }
}

/* ============================================================
   QBIT SERVICES 1.68D — GARANTIAS AJUSTE EFECTIVO FINAL
   ============================================================ */


/* ------------------------------------------------------------
   COLUMNA IZQUIERDA
   ------------------------------------------------------------ */

#garantias .qbit-service-feature-grid--warranty {
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(420px, .72fr);

    gap: 28px;
    align-items: stretch;
}


#garantias .qbit-service-feature-lead {
    margin-top: 10px;
    margin-bottom: 14px;
}


/* ------------------------------------------------------------
   CARDS DE PROCESO MAS PEQUEÑAS
   ------------------------------------------------------------ */

#garantias .qbit-service-warranty-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 9px;
    margin-top: auto;
}


#garantias .qbit-service-warranty-step {
    min-height: 76px;

    padding: 11px 14px;

    border-radius: 9px;
}


#garantias .qbit-service-warranty-step strong {
    margin-bottom: 4px;

    font-size: 14px;
    line-height: 1.25;
}


#garantias .qbit-service-warranty-step p {
    margin: 0;

    font-size: 13px;
    line-height: 1.35;
}


/* ------------------------------------------------------------
   IMAGEN
   ------------------------------------------------------------ */

#garantias .qbit-service-warranty-visual {
    position: relative;

    min-height: 330px;

    overflow: hidden;

    border-radius: 12px;
}


#garantias .qbit-service-warranty-visual > img {
    width: 100%;
    height: 330px;
    min-height: 0;

    object-fit: cover;

    /*
     * La asesora esta en el lado derecho.
     * Conservamos esa parte visible.
     */
    object-position: 72% center;
}


/* ------------------------------------------------------------
   CARD FLOTANTE MAS PEQUEÑA
   ------------------------------------------------------------ */

#garantias
.qbit-service-warranty-visual
.qbit-service-contact-card--warranty {

    position: absolute;

    top: 16px;
    left: 16px;
    right: auto;
    bottom: auto;

    width: 278px;
    max-width: calc(100% - 32px);

    padding: 14px 15px;

    border-radius: 10px;

    background: rgba(255,255,255,.78);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    box-shadow:
        0 8px 22px rgba(18,52,81,.10);
}


#garantias
.qbit-service-contact-card--warranty h3 {

    margin: 0 0 6px;

    font-size: 18px;
    line-height: 1.2;
}


#garantias
.qbit-service-contact-card--warranty p {

    margin: 0 0 10px;

    font-size: 13px;
    line-height: 1.4;
}


#garantias
.qbit-service-contact-card--warranty
.qbit-service-block-button {

    min-height: 40px;

    margin: 0 0 10px;

    padding: 9px 12px;

    font-size: 13.5px;
}


/* ------------------------------------------------------------
   CHIPS MAS COMPACTOS
   ------------------------------------------------------------ */

#garantias .qbit-service-downloads--warranty {
    gap: 6px;
}


#garantias
.qbit-service-downloads--warranty > span:first-child {

    width: 100%;

    margin-bottom: 1px;

    font-size: 12px;
}


#garantias
.qbit-service-downloads--warranty > span:not(:first-child) {

    min-height: 25px;

    padding: 4px 8px;

    font-size: 11.5px;
}


/* ------------------------------------------------------------
   NOTA IMPORTANTE
   ------------------------------------------------------------ */

#garantias .qbit-service-important-note--warranty {
    margin-top: 12px;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 991px) {

    #garantias .qbit-service-feature-grid--warranty {
        grid-template-columns: 1fr;
    }

    #garantias .qbit-service-warranty-visual {
        min-height: 330px;
    }

    #garantias .qbit-service-warranty-visual > img {
        height: 330px;
    }
}


@media (max-width: 575px) {

    #garantias .qbit-service-warranty-steps {
        grid-template-columns: 1fr;
    }

    #garantias .qbit-service-warranty-step {
        min-height: 0;
    }

    #garantias .qbit-service-warranty-visual {
        min-height: 300px;
    }

    #garantias .qbit-service-warranty-visual > img {
        height: 300px;
    }

    #garantias
    .qbit-service-warranty-visual
    .qbit-service-contact-card--warranty {

        top: 12px;
        left: 12px;

        width: calc(100% - 24px);
        max-width: none;
    }
}


/* ============================================================
   QBIT SERVICES 1.68E — REDUCIR ALTURA CARD GARANTIA
   ============================================================ */

#garantias
.qbit-service-warranty-visual
.qbit-service-contact-card--warranty {
    top: 14px;
    left: 14px;

    width: 268px;
    max-width: calc(100% - 28px);

    padding: 12px 14px 12px;
    border-radius: 10px;

    background: rgba(255,255,255,.76);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#garantias
.qbit-service-contact-card--warranty h3 {
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.15;
}

#garantias
.qbit-service-contact-card--warranty p {
    margin: 0 0 9px;
    font-size: 12.8px;
    line-height: 1.38;
}

#garantias
.qbit-service-contact-card--warranty
.qbit-service-block-button {
    min-height: 38px;
    margin: 0 0 9px;
    padding: 8px 12px;

    font-size: 13px;
    line-height: 1.2;
}

#garantias .qbit-service-downloads--warranty {
    gap: 5px 6px;
}

#garantias
.qbit-service-downloads--warranty > span:first-child {
    width: 100%;
    margin-bottom: 0;

    font-size: 11.8px;
    line-height: 1.2;
}

#garantias
.qbit-service-downloads--warranty > span:not(:first-child) {
    min-height: 24px;
    padding: 4px 8px;

    font-size: 11.2px;
    line-height: 1.15;
}

/* Mobile */
@media (max-width: 575px) {

    #garantias
    .qbit-service-warranty-visual
    .qbit-service-contact-card--warranty {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        max-width: none;
        padding: 11px 12px;
    }
}


/* ============================================================
   QBIT SERVICES 1.68F — GARANTIAS MAS ESTRECHO IZQUIERDA
   Y MAS ANCHO DERECHA
   ============================================================ */

#garantias .qbit-service-feature-grid--warranty {
    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(560px, 1.08fr);

    gap: 24px;
    align-items: stretch;
}

/* La columna izquierda queda mas contenida */
#garantias .qbit-service-feature-copy {
    max-width: 100%;
}

/* Cards un poco mas compactas dentro de la columna izquierda */
#garantias .qbit-service-warranty-steps {
    gap: 8px;
}

#garantias .qbit-service-warranty-step {
    min-height: 72px;
    padding: 10px 13px;
}

/* La imagen gana mas presencia */
#garantias .qbit-service-warranty-visual {
    min-height: 390px;
}

#garantias .qbit-service-warranty-visual > img {
    height: 390px;
    object-fit: cover;
    object-position: 72% center;
}

/* En tablet regresamos a una sola columna */
@media (max-width: 991px) {
    #garantias .qbit-service-feature-grid--warranty {
        grid-template-columns: 1fr;
    }

    #garantias .qbit-service-warranty-visual {
        min-height: 340px;
    }

    #garantias .qbit-service-warranty-visual > img {
        height: 340px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    #garantias .qbit-service-warranty-visual {
        min-height: 300px;
    }

    #garantias .qbit-service-warranty-visual > img {
        height: 300px;
    }
}


/* ==========================================================
   QBIT REDES 2.02
   LANDING REDES SOBRE SISTEMA VISUAL QBIT
   ========================================================== */

.qbit-service-network {
    background: #f6f9fc;
}

.qbit-network-main {
    padding-top: 42px;
    padding-bottom: 48px;
}

.qbit-service-network
.qbit-network-intro-grid {
    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(520px, 1.08fr);
    gap: 42px;
    align-items: center;
}

.qbit-service-network
.qbit-service-feature-copy {
    max-width: 560px;
}

.qbit-service-network
.qbit-service-feature-copy h2 {
    margin: 0;
    color: #17324a;
    font-size: 30px;
    line-height: 1.16;
    font-weight: 700;
}

.qbit-service-network
.qbit-service-feature-lead {
    margin-top: 15px;
    max-width: 550px;
}

.qbit-network-intro-points {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.qbit-network-intro-points > div {
    padding: 14px 15px;
    border: 1px solid #dce7f0;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.72);
}

.qbit-network-intro-points strong {
    display: block;
    margin-bottom: 4px;
    color: #244159;
    font-size: 14px;
    font-weight: 700;
}

.qbit-network-intro-points span {
    display: block;
    color: #657788;
    font-size: 13.5px;
    line-height: 1.5;
}

.qbit-service-network
.qbit-service-section-action {
    margin-top: 22px;
}

.qbit-network-overview {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.qbit-network-overview-card {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    min-height: 155px;
    padding: 20px;
    border: 1px solid #dce7f0;
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 8px 24px
        rgba(32, 67, 94, 0.055);
}

.qbit-network-card-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #eef6fc;
    color: #2477bd;
    font-size: 12px;
    font-weight: 700;
}

.qbit-network-overview-card h3 {
    margin: 3px 0 7px;
    color: #213b51;
    font-size: 17px;
    line-height: 1.28;
    font-weight: 700;
}

.qbit-network-overview-card p {
    margin: 0;
    color: #657788;
    font-size: 14px;
    line-height: 1.52;
}

@media (max-width: 1050px) {

    .qbit-service-network
    .qbit-network-intro-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .qbit-service-network
    .qbit-service-feature-copy {
        max-width: 720px;
    }

}

@media (max-width: 680px) {

    .qbit-network-main {
        padding-top: 30px;
        padding-bottom: 34px;
    }

    .qbit-service-network
    .qbit-service-feature-copy h2 {
        font-size: 27px;
    }

    .qbit-network-intro-points {
        grid-template-columns: 1fr;
    }

    .qbit-network-overview {
        grid-template-columns: 1fr;
    }

    .qbit-network-overview-card {
        min-height: auto;
    }

}


/* ==========================================================
   QBIT REDES 2.04B
   WIFI OVERLAY EXPANDIBLE
   ========================================================== */

.qbit-network-overview {
    position: relative;
    isolation: isolate;
}

.qbit-network-overview-card--expandable {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.qbit-network-card-summary {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    width: 100%;
    transition:
        opacity 180ms ease,
        transform 240ms ease;
}

/*
 * El panel se posiciona sobre toda la cuadrícula,
 * pero toma como origen visual la card superior izquierda.
 */
.qbit-network-expand-panel {
    position: absolute;
    top: 0;
    left: 0;

    width: calc(200% + 14px);
    min-height: calc(200% + 14px);

    z-index: 30;

    display: flex;
    flex-direction: column;

    padding: 22px;

    border: 1px solid #b8d8ef;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 20px 50px
        rgba(24, 73, 110, 0.16);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform:
        scale(0.48)
        translate(-4px, -4px);

    transform-origin: top left;

    clip-path:
        inset(
            0 50% 50% 0
            round 14px
        );

    transition:
        opacity 180ms ease,
        transform 360ms
            cubic-bezier(.2,.8,.2,1),
        clip-path 360ms
            cubic-bezier(.2,.8,.2,1),
        visibility 0s linear 360ms;
}

.qbit-network-overview-card--expandable:hover
.qbit-network-card-summary,
.qbit-network-overview-card--expandable:focus-within
.qbit-network-card-summary {
    opacity: 0;
    transform: scale(0.98);
}

.qbit-network-overview-card--expandable:hover
.qbit-network-expand-panel,
.qbit-network-overview-card--expandable:focus-within
.qbit-network-expand-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform:
        scale(1)
        translate(0, 0);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );

    transition:
        opacity 180ms ease 40ms,
        transform 380ms
            cubic-bezier(.2,.8,.2,1),
        clip-path 380ms
            cubic-bezier(.2,.8,.2,1),
        visibility 0s;
}

.qbit-network-expand-head {
    margin-bottom: 16px;
}

.qbit-network-expand-head
.qbit-service-eyebrow {
    display: block;
    margin-bottom: 4px;
}

.qbit-network-expand-head h3 {
    margin: 0;

    color: #17324a;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.qbit-network-expand-head p {
    max-width: 620px;

    margin: 5px 0 0;

    color: #657788;

    font-size: 13.5px;
    line-height: 1.45;
}

.qbit-network-expand-options {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.qbit-network-expand-option {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 48px;

    padding: 0 14px;

    border: 1px solid #d7e4ee;
    border-radius: 8px;

    background: #ffffff;

    color: #24415a;
    text-decoration: none;

    transition:
        background 160ms ease,
        border-color 160ms ease,
        transform 160ms ease;
}

.qbit-network-expand-option:hover {
    background: #f3f9fd;
    border-color: #9dc9e8;

    transform: translateY(-1px);

    color: #174f7c;
    text-decoration: none;
}

.qbit-network-expand-option strong {
    font-size: 13.5px;
    font-weight: 600;
}

.qbit-network-expand-option span {
    color: #2477bd;
    font-size: 15px;
}

.qbit-network-expand-project {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: auto;
    padding: 14px 16px;

    border-radius: 9px;

    background: #eef7fd;
}

.qbit-network-expand-project strong {
    display: block;

    margin-bottom: 2px;

    color: #1d4667;

    font-size: 13.5px;
    font-weight: 700;
}

.qbit-network-expand-project span {
    display: block;

    color: #60778a;

    font-size: 12.5px;
    line-height: 1.4;
}

.qbit-network-expand-project .btn {
    flex: 0 0 auto;
    margin: 0;
}

/*
 * Mejora progresiva:
 * navegadores modernos capaces de interpolar
 * tamaños intrínsecos.
 */
@supports (interpolate-size: allow-keywords) {

    .qbit-network-overview {
        interpolate-size: allow-keywords;
    }

}

@media (max-width: 1050px) {

    .qbit-network-expand-panel {
        width: 100%;
        min-height: 360px;

        clip-path:
            inset(
                0 0 55% 0
                round 14px
            );
    }

    .qbit-network-expand-options {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 680px) {

    .qbit-network-expand-panel {
        position: absolute;

        width: 100%;
        min-height: 470px;

        padding: 17px;
    }

    .qbit-network-expand-options {
        grid-template-columns: 1fr;
    }

    .qbit-network-expand-project {
        align-items: flex-start;
        flex-direction: column;
    }

}



/* ==========================================================
   QBIT REDES 2.04C
   CORRECCION GEOMETRIA CARD + OVERLAY
   ========================================================== */

/*
 * La cuadrícula completa es el marco de referencia
 * del panel expandido.
 */
.qbit-network-overview {
    position: relative;
    isolation: isolate;
}


/*
 * IMPORTANTE:
 * La card expandible ya no debe conservar el grid
 * 38px + contenido del componente original.
 *
 * Su resumen interno ya contiene ese layout.
 */
.qbit-network-overview-card--expandable {
    position: static;
    display: block;
}


/*
 * Recupera exactamente la distribución visual
 * original de la card normal.
 */
.qbit-network-overview-card--expandable
.qbit-network-card-summary {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;

    width: 100%;
    height: 100%;
}


/*
 * El overlay deja de calcular 200% desde una sola card.
 *
 * inset: 0 hace que ocupe EXACTAMENTE:
 *
 * ┌───────────┬───────────┐
 * │ card 01   │ card 02   │
 * ├───────────┼───────────┤
 * │ card 03   │ card 04   │
 * └───────────┴───────────┘
 */
.qbit-network-overview-card--expandable
.qbit-network-expand-panel {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    height: auto;
    min-height: 0;

    margin: 0;

    box-sizing: border-box;
}


/*
 * Estado cerrado:
 * nace visualmente desde la posición de la card 01,
 * sin alterar dimensiones del grid.
 */
.qbit-network-overview-card--expandable
.qbit-network-expand-panel {
    transform:
        scale(0.49);

    transform-origin:
        top left;

    clip-path:
        inset(
            0 50% 50% 0
            round 14px
        );
}


/*
 * Estado abierto:
 * llena únicamente el área de las cuatro cards.
 */
.qbit-network-overview-card--expandable:hover
.qbit-network-expand-panel,
.qbit-network-overview-card--expandable:focus-within
.qbit-network-expand-panel {
    width: auto;
    height: auto;
    min-height: 0;

    transform:
        scale(1);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );
}


/*
 * Neutraliza las dimensiones utilizadas anteriormente
 * en breakpoints.
 */
@media (max-width: 1050px) {

    .qbit-network-overview-card--expandable
    .qbit-network-expand-panel {
        width: auto;
        height: auto;
        min-height: 0;
        inset: 0;
    }

}


@media (max-width: 680px) {

    .qbit-network-overview-card--expandable
    .qbit-network-expand-panel {
        width: auto;
        height: auto;
        min-height: 0;
        inset: 0;
    }

}



/* ==========================================================
   QBIT REDES 2.05
   SOLUCION — AMPLIAR COBERTURA WIFI
   ========================================================== */


/*
 * La solución existe en el HTML pero permanece
 * fuera del flujo hasta que su anchor es seleccionado.
 */
.qbit-network-solution {
    display: none;

    padding: 42px 0 46px;

    border-top: 1px solid #dce7f0;

    background: #ffffff;

    scroll-margin-top: 120px;
}


/*
 * El click sobre:
 * #solucion-cobertura-wifi
 *
 * activa exclusivamente esta sección.
 */
.qbit-network-solution:target {
    display: block;

    animation:
        qbit-network-solution-enter
        360ms
        cubic-bezier(.2,.8,.2,1)
        both;
}


@keyframes qbit-network-solution-enter {

    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


.qbit-network-solution-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 34px;

    margin-bottom: 26px;
}


.qbit-network-solution-head > div {
    max-width: 760px;
}


.qbit-network-solution-head h2 {
    margin: 3px 0 8px;

    color: #17324a;

    font-size: 28px;
    line-height: 1.18;
    font-weight: 700;
}


.qbit-network-solution-head p {
    margin: 0;

    max-width: 720px;

    color: #607487;

    font-size: 14.5px;
    line-height: 1.62;
}


.qbit-network-solution-back {
    flex: 0 0 auto;

    margin-top: 4px;

    padding: 8px 11px;

    border: 1px solid #d5e3ee;
    border-radius: 8px;

    background: #ffffff;

    color: #2477bd;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;
}


.qbit-network-solution-back:hover {
    background: #f4f9fd;
    color: #1766a3;
    text-decoration: none;
}


.qbit-network-solution-flow {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;

    margin-bottom: 26px;
}


.qbit-network-solution-step {
    display: grid;

    grid-template-columns:
        40px minmax(0, 1fr);

    gap: 13px;

    min-height: 146px;

    padding: 18px;

    border: 1px solid #dce7f0;
    border-radius: 12px;

    background: #f9fbfd;
}


.qbit-network-solution-step > span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    border-radius: 9px;

    background: #eaf5fc;

    color: #2477bd;

    font-size: 12px;
    font-weight: 700;
}


.qbit-network-solution-step h3 {
    margin: 3px 0 6px;

    color: #213d54;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}


.qbit-network-solution-step p {
    margin: 0;

    color: #687b8c;

    font-size: 13.5px;
    line-height: 1.52;
}


.qbit-network-solution-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, .78fr)
        minmax(520px, 1.22fr);

    gap: 18px;

    align-items: stretch;
}


.qbit-network-solution-fit,
.qbit-network-solution-products {
    padding: 20px;

    border: 1px solid #dce7f0;
    border-radius: 13px;

    background: #ffffff;
}


.qbit-network-solution-fit h3,
.qbit-network-solution-products h3 {
    margin: 3px 0 10px;

    color: #203b51;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}


.qbit-network-solution-fit ul {
    margin: 0;
    padding-left: 19px;
}


.qbit-network-solution-fit li {
    margin-bottom: 7px;

    color: #617587;

    font-size: 13.5px;
    line-height: 1.48;
}


.qbit-network-solution-fit li:last-child {
    margin-bottom: 0;
}


.qbit-network-products-head p {
    margin: 0 0 14px;

    color: #697c8d;

    font-size: 13.5px;
    line-height: 1.5;
}


.qbit-network-product-placeholder-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.qbit-network-product-placeholder {
    min-height: 126px;

    padding: 14px;

    border: 1px dashed #bfd3e3;
    border-radius: 10px;

    background: #f8fbfd;
}


.qbit-network-product-slot {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    margin-bottom: 18px;

    border-radius: 8px;

    background: #edf6fc;

    color: #2477bd;

    font-size: 11px;
    font-weight: 700;
}


.qbit-network-product-placeholder strong {
    display: block;

    margin-bottom: 3px;

    color: #28445a;

    font-size: 13px;
    line-height: 1.3;
}


.qbit-network-product-placeholder small {
    display: block;

    color: #7a8996;

    font-size: 12px;
    line-height: 1.4;
}


.qbit-network-solution-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 22px;

    margin-top: 18px;

    padding: 16px 18px;

    border-radius: 11px;

    background: #eef7fd;
}


.qbit-network-solution-cta strong {
    display: block;

    margin-bottom: 2px;

    color: #1d4667;

    font-size: 14px;
    font-weight: 700;
}


.qbit-network-solution-cta span {
    display: block;

    color: #60778a;

    font-size: 13px;
    line-height: 1.45;
}


.qbit-network-solution-cta .btn {
    flex: 0 0 auto;
    margin: 0;
}


/*
 * Primera opción funcional.
 */
.qbit-network-solution-trigger {
    background: #f6fbff;
    border-color: #a9d1ed;
}


.qbit-network-solution-trigger strong {
    color: #176aa7;
}


@media (max-width: 980px) {

    .qbit-network-solution-flow {
        grid-template-columns: 1fr;
    }

    .qbit-network-solution-step {
        min-height: auto;
    }

    .qbit-network-solution-layout {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 720px) {

    .qbit-network-solution {
        padding: 30px 0 34px;
    }

    .qbit-network-solution-head {
        flex-direction: column;
        gap: 14px;
    }

    .qbit-network-solution-head h2 {
        font-size: 24px;
    }

    .qbit-network-product-placeholder-grid {
        grid-template-columns: 1fr;
    }

    .qbit-network-solution-cta {
        align-items: flex-start;
        flex-direction: column;
    }

}



/* ==========================================================
   QBIT REDES 2.06
   AJUSTES SOLUCIONES REDES Y WIFI
   ========================================================== */

/*
 * Todas las opciones del panel WiFi ya son soluciones
 * navegables y no categorías de producto.
 */
.qbit-network-expand-option.qbit-network-solution-trigger {
    cursor: pointer;
}

.qbit-network-expand-option.qbit-network-solution-trigger:hover {
    background: #eef8fe;
    border-color: #8ec5e9;
    color: #145f95;
}


/*
 * Sólo una solución :target aparece en el flujo.
 * Las demás siguen totalmente fuera de la página visible.
 */
.qbit-network-solution:not(:target) {
    display: none;
}


/*
 * Diferenciación visual suave al entrar
 * desde una solución del panel.
 */
.qbit-network-solution:target
.qbit-network-solution-head {
    animation:
        qbit-network-head-enter
        420ms
        cubic-bezier(.2,.8,.2,1)
        both;
}

@keyframes qbit-network-head-enter {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/*
 * Aseguramos que el anchor no quede oculto
 * debajo del header fijo.
 */
.qbit-network-solution {
    scroll-margin-top: 118px;
}


/*
 * Mantener tarjetas compactas aunque el texto
 * de cada solución cambie ligeramente.
 */
.qbit-network-solution-step {
    height: 100%;
}

.qbit-network-product-placeholder-grid {
    align-items: stretch;
}

.qbit-network-product-placeholder {
    height: 100%;
}



/* ==========================================================
   QBIT REDES 2.06B
   AJUSTE TIPOGRAFICO OPCIONES WIFI
   ========================================================== */

.qbit-network-expand-option strong {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.qbit-network-expand-project strong {
    font-size: 13px;
    font-weight: 600;
}



/* ==========================================================
   QBIT REDES 2.06C
   AJUSTE BOTON SOLICITAR ASESORIA
   ========================================================== */

.qbit-network-expand-project
.qbit-service-primary {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}



/* ==========================================================
   QBIT REDES 2.06D
   NORMALIZAR TIPOGRAFIA PANEL REDES Y WIFI
   ========================================================== */

/*
 * Soluciones:
 * eliminamos apariencia Bold pesada.
 * Usamos una sans-serif limpia y peso medio.
 */
.qbit-network-expand-option,
.qbit-network-expand-option strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
 * El elemento STRONG deja de forzar negrita.
 */
.qbit-network-expand-option strong {
    color: #1f4f73;
}


/*
 * Hover:
 * no cambiar peso de fuente.
 * Sólo cambia ligeramente fondo/borde/color.
 */
.qbit-network-expand-option:hover,
.qbit-network-expand-option.qbit-network-solution-trigger:hover {
    font-weight: 500;
}

.qbit-network-expand-option:hover strong,
.qbit-network-expand-option.qbit-network-solution-trigger:hover strong {
    font-weight: 500;
    color: #145f95;
}


/*
 * Flechas:
 * sin Bold para evitar aspecto grueso.
 */
.qbit-network-expand-option span,
.qbit-network-expand-option b {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;
    font-weight: 400;
}


/*
 * Bloque instalación completa.
 */
.qbit-network-expand-project strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
 * Descripción inferior.
 */
.qbit-network-expand-project span {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
 * Botón Solicitar asesoría.
 * Mantiene presencia por color y forma,
 * no por negrita.
 */
.qbit-network-expand-project
.qbit-service-primary {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.2;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
 * Evitar que hover/focus vuelva a aplicar
 * peso tipográfico fuerte al botón.
 */
.qbit-network-expand-project
.qbit-service-primary:hover,
.qbit-network-expand-project
.qbit-service-primary:focus {
    font-weight: 500;
}



/* ==========================================================
   QBIT REDES 2.08B
   PRODUCTOS DINAMICOS CON STOCK
   ========================================================== */

.qbit-network-live-product-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.qbit-network-live-product {
    min-width: 0;
    overflow: hidden;

    border: 1px solid #dce7f0;
    border-radius: 11px;

    background: #ffffff;

    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

.qbit-network-live-product:hover {
    border-color: #a9cee8;

    box-shadow:
        0 8px 22px
        rgba(30, 82, 120, 0.08);

    transform: translateY(-1px);
}

.qbit-network-live-product-image {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 142px;

    padding: 12px;

    border-bottom: 1px solid #edf2f6;

    background: #ffffff;

    text-decoration: none;
}

.qbit-network-live-product-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

.qbit-network-live-product-body {
    padding: 12px 13px 13px;
}

.qbit-network-live-product-type {
    display: block;

    margin-bottom: 5px;

    color: #2477bd;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .045em;
}

.qbit-network-live-product-title {
    display: -webkit-box;

    overflow: hidden;

    min-height: 51px;

    color: #28445a;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;

    text-decoration: none;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.qbit-network-live-product-title:hover {
    color: #176aa7;
    text-decoration: none;
}

.qbit-network-live-product-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-top: 10px;
}

.qbit-network-live-product-meta strong {
    color: #173f5f;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;
    font-weight: 500;
}

.qbit-network-live-product-meta span {
    position: relative;

    padding-left: 10px;

    color: #548267;

    font-size: 11.5px;
    font-weight: 400;
}

.qbit-network-live-product-meta span::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #61a875;

    transform: translateY(-50%);
}

.qbit-network-live-product-link {
    display: inline-block;

    margin-top: 10px;

    color: #2477bd;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;
    font-weight: 500;

    text-decoration: none;
}

.qbit-network-live-product-link:hover {
    color: #165f96;
    text-decoration: none;
}

@media (max-width: 980px) {

    .qbit-network-live-product-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}

@media (max-width: 720px) {

    .qbit-network-live-product-grid {
        grid-template-columns: 1fr;
    }

    .qbit-network-live-product-image {
        height: 180px;
    }

}



/* ==========================================================
   QBIT REDES 2.08C
   CTA INTEGRADO EN COLUMNA IZQUIERDA
   ========================================================== */

/*
 * La columna izquierda aprovecha toda la altura
 * generada por la columna de productos.
 */
#solucion-cobertura-wifi
.qbit-network-solution-fit {
    display: flex;
    flex-direction: column;
}


/*
 * CTA al fondo de la misma card.
 */
#solucion-cobertura-wifi
.qbit-network-solution-cta--inside-fit {
    width: 100%;

    margin-top: auto;
    padding: 14px 15px;

    gap: 14px;

    border-radius: 10px;

    background: #eef7fd;
}


/*
 * Texto más compacto para no saturar
 * la columna izquierda.
 */
#solucion-cobertura-wifi
.qbit-network-solution-cta--inside-fit strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
}


#solucion-cobertura-wifi
.qbit-network-solution-cta--inside-fit span {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.42;
}


/*
 * Botón compacto dentro de la columna.
 */
#solucion-cobertura-wifi
.qbit-network-solution-cta--inside-fit
.qbit-service-primary {
    flex: 0 0 auto;

    min-height: 42px;

    padding-left: 16px;
    padding-right: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 500;
}


/*
 * Desktop estrecho:
 * apilar CTA si ya no cabe cómodamente.
 */
@media (max-width: 1180px) {

    #solucion-cobertura-wifi
    .qbit-network-solution-cta--inside-fit {
        align-items: flex-start;
        flex-direction: column;
    }

}


/*
 * Móvil mantiene el mismo comportamiento
 * sin forzar altura.
 */
@media (max-width: 720px) {

    #solucion-cobertura-wifi
    .qbit-network-solution-fit {
        display: block;
    }

    #solucion-cobertura-wifi
    .qbit-network-solution-cta--inside-fit {
        margin-top: 18px;
    }

}



/* ==========================================================
   QBIT REDES 2.08D
   BOTON SUPERIOR SOLICITAR EVALUACION
   ========================================================== */

.qbit-service-network
.qbit-network-main
.qbit-service-section-action
.qbit-service-primary {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.2;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.qbit-service-network
.qbit-network-main
.qbit-service-section-action
.qbit-service-primary:hover,
.qbit-service-network
.qbit-network-main
.qbit-service-section-action
.qbit-service-primary:focus {
    font-weight: 500;
}



/* ==========================================================
   QBIT REDES 2.09B
   PRODUCTOS DINAMICOS TODAS LAS SOLUCIONES WIFI
   ========================================================== */

/*
 * Todas las columnas izquierdas de las soluciones
 * aprovechan la altura de las cards de productos.
 */
.qbit-network-solution
.qbit-network-solution-fit {
    display: flex;
    flex-direction: column;
}


/*
 * CTA integrado al fondo de la columna izquierda.
 */
.qbit-network-solution
.qbit-network-solution-cta--inside-fit {
    width: 100%;

    margin-top: auto;
    padding: 14px 15px;

    gap: 14px;

    border-radius: 10px;

    background: #eef7fd;
}


/*
 * Mantener tipografía ligera ya aprobada.
 */
.qbit-network-solution
.qbit-network-solution-cta--inside-fit strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
}


.qbit-network-solution
.qbit-network-solution-cta--inside-fit span {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.42;
}


.qbit-network-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary {
    flex: 0 0 auto;

    min-height: 42px;

    padding-left: 16px;
    padding-right: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 500;
}


/*
 * No cambiar el peso al hacer hover.
 */
.qbit-network-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:hover,
.qbit-network-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:focus {
    font-weight: 500;
}


@media (max-width: 1180px) {

    .qbit-network-solution
    .qbit-network-solution-cta--inside-fit {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 720px) {

    .qbit-network-solution
    .qbit-network-solution-fit {
        display: block;
    }

    .qbit-network-solution
    .qbit-network-solution-cta--inside-fit {
        margin-top: 18px;
    }

}



/* ==========================================================
   QBIT REDES 2.10B
   CABLEADO Y CONECTIVIDAD
   ========================================================== */


/*
 * Card 02:
 * el overlay se abre desde la esquina superior derecha.
 */
.qbit-network-overview-card--cabling
.qbit-network-expand-panel {
    transform-origin: top right;

    clip-path:
        inset(
            0 0 50% 50%
            round 14px
        );

    transform:
        scale(.49);
}


/*
 * Al abrir:
 * ocupa exactamente el área de las cuatro cards.
 */
.qbit-network-overview-card--cabling:hover
.qbit-network-expand-panel,
.qbit-network-overview-card--cabling:focus-within
.qbit-network-expand-panel {

    transform:
        scale(1);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );
}


/*
 * La geometría sigue dependiendo del grid completo,
 * igual que Redes y WiFi.
 */
.qbit-network-overview-card--cabling {
    position: static;
    display: block;
}


.qbit-network-overview-card--cabling
.qbit-network-card-summary {
    display: grid;

    grid-template-columns:
        38px minmax(0, 1fr);

    gap: 14px;

    width: 100%;
    height: 100%;
}


/*
 * Soluciones Cableado:
 * conservan exactamente el sistema visual ya aprobado
 * en Redes y WiFi.
 */
.qbit-cabling-solution {
    scroll-margin-top: 118px;
}


/*
 * CTA integrado en columna izquierda.
 */
.qbit-cabling-solution
.qbit-network-solution-fit {
    display: flex;
    flex-direction: column;
}


.qbit-cabling-solution
.qbit-network-solution-cta--inside-fit {
    width: 100%;

    margin-top: auto;

    padding: 14px 15px;

    gap: 14px;

    border-radius: 10px;

    background: #eef7fd;
}


/*
 * Mantener tipografía ligera.
 */
.qbit-cabling-solution
.qbit-network-solution-cta--inside-fit strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
}


.qbit-cabling-solution
.qbit-network-solution-cta--inside-fit span {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.42;
}


.qbit-cabling-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary {
    flex: 0 0 auto;

    min-height: 42px;

    padding-left: 16px;
    padding-right: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 500;
}


.qbit-cabling-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:hover,
.qbit-cabling-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:focus {
    font-weight: 500;
}


@media (max-width: 1180px) {

    .qbit-cabling-solution
    .qbit-network-solution-cta--inside-fit {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 720px) {

    .qbit-cabling-solution
    .qbit-network-solution-fit {
        display: block;
    }

    .qbit-cabling-solution
    .qbit-network-solution-cta--inside-fit {
        margin-top: 18px;
    }

}



/* ==========================================================
   QBIT REDES 2.10C
   STACKING CARDS EXPANDIBLES
   ========================================================== */

/*
 * El grid completo funciona como un único
 * contexto de apilamiento.
 */
.qbit-network-overview {
    position: relative;
    isolation: isolate;
    z-index: 1;
}


/*
 * Todas las cards permanecen debajo
 * mientras están cerradas.
 */
.qbit-network-overview-card {
    z-index: 1;
}


/*
 * Las cards expandibles cerradas no deben
 * competir con el panel que se está abriendo.
 */
.qbit-network-overview-card--expandable {
    z-index: 2;
}


/*
 * Cuando una card está activa por hover/focus,
 * su contexto pasa al frente.
 */
.qbit-network-overview-card--expandable:hover,
.qbit-network-overview-card--expandable:focus-within {
    z-index: 100;
}


/*
 * El panel expandido queda definitivamente
 * por encima de las otras cards.
 */
.qbit-network-overview-card--expandable
.qbit-network-expand-panel {
    z-index: 110;
}


/*
 * Mientras una card expandible esté activa,
 * las hermanas deben quedarse abajo.
 *
 * :has() permite resolverlo sin JavaScript.
 */
.qbit-network-overview:has(
    .qbit-network-overview-card--expandable:hover
)
.qbit-network-overview-card:not(:hover),

.qbit-network-overview:has(
    .qbit-network-overview-card--expandable:focus-within
)
.qbit-network-overview-card:not(:focus-within) {
    z-index: 1;
}


/*
 * Protección específica:
 * Cableado no puede quedar encima cuando
 * Redes y WiFi está abierta.
 */
.qbit-network-overview-card--expandable:hover
~ .qbit-network-overview-card,
.qbit-network-overview-card--expandable:focus-within
~ .qbit-network-overview-card {
    z-index: 1;
}



/* ==========================================================
   QBIT REDES 2.11B
   VIDEOVIGILANCIA / CCTV
   ========================================================== */


/*
 * Card 03 se encuentra abajo a la izquierda.
 * El panel nace desde esa posición.
 */
.qbit-network-overview-card--cctv
.qbit-network-expand-panel {

    transform-origin:
        bottom left;

    clip-path:
        inset(
            50% 50% 0 0
            round 14px
        );

    transform:
        scale(.49);
}


/*
 * Apertura completa sobre las cuatro cards.
 */
.qbit-network-overview-card--cctv:hover
.qbit-network-expand-panel,
.qbit-network-overview-card--cctv:focus-within
.qbit-network-expand-panel {

    transform:
        scale(1);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );
}


/*
 * Mismo sistema geométrico aprobado.
 */
.qbit-network-overview-card--cctv {
    position: static;
    display: block;
}


.qbit-network-overview-card--cctv
.qbit-network-card-summary {

    display: grid;

    grid-template-columns:
        38px minmax(0, 1fr);

    gap: 14px;

    width: 100%;
    height: 100%;
}


/*
 * Soluciones CCTV.
 */
.qbit-cctv-solution {
    scroll-margin-top: 118px;
}


.qbit-cctv-solution
.qbit-network-solution-fit {

    display: flex;
    flex-direction: column;
}


.qbit-cctv-solution
.qbit-network-solution-cta--inside-fit {

    width: 100%;

    margin-top: auto;

    padding: 14px 15px;

    gap: 14px;

    border-radius: 10px;

    background: #eef7fd;
}


/*
 * Tipografía ligera y consistente.
 */
.qbit-cctv-solution
.qbit-network-solution-cta--inside-fit strong {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
}


.qbit-cctv-solution
.qbit-network-solution-cta--inside-fit span {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.42;
}


.qbit-cctv-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary {

    flex: 0 0 auto;

    min-height: 42px;

    padding-left: 16px;
    padding-right: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 500;
}


.qbit-cctv-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:hover,
.qbit-cctv-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:focus {

    font-weight: 500;
}


@media (max-width: 1180px) {

    .qbit-cctv-solution
    .qbit-network-solution-cta--inside-fit {

        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 720px) {

    .qbit-cctv-solution
    .qbit-network-solution-fit {
        display: block;
    }

    .qbit-cctv-solution
    .qbit-network-solution-cta--inside-fit {
        margin-top: 18px;
    }

}



/* ==========================================================
   QBIT REDES 2.12B
   BIOMETRICOS Y CONTROL DE ACCESO
   ========================================================== */


/*
 * Card 04:
 * esquina inferior derecha.
 */
.qbit-network-overview-card--access
.qbit-network-expand-panel {

    transform-origin:
        bottom right;

    clip-path:
        inset(
            50% 0 0 50%
            round 14px
        );

    transform:
        scale(.49);
}


/*
 * Al abrir ocupa las cuatro cards.
 */
.qbit-network-overview-card--access:hover
.qbit-network-expand-panel,
.qbit-network-overview-card--access:focus-within
.qbit-network-expand-panel {

    transform:
        scale(1);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );
}


.qbit-network-overview-card--access {

    position: static;
    display: block;
}


.qbit-network-overview-card--access
.qbit-network-card-summary {

    display: grid;

    grid-template-columns:
        38px minmax(0, 1fr);

    gap: 14px;

    width: 100%;
    height: 100%;
}


/*
 * Secciones Control de acceso.
 */
.qbit-access-solution {

    scroll-margin-top: 118px;
}


.qbit-access-solution
.qbit-network-solution-fit {

    display: flex;
    flex-direction: column;
}


.qbit-access-solution
.qbit-network-solution-cta--inside-fit {

    width: 100%;

    margin-top: auto;

    padding: 14px 15px;

    gap: 14px;

    border-radius: 10px;

    background: #eef7fd;
}


.qbit-access-solution
.qbit-network-solution-cta--inside-fit strong {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
}


.qbit-access-solution
.qbit-network-solution-cta--inside-fit span {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.42;
}


.qbit-access-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary {

    flex: 0 0 auto;

    min-height: 42px;

    padding-left: 16px;
    padding-right: 16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;
    font-weight: 500;
}


.qbit-access-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:hover,
.qbit-access-solution
.qbit-network-solution-cta--inside-fit
.qbit-service-primary:focus {

    font-weight: 500;
}


@media (max-width: 1180px) {

    .qbit-access-solution
    .qbit-network-solution-cta--inside-fit {

        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 720px) {

    .qbit-access-solution
    .qbit-network-solution-fit {

        display: block;
    }


    .qbit-access-solution
    .qbit-network-solution-cta--inside-fit {

        margin-top: 18px;
    }

}



/* ==========================================================
   QBIT REDES 2.13
   ICONOS SVG GRANDES EN CARDS PRINCIPALES
   ========================================================== */


/*
 * Ya no se usan los indicadores 01-04.
 */
.qbit-network-card-number {
    display: none !important;
}


/*
 * Contenedor principal del icono.
 */
.qbit-network-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 64px;

    width: 64px;
    height: 64px;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #eef7fd 0%,
            #e7f3fc 100%
        );

    color: #1477bd;

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}


/*
 * SVG bastante más grande que el número anterior.
 */
.qbit-network-card-icon svg {
    display: block;

    width: 42px;
    height: 42px;

    overflow: visible;
}


/*
 * Ajustar geometría de todas las cards.
 */
.qbit-network-card-summary {
    grid-template-columns:
        64px minmax(0, 1fr) !important;

    column-gap: 18px !important;

    align-items: start;
}


/*
 * Hover muy ligero.
 * No cambia el grosor visual del icono.
 */
.qbit-network-overview-card:hover
.qbit-network-card-icon,

.qbit-network-overview-card:focus-within
.qbit-network-card-icon {
    transform: scale(1.045);

    background:
        linear-gradient(
            145deg,
            #e5f3fd 0%,
            #deeffc 100%
        );

    box-shadow:
        0 6px 16px
        rgba(27, 111, 170, 0.08);
}


/*
 * Mantener línea SVG estable.
 */
.qbit-network-card-icon svg path,
.qbit-network-card-icon svg circle,
.qbit-network-card-icon svg rect {
    vector-effect: non-scaling-stroke;
}


/*
 * Responsive.
 */
@media (max-width: 720px) {

    .qbit-network-card-icon {
        flex-basis: 56px;

        width: 56px;
        height: 56px;

        border-radius: 13px;
    }


    .qbit-network-card-icon svg {
        width: 36px;
        height: 36px;
    }


    .qbit-network-card-summary {
        grid-template-columns:
            56px minmax(0, 1fr) !important;

        column-gap: 14px !important;
    }

}



/* ==========================================================
   QBIT REDES 2.14B
   APERTURA DE CARD DESDE MENU DEL HEADER
   ========================================================== */


/*
 * Card seleccionada desde el menú:
 * mismo nivel de apilamiento que hover/focus.
 */
.qbit-network-overview-card--expandable.is-menu-open {
    z-index: 100;
}


/*
 * Panel activo desde deep-link.
 */
.qbit-network-overview-card--expandable.is-menu-open
.qbit-network-expand-panel {

    z-index: 110;

    transform: scale(1);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );
}


/*
 * Las demás cards permanecen debajo.
 */
.qbit-network-overview:has(
    .qbit-network-overview-card--expandable.is-menu-open
)
.qbit-network-overview-card:not(.is-menu-open) {

    z-index: 1;
}


/*
 * Compensar header al navegar mediante hash.
 */
#redes-wifi,
#cableado-conectividad,
#videovigilancia-cctv,
#biometricos-control-acceso {

    scroll-margin-top: 125px;
}


/*
 * No modificar geometría ni animación de hover.
 * is-menu-open reutiliza exactamente el mismo panel.
 */



/* ==========================================================
   QBIT REDES 2.14D
   UNA SOLA CARD ABIERTA CUANDO SE USA EL MENU
   ========================================================== */


/*
 * Cuando estamos navegando desde el dropdown,
 * solamente .is-menu-open puede mostrar su panel.
 *
 * Esto anula un :hover o :focus-within residual
 * de la card anterior.
 */
.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card--expandable:not(.is-menu-open)
.qbit-network-expand-panel {

    z-index: 1 !important;

    pointer-events: none !important;
}


/*
 * Card activa.
 */
.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card--expandable.is-menu-open {

    z-index: 150 !important;
}


.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card--expandable.is-menu-open
.qbit-network-expand-panel {

    z-index: 160 !important;

    pointer-events: auto !important;

    transform:
        scale(1) !important;

    clip-path:
        inset(
            0 0 0 0
            round 14px
        ) !important;
}


/*
 * ----------------------------------------------------------
 * IMPORTANTE:
 *
 * Cada una de las 4 cards tiene un origen distinto.
 * Forzamos explícitamente su estado CERRADO cuando otra
 * familia fue seleccionada desde el menú.
 * ----------------------------------------------------------
 */


/* 01 — Redes y WiFi */
.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card--expandable:not(.is-menu-open)
.qbit-network-expand-panel {

    opacity: 0;
    visibility: hidden;
}


/*
 * Activa:
 * vuelve visible inmediatamente.
 */
.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card--expandable.is-menu-open
.qbit-network-expand-panel {

    opacity: 1;
    visibility: visible;
}


/*
 * Las cards resumen siguen visibles debajo,
 * pero nunca encima del panel abierto.
 */
.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card:not(.is-menu-open) {

    z-index: 1 !important;
}


.qbit-network-overview.is-menu-navigation
.qbit-network-overview-card.is-menu-open {

    z-index: 150 !important;
}



/* ==========================================================
   QBIT REDES 2.14E
   RESTAURAR INTERACCION NATURAL
   ========================================================== */

/*
 * 2.14D utilizaba is-menu-navigation para bloquear
 * hover de otras cards.
 *
 * 2.14E ya NO usa ese modo.
 * La card abierta por menú simplemente comparte
 * el mismo estado visual mediante is-menu-open.
 */


/*
 * Estado persistente abierto desde menú.
 */
.qbit-network-overview-card--expandable.is-menu-open {
    z-index: 150;
}


.qbit-network-overview-card--expandable.is-menu-open
.qbit-network-expand-panel {

    z-index: 160;

    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    transform: scale(1);

    clip-path:
        inset(
            0 0 0 0
            round 14px
        );
}


/*
 * No interferimos con:
 * :hover
 * :focus-within
 *
 * Al retirarse is-menu-open,
 * cada card vuelve inmediatamente a su
 * comportamiento normal.
 */


/* ============================================================
   QBIT ENTERPRISE 1.03B START
   Sistemas Empresariales — Hero + enfoque operativo
   ============================================================ */

.qbit-enterprise-page {
    --qbit-enterprise-navy: #153b61;
    --qbit-enterprise-blue: #1667a8;
    --qbit-enterprise-text: #18334f;
    --qbit-enterprise-muted: #5d7185;
    --qbit-enterprise-border: #dce6ef;
    --qbit-enterprise-soft: #f5f9fc;
    --qbit-enterprise-soft-blue: #eef5fa;
}

.qbit-enterprise-page h1,
.qbit-enterprise-page h2,
.qbit-enterprise-page p {
    text-wrap: pretty;
}


/* HERO */

.qbit-enterprise-hero {
    padding: 52px 0 50px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(22, 103, 168, .08),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbfd 100%
        );
}

.qbit-enterprise-hero-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.24fr)
        minmax(340px, .76fr);
    gap: 52px;
    align-items: center;
}

.qbit-enterprise-hero-copy {
    max-width: 790px;
}

.qbit-enterprise-hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 650;
    letter-spacing: -.018em;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-lead {
    max-width: 750px;
    margin: 19px 0 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-principle {
    max-width: 735px;
    margin: 15px 0 0;
    padding-left: 15px;
    border-left: 3px solid #75a8cf;
    font-size: 14.5px;
    line-height: 1.65;
    color: #304f69;
}

.qbit-enterprise-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    margin-top: 26px;
}

.qbit-enterprise-actions .qbit-service-primary {
    font-weight: 500;
}

.qbit-enterprise-text-link {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #1769aa;
    text-decoration: none;
}

.qbit-enterprise-text-link:hover,
.qbit-enterprise-text-link:focus {
    color: #124f80;
    text-decoration: none;
}


/* HERO — MODELO CONCEPTUAL */

.qbit-enterprise-hero-model {
    position: relative;
    padding: 24px;
    border: 1px solid var(--qbit-enterprise-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 16px 38px rgba(18, 56, 88, .07);
}

.qbit-enterprise-model-source,
.qbit-enterprise-model-result {
    border-radius: 10px;
}

.qbit-enterprise-model-source {
    padding: 21px;
    border: 1px solid #d6e4ee;
    background: #f7fafc;
}

.qbit-enterprise-model-source > span,
.qbit-enterprise-model-result > span {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
    color: #60768a;
}

.qbit-enterprise-model-source strong {
    display: block;
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-model-source small {
    display: block;
    font-size: 13px;
    line-height: 1.55;
    color: #64798b;
}

.qbit-enterprise-model-arrow {
    padding: 7px 0;
    text-align: center;
    font-size: 19px;
    line-height: 1;
    color: #7b9bb5;
}

.qbit-enterprise-model-result {
    padding: 18px;
    border: 1px solid #cbddea;
    background: var(--qbit-enterprise-soft-blue);
}

.qbit-enterprise-model-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 11px;
}

.qbit-enterprise-model-items span {
    padding: 8px 9px;
    border: 1px solid #d3e2ed;
    border-radius: 7px;
    background: #fff;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 500;
    color: #31526c;
}


/* ENFOQUE */

.qbit-enterprise-approach {
    padding: 50px 0 54px;
    border-top: 1px solid #edf2f6;
    background: #fff;
    scroll-margin-top: 115px;
}

.qbit-enterprise-approach-heading {
    max-width: 790px;
    margin-bottom: 29px;
}

.qbit-enterprise-approach-heading h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.32;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-approach-heading p {
    max-width: 760px;
    margin: 11px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}


/* PROCESO */

.qbit-enterprise-process {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

.qbit-enterprise-process-step {
    min-width: 0;
    padding: 17px 14px;
    border: 1px solid var(--qbit-enterprise-border);
    border-radius: 9px;
    background: #fbfdfe;
}

.qbit-enterprise-process-step > span {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    color: #4c84ae;
}

.qbit-enterprise-process-step strong {
    display: block;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    color: #214865;
}

.qbit-enterprise-process-step p {
    margin: 7px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: #677b8d;
}

.qbit-enterprise-process-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #9ab2c4;
}

.qbit-enterprise-anchor {
    position: relative;
    top: -105px;
    width: 1px;
    height: 1px;
}


/* TABLET */

@media (max-width: 1199px) {

    .qbit-enterprise-process {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .qbit-enterprise-process-arrow {
        display: none;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-hero {
        padding: 40px 0 42px;
    }

    .qbit-enterprise-hero-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .qbit-enterprise-hero-model {
        max-width: 680px;
    }

    .qbit-enterprise-approach {
        padding: 42px 0 46px;
    }
}


/* MOBILE */

@media (max-width: 575px) {

    .qbit-enterprise-hero {
        padding: 32px 0 35px;
    }

    .qbit-enterprise-hero h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .qbit-enterprise-lead {
        font-size: 15px;
        line-height: 1.65;
    }

    .qbit-enterprise-principle {
        font-size: 14px;
    }

    .qbit-enterprise-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .qbit-enterprise-hero-model {
        padding: 17px;
    }

    .qbit-enterprise-model-items {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-approach {
        padding: 35px 0 39px;
    }

    .qbit-enterprise-process {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-process-step {
        padding: 16px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.03B END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.04A START
   Mapa editorial de capacidades
   ============================================================ */

.qbit-enterprise-capabilities {
    padding: 54px 0 58px;
    border-top: 1px solid #e8eff5;
    background: #f6f9fc;
    scroll-margin-top: 115px;
}

.qbit-enterprise-capabilities-head {
    display: grid;
    grid-template-columns:
        minmax(280px, .72fr)
        minmax(420px, 1fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 30px;
}

.qbit-enterprise-capabilities-head h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-capabilities-head > p {
    max-width: 670px;
    margin: 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.qbit-enterprise-capability {
    position: relative;
    display: flex;
    min-height: 214px;
    flex-direction: column;
    padding: 21px 22px 19px;
    overflow: hidden;
    border: 1px solid #d8e4ed;
    border-radius: 11px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

.qbit-enterprise-capability::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 82px;
    border-radius: 0 0 0 82px;
    background: linear-gradient(
        135deg,
        rgba(22, 103, 168, .055),
        rgba(22, 103, 168, .01)
    );
    content: "";
    pointer-events: none;
}

.qbit-enterprise-capability:hover,
.qbit-enterprise-capability:focus {
    transform: translateY(-2px);
    border-color: #b9d1e3;
    background: #ffffff;
    box-shadow: 0 12px 27px rgba(18, 56, 88, .07);
    color: inherit;
    text-decoration: none;
}

.qbit-enterprise-capability-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
}

.qbit-enterprise-capability-number {
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .04em;
    color: #4c84ae;
}

.qbit-enterprise-capability-symbol {
    display: inline-flex;
    min-width: 42px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border: 1px solid #d4e2ec;
    border-radius: 7px;
    background: #f7fafc;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .04em;
    color: #52718a;
}

.qbit-enterprise-capability-body {
    position: relative;
    z-index: 1;
    max-width: 540px;
}

.qbit-enterprise-capability-body h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    color: #1b4567;
}

.qbit-enterprise-capability-body p {
    margin: 9px 0 0;
    font-size: 14px;
    line-height: 1.62;
    color: #65798b;
}

.qbit-enterprise-capability-link {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: auto;
    padding-top: 19px;
    font-size: 13.5px;
    line-height: 1.3;
    font-weight: 500;
    color: #1769aa;
}

.qbit-enterprise-capability-link span {
    transition: transform .16s ease;
}

.qbit-enterprise-capability:hover
.qbit-enterprise-capability-link span,
.qbit-enterprise-capability:focus
.qbit-enterprise-capability-link span {
    transform: translateX(3px);
}

.qbit-enterprise-capabilities-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    max-width: 870px;
    margin-top: 22px;
    padding: 15px 17px;
    border-left: 3px solid #8ab4d3;
    background: rgba(255, 255, 255, .58);
}

.qbit-enterprise-capabilities-note > span {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #4c84ae;
}

.qbit-enterprise-capabilities-note p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #617588;
}


/* TABLET */

@media (max-width: 991px) {

    .qbit-enterprise-capabilities {
        padding: 45px 0 49px;
    }

    .qbit-enterprise-capabilities-head {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .qbit-enterprise-capabilities-head > p {
        max-width: 760px;
    }

    .qbit-enterprise-capability {
        min-height: 220px;
    }
}


/* MOBILE */

@media (max-width: 675px) {

    .qbit-enterprise-capabilities {
        padding: 37px 0 41px;
    }

    .qbit-enterprise-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .qbit-enterprise-capability {
        min-height: 0;
        padding: 19px;
    }

    .qbit-enterprise-capability-top {
        margin-bottom: 15px;
    }

    .qbit-enterprise-capability-link {
        padding-top: 16px;
    }

    .qbit-enterprise-capabilities-note {
        margin-top: 18px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.04A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.05A START
   ERP y Gestión Empresarial
   ============================================================ */

.qbit-enterprise-erp {
    padding: 58px 0 62px;
    border-top: 1px solid #e6edf3;
    background: #fff;
    scroll-margin-top: 112px;
}


/* INTRO */

.qbit-enterprise-erp-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(300px, .7fr);
    gap: 52px;
    align-items: end;
    margin-bottom: 34px;
}

.qbit-enterprise-erp-heading {
    max-width: 780px;
}

.qbit-enterprise-erp-heading h2 {
    max-width: 760px;
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-erp-heading p {
    max-width: 730px;
    margin: 12px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-erp-principle {
    padding: 19px 20px;
    border: 1px solid #d7e4ed;
    border-left: 3px solid #78a9cc;
    border-radius: 8px;
    background: #f8fbfd;
}

.qbit-enterprise-erp-principle > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .065em;
    color: #4d82a9;
}

.qbit-enterprise-erp-principle strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-erp-principle p {
    margin: 8px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #687b8d;
}


/* AREAS FUNCIONALES */

.qbit-enterprise-erp-areas {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.qbit-enterprise-erp-area {
    min-width: 0;
    padding: 19px 17px 18px;
    border: 1px solid #dbe5ed;
    border-radius: 10px;
    background: #fbfdfe;
}

.qbit-enterprise-erp-area-head {
    display: flex;
    min-height: 25px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 13px;
}

.qbit-enterprise-erp-area-head > span {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #4b83ad;
}

.qbit-enterprise-erp-area-head small {
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .035em;
    text-align: right;
    color: #76899a;
}

.qbit-enterprise-erp-area h3 {
    min-height: 44px;
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #214866;
}

.qbit-enterprise-erp-area ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.qbit-enterprise-erp-area li {
    position: relative;
    margin: 7px 0;
    padding-left: 13px;
    font-size: 13px;
    line-height: 1.48;
    color: #64798a;
}

.qbit-enterprise-erp-area li::before {
    position: absolute;
    top: .68em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #7ca6c5;
    content: "";
}


/* PERSONALIZACION */

.qbit-enterprise-erp-custom {
    display: grid;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(0, 1.28fr);
    gap: 38px;
    align-items: center;
    margin-top: 34px;
    padding: 27px;
    border: 1px solid #dbe5ed;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #f8fbfd 0%,
            #ffffff 72%
        );
}

.qbit-enterprise-erp-custom-copy {
    max-width: 500px;
}

.qbit-enterprise-erp-custom-copy h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-erp-custom-copy p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.68;
    color: var(--qbit-enterprise-muted);
}


/* MODELO DE SISTEMA */

.qbit-enterprise-erp-system {
    display: grid;
    grid-template-columns:
        minmax(150px, .48fr)
        minmax(0, 1.52fr);
    gap: 16px;
    align-items: stretch;
}

.qbit-enterprise-erp-system-core {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border: 1px solid #bfd6e6;
    border-radius: 10px;
    background: #eef5fa;
    text-align: center;
}

.qbit-enterprise-erp-system-core span {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .07em;
    color: #5d84a0;
}

.qbit-enterprise-erp-system-core strong {
    display: block;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    color: #1b486b;
}

.qbit-enterprise-erp-system-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.qbit-enterprise-erp-system-grid span {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #d5e2eb;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 500;
    color: #355670;
}


/* CIERRE */

.qbit-enterprise-erp-footer {
    max-width: 900px;
    margin-top: 23px;
    padding-left: 15px;
    border-left: 3px solid #9abbd2;
}

.qbit-enterprise-erp-footer p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-erp-areas {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .qbit-enterprise-erp-area h3 {
        min-height: 0;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-erp {
        padding: 47px 0 51px;
    }

    .qbit-enterprise-erp-intro {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-erp-principle {
        max-width: 720px;
    }

    .qbit-enterprise-erp-custom {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-erp-areas {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qbit-enterprise-erp-system {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-erp-system-core {
        min-height: 110px;
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-erp {
        padding: 38px 0 42px;
    }

    .qbit-enterprise-erp-areas {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .qbit-enterprise-erp-area {
        padding: 18px;
    }

    .qbit-enterprise-erp-custom {
        margin-top: 27px;
        padding: 19px;
    }

    .qbit-enterprise-erp-system-grid {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-erp-system-grid span {
        min-height: 44px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.05A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.06A START
   Recursos Humanos y Asistencia
   ============================================================ */

.qbit-enterprise-hr {
    padding: 58px 0 62px;
    border-top: 1px solid #e6edf3;
    background: #f7fafc;
    scroll-margin-top: 112px;
}


/* INTRO */

.qbit-enterprise-hr-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(300px, .75fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 34px;
}

.qbit-enterprise-hr-heading {
    max-width: 790px;
}

.qbit-enterprise-hr-heading h2 {
    max-width: 760px;
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-hr-heading p {
    max-width: 730px;
    margin: 12px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-hr-note {
    padding: 19px 20px;
    border: 1px solid #d6e3ec;
    border-radius: 9px;
    background: #fff;
}

.qbit-enterprise-hr-note > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .06em;
    color: #4d82a9;
}

.qbit-enterprise-hr-note strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #244a66;
}

.qbit-enterprise-hr-note p {
    margin: 8px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #677b8d;
}


/* GRUPOS */

.qbit-enterprise-hr-groups {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.qbit-enterprise-hr-group {
    padding: 20px 18px;
    border: 1px solid #d9e4ed;
    border-radius: 10px;
    background: #fff;
}

.qbit-enterprise-hr-group-head {
    display: flex;
    min-height: 25px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

.qbit-enterprise-hr-group-head > span {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #4c84ae;
}

.qbit-enterprise-hr-group-head small {
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .035em;
    text-align: right;
    color: #75899a;
}

.qbit-enterprise-hr-group h3 {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #214866;
}

.qbit-enterprise-hr-group ul {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.qbit-enterprise-hr-group li {
    position: relative;
    margin: 7px 0;
    padding-left: 13px;
    font-size: 13px;
    line-height: 1.48;
    color: #64798a;
}

.qbit-enterprise-hr-group li::before {
    position: absolute;
    top: .68em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #7ca6c5;
    content: "";
}


/* FLUJO */

.qbit-enterprise-hr-flow {
    margin-top: 34px;
    padding: 28px;
    border: 1px solid #d8e4ed;
    border-radius: 12px;
    background: #fff;
}

.qbit-enterprise-hr-flow-copy {
    max-width: 760px;
    margin-bottom: 24px;
}

.qbit-enterprise-hr-flow-copy h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-hr-flow-copy p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.67;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-hr-flow-track {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 9px;
    align-items: stretch;
}

.qbit-enterprise-hr-flow-track article {
    padding: 15px 13px;
    border: 1px solid #d9e4ec;
    border-radius: 8px;
    background: #f8fbfd;
}

.qbit-enterprise-hr-flow-track article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11.5px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-hr-flow-track article strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-hr-flow-track article small {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: #6d8090;
}

.qbit-enterprise-hr-flow-track > div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9bb3c4;
}


/* DISPOSITIVOS */

.qbit-enterprise-hr-devices {
    display: grid;
    grid-template-columns:
        minmax(300px, .9fr)
        minmax(220px, .52fr)
        minmax(280px, .68fr);
    gap: 24px;
    align-items: center;
    margin-top: 27px;
    padding: 25px;
    border: 1px solid #d8e4ed;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #eef5fa 0%,
            #ffffff 72%
        );
}

.qbit-enterprise-hr-devices-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.38;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-hr-devices-copy p {
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-hr-device-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qbit-enterprise-hr-device-list span {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 10px;
    border: 1px solid #d2e0ea;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    color: #355772;
}

.qbit-enterprise-hr-device-rule {
    padding-left: 17px;
    border-left: 3px solid #8db3cf;
}

.qbit-enterprise-hr-device-rule strong {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: #294e69;
}

.qbit-enterprise-hr-device-rule p {
    margin: 8px 0 0;
    font-size: 12.5px;
    line-height: 1.55;
    color: #697d8e;
}


/* CIERRE */

.qbit-enterprise-hr-footer {
    max-width: 930px;
    margin-top: 23px;
    padding-left: 15px;
    border-left: 3px solid #9abbd2;
}

.qbit-enterprise-hr-footer p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-hr-flow-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .qbit-enterprise-hr-flow-track > div {
        display: none;
    }

    .qbit-enterprise-hr-devices {
        grid-template-columns: 1fr 1fr;
    }

    .qbit-enterprise-hr-device-rule {
        grid-column: 1 / -1;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-hr {
        padding: 47px 0 51px;
    }

    .qbit-enterprise-hr-intro {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-hr-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-hr-flow-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qbit-enterprise-hr-devices {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-hr-device-rule {
        grid-column: auto;
        padding-top: 14px;
        padding-left: 0;
        border-top: 1px solid #d4e1ea;
        border-left: 0;
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-hr {
        padding: 38px 0 42px;
    }

    .qbit-enterprise-hr-groups,
    .qbit-enterprise-hr-flow-track,
    .qbit-enterprise-hr-device-list {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-hr-flow,
    .qbit-enterprise-hr-devices {
        padding: 19px;
    }

    .qbit-enterprise-hr-group {
        padding: 18px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.06A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.07A START
   Automatización de procesos
   ============================================================ */

.qbit-enterprise-automation {
    padding: 58px 0 62px;
    border-top: 1px solid #e6edf3;
    background: #fff;
    scroll-margin-top: 112px;
}


/* INTRO */

.qbit-enterprise-automation-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(300px, .65fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 34px;
}

.qbit-enterprise-automation-heading {
    max-width: 790px;
}

.qbit-enterprise-automation-heading h2 {
    max-width: 760px;
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-automation-heading p {
    max-width: 730px;
    margin: 12px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-automation-before {
    padding: 19px 20px;
    border: 1px solid #d8e3ec;
    border-radius: 9px;
    background: #f8fafc;
}

.qbit-enterprise-automation-before > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .065em;
    color: #778b9d;
}

.qbit-enterprise-automation-before strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #314f67;
}

.qbit-enterprise-automation-before-items {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}

.qbit-enterprise-automation-before-items span {
    padding: 6px 8px;
    border: 1px solid #dbe4eb;
    border-radius: 6px;
    background: #fff;
    font-size: 12px;
    line-height: 1.2;
    color: #667c8e;
}


/* FLUJO */

.qbit-enterprise-automation-flow {
    padding: 28px;
    border: 1px solid #d7e3ec;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #f8fbfd 0%,
            #ffffff 68%
        );
}

.qbit-enterprise-automation-flow-head {
    max-width: 760px;
    margin-bottom: 24px;
}

.qbit-enterprise-automation-flow-head h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-automation-flow-head p {
    margin: 9px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-automation-track {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
}

.qbit-enterprise-automation-track article {
    min-width: 0;
    padding: 15px 12px;
    border: 1px solid #d7e3ec;
    border-radius: 8px;
    background: #fff;
}

.qbit-enterprise-automation-track article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11.5px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-automation-track article strong {
    display: block;
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-automation-track article small {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: #6d8090;
}

.qbit-enterprise-automation-track > div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #96afc1;
}


/* CASOS */

.qbit-enterprise-automation-usecases {
    margin-top: 30px;
}

.qbit-enterprise-automation-usecases-head {
    max-width: 740px;
    margin-bottom: 18px;
}

.qbit-enterprise-automation-usecases-head h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-automation-usecases-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.qbit-enterprise-automation-usecases-grid article {
    padding: 18px;
    border-top: 3px solid #9bbbd2;
    background: #f8fbfd;
}

.qbit-enterprise-automation-usecases-grid article > span {
    display: block;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .05em;
    color: #5d7e97;
}

.qbit-enterprise-automation-usecases-grid ul {
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}

.qbit-enterprise-automation-usecases-grid li {
    position: relative;
    margin: 7px 0;
    padding-left: 13px;
    font-size: 13px;
    line-height: 1.45;
    color: #63798b;
}

.qbit-enterprise-automation-usecases-grid li::before {
    position: absolute;
    top: .67em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #79a4c3;
    content: "";
}


/* REGLAS */

.qbit-enterprise-automation-rules {
    display: grid;
    grid-template-columns:
        minmax(280px, .68fr)
        minmax(0, 1.32fr);
    gap: 34px;
    align-items: center;
    margin-top: 30px;
    padding: 27px;
    border: 1px solid #d8e4ed;
    border-radius: 12px;
    background: #f7fafc;
}

.qbit-enterprise-automation-rules-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-automation-rules-copy p {
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-automation-rules-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qbit-enterprise-automation-rules-grid span {
    display: flex;
    min-height: 43px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid #d4e1ea;
    border-radius: 7px;
    background: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
    color: #355670;
}


/* RESULTADO */

.qbit-enterprise-automation-result {
    display: grid;
    grid-template-columns:
        minmax(280px, .65fr)
        minmax(0, 1.35fr);
    gap: 34px;
    align-items: start;
    margin-top: 26px;
    padding-left: 17px;
    border-left: 3px solid #8eb5d0;
}

.qbit-enterprise-automation-result strong {
    display: block;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    color: #294d68;
}

.qbit-enterprise-automation-result p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-automation-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .qbit-enterprise-automation-track > div {
        display: none;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-automation {
        padding: 47px 0 51px;
    }

    .qbit-enterprise-automation-intro,
    .qbit-enterprise-automation-rules,
    .qbit-enterprise-automation-result {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-automation-usecases-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-automation-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-automation {
        padding: 38px 0 42px;
    }

    .qbit-enterprise-automation-flow,
    .qbit-enterprise-automation-rules {
        padding: 19px;
    }

    .qbit-enterprise-automation-track,
    .qbit-enterprise-automation-usecases-grid,
    .qbit-enterprise-automation-rules-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.07A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.08A START
   Dashboards e Indicadores
   ============================================================ */

.qbit-enterprise-dashboards {
    padding: 58px 0 62px;
    border-top: 1px solid #e6edf3;
    background: #f7fafc;
    scroll-margin-top: 112px;
}


/* INTRO */

.qbit-enterprise-dashboards-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(300px, .7fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 34px;
}

.qbit-enterprise-dashboards-heading {
    max-width: 790px;
}

.qbit-enterprise-dashboards-heading h2 {
    max-width: 760px;
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-dashboards-heading p {
    max-width: 730px;
    margin: 12px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-dashboards-principle {
    padding: 19px 20px;
    border: 1px solid #d7e3ec;
    border-radius: 9px;
    background: #fff;
}

.qbit-enterprise-dashboards-principle > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .06em;
    color: #4d82a9;
}

.qbit-enterprise-dashboards-principle strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #244a66;
}

.qbit-enterprise-dashboards-principle p {
    margin: 8px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #677b8d;
}


/* FUENTES -> INDICADORES -> RESULTADO */

.qbit-enterprise-dashboards-source {
    display: grid;
    grid-template-columns:
        minmax(250px, 1fr)
        auto
        minmax(180px, .58fr)
        auto
        minmax(220px, .8fr);
    gap: 18px;
    align-items: center;
    padding: 28px;
    border: 1px solid #d7e3ec;
    border-radius: 12px;
    background: #fff;
}

.qbit-enterprise-dashboards-source-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qbit-enterprise-dashboards-source-list span,
.qbit-enterprise-dashboards-outcome-list span {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid #d6e2eb;
    border-radius: 7px;
    background: #f8fbfd;
    font-size: 12.5px;
    line-height: 1.3;
    color: #3c5c74;
}

.qbit-enterprise-dashboards-connector {
    font-size: 19px;
    color: #92adbf;
}

.qbit-enterprise-dashboards-center {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border: 1px solid #bdd5e5;
    border-radius: 10px;
    background: #eef5fa;
    text-align: center;
}

.qbit-enterprise-dashboards-center > span {
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .06em;
    color: #5c82a0;
}

.qbit-enterprise-dashboards-center strong {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    color: #1d4869;
}

.qbit-enterprise-dashboards-center small {
    max-width: 160px;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.45;
    color: #6c8090;
}

.qbit-enterprise-dashboards-outcome-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}


/* DATO -> DECISION */

.qbit-enterprise-dashboards-logic {
    margin-top: 30px;
    padding: 27px;
    border: 1px solid #d8e4ed;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #f8fbfd 0%,
            #ffffff 70%
        );
}

.qbit-enterprise-dashboards-logic-copy {
    max-width: 760px;
    margin-bottom: 22px;
}

.qbit-enterprise-dashboards-logic-copy h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-dashboards-logic-copy p {
    margin: 9px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-dashboards-logic-track {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 9px;
    align-items: stretch;
}

.qbit-enterprise-dashboards-logic-track article {
    padding: 15px 13px;
    border: 1px solid #d8e4ed;
    border-radius: 8px;
    background: #fff;
}

.qbit-enterprise-dashboards-logic-track article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11.5px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-dashboards-logic-track article strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-dashboards-logic-track article small {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: #6d8090;
}

.qbit-enterprise-dashboards-logic-track > div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #99b0c1;
}


/* EJEMPLOS */

.qbit-enterprise-dashboards-examples {
    margin-top: 30px;
}

.qbit-enterprise-dashboards-examples-head {
    max-width: 760px;
    margin-bottom: 18px;
}

.qbit-enterprise-dashboards-examples-head h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-dashboards-example-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.qbit-enterprise-dashboards-example-grid article {
    padding: 18px;
    border-top: 3px solid #9bbbd2;
    background: #fff;
}

.qbit-enterprise-dashboards-example-grid article > span {
    display: block;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .05em;
    color: #5d7e97;
}

.qbit-enterprise-dashboards-example-grid ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 14px;
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}

.qbit-enterprise-dashboards-example-grid li {
    position: relative;
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.45;
    color: #63798b;
}

.qbit-enterprise-dashboards-example-grid li::before {
    position: absolute;
    top: .67em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #79a4c3;
    content: "";
}


/* DISEÑO POR ROL */

.qbit-enterprise-dashboards-design {
    display: grid;
    grid-template-columns:
        minmax(280px, .65fr)
        minmax(0, 1.35fr);
    gap: 34px;
    align-items: start;
    margin-top: 27px;
    padding-left: 17px;
    border-left: 3px solid #8eb5d0;
}

.qbit-enterprise-dashboards-design strong {
    display: block;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    color: #294d68;
}

.qbit-enterprise-dashboards-design p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-dashboards-source {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(180px, .7fr);
    }

    .qbit-enterprise-dashboards-outcomes {
        grid-column: 1 / -1;
    }

    .qbit-enterprise-dashboards-source
    > .qbit-enterprise-dashboards-connector:nth-of-type(2) {
        display: none;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-dashboards {
        padding: 47px 0 51px;
    }

    .qbit-enterprise-dashboards-intro,
    .qbit-enterprise-dashboards-design {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-dashboards-example-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-dashboards-source {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .qbit-enterprise-dashboards-connector {
        display: none;
    }

    .qbit-enterprise-dashboards-center {
        min-height: 115px;
    }

    .qbit-enterprise-dashboards-logic-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qbit-enterprise-dashboards-logic-track > div {
        display: none;
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-dashboards {
        padding: 38px 0 42px;
    }

    .qbit-enterprise-dashboards-source,
    .qbit-enterprise-dashboards-logic {
        padding: 19px;
    }

    .qbit-enterprise-dashboards-source-list,
    .qbit-enterprise-dashboards-outcome-list,
    .qbit-enterprise-dashboards-logic-track,
    .qbit-enterprise-dashboards-example-grid,
    .qbit-enterprise-dashboards-example-grid ul {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.08A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.09A START
   Integraciones, APIs e IA
   ============================================================ */

.qbit-enterprise-integrations {
    padding: 58px 0 62px;
    border-top: 1px solid #e6edf3;
    background: #fff;
    scroll-margin-top: 112px;
}


/* INTRO */

.qbit-enterprise-integrations-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(300px, .72fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 34px;
}

.qbit-enterprise-integrations-heading {
    max-width: 790px;
}

.qbit-enterprise-integrations-heading h2 {
    max-width: 770px;
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-integrations-heading p {
    max-width: 735px;
    margin: 12px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-integrations-principle {
    padding: 19px 20px;
    border: 1px solid #d7e3ec;
    border-left: 3px solid #78a9cc;
    border-radius: 9px;
    background: #f8fbfd;
}

.qbit-enterprise-integrations-principle > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .06em;
    color: #4d82a9;
}

.qbit-enterprise-integrations-principle strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #244a66;
}

.qbit-enterprise-integrations-principle p {
    margin: 8px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #677b8d;
}


/* MAPA DE INTEGRACION */

.qbit-enterprise-integrations-landscape {
    padding: 28px;
    border: 1px solid #d7e3ec;
    border-radius: 12px;
    background: #f7fafc;
}

.qbit-enterprise-integrations-landscape-head {
    max-width: 780px;
    margin-bottom: 24px;
}

.qbit-enterprise-integrations-landscape-head h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-integrations-landscape-head p {
    margin: 9px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-integrations-map {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(180px, .58fr)
        auto
        minmax(0, 1fr);
    gap: 17px;
    align-items: center;
}

.qbit-enterprise-integrations-map-side {
    padding: 18px;
    border: 1px solid #d5e2eb;
    border-radius: 9px;
    background: #fff;
}

.qbit-enterprise-integrations-map-side > span {
    display: block;
    margin-bottom: 12px;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .055em;
    color: #5b7d96;
}

.qbit-enterprise-integrations-map-side > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.qbit-enterprise-integrations-map-side small {
    display: flex;
    min-height: 38px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid #dbe5ec;
    border-radius: 6px;
    background: #f9fbfd;
    font-size: 12px;
    line-height: 1.35;
    color: #506a7e;
}

.qbit-enterprise-integrations-map-arrow {
    font-size: 18px;
    color: #94aec0;
}

.qbit-enterprise-integrations-map-core {
    display: flex;
    min-height: 160px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border: 1px solid #bdd5e5;
    border-radius: 10px;
    background: #eaf3f9;
    text-align: center;
}

.qbit-enterprise-integrations-map-core > span {
    margin-bottom: 7px;
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .055em;
    color: #5d829d;
}

.qbit-enterprise-integrations-map-core strong {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    color: #1d4869;
}

.qbit-enterprise-integrations-map-core small {
    max-width: 160px;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.45;
    color: #6c8090;
}


/* METODOS */

.qbit-enterprise-integrations-methods {
    display: grid;
    grid-template-columns:
        minmax(280px, .7fr)
        minmax(0, 1.3fr);
    gap: 34px;
    align-items: center;
    margin-top: 30px;
    padding: 27px;
    border: 1px solid #d8e4ed;
    border-radius: 12px;
    background: #fff;
}

.qbit-enterprise-integrations-methods-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-integrations-methods-copy p {
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-integrations-method-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qbit-enterprise-integrations-method-grid span {
    display: flex;
    min-height: 43px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid #d4e1ea;
    border-radius: 7px;
    background: #f8fbfd;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
    color: #355670;
}


/* AUDITORIA */

.qbit-enterprise-integrations-audit {
    margin-top: 30px;
}

.qbit-enterprise-integrations-audit-copy {
    max-width: 760px;
    margin-bottom: 18px;
}

.qbit-enterprise-integrations-audit-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-integrations-audit-copy p {
    margin: 9px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-integrations-audit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.qbit-enterprise-integrations-audit-grid article {
    padding: 17px;
    border: 1px solid #d8e4ed;
    border-radius: 9px;
    background: #f8fbfd;
}

.qbit-enterprise-integrations-audit-grid article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-integrations-audit-grid strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-integrations-audit-grid small {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: #6d8090;
}


/* EXPERIENCIA */

.qbit-enterprise-integrations-experience {
    margin-top: 32px;
    padding: 28px;
    border: 1px solid #d7e3ec;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #f7fafc 0%,
            #ffffff 72%
        );
}

.qbit-enterprise-integrations-experience-head {
    max-width: 790px;
    margin-bottom: 20px;
}

.qbit-enterprise-integrations-experience-head h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-integrations-experience-head p {
    margin: 9px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-integrations-experience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.qbit-enterprise-integrations-experience-grid article {
    padding: 18px;
    border: 1px solid #d8e4ed;
    border-radius: 9px;
    background: #fff;
}

.qbit-enterprise-integrations-experience-grid article > span {
    display: block;
    margin-bottom: 8px;
    font-size: 10.5px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .055em;
    color: #5c7e97;
}

.qbit-enterprise-integrations-experience-grid strong {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: #264b67;
}

.qbit-enterprise-integrations-experience-grid p {
    margin: 8px 0 0;
    font-size: 12.8px;
    line-height: 1.55;
    color: #65798a;
}

.qbit-enterprise-integrations-experience-grid small {
    display: block;
    margin-top: 12px;
    font-size: 11.5px;
    line-height: 1.35;
    font-weight: 500;
    color: #4d82a9;
}


/* IA */

.qbit-enterprise-ai {
    margin-top: 34px;
    padding-top: 32px;
    border-top: 1px solid #e4ebf1;
}

.qbit-enterprise-ai-intro {
    display: grid;
    grid-template-columns:
        minmax(280px, .65fr)
        minmax(0, 1.35fr);
    gap: 34px;
    align-items: end;
    margin-bottom: 22px;
}

.qbit-enterprise-ai-intro h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-ai-intro > p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-ai-capabilities {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.qbit-enterprise-ai-capabilities article {
    padding: 16px;
    border: 1px solid #d8e4ed;
    border-radius: 8px;
    background: #f8fbfd;
}

.qbit-enterprise-ai-capabilities article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-ai-capabilities strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-ai-capabilities p {
    margin: 6px 0 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #687c8d;
}


/* IA SEGURIDAD */

.qbit-enterprise-ai-safety {
    display: grid;
    grid-template-columns:
        minmax(280px, .72fr)
        minmax(0, 1.28fr);
    gap: 34px;
    align-items: center;
    margin-top: 22px;
    padding: 25px;
    border: 1px solid #d5e2eb;
    border-radius: 10px;
    background: #eef5fa;
}

.qbit-enterprise-ai-safety-copy strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #274c68;
}

.qbit-enterprise-ai-safety-copy p {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.6;
    color: #657a8c;
}

.qbit-enterprise-ai-safety-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qbit-enterprise-ai-safety-grid span {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid #cddde8;
    border-radius: 7px;
    background: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
    color: #355670;
}


/* CIERRE */

.qbit-enterprise-integrations-footer {
    display: grid;
    grid-template-columns:
        minmax(260px, .55fr)
        minmax(0, 1.45fr);
    gap: 32px;
    align-items: start;
    margin-top: 27px;
    padding-left: 17px;
    border-left: 3px solid #8eb5d0;
}

.qbit-enterprise-integrations-footer strong {
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    color: #294d68;
}

.qbit-enterprise-integrations-footer p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-ai-capabilities {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-integrations {
        padding: 47px 0 51px;
    }

    .qbit-enterprise-integrations-intro,
    .qbit-enterprise-integrations-methods,
    .qbit-enterprise-ai-intro,
    .qbit-enterprise-ai-safety,
    .qbit-enterprise-integrations-footer {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-integrations-map {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(180px, .7fr);
    }

    .qbit-enterprise-integrations-map-side:last-child {
        grid-column: 1 / -1;
    }

    .qbit-enterprise-integrations-map
    > .qbit-enterprise-integrations-map-arrow:nth-of-type(2) {
        display: none;
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-integrations-map {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-integrations-map-arrow {
        display: none;
    }

    .qbit-enterprise-integrations-map-core {
        min-height: 115px;
    }

    .qbit-enterprise-integrations-audit-grid,
    .qbit-enterprise-ai-capabilities {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-integrations {
        padding: 38px 0 42px;
    }

    .qbit-enterprise-integrations-landscape,
    .qbit-enterprise-integrations-methods,
    .qbit-enterprise-integrations-experience,
    .qbit-enterprise-ai-safety {
        padding: 19px;
    }

    .qbit-enterprise-integrations-map-side > div,
    .qbit-enterprise-integrations-method-grid,
    .qbit-enterprise-integrations-audit-grid,
    .qbit-enterprise-integrations-experience-grid,
    .qbit-enterprise-ai-capabilities,
    .qbit-enterprise-ai-safety-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.09A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.10A START
   Desarrollos a la medida
   ============================================================ */

.qbit-enterprise-customdev {
    padding: 58px 0 62px;
    border-top: 1px solid #e6edf3;
    background: #f7fafc;
    scroll-margin-top: 112px;
}


/* INTRO */

.qbit-enterprise-customdev-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(300px, .72fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 34px;
}

.qbit-enterprise-customdev-heading {
    max-width: 790px;
}

.qbit-enterprise-customdev-heading h2 {
    max-width: 760px;
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-customdev-heading p {
    max-width: 730px;
    margin: 12px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-customdev-principle {
    padding: 19px 20px;
    border: 1px solid #d6e3ec;
    border-left: 3px solid #78a9cc;
    border-radius: 9px;
    background: #fff;
}

.qbit-enterprise-customdev-principle > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .06em;
    color: #4d82a9;
}

.qbit-enterprise-customdev-principle strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #244a66;
}

.qbit-enterprise-customdev-principle p {
    margin: 8px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #677b8d;
}


/* SOLUCIONES */

.qbit-enterprise-customdev-solutions {
    padding: 28px;
    border: 1px solid #d7e3ec;
    border-radius: 12px;
    background: #fff;
}

.qbit-enterprise-customdev-solutions-head {
    max-width: 760px;
    margin-bottom: 21px;
}

.qbit-enterprise-customdev-solutions-head h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-customdev-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.qbit-enterprise-customdev-solution-grid article {
    min-height: 142px;
    padding: 16px;
    border: 1px solid #d9e4ed;
    border-radius: 8px;
    background: #f8fbfd;
}

.qbit-enterprise-customdev-solution-grid article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-customdev-solution-grid strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-customdev-solution-grid p {
    margin: 7px 0 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #687c8d;
}


/* DEFINICION */

.qbit-enterprise-customdev-definition {
    margin-top: 30px;
    padding: 28px;
    border: 1px solid #d7e3ec;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #f8fbfd 0%,
            #ffffff 72%
        );
}

.qbit-enterprise-customdev-definition-copy {
    max-width: 760px;
    margin-bottom: 23px;
}

.qbit-enterprise-customdev-definition-copy h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-customdev-definition-copy p {
    margin: 9px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-customdev-definition-track {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
}

.qbit-enterprise-customdev-definition-track article {
    min-width: 0;
    padding: 14px 11px;
    border: 1px solid #d8e4ed;
    border-radius: 8px;
    background: #fff;
}

.qbit-enterprise-customdev-definition-track article > span {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-customdev-definition-track strong {
    display: block;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-customdev-definition-track small {
    display: block;
    margin-top: 6px;
    font-size: 11.5px;
    line-height: 1.4;
    color: #6d8090;
}

.qbit-enterprise-customdev-definition-track > div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #99b0c1;
}


/* ESTRATEGIA */

.qbit-enterprise-customdev-strategy {
    margin-top: 30px;
}

.qbit-enterprise-customdev-strategy-copy {
    max-width: 760px;
    margin-bottom: 19px;
}

.qbit-enterprise-customdev-strategy-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-customdev-strategy-copy p {
    margin: 9px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-customdev-strategy-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
}

.qbit-enterprise-customdev-strategy-grid article {
    padding: 18px;
    border-top: 3px solid #91b6d0;
    background: #fff;
}

.qbit-enterprise-customdev-strategy-grid article > span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4d82a9;
}

.qbit-enterprise-customdev-strategy-grid strong {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    color: #254a66;
}

.qbit-enterprise-customdev-strategy-grid p {
    margin: 8px 0 0;
    font-size: 12.8px;
    line-height: 1.55;
    color: #65798a;
}


/* EXPERIENCIA */

.qbit-enterprise-customdev-experience {
    display: grid;
    grid-template-columns:
        minmax(300px, .75fr)
        minmax(0, 1.25fr);
    gap: 34px;
    align-items: center;
    margin-top: 30px;
    padding: 27px;
    border: 1px solid #d5e2eb;
    border-radius: 11px;
    background: #eef5fa;
}

.qbit-enterprise-customdev-experience-copy h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-customdev-experience-copy p {
    margin: 9px 0 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #63798a;
}

.qbit-enterprise-customdev-experience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.qbit-enterprise-customdev-experience-grid span {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid #cfdfe9;
    border-radius: 7px;
    background: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
    color: #355670;
}


/* CIERRE */

.qbit-enterprise-customdev-footer {
    display: grid;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(0, 1.28fr);
    gap: 34px;
    align-items: start;
    margin-top: 27px;
    padding-left: 17px;
    border-left: 3px solid #8eb5d0;
}

.qbit-enterprise-customdev-footer strong {
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    color: #294d68;
}

.qbit-enterprise-customdev-footer p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-customdev-definition-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .qbit-enterprise-customdev-definition-track > div {
        display: none;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-customdev {
        padding: 47px 0 51px;
    }

    .qbit-enterprise-customdev-intro,
    .qbit-enterprise-customdev-experience,
    .qbit-enterprise-customdev-footer {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-customdev-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qbit-enterprise-customdev-strategy-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-customdev-definition-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-customdev {
        padding: 38px 0 42px;
    }

    .qbit-enterprise-customdev-solutions,
    .qbit-enterprise-customdev-definition,
    .qbit-enterprise-customdev-experience {
        padding: 19px;
    }

    .qbit-enterprise-customdev-solution-grid,
    .qbit-enterprise-customdev-definition-track,
    .qbit-enterprise-customdev-strategy-grid,
    .qbit-enterprise-customdev-experience-grid {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-customdev-solution-grid article {
        min-height: 0;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.10A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.11A START
   Organizaciones + metodología + CTA final
   ============================================================ */


/* ORGANIZACIONES */

.qbit-enterprise-organizations {
    padding: 58px 0 60px;
    border-top: 1px solid #e6edf3;
    background: #fff;
    scroll-margin-top: 112px;
}

.qbit-enterprise-organizations-intro {
    display: grid;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(0, 1.28fr);
    gap: 44px;
    align-items: end;
    margin-bottom: 28px;
}

.qbit-enterprise-organizations-intro h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-organizations-intro > p {
    max-width: 720px;
    margin: 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-organizations-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.qbit-enterprise-organizations-grid article {
    padding: 18px;
    border: 1px solid #d8e4ed;
    border-radius: 9px;
    background: #f8fbfd;
}

.qbit-enterprise-organizations-grid article > span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-organizations-grid strong {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-organizations-grid p {
    margin: 7px 0 0;
    font-size: 12.8px;
    line-height: 1.55;
    color: #687c8d;
}

.qbit-enterprise-organizations-note {
    display: grid;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(0, 1.28fr);
    gap: 34px;
    align-items: start;
    margin-top: 24px;
    padding-left: 17px;
    border-left: 3px solid #8eb5d0;
}

.qbit-enterprise-organizations-note strong {
    font-size: 14.5px;
    line-height: 1.45;
    font-weight: 600;
    color: #294d68;
}

.qbit-enterprise-organizations-note p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* METODOLOGIA */

.qbit-enterprise-methodology {
    padding: 58px 0 60px;
    border-top: 1px solid #e6edf3;
    background: #f7fafc;
    scroll-margin-top: 112px;
}

.qbit-enterprise-methodology-head {
    max-width: 800px;
    margin-bottom: 27px;
}

.qbit-enterprise-methodology-head h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.34;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-methodology-head p {
    max-width: 760px;
    margin: 10px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-methodology-track {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 9px;
    align-items: stretch;
}

.qbit-enterprise-methodology-track article {
    padding: 17px 14px;
    border: 1px solid #d8e4ed;
    border-radius: 9px;
    background: #fff;
}

.qbit-enterprise-methodology-track article > span {
    display: block;
    margin-bottom: 8px;
    font-size: 11.5px;
    line-height: 1;
    font-weight: 600;
    color: #4e85ad;
}

.qbit-enterprise-methodology-track strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #234964;
}

.qbit-enterprise-methodology-track p {
    margin: 7px 0 0;
    font-size: 12.3px;
    line-height: 1.5;
    color: #687c8d;
}

.qbit-enterprise-methodology-track > div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #98b0c1;
}

.qbit-enterprise-methodology-principle {
    display: grid;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(0, 1.28fr);
    gap: 34px;
    align-items: start;
    margin-top: 26px;
    padding: 22px 24px;
    border: 1px solid #d5e2eb;
    border-radius: 10px;
    background: #eef5fa;
}

.qbit-enterprise-methodology-principle strong {
    display: block;
    font-size: 14.5px;
    line-height: 1.45;
    font-weight: 600;
    color: #294d68;
}

.qbit-enterprise-methodology-principle p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #62778a;
}


/* CTA FINAL */

.qbit-enterprise-final-cta {
    padding: 60px 0 64px;
    border-top: 1px solid #e2eaf0;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f4f8fb 100%
        );
    scroll-margin-top: 112px;
}

.qbit-enterprise-final-cta-panel {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(300px, .8fr);
    gap: 38px 48px;
    align-items: start;
    padding: 34px;
    border: 1px solid #cfdeea;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(18, 56, 88, .06);
}

.qbit-enterprise-final-cta-copy {
    max-width: 760px;
}

.qbit-enterprise-final-cta-copy h2 {
    max-width: 700px;
    margin: 0;
    font-size: 22px;
    line-height: 1.32;
    font-weight: 600;
    color: var(--qbit-enterprise-navy);
}

.qbit-enterprise-final-cta-copy p {
    max-width: 690px;
    margin: 11px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--qbit-enterprise-muted);
}

.qbit-enterprise-final-cta-points {
    display: grid;
    gap: 9px;
}

.qbit-enterprise-final-cta-points > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 12px 13px;
    border: 1px solid #d8e4ed;
    border-radius: 8px;
    background: #f8fbfd;
}

.qbit-enterprise-final-cta-points span {
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border: 1px solid #bfd5e5;
    border-radius: 50%;
    background: #fff;
    font-size: 10.5px;
    font-weight: 600;
    color: #4d82a9;
}

.qbit-enterprise-final-cta-points strong {
    font-size: 13.5px;
    line-height: 1.4;
    font-weight: 500;
    color: #31516a;
}

.qbit-enterprise-final-cta-action {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 18px;
    align-items: center;
    padding-top: 23px;
    border-top: 1px solid #e3eaf0;
}

.qbit-enterprise-final-button {
    min-width: 170px;
    text-align: center;
}

.qbit-enterprise-final-cta-action small {
    max-width: 520px;
    font-size: 12.8px;
    line-height: 1.5;
    color: #718394;
}


/* RESPONSIVE */

@media (max-width: 1199px) {

    .qbit-enterprise-methodology-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 11px;
    }

    .qbit-enterprise-methodology-track > div {
        display: none;
    }
}


@media (max-width: 991px) {

    .qbit-enterprise-organizations,
    .qbit-enterprise-methodology,
    .qbit-enterprise-final-cta {
        padding-top: 47px;
        padding-bottom: 51px;
    }

    .qbit-enterprise-organizations-intro,
    .qbit-enterprise-organizations-note,
    .qbit-enterprise-methodology-principle,
    .qbit-enterprise-final-cta-panel {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .qbit-enterprise-organizations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qbit-enterprise-final-cta-action {
        grid-column: auto;
    }
}


@media (max-width: 767px) {

    .qbit-enterprise-methodology-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 575px) {

    .qbit-enterprise-organizations,
    .qbit-enterprise-methodology,
    .qbit-enterprise-final-cta {
        padding-top: 38px;
        padding-bottom: 42px;
    }

    .qbit-enterprise-organizations-grid,
    .qbit-enterprise-methodology-track {
        grid-template-columns: 1fr;
    }

    .qbit-enterprise-methodology-principle,
    .qbit-enterprise-final-cta-panel {
        padding: 20px;
    }

    .qbit-enterprise-final-cta-action {
        align-items: flex-start;
        flex-direction: column;
    }

    .qbit-enterprise-final-button {
        width: 100%;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.11A END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.12B1 START
   Navegación interna inteligente
   ============================================================ */

.qbit-enterprise-section-nav {
    position: sticky;
    top: 0;
    z-index: 40;
    border-top: 1px solid #dfe8ef;
    border-bottom: 1px solid #cfdee9;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 16px rgba(18, 56, 88, .05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.qbit-enterprise-section-nav-inner {
    display: flex;
    min-width: 0;
    align-items: stretch;
}

.qbit-enterprise-section-nav-overview {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    align-items: center;
    min-height: 51px;
    padding: 0 16px 0 0;
    border-right: 1px solid #dce6ee;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    color: #365975;
    text-decoration: none;
    white-space: nowrap;
}

.qbit-enterprise-section-nav-overview:hover,
.qbit-enterprise-section-nav-overview:focus {
    color: #1769aa;
    text-decoration: none;
}

.qbit-enterprise-section-nav-overview > span:first-child {
    font-size: 14px;
    color: #4f83aa;
}

.qbit-enterprise-section-nav-links {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: #cbd9e4 transparent;
}

.qbit-enterprise-section-nav-links a {
    position: relative;
    display: inline-flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 51px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 500;
    text-align: center;
    color: #526d82;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .16s ease,
        background .16s ease;
}

.qbit-enterprise-section-nav-links a::after {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: transparent;
    content: "";
    transition: background .16s ease;
}

.qbit-enterprise-section-nav-links a:hover,
.qbit-enterprise-section-nav-links a:focus {
    background: #f6f9fc;
    color: #1769aa;
    text-decoration: none;
}

.qbit-enterprise-section-nav-links a.is-active {
    background: #f4f8fb;
    color: #155d96;
    font-weight: 600;
}

.qbit-enterprise-section-nav-links a.is-active::after {
    background: #1769aa;
}


/* El sticky nav ocupa espacio visual sobre el destino del hash */

.qbit-enterprise-page
:is(
    #capacidades,
    #erp-gestion-empresarial,
    #recursos-humanos-asistencia,
    #automatizacion-procesos,
    #dashboards-indicadores,
    #integraciones-apis-ia,
    #desarrollos-medida
) {
    scroll-margin-top: 72px;
}


/* Scroll suave únicamente cuando el usuario no ha pedido reducir movimiento */

@media (prefers-reduced-motion: no-preference) {

    html:has(.qbit-enterprise-page) {
        scroll-behavior: smooth;
    }
}


/* TABLET */

@media (max-width: 1199px) {

    .qbit-enterprise-section-nav-links a {
        flex: 0 0 auto;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .qbit-enterprise-section-nav .container-xxl {
        padding-right: 0;
    }

    .qbit-enterprise-section-nav-overview {
        min-height: 48px;
        padding-right: 12px;
        font-size: 12.5px;
    }

    .qbit-enterprise-section-nav-links a {
        min-height: 48px;
        padding: 0 12px;
        font-size: 12.5px;
    }

    .qbit-enterprise-section-nav-links a::after {
        right: 12px;
        left: 12px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.12B1 END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.12B2 START
   Corrección navegación sticky / orientación
   ============================================================ */

.qbit-enterprise-section-nav {
    position: sticky;
    top: 92px;
    z-index: 80;
    width: 100%;
    margin: 0;
    border-top: 0;
    border-bottom: 1px solid #ccdce8;
    background: rgba(255, 255, 255, .985);
    box-shadow:
        0 1px 0 rgba(20, 60, 90, .03),
        0 6px 18px rgba(20, 60, 90, .06);
}

.qbit-enterprise-section-nav .container-xxl {
    max-width: 100%;
}

.qbit-enterprise-section-nav-inner {
    max-width: 1440px;
    margin: 0 auto;
}

.qbit-enterprise-section-nav-overview {
    min-height: 46px;
    padding-left: 18px;
    padding-right: 18px;
    background: #f8fbfd;
}

.qbit-enterprise-section-nav-links a {
    min-height: 46px;
    padding-left: 15px;
    padding-right: 15px;
}

.qbit-enterprise-section-nav-links a.is-active {
    background: #edf5fa;
    color: #0f5f9d;
}

.qbit-enterprise-section-nav-links a.is-active::after {
    height: 3px;
    background: #1473b8;
}

.qbit-enterprise-section-nav.is-before-services {
    visibility: hidden;
    pointer-events: none;
}

.qbit-enterprise-section-nav.is-after-services {
    position: relative;
    top: auto;
    box-shadow: none;
}

.qbit-enterprise-page
:is(
    #capacidades,
    #erp-gestion-empresarial,
    #recursos-humanos-asistencia,
    #automatizacion-procesos,
    #dashboards-indicadores,
    #integraciones-apis-ia,
    #desarrollos-medida
) {
    scroll-margin-top: 152px;
}

@media (max-width: 1199px) {

    .qbit-enterprise-section-nav {
        top: 88px;
    }
}

@media (max-width: 991px) {

    .qbit-enterprise-section-nav {
        top: 76px;
    }
}

@media (max-width: 767px) {

    .qbit-enterprise-section-nav {
        top: 68px;
    }

    .qbit-enterprise-section-nav-overview,
    .qbit-enterprise-section-nav-links a {
        min-height: 44px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.12B2 END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.12B3 START
   Explorador de soluciones por paneles
   ============================================================ */


/*
 * El atributo hidden lo controla exclusivamente el JS
 * del explorador.
 */

.qbit-enterprise-panel-mode
[data-qbit-enterprise-panel][hidden] {
    display: none !important;
}


/*
 * La barra deja de representar un simple índice.
 * Visualmente funciona como selector del contenido.
 */

.qbit-enterprise-panel-mode
.qbit-enterprise-section-nav {
    border-top: 1px solid #d8e4ed;
}

.qbit-enterprise-panel-mode
.qbit-enterprise-section-nav-links a {
    cursor: pointer;
}

.qbit-enterprise-panel-mode
.qbit-enterprise-section-nav-links a.is-active {
    background: #eaf3f9;
    color: #0f5f9d;
}

.qbit-enterprise-panel-mode
.qbit-enterprise-section-nav-links a.is-active::after {
    height: 3px;
    background: #0878c9;
}


/*
 * Da continuidad visual entre selector y panel activo.
 */

.qbit-enterprise-panel-mode
[data-qbit-enterprise-panel].is-active-panel {
    position: relative;
}


/*
 * La primera familia seleccionada empieza inmediatamente
 * debajo del explorador.
 */

.qbit-enterprise-panel-mode
.qbit-enterprise-section-nav
+ [data-qbit-enterprise-panel] {
    border-top: 0;
}


/*
 * Card seleccionada en el mapa superior.
 */

.qbit-enterprise-panel-mode
.qbit-enterprise-capability.is-selected {
    border-color: #9dc4df;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f1f7fb 100%
        );
    box-shadow:
        inset 0 0 0 1px rgba(23, 105, 170, .035);
}

.qbit-enterprise-panel-mode
.qbit-enterprise-capability.is-selected
.qbit-enterprise-capability-number,
.qbit-enterprise-panel-mode
.qbit-enterprise-capability.is-selected
.qbit-enterprise-capability-link {
    color: #0f67a8;
}


/*
 * Ya no usamos los anchors de las seis familias para
 * desplazamiento interno normal.
 * El offset continúa siendo útil para fallback sin JS
 * y futuros deep links externos.
 */

.qbit-enterprise-panel-mode
:is(
    #erp-gestion-empresarial,
    #recursos-humanos-asistencia,
    #automatizacion-procesos,
    #dashboards-indicadores,
    #integraciones-apis-ia,
    #desarrollos-medida
) {
    scroll-margin-top: 152px;
}


/*
 * No añadimos todavía animaciones:
 * primero se valida la arquitectura de paneles.
 */

@media (max-width: 767px) {

    .qbit-enterprise-panel-mode
    .qbit-enterprise-section-nav-links {
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
    }

    .qbit-enterprise-panel-mode
    .qbit-enterprise-section-nav-links a {
        scroll-snap-align: center;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.12B3 END
   ============================================================ */


/* ============================================================
   QBIT ENTERPRISE 1.12B4 START
   Selector inicial + panel único + View Transition
   ============================================================ */


/* ------------------------------------------------------------
   ESTADO BASE
   ------------------------------------------------------------ */

.qbit-enterprise-selector-mode
[data-qbit-enterprise-panel][hidden],
.qbit-enterprise-selector-mode
#organizaciones[hidden],
.qbit-enterprise-selector-mode
#metodologia[hidden],
.qbit-enterprise-selector-mode
#analizar-proyecto[hidden] {
    display: none !important;
}


/* ------------------------------------------------------------
   INTRO DEL SELECTOR
   ------------------------------------------------------------ */

.qbit-enterprise-selector-intro {
    max-width: 760px;
    margin: 28px 0 17px;
}

.qbit-enterprise-selector-intro > span {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .055em;
    color: #4c84ae;
}

.qbit-enterprise-selector-intro strong {
    display: block;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    color: #173f60;
}

.qbit-enterprise-selector-intro p {
    margin: 7px 0 0;
    font-size: 14px;
    line-height: 1.6;
    color: #657a8b;
}


/* ------------------------------------------------------------
   CANCELAR STICKY DE LAS PRUEBAS B1/B2/B3
   ------------------------------------------------------------ */

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav {
    position: relative;
    top: auto;
    z-index: 1;
    width: 100%;
    margin: 0 0 27px;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    visibility: visible;
    pointer-events: auto;
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav.is-before-services,
.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav.is-after-services {
    position: relative;
    top: auto;
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav .container-xxl {
    max-width: none;
    padding: 0;
}


/* El botón Capacidades deja de ser necesario en el selector grande */

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-overview {
    display: none;
}


/* ------------------------------------------------------------
   SELECTOR GRANDE 2 x 3
   ------------------------------------------------------------ */

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-inner {
    display: block;
    max-width: none;
    margin: 0;
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 11px;
    overflow: visible;
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links a {
    position: relative;
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: flex-start;
    padding: 17px 20px 17px 54px;
    border: 1px solid #cfdfea;
    border-radius: 10px;
    background: #fff;
    font-size: 14.5px;
    line-height: 1.35;
    font-weight: 600;
    text-align: left;
    color: #244b68;
    white-space: normal;
    box-shadow:
        0 2px 7px rgba(18, 56, 88, .025);
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}


/* Marcador visual */

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links a::before {
    position: absolute;
    top: 50%;
    left: 19px;
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border: 1px solid #bcd3e3;
    border-radius: 50%;
    background: #f5f9fc;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    color: #4b82aa;
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links
a:nth-child(1)::before {
    content: "01";
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links
a:nth-child(2)::before {
    content: "02";
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links
a:nth-child(3)::before {
    content: "03";
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links
a:nth-child(4)::before {
    content: "04";
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links
a:nth-child(5)::before {
    content: "05";
}

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links
a:nth-child(6)::before {
    content: "06";
}


/* Anular underline vieja */

.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links a::after {
    display: none;
}


.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links a:hover,
.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links a:focus-visible {
    transform: translateY(-1px);
    border-color: #9fc3dc;
    background: #f8fbfd;
    color: #1266a6;
    box-shadow:
        0 7px 18px rgba(18, 56, 88, .065);
    text-decoration: none;
}


.qbit-enterprise-selector-mode
.qbit-enterprise-section-nav-links a.is-active {
    border-color: #7eb1d4;
    background:
        linear-gradient(
            135deg,
            #edf6fb 0%,
            #ffffff 100%
        );
    color: #105f9b;
    box-shadow:
        inset 4px 0 0 #1477ba,
        0 7px 18px rgba(18, 56, 88, .05);
}


/* ------------------------------------------------------------
   VIEJAS 6 CARDS
   En esta prueba dejan de duplicar el selector.
   ------------------------------------------------------------ */

.qbit-enterprise-selector-mode
.qbit-enterprise-capabilities-grid,
.qbit-enterprise-selector-mode
.qbit-enterprise-capabilities-note {
    display: none;
}


/* ------------------------------------------------------------
   PANEL ACTIVO
   ------------------------------------------------------------ */

.qbit-enterprise-selector-mode
[data-qbit-enterprise-panel].is-active-panel {
    position: relative;
    view-transition-name: qbit-enterprise-panel;
}


/*
 * Separación clara entre selección y contenido.
 */

.qbit-enterprise-selector-mode
#capacidades:has(
    + [data-qbit-enterprise-panel]
) {
    padding-bottom: 40px;
}


/* ------------------------------------------------------------
   VIEW TRANSITION
   Sólo área de contenido seleccionada.
   ------------------------------------------------------------ */

::view-transition-group(qbit-enterprise-panel) {
    animation-duration: 210ms;
    animation-timing-function:
        cubic-bezier(.2, .7, .2, 1);
}

::view-transition-old(qbit-enterprise-panel) {
    animation:
        qbit-enterprise-panel-out
        180ms
        ease
        both;
}

::view-transition-new(qbit-enterprise-panel) {
    animation:
        qbit-enterprise-panel-in
        210ms
        ease
        both;
}

@keyframes qbit-enterprise-panel-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-7px);
    }
}

@keyframes qbit-enterprise-panel-in {
    from {
        opacity: 0;
        transform: translateY(9px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ------------------------------------------------------------
   REDUCIR MOVIMIENTO
   ------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {

    ::view-transition-group(qbit-enterprise-panel),
    ::view-transition-old(qbit-enterprise-panel),
    ::view-transition-new(qbit-enterprise-panel) {
        animation: none !important;
    }

    .qbit-enterprise-selector-mode
    .qbit-enterprise-section-nav-links a {
        transition: none;
    }
}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 767px) {

    .qbit-enterprise-selector-mode
    .qbit-enterprise-section-nav-links {
        grid-template-columns: 1fr;
        gap: 9px;
        scroll-snap-type: none;
    }

    .qbit-enterprise-selector-mode
    .qbit-enterprise-section-nav-links a {
        min-height: 67px;
        padding:
            14px
            17px
            14px
            50px;
        font-size: 14px;
    }

    .qbit-enterprise-selector-mode
    .qbit-enterprise-section-nav-links a::before {
        left: 16px;
    }
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 575px) {

    .qbit-enterprise-selector-intro {
        margin-top: 22px;
    }

    .qbit-enterprise-selector-intro strong {
        font-size: 17px;
    }

    .qbit-enterprise-selector-mode
    .qbit-enterprise-section-nav {
        margin-bottom: 20px;
    }
}

/* ============================================================
   QBIT ENTERPRISE 1.12B4 END
   ============================================================ */



/* ============================================================
   QBIT LEGAL PRIVACY 7.09
   CMS legal / Aviso de Privacidad
   ============================================================ */

.qbit-legal-shell {
    --qbit-legal-border: #dce6ef;
    --qbit-legal-soft: #f7fafc;
    --qbit-legal-title: #153b61;
    --qbit-legal-text: #263f56;
    --qbit-legal-muted: #607487;
}

.qbit-legal-section {
    padding: 42px 0 64px;
    background: #fff;
}

.qbit-legal-reading {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.qbit-legal-header {
    margin: 0 0 28px;
    padding: 0 0 22px;
    border-bottom: 1px solid var(--qbit-legal-border);
}

.qbit-legal-header .qbit-service-eyebrow {
    margin-bottom: 8px;
}

.qbit-legal-header h1 {
    margin: 0;
    font-size: 30px;
    line-height: 37px;
    font-weight: 600;
    letter-spacing: -.015em;
    color: var(--qbit-legal-title);
}

.qbit-legal-content {
    color: var(--qbit-legal-text);
}

.qbit-legal-content .qbit-legal-page {
    width: 100%;
}

.qbit-legal-content .qbit-legal-page > p:first-of-type {
    display: inline-block;
    margin: 0 0 24px;
    padding: 7px 11px;
    border: 1px solid #dbe6ef;
    border-radius: 7px;
    background: var(--qbit-legal-soft);
    font-size: 13px;
    line-height: 18px;
    color: var(--qbit-legal-muted);
}

.qbit-legal-content h1 {
    display: none;
}

.qbit-legal-content h2 {
    margin: 34px 0 12px;
    padding-top: 4px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: var(--qbit-legal-title);
}

.qbit-legal-content p,
.qbit-legal-content li {
    font-size: 14.5px;
    line-height: 22px;
    font-weight: 400;
    color: var(--qbit-legal-text);
}

.qbit-legal-content p {
    margin: 0 0 15px;
}

.qbit-legal-content ul,
.qbit-legal-content ol {
    margin: 8px 0 20px;
    padding-left: 24px;
}

.qbit-legal-content li {
    margin: 0 0 8px;
    padding-left: 3px;
}

.qbit-legal-content strong {
    font-weight: 600;
    color: #173a5b;
}

.qbit-legal-content a {
    color: #1667a8;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.qbit-legal-content a:hover,
.qbit-legal-content a:focus {
    color: #12598f;
}

.qbit-legal-content h2:first-of-type {
    margin-top: 22px;
}

@media (max-width: 767.98px) {

    .qbit-legal-section {
        padding: 30px 0 46px;
    }

    .qbit-legal-reading {
        max-width: 100%;
    }

    .qbit-legal-header {
        margin-bottom: 22px;
        padding-bottom: 18px;
    }

    .qbit-legal-header h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .qbit-legal-content h2 {
        margin-top: 28px;
        font-size: 20px;
        line-height: 26px;
    }

    .qbit-legal-content p,
    .qbit-legal-content li {
        font-size: 14.5px;
        line-height: 21px;
    }

    .qbit-legal-content ul,
    .qbit-legal-content ol {
        padding-left: 21px;
    }
}

@media (max-width: 575.98px) {

    .qbit-legal-section {
        padding: 24px 0 40px;
    }

    .qbit-legal-header h1 {
        line-height: 35px;
    }

    .qbit-legal-content .qbit-legal-page > p:first-of-type {
        margin-bottom: 20px;
    }
}

/* QBIT LEGAL PRIVACY 7.09 END */