.lx-company-card {
            position: relative;
            z-index: 1;
            border: 2px solid #b9d8ff;
            background: rgba(255, 255, 255, .97);
            box-shadow: 0 .9rem 2.1rem rgba(15, 69, 132, .1);
        }
        .lx-company-card:hover {
            border-color: #0969e8;
        }
        .lazos-company-card {
            background: #fff;
            box-shadow: 0 .9rem 2.1rem rgba(15, 69, 132, .1);
        }
        .lazos-logo-crop {
            width: 100%;
            max-width: 14.75rem;
            height: 3.55rem;
            overflow: hidden;
        }
        .lazos-logo-crop img { display: block; width: 100%; height: auto; }
        .lazos-country {
            margin-top: .35rem;
            color: #111827;
            font-size: .7rem;
            font-weight: 900;
            letter-spacing: .58em;
            line-height: 1;
        }
        .lazos-company-action {
            border: 1px solid #b9d8ff; background: #eef5fd; color: #4a6380;
        }
        .lx-hero-cta-short { display: none; }

        .lx-contact-block { display: flex; width: 100%; max-width: 47rem; align-items: center; justify-content: space-between; gap: 2rem; }
        .lx-contact-block__eyebrow { color: #55d7ff; font-size: .7rem; font-weight: 900; letter-spacing: .22em; text-transform: uppercase; }
        .lx-contact-block h2 { max-width: 28rem; margin-top: .3rem; color: #fff; font-size: 1.35rem; font-weight: 900; line-height: 1.15; }
        .lx-contact-block__location { display: flex; align-items: center; gap: .45rem; margin-top: .55rem; color: #b8cce8; font-size: .78rem; }
        .lx-contact-block__location svg { width: 1rem; height: 1rem; flex: 0 0 auto; fill: none; stroke: #55d7ff; stroke-width: 1.8; }
        .lx-contact-block__whatsapp { display: flex; flex: 0 0 auto; align-items: center; gap: .7rem; color: #fff; }
        .lx-contact-block__whatsapp:hover strong { color: #70e5ff; }
        .lx-contact-block__whatsapp > svg { width: 1.6rem; height: 1.6rem; flex: 0 0 auto; fill: none; stroke: #60f398; stroke-width: 1.8; }
        .lx-contact-block__whatsapp small { display: block; color: #9fb9da; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
        .lx-contact-block__whatsapp strong { display: block; margin-top: .08rem; font-size: 1.05rem; font-weight: 900; letter-spacing: .06em; transition: color .2s; }

        @media (max-width: 767px) {
            #contacto {
                border-top: 3px solid #0969e8;
                background:
                    radial-gradient(circle at 50% 0%, rgba(9, 105, 232, .22), transparent 15rem),
                    #020f26;
            }
            #contacto .lx-footer-inner {
                align-items: center;
                gap: 1.15rem;
                padding-top: 1.4rem;
                padding-bottom: 1.4rem;
            }
            .lx-footer-brand {
                align-items: center;
                align-self: center;
            }
            .lx-contact-block {
                align-items: center;
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
            .lx-contact-block__copy { width: 100%; }
            .lx-contact-block__location { justify-content: center; }
            .lx-contact-block__whatsapp {
                width: min(100%, 17rem);
                justify-content: center;
                align-self: center;
                padding-top: 1rem;
                border-top: 1px solid rgba(126, 183, 247, .24);
                text-align: left;
            }
        }

        .hero-panel-topbar {
            background: linear-gradient(90deg, #fff, #f6faff);
        }
        .hero-demo-status {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .65rem;
            border: 1px solid #dbe7f5;
            border-radius: .65rem;
            background: #fff;
            color: #526784;
            font-size: .65rem;
            font-weight: 800;
        }
        .hero-demo-status i {
            width: .42rem;
            height: .42rem;
            border-radius: 50%;
            background: #16a36a;
            box-shadow: 0 0 0 .2rem rgba(22, 163, 106, .12);
        }
        .hero-panel-user {
            display: grid;
            width: 2rem;
            height: 2rem;
            place-items: center;
            border-radius: .65rem;
            background: #071535;
            color: #fff;
            font-size: .62rem;
            font-weight: 900;
        }
        .hero-panel-body > aside {
            border-color: rgba(116, 174, 238, .2) !important;
            background: linear-gradient(180deg, #08244d, #061a38) !important;
        }
        .hero-panel-body > aside > p { color: #82a5cf !important; }
        .hero-panel-body > aside > div { color: #c8dcf5 !important; }
        .hero-panel-body > aside > p + div {
            background: linear-gradient(90deg, #0969e8, #1388f5) !important;
            color: #fff !important;
            box-shadow: 0 .55rem 1rem rgba(0, 71, 170, .3);
        }
        .hero-panel-body > aside > div span { background: #58bfff !important; }
        .hero-panel-body > aside > p + div span { background: #fff !important; }
        .hero-kpi-grid { grid-template-columns: 1fr; }
        .hero-kpi {
            position: relative;
            overflow: hidden;
            padding: .85rem;
            border: 1px solid #dbe6f3;
            border-radius: .85rem;
            background: #fff;
            box-shadow: 0 .45rem 1.1rem rgba(7, 21, 53, .06);
        }
        .hero-kpi::after {
            position: absolute;
            top: 0;
            right: 0;
            width: 3.4rem;
            height: 3.4rem;
            border-radius: 0 0 0 100%;
            background: rgba(9, 105, 232, .045);
            content: "";
        }
        .hero-kpi__top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
        .hero-kpi__top > p { color: #607493; font-size: .62rem; font-weight: 800; }
        .hero-kpi__top > span { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: .5rem; background: #edf5ff; color: #0969e8; }
        .hero-kpi__top svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
        .hero-kpi__value { margin-top: .45rem; color: #071535; font-size: 1.08rem; font-weight: 900; line-height: 1; }
        .hero-kpi__trend { margin-top: .45rem; color: #71829c; font-size: .52rem; font-weight: 700; white-space: nowrap; }
        .hero-kpi__trend b { color: #079765; }
        .hero-kpi__progress { overflow: hidden; height: .28rem; margin-top: .5rem; border-radius: 999px; background: #e7eef8; }
        .hero-kpi__progress i { display: block; width: 68%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0969e8, #35c6f4); }
        .hero-kpi__caption { margin-top: .25rem; color: #71829c; font-size: .5rem; font-weight: 700; }
        .hero-chart-card,
        .hero-recent-card,
        .hero-funnel-card,
        .hero-bottom-activity,
        .hero-website-card {
            border: 1px solid #dbe6f3;
            border-radius: .85rem;
            background: #fff;
            box-shadow: 0 .45rem 1.1rem rgba(7, 21, 53, .06);
        }
        .hero-chart-card { padding: .8rem .9rem .35rem; }
        .hero-chart-card h3,
        .hero-recent-card h3 { color: #071535; font-size: .7rem; font-weight: 900; }
        .hero-chart-card h3 + p { margin-top: .12rem; color: #8a9ab1; font-size: .5rem; font-weight: 700; }
        .hero-chart-card > div > span { padding: .3rem .5rem; border-radius: .45rem; background: #f3f7fc; color: #71829c; font-size: .5rem; font-weight: 800; }
        .hero-funnel-card { padding: .8rem; }
        .hero-funnel-card__head { display: flex; align-items: center; justify-content: space-between; gap: .35rem; }
        .hero-funnel-card__head h3 { color: #071535; font-size: .66rem; font-weight: 900; }
        .hero-funnel-card__head span { color: #71829c; font-size: .45rem; font-weight: 800; }
        .hero-funnel { display: grid; gap: .28rem; margin-top: .55rem; }
        .hero-funnel > div { position: relative; display: grid; min-height: 1.42rem; align-items: center; grid-template-columns: 1fr auto; overflow: hidden; border-radius: .35rem; background: #edf4fd; }
        .hero-funnel i { position: absolute; inset: 0 auto 0 0; width: var(--funnel-width); border-radius: inherit; background: linear-gradient(90deg, #0969e8, #45a7ff); opacity: .9; }
        .hero-funnel strong { position: relative; z-index: 1; padding-left: .45rem; color: #fff; font-size: .56rem; font-weight: 900; }
        .hero-funnel small { position: relative; z-index: 1; padding-right: .4rem; color: #3f5574; font-size: .43rem; font-weight: 800; }
        .hero-recent-card { padding: .8rem; }
        .hero-recent-card__head { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
        .hero-recent-card__head span { color: #079765; font-size: .48rem; font-weight: 900; text-transform: uppercase; }
        .hero-recent-card ul { margin-top: .45rem; }
        .hero-recent-card li { display: flex; min-width: 0; align-items: center; gap: .45rem; padding: .45rem 0; border-top: 1px solid #edf2f8; }
        .hero-recent-card li > i { width: .42rem; height: .42rem; flex: 0 0 auto; border-radius: 50%; }
        .hero-recent-card li > i.is-blue { background: #1473e6; }
        .hero-recent-card li > i.is-green { background: #10a56d; }
        .hero-recent-card li > i.is-violet { background: #805ad5; }
        .hero-recent-card li div { min-width: 0; flex: 1; }
        .hero-recent-card strong { display: block; overflow: hidden; color: #243754; font-size: .55rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
        .hero-recent-card small { display: block; margin-top: .08rem; color: #94a3b8; font-size: .45rem; }
        .hero-recent-card li > b { color: #9aabc0; font-size: .75rem; }
        .hero-dashboard-bottom { display: grid; gap: .65rem; }
        .hero-bottom-activity { padding: .65rem .75rem; }
        .hero-bottom-activity__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
        .hero-bottom-activity__head h3 { color: #071535; font-size: .65rem; font-weight: 900; }
        .hero-bottom-activity__head span { color: #0969e8; font-size: .48rem; font-weight: 900; }
        .hero-bottom-activity__rows { display: grid; gap: .25rem; margin-top: .45rem; }
        .hero-bottom-activity__rows p { display: grid; align-items: center; grid-template-columns: auto 1fr auto; gap: .4rem; color: #344964; }
        .hero-bottom-activity__rows i { width: .4rem; height: .4rem; border-radius: 50%; }
        .hero-bottom-activity__rows i.is-green { background: #10a56d; }
        .hero-bottom-activity__rows i.is-blue { background: #1473e6; }
        .hero-bottom-activity__rows strong { overflow: hidden; font-size: .5rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
        .hero-bottom-activity__rows small { color: #8da0b9; font-size: .43rem; white-space: nowrap; }
        .hero-website-card { padding: .7rem .8rem; }
        .hero-website-card__icon { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: #eaf8f2; color: #079765; }
        .hero-website-card__icon svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
        .hero-website-card p { display: flex; align-items: center; gap: .35rem; color: #079765; font-size: .52rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
        .hero-website-card p i { width: .38rem; height: .38rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 .18rem rgba(16, 185, 129, .12); }
        .hero-website-card h3 { margin-top: .12rem; color: #071535; font-size: .72rem; font-weight: 900; }
        .hero-website-card__action { display: inline-flex; min-height: 2rem; align-items: center; gap: .55rem; padding: .45rem .65rem; border: 1px solid #cfe0f5; border-radius: .6rem; color: #0969e8; font-size: .55rem; font-weight: 900; }

        @media (min-width: 1024px) {
            .hero-activity { grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr); }
            .hero-dashboard-bottom { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
        }

        @media (min-width: 640px) {
            .hero-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }

        @media (min-width: 1200px) {
            .hero-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        }

        @media (max-width: 639px) {
            .hero-demo-status { display: none; }
            .hero-kpi__trend { white-space: normal; }
            .hero-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            #inicio > .relative { padding-bottom: 1rem; }
            .lx-hero-actions {
                display: grid;
                grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
            }
            .lx-hero-actions > a {
                width: 100%;
                gap: .25rem;
                padding-right: .4rem;
                padding-left: .4rem;
                line-height: 1.2;
                text-align: center;
                white-space: nowrap;
            }
            .lx-hero-cta-full { display: none; }
            .lx-hero-cta-short { display: inline; }
            #inicio ul li {
                min-width: 0;
                flex-direction: column;
                gap: .5rem;
                text-align: center;
            }
            #inicio > .pointer-events-none.absolute {
                right: 0;
                left: auto;
                width: min(20rem, 100%);
            }
        }

        .lx-companies__header {
            display: grid;
            gap: 1.5rem;
            align-items: center;
            text-align: left;
        }
        .lx-companies__header h2 {
            max-width: 58rem;
            margin-top: .65rem;
            color: #071535;
            font-size: clamp(2.4rem, 5vw, 4.3rem);
            font-weight: 900;
            letter-spacing: -.045em;
            line-height: 1;
        }
        .lx-companies__header h2 span { color: #0969e8; }
        .lx-companies__copy > p:last-child {
            max-width: 52rem;
            margin-top: 1rem;
            color: #53698b;
            font-size: 1.05rem;
            line-height: 1.65;
        }
        .lx-companies__insight {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: .9rem 0 .9rem 1.25rem;
            border-left: 3px solid #47b6f2;
        }
        .lx-companies__insight > span {
            display: grid;
            width: 3.25rem;
            height: 3.25rem;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 1rem;
            background: #e9f5ff;
            color: #0969e8;
        }
        .lx-companies__insight svg {
            width: 1.7rem;
            height: 1.7rem;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        .lx-companies__insight strong {
            display: block;
            color: #071535;
            font-size: 1rem;
            font-weight: 900;
        }
        .lx-companies__insight small {
            display: block;
            max-width: 24rem;
            margin-top: .25rem;
            color: #607493;
            font-size: .8rem;
            line-height: 1.45;
        }
        .lx-access-ecosystem {
            position: relative;
            max-width: 72rem;
            margin: 1.15rem auto 0;
        }
        .lx-access-hub {
            position: relative;
            z-index: 3;
            display: flex;
            width: max-content;
            min-width: 12.5rem;
            align-items: center;
            justify-content: center;
            gap: .65rem;
            margin: 0 auto;
            padding: .7rem 1.05rem;
            border: 2px solid #8bc9ff;
            border-radius: 1rem;
            background: #fff;
            box-shadow: 0 .8rem 1.8rem rgba(9, 105, 232, .14);
        }
        .lx-access-hub img { width: 2.35rem; height: 2.35rem; object-fit: contain; }
        .lx-access-hub strong {
            display: block;
            color: #071535;
            font-size: .95rem;
            font-weight: 900;
            letter-spacing: .04em;
            line-height: 1;
        }
        .lx-access-hub strong span { color: #0969e8; }
        .lx-access-hub small {
            display: block;
            margin-top: .2rem;
            color: #607493;
            font-size: .58rem;
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase;
        }
        .lx-company-grid {
            position: relative;
            display: grid;
            gap: 1.35rem;
            margin-top: 2.25rem;
        }
        .lx-company-grid::before {
            position: absolute;
            top: -1.15rem;
            right: 16.666%;
            left: 16.666%;
            height: 2px;
            background: #8bc9ff;
            content: "";
        }
        .lx-company-grid::after {
            position: absolute;
            top: -2.25rem;
            left: calc(50% - 1px);
            width: 2px;
            height: 1.15rem;
            background: #8bc9ff;
            content: "";
        }
        .lx-company-grid > .lx-company-card::before {
            position: absolute;
            top: -1.2rem;
            left: calc(50% - 1px);
            width: 2px;
            height: 1.2rem;
            background: #8bc9ff;
            content: "";
        }
        .lx-company-grid > .lx-company-card::after {
            position: absolute;
            top: -.22rem;
            left: calc(50% - .24rem);
            width: .48rem;
            height: .48rem;
            border: 2px solid #fff;
            border-radius: 50%;
            background: #1473e6;
            box-shadow: 0 0 0 2px #8bc9ff;
            content: "";
        }
        .lx-company-type {
            margin: 0 0 .55rem;
            color: #607493;
            font-size: .63rem;
            font-weight: 900;
            letter-spacing: .18em;
            text-align: center;
            text-transform: uppercase;
        }
        .lx-company-grid .lx-company-card > span:last-child {
            gap: .5rem;
            padding-right: .75rem;
            padding-left: .75rem;
            font-size: .875rem;
            white-space: nowrap;
        }

        @media (min-width: 768px) {
            .lx-company-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .lx-company-grid > .lx-company-card:last-child {
                width: calc(50% - .675rem);
                grid-column: 1 / -1;
                justify-self: center;
            }
        }
        @media (min-width: 1100px) {
            .lx-company-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .lx-company-grid > .lx-company-card:last-child {
                width: auto;
                grid-column: auto;
                justify-self: stretch;
            }
        }
        @media (min-width: 1024px) {
            .lx-companies__header { grid-template-columns: minmax(0, 1.3fr) minmax(20rem, .7fr); }
        }
        @media (min-width: 1300px) {
            .lx-companies__header {
                position: relative;
                display: block;
            }
            .lx-companies__header h2 {
                max-width: 56rem;
            }
            .lx-companies__header h2 span { display: block; }
            .lx-companies__copy > p:last-child { max-width: 44rem; }
            .lx-companies__insight {
                position: absolute;
                right: 0;
                bottom: 0;
                width: 27rem;
            }
        }
        @media (max-width: 1099px) {
            .lx-company-grid::before,
            .lx-company-grid::after,
            .lx-company-grid > .lx-company-card::before,
            .lx-company-grid > .lx-company-card::after { display: none; }
        }
        @media (max-width: 767px) {
            .lx-companies__insight { padding-left: 1rem; }
            .lx-access-ecosystem { margin-top: 1.5rem; }
            .lx-company-grid { gap: 1rem; margin-top: 1.25rem; }
        }
        @media (max-width: 380px) {
            #empresas > div {
                padding-right: .75rem;
                padding-left: .75rem;
            }
            .lx-company-grid .lx-company-card {
                padding-right: 1rem;
                padding-left: 1rem;
            }
            .lx-company-grid .lx-company-card > span:last-child {
                gap: .25rem;
                padding-right: .25rem;
                padding-left: .25rem;
            }
        }
        @media (max-width: 340px) {
            #empresas > div {
                padding-right: .3rem;
                padding-left: .3rem;
            }
            .lx-company-grid .lx-company-card {
                padding-right: .5rem;
                padding-left: .5rem;
            }
            .lx-company-grid .lx-company-card > span:last-child {
                gap: .25rem;
                padding-right: .25rem;
                padding-left: .25rem;
            }
        }

        /* Keep the opening section within the available desktop viewport. */
        @media (min-width: 1024px) {
            #inicio > .relative {
                min-height: calc(100svh - 5rem - 2px);
                grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
                gap: clamp(1.25rem, 2.5vw, 2.5rem);
                padding-block: clamp(.75rem, 2vh, 1.5rem);
            }
            #inicio h1 { margin-top: 1.25rem; }
            #inicio h1 + p { margin-top: 1rem; }
            #inicio h1 + p + div { margin-top: 1.25rem; }
            #inicio ul { margin-top: 1.5rem; gap: .75rem; }
        }
        @media (min-width: 1024px) and (max-height: 650px) {
            #inicio > .relative { padding-block: .5rem; }
            #inicio h1 { margin-top: 1rem; }
            #inicio ul { margin-top: 1rem; }
            #inicio .hero-panel-body > aside > div { padding-block: .4rem; }
            #inicio .hero-panel-body > div > .mt-5 { margin-top: .75rem; }
        }

        .lx-transformation {
            overflow: hidden;
            border-bottom: 1px solid #dbe8f8;
            background:
                radial-gradient(circle at 88% 10%, rgba(20, 115, 230, .18), transparent 30rem),
                linear-gradient(135deg, #fff 0%, #f7fbff 48%, #eaf5ff 100%);
        }
        .lx-transformation__story {
            display: grid;
            gap: 3rem;
            align-items: center;
        }
        .lx-eyebrow {
            color: #0969e8;
            font-size: .82rem;
            font-weight: 900;
            letter-spacing: .26em;
            text-transform: uppercase;
        }
        .lx-transformation__copy > h2 {
            max-width: 44rem;
            margin-top: .8rem;
            color: #071535;
            font-size: clamp(2.25rem, 5vw, 4.25rem);
            font-weight: 900;
            letter-spacing: -.045em;
            line-height: 1.02;
        }
        .lx-transformation__copy > h2 span { color: #0969e8; }
        .lx-transformation__lead {
            max-width: 43rem;
            margin-top: 1.35rem;
            color: #53698b;
            font-size: 1.06rem;
            line-height: 1.75;
        }
        .lx-tool-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .75rem;
            margin-top: 2rem;
        }
        .lx-tool-card {
            display: flex;
            min-width: 0;
            align-items: center;
            gap: .8rem;
            padding: .85rem;
            border: 1px solid #dbe7f5;
            border-radius: 1rem;
            background: rgba(255, 255, 255, .88);
            box-shadow: 0 .7rem 1.6rem rgba(27, 70, 123, .08);
        }
        .lx-tool-card__icon {
            display: grid;
            width: 2.55rem;
            height: 2.55rem;
            flex: 0 0 auto;
            place-items: center;
            border-radius: .75rem;
            background: #1473e6;
            color: #fff;
            font-weight: 900;
        }
        .lx-tool-card__icon svg,
        .lx-hub svg,
        .lx-solution-icon svg {
            width: 1.45rem;
            height: 1.45rem;
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.8;
        }
        .lx-tool-card__icon--green { background: #12843a; }
        .lx-tool-card__icon--whatsapp { background: #10b949; }
        .lx-tool-card__icon--amber { background: #f3a600; }
        .lx-tool-card__icon--red { background: #d94a42; }
        .lx-tool-card__icon--slate { background: #6c7f9d; }
        .lx-tool-card h3 { color: #0b1938; font-size: .88rem; font-weight: 900; }
        .lx-tool-card p { margin-top: .15rem; color: #64748b; font-size: .76rem; line-height: 1.25; }

        .lx-ecosystem-visual {
            position: relative;
            padding: 1rem 0;
        }
        .lx-transformation-photo {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(20, 115, 230, .2);
            border-radius: 1.6rem;
            background: #eaf4ff;
            box-shadow: 0 1.5rem 3rem rgba(10, 63, 127, .16);
        }
        .lx-transformation-photo > img {
            display: block;
            width: 100%;
            aspect-ratio: 2.42 / 1;
            object-fit: cover;
        }
        .lx-transformation-photo::after {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(7, 21, 53, .08), transparent 38%, rgba(9, 105, 232, .08));
            content: "";
            pointer-events: none;
        }
        .lx-transformation-photo figcaption {
            position: absolute;
            z-index: 2;
            right: .65rem;
            bottom: .65rem;
            left: .65rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
        }
        .lx-transformation-photo figcaption span {
            width: 46%;
            max-width: 46%;
            box-sizing: border-box;
            padding: .5rem .7rem;
            border: 1px solid rgba(255, 255, 255, .8);
            border-radius: .65rem;
            background: rgba(7, 21, 53, .82);
            color: #fff;
            font-size: .65rem;
            font-weight: 900;
            line-height: 1.25;
            backdrop-filter: blur(7px);
        }
        .lx-transformation-photo figcaption span:last-child {
            background: rgba(9, 105, 232, .88);
            text-align: right;
        }
        .lx-flow-message {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            margin: .8rem 0;
            color: #0969e8;
            font-size: .78rem;
            font-weight: 900;
        }
        .lx-flow-message span { font-size: 1.8rem; line-height: 1; }
        .lx-chaos span {
            position: absolute;
            max-width: 9.5rem;
            padding: .75rem 1rem;
            border: 1px solid #cddaea;
            background: #edf2f8;
            color: #243650;
            font-size: .8rem;
            font-style: italic;
            font-weight: 700;
            text-align: center;
            box-shadow: 0 .65rem 1rem rgba(15, 35, 65, .13);
            transform: rotate(-4deg);
        }
        .lx-chaos span:nth-child(1) { top: 4rem; left: 4%; }
        .lx-chaos span:nth-child(2) { top: 0; left: 36%; transform: rotate(3deg); }
        .lx-chaos span:nth-child(3) { top: 5rem; right: 2%; transform: rotate(-2deg); }
        .lx-flow-arrow {
            position: absolute;
            z-index: 2;
            top: 9rem;
            left: 50%;
            display: flex;
            align-items: center;
            color: #0969e8;
            transform: translateX(-50%) rotate(10deg);
        }
        .lx-flow-arrow span { font-size: 4.2rem; line-height: 1; }
        .lx-flow-arrow small {
            position: absolute;
            top: 3.2rem;
            left: 1.2rem;
            width: 8rem;
            font-size: .78rem;
            font-weight: 900;
            text-align: center;
        }
        .lx-hub {
            position: relative;
            margin: 0 auto;
            padding: 1.25rem;
            border: 1px solid rgba(20, 115, 230, .25);
            border-radius: 1.75rem;
            background: rgba(255, 255, 255, .88);
            box-shadow: 0 1.7rem 4rem rgba(10, 63, 127, .18);
            backdrop-filter: blur(12px);
        }
        .lx-hub__brand { display: flex; align-items: center; gap: .8rem; }
        .lx-hub__brand img { width: 3.1rem; height: 3.1rem; }
        .lx-hub__brand strong { display: block; color: #071535; font-size: 1.15rem; }
        .lx-hub__brand small { display: block; margin-top: .1rem; color: #64748b; }
        .lx-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: 1rem; }
        .lx-module-grid span {
            display: flex;
            align-items: center;
            gap: .55rem;
            padding: .8rem;
            border: 1px solid #d8e6f7;
            border-radius: .8rem;
            background: #fff;
            color: #0b1938;
            font-size: .78rem;
            font-weight: 900;
        }
        .lx-module-grid svg { color: #0969e8; }
        .lx-hub > p {
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid #e1eaf5;
            color: #53698b;
            font-size: .8rem;
            line-height: 1.5;
        }

        .lx-solution-panel {
            margin-top: 4rem;
            padding: clamp(1.5rem, 4vw, 2.75rem);
            border: 1px solid rgba(20, 115, 230, .2);
            border-radius: 1.75rem;
            background: rgba(255, 255, 255, .9);
            box-shadow: 0 1.7rem 4rem rgba(27, 70, 123, .1);
        }
        .lx-solution-panel__header { display: flex; flex-direction: column; gap: 1.5rem; }
        .lx-solution-panel__header h2 {
            margin-top: .55rem;
            color: #071535;
            font-size: clamp(2rem, 4vw, 3.3rem);
            font-weight: 900;
            letter-spacing: -.035em;
            line-height: 1.05;
        }
        .lx-solution-panel__header p:last-child { max-width: 49rem; margin-top: .8rem; color: #53698b; font-size: 1rem; line-height: 1.65; }
        .lx-solution-panel__header > a {
            display: inline-flex;
            min-height: 3.7rem;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            align-self: flex-start;
            padding: 0 1.5rem;
            border-radius: .9rem;
            background: #0969e8;
            color: #fff;
            font-weight: 900;
            box-shadow: 0 1rem 2rem rgba(9, 105, 232, .22);
            transition: transform .2s, background .2s;
        }
        .lx-solution-panel__header > a:hover { background: #0758c7; transform: translateY(-2px); }
        .lx-solution-grid { display: grid; gap: 1.25rem; margin-top: 2.5rem; }
        .lx-solution-grid article { display: flex; align-items: flex-start; gap: 1rem; }
        .lx-solution-icon {
            display: grid;
            width: 4rem;
            height: 4rem;
            flex: 0 0 auto;
            place-items: center;
            border-radius: 50%;
            background: #e5f1ff;
            color: #0969e8;
        }
        .lx-solution-icon svg { width: 1.8rem; height: 1.8rem; stroke-width: 2; }
        .lx-solution-grid h3 { color: #071535; font-size: 1.2rem; font-weight: 900; }
        .lx-solution-grid p { margin-top: .25rem; color: #53698b; font-size: .9rem; line-height: 1.5; }
        .lx-solution-panel__footer {
            display: flex;
            align-items: center;
            gap: 1.2rem;
            margin-top: 2.5rem;
            color: #647a9b;
            font-size: .7rem;
            font-weight: 900;
            letter-spacing: .25em;
            text-transform: uppercase;
        }
        .lx-solution-panel__footer i { height: 1px; flex: 1; background: #bdd5f1; }

        @media (min-width: 720px) {
            .lx-tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .lx-solution-panel__header { flex-direction: row; align-items: center; justify-content: space-between; }
            .lx-solution-panel__header > a { flex: 0 0 auto; }
            .lx-solution-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .lx-solution-grid article + article { padding-left: 1.25rem; border-left: 1px solid #cbdcf0; }
        }
        @media (min-width: 1024px) {
            .lx-transformation__story { grid-template-columns: minmax(0, 1.03fr) minmax(28rem, .97fr); gap: clamp(2.5rem, 5vw, 5rem); }
        }
        @media (max-width: 719px) {
            .lx-transformation > div {
                padding-top: 1rem;
                padding-bottom: 1rem;
            }
            .lx-transformation__story { gap: 1rem; }
            .lx-ecosystem-visual { margin-inline: -.5rem; }
            .lx-transformation-photo > img { min-height: 10.5rem; object-position: center; }
            .lx-transformation-photo figcaption { right: .45rem; bottom: .45rem; left: .45rem; }
            .lx-transformation-photo figcaption span { padding: .4rem .5rem; font-size: .58rem; }
            .lx-solution-panel {
                margin-top: 2rem;
                padding-right: .75rem;
                padding-left: .75rem;
            }
            .lx-solution-panel__header h2 > span { display: block; }
            .lx-solution-panel__header h2 > span:first-child { white-space: nowrap; }
            .lx-solution-panel__header > a { width: 100%; }
            .lx-solution-panel__footer { gap: .65rem; letter-spacing: .14em; text-align: center; }
        }

        .lx-projects {
            overflow: hidden;
            border-bottom: 1px solid #dce8f6;
            background:
                radial-gradient(circle at 82% 12%, rgba(9, 105, 232, .12), transparent 26rem),
                linear-gradient(180deg, #fff 0%, #f5faff 100%);
        }
        .lx-projects__header {
            display: grid;
            gap: 1.5rem;
            align-items: center;
        }
        .lx-projects__header h2 {
            max-width: 52rem;
            margin-top: .65rem;
            color: #071535;
            font-size: clamp(2.4rem, 5vw, 4.3rem);
            font-weight: 900;
            letter-spacing: -.045em;
            line-height: 1;
        }
        .lx-projects__header h2 span { color: #0969e8; }
        .lx-projects__header > div:first-child > p:last-child {
            max-width: 50rem;
            margin-top: 1rem;
            color: #53698b;
            font-size: 1.05rem;
            line-height: 1.65;
        }
        .lx-project-grid { display: grid; gap: 1.5rem; margin-top: 3rem; }
        .lx-project-card {
            display: flex;
            min-width: 0;
            flex-direction: column;
            overflow: hidden;
            padding: 1rem;
            border: 1px solid #dce7f5;
            border-radius: 1.65rem;
            background: rgba(255,255,255,.92);
            box-shadow: 0 1.4rem 3.4rem rgba(16, 57, 105, .09);
        }
        .lx-device-stage { position: relative; min-height: 18.5rem; padding: .4rem 1.4rem 2.2rem .1rem; }
        .lx-laptop {
            position: relative;
            width: 95%;
            margin-top: .5rem;
            padding: .62rem .62rem .82rem;
            border: 1px solid #313d49;
            border-radius: .9rem .9rem .3rem .3rem;
            background: linear-gradient(145deg, #25313d, #05080c 68%);
            box-shadow: 0 1.2rem 2rem rgba(7, 21, 53, .28);
        }
        .lx-laptop::after {
            position: absolute;
            z-index: 1;
            right: -5%;
            bottom: -.62rem;
            left: -5%;
            height: .72rem;
            border-radius: .12rem .12rem .8rem .8rem;
            background: linear-gradient(180deg, #eef2f6 0%, #aab4bf 48%, #7e8995 100%);
            box-shadow: 0 .35rem .4rem rgba(7,21,53,.18);
            content: "";
        }
        .lx-laptop::before {
            position: absolute;
            z-index: 2;
            bottom: -.28rem;
            left: 40%;
            width: 20%;
            height: .2rem;
            border-radius: 0 0 .3rem .3rem;
            background: #65717d;
            content: "";
        }
        .lx-laptop__camera { position: absolute; z-index: 2; top: .22rem; left: 50%; width: .2rem; height: .2rem; border-radius: 50%; background: #718294; box-shadow: 0 0 0 1px #05080c; }
        .lx-laptop__screen { overflow: hidden; aspect-ratio: 16/9; border: 1px solid #111922; border-radius: .25rem; background: #030b10; }
        .lx-laptop__screen img { display: block; width: 100%; height: 100%; object-fit: cover; }
        .lx-preview-nav {
            display: flex;
            height: 19%;
            align-items: center;
            justify-content: space-between;
            gap: .5rem;
            padding: 0 .65rem;
            font-size: .39rem;
            text-transform: uppercase;
        }
        .lx-preview-nav strong { font-size: .62rem; letter-spacing: .06em; }
        .lx-preview-nav strong small { display: block; font-size: .34rem; }
        .lx-lazos-split { display: grid; height: 81%; grid-template-columns: 1fr 1fr; }
        .lx-lazos-split > div { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .18rem; padding: .5rem; text-align: center; }
        .lx-lazos-split > div:first-child { background: linear-gradient(145deg, #eee2d3, #c9a66d); color: #4c2c16; }
        .lx-lazos-split > div:last-child { background: linear-gradient(145deg, #123524, #06150e); color: #fff; }
        .lx-lazos-split small { font-size: .35rem; }
        .lx-lazos-split b { font-family: Georgia, serif; font-size: 1rem; letter-spacing: .05em; }
        .lx-lazos-split em { font-size: .42rem; font-style: normal; letter-spacing: .15em; text-transform: uppercase; }
        .lx-site-preview--lazos { background: #10130f; color: #d5b36e; }
        .lx-site-preview--sports { background: radial-gradient(circle at 72% 45%, #174f35, #00180e 56%); color: #fff; }
        .lx-site-preview--sports .lx-preview-nav strong { color: #36e77e; }
        .lx-sports-hero { display: flex; height: 81%; align-items: flex-start; justify-content: center; flex-direction: column; padding: .7rem; }
        .lx-sports-hero small { color: #55e68a; font-size: .38rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
        .lx-sports-hero b { margin-top: .35rem; font-size: .95rem; line-height: .9; }
        .lx-sports-hero b i { color: #43e87e; font-style: normal; }
        .lx-sports-hero em,
        .lx-fare-hero em { margin-top: .5rem; padding: .3rem .5rem; border-radius: .25rem; background: #08a948; font-size: .4rem; font-style: normal; font-weight: 900; }
        .lx-site-preview--fare { background: radial-gradient(circle at 75% 45%, #263d4b, #04131c 60%); color: #fff; }
        .lx-site-preview--fare .lx-preview-nav strong { color: #ff542d; font-size: .75rem; font-style: italic; }
        .lx-fare-hero { display: flex; height: 81%; justify-content: center; flex-direction: column; padding: .7rem; }
        .lx-fare-hero small { font-size: .38rem; letter-spacing: .13em; text-transform: uppercase; }
        .lx-fare-hero b { margin-top: .35rem; font-size: .82rem; line-height: .95; }
        .lx-fare-hero strong { color: #ff4c27; font-size: .9rem; line-height: .95; }
        .lx-fare-hero em { background: #ff4c27; align-self: flex-start; }
        .lx-phone {
            position: absolute;
            z-index: 3;
            right: 0;
            bottom: .05rem;
            width: 25%;
            padding: .32rem;
            border: 1px solid #283440;
            border-radius: 1.15rem;
            background: linear-gradient(145deg, #202b35, #030609 60%);
            box-shadow: 0 .9rem 1.6rem rgba(7, 21, 53, .38);
        }
        .lx-phone::before { position: absolute; top: 25%; left: -.22rem; width: .18rem; height: 18%; border-radius: .2rem 0 0 .2rem; background: #111923; content: ""; }
        .lx-phone::after { position: absolute; top: 28%; right: -.2rem; width: .16rem; height: 12%; border-radius: 0 .2rem .2rem 0; background: #111923; content: ""; }
        .lx-phone__notch { position: absolute; z-index: 2; top: .35rem; left: 36%; width: 28%; height: .28rem; border-radius: 0 0 .3rem .3rem; background: #080d13; }
        .lx-phone__screen { display: block; overflow: hidden; min-height: 0; aspect-ratio: 9/17; padding: 0; border: 1px solid #17212b; border-radius: .82rem; background: #030b10; }
        .lx-phone__screen img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
        .lx-phone__screen strong { font-size: .52rem; }
        .lx-phone__screen b { font-size: .62rem; line-height: 1; }
        .lx-phone__screen i { color: #48e985; font-style: normal; }
        .lx-phone__screen em { padding: .3rem .45rem; border-radius: .25rem; background: rgba(255,255,255,.15); font-size: .42rem; font-style: normal; }
        .lx-project-preview-link { display: block; border-radius: 1rem; color: inherit; }
        .lx-project-preview-link:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }
        .lx-project-brand { display: flex; align-items: center; gap: .65rem; padding: .2rem .25rem .35rem; }
        .lx-project-brand span { width: 1.9rem; height: .22rem; border-radius: 999px; background: #0969e8; }
        .lx-project-brand h3 { color: #071535; font-size: 1.05rem; font-weight: 900; letter-spacing: .08em; }
        .lx-project-card--lazos .lx-project-brand span { background: #a56a20; }
        .lx-project-card--sports .lx-project-brand span { background: #009846; }
        .lx-project-card--fare .lx-project-brand span { background: #f04426; }
        .lx-project-delivery {
            margin-top: 2rem;
            padding: 1.25rem 1.4rem;
            border: 1px solid rgba(56, 189, 248, .18);
            border-radius: 1.6rem;
            background:
                radial-gradient(circle at 86% 0%, rgba(9, 105, 232, .42), transparent 24rem),
                linear-gradient(135deg, #071535, #0b2550);
            box-shadow: 0 1.4rem 3rem rgba(7, 21, 53, .16);
        }
        .lx-project-delivery__header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
        .lx-project-delivery__header p { color: #5dd9ff; font-size: .72rem; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
        .lx-project-delivery__header h3 { margin-top: .25rem; color: #fff; font-size: 1.35rem; font-weight: 900; letter-spacing: -.02em; }
        .lx-project-delivery__header > a { display: inline-flex; min-height: 3rem; flex: 0 0 auto; align-items: center; justify-content: center; gap: .65rem; padding: .7rem 1.2rem; border-radius: .85rem; background: #fff; color: #075cc9; font-size: .8rem; font-weight: 900; }
        .lx-project-delivery__grid { display: grid; gap: .75rem; margin-top: 1rem; }
        .lx-project-delivery__grid article { display: flex; min-width: 0; align-items: center; gap: .75rem; padding: .85rem; border: 1px solid rgba(130, 190, 255, .18); border-radius: 1rem; background: rgba(255, 255, 255, .07); }
        .lx-delivery-icon { display: grid; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; place-items: center; border-radius: .8rem; background: rgba(47, 189, 255, .14); color: #64ddff; }
        .lx-delivery-icon svg { width: 1.45rem; height: 1.45rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
        .lx-project-delivery strong { display: block; color: #fff; font-size: .92rem; }
        .lx-project-delivery small { display: block; margin-top: .2rem; color: #c7d9f2; font-size: .75rem; line-height: 1.35; }
        @media (min-width: 720px) {
            .lx-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .lx-project-delivery__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
        }
        @media (min-width: 1100px) {
            .lx-project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .lx-project-delivery__grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
        }
        @media (max-width: 719px) {
            .lx-project-delivery__header { align-items: stretch; flex-direction: column; }
            .lx-project-delivery__header > a { width: 100%; }
        }
        @media (max-width: 440px) {
            .lx-device-stage { min-height: 15rem; padding-right: .8rem; }
            .lx-phone { width: 27%; }
            .lx-preview-nav span { display: none; }
        }
        @media (min-width: 1024px) and (max-width: 1179px) {
            .lx-desktop-nav { display: none !important; }
            .lx-mobile-menu { display: block !important; }
        }
        @media (min-width: 1200px) {
            .lx-transformation > div {
                display: flex;
                min-height: calc(100svh - 6rem);
                flex-direction: column;
                justify-content: center;
                padding-top: .75rem !important;
                padding-bottom: .75rem !important;
            }
            .lx-transformation__story { gap: 1.25rem; }
            .lx-transformation__copy > h2 { margin-top: .35rem; }
            .lx-transformation__lead { margin-top: .5rem; }
            .lx-tool-grid { gap: .5rem; margin-top: .75rem; }
            .lx-tool-card { gap: .65rem; padding: .6rem .7rem; border-radius: .75rem; }
            .lx-ecosystem-visual { padding: 0; }
            .lx-transformation-photo { border-radius: 1.1rem; }
            .lx-transformation-photo figcaption span { padding: .35rem .5rem; }
            .lx-flow-message { margin: .2rem 0; }
            .lx-hub { padding: .7rem; border-radius: 1rem; }
            .lx-hub__brand { gap: .5rem; }
            .lx-module-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; margin-top: .5rem; }
            .lx-module-grid span { gap: .35rem; padding: .4rem .5rem; border-radius: .55rem; }
            .lx-hub > p { margin-top: .45rem; }
            .lx-solution-panel { margin-top: .65rem; padding: .85rem 1.1rem; border-radius: 1.15rem; }
            .lx-solution-panel__header { gap: .75rem; }
            .lx-solution-panel__header h2 { margin-top: .2rem; }
            .lx-solution-panel__header p:last-child { max-width: 49rem; margin-top: .25rem; }
            .lx-solution-grid { gap: .65rem; margin-top: .65rem; }
            .lx-solution-grid article { gap: .55rem; }
            .lx-solution-grid p { margin-top: .1rem; }
            .lx-solution-panel__footer { gap: .8rem; margin-top: .55rem; }

            #empresas {
                display: flex;
                min-height: calc(100svh - 14rem);
                align-items: center;
                padding-top: .75rem;
                padding-bottom: .75rem;
            }
            #empresas > div { width: 100%; }
            .lx-access-ecosystem { margin-top: .7rem; }
            .lx-company-grid { margin-top: 1.85rem; }
            .lx-company-grid::after { top: -1.85rem; height: .75rem; }
            #contacto > div {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
            }
        }