/*
 * Intelecta - responsive.css
 * Adaptaciones estructurales por viewport.
 * Aplica por igual a LIGHT y DARK.
 */


/* =========================================================
   CAPTION
   ========================================================= */

@media (width<=1120px) {
.desktop-nav {
        gap:.75rem
    }.desktop-nav a {
        font-size:.8rem
    }.footer-main {
        grid-template-columns:1.2fr repeat(2,minmax(0,1fr))
    }
}

@media (width<=880px) {
.desktop-nav {
        display:none
    }.mobile-navigation {
        display:block
    }.hero-grid {
    grid-template-columns: 1fr;
}.hero-copy {
    max-width: 760px;
}.hero-visual {
    width: min(100%, 36rem);
    min-height: 29rem;
    margin: 1rem auto 0;
}.technology-diagram {
    width: min(100%, 32rem);
}.hero-caption {
    right: 1rem;
}.footer-main {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }.footer-brand {
        grid-column:1/-1
    }
}

@media (width<=600px) {
:root {
        --gutter:1.15rem
    }.header-inner {
        gap:.6rem;
        min-height:4.5rem
    }.brand-lockup {
        width:7.2rem
    }.header-actions {
        gap:.45rem
    }.header-cta {
        display:none
    }.language-switcher {
        font-size:.72rem
    }.icon-button,
    .mobile-navigation summary {
        width:2.55rem;
        height:2.55rem
    }.hero {
        padding-top:3.4rem
    }.hero h1 {
        max-width:12ch;
        font-size:clamp(2rem,9vw,3.2rem)
    }.hero-visual {
        min-height:auto;
        margin-top:.7rem
    }.technology-diagram {
        width:min(100%,25rem)
    }.diagram-node {
        min-width:6.5rem;
        padding:.55rem .5rem;
        font-size:.72rem
    }.hero-caption {
        text-align:right;
        margin-top:.6rem;
        position:static
    }.footer-main {
        grid-template-columns:1fr 1fr;
        gap:1.6rem 1rem
    }.footer-brand,
    .footer-group:last-child {
        grid-column:1/-1
    }.footer-bottom {
        flex-direction:column
    }.phone-list a {
        flex-direction:column;
        gap:.05rem
    }.page-hero {
        padding-top:3.3rem
    }
}



/* =========================================================
   FOOTER - REDES SOCIALES
   ========================================================= */

@media (width <= 600px) {
.footer-socials {
        margin-top: 1.2rem;
        gap: 0.6rem;
    }.footer-social-link {
        width: 2.5rem;
        height: 2.5rem;
    }.footer-social-link svg {
        width: 1.05rem;
        height: 1.05rem;
    }
}

@media screen and (max-width:767px) {
.footer-brand{margin:auto!important;}.footer-bottom .footer_legales{order:1!important;}.footer-bottom span{order:2!important;}
}

@media screen and (max-width:600px) {
.footer_legales ul{display:inline-block;}.footer_legales ul li{display: inline-block; margin: 2px 7px;
        margin-left: 0;}
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (width <= 600px) {
.whatsapp-float {
        right: 1rem;
        bottom: 1rem;

        width: 3.4rem;
        height: 3.4rem;
    }.whatsapp-float svg {
        width: 1.65rem;
        height: 1.65rem;
    }
}



/* =========================================================
   FORMULARIO DE CONTACTO
   ========================================================= */

@media (max-width: 768px) {
.contact-frame {
        width: 100%;
    }.hero-visual {
    min-height: 24rem;
    margin-top: 2rem;
}.technology-diagram {
    width: min(92vw, 22rem);
}.diagram-core {
    width: 5.5rem;

    box-shadow:
        0 0 0 10px var(--alpha-white-72),
        0 0 0 23px var(--alpha-white-28),
        0 16px 40px var(--alpha-cyan-24);
}.diagram-node {
    min-width: auto;
    padding: .55rem .72rem;
    border-radius: .75rem;
    font-size: .67rem;
}.diagram-node::before {
    width: .38rem;
    height: .38rem;
}.hero-caption {
    position: static;
    margin-top: 1rem;
    text-align: center;
    font-size: .66rem;
}.hero::before {
        width: 34rem;
        height: 34rem;
        top: 10rem;
        right: -18rem;
    }.hero::after {
        width: 28rem;
        height: 28rem;
        right: -15rem;
        bottom: -15rem;
    }.hero-visual::before {
        width: 24rem;
        height: 24rem;
        top: -3rem;
        right: -10rem;
    }
}



/* =========================================================
   CLIENTES / TRUST SECTION
   ========================================================= */

@media (max-width: 1024px) {
.clients-showcase {
        padding: 5rem 0;
    }.clients-showcase-grid {
        grid-template-columns: minmax(15rem, 0.85fr) minmax(0, 1.45fr);
        gap: 2rem;
    }.client-slide {
        flex-basis: 25%;
    }.client-logo-card {
        height: 7.4rem;
        padding: 1rem;
    }
}

@media (max-width: 640px) {
.clients-showcase {
        padding: 4.5rem 0 4rem;
    }.clients-showcase-grid {
        display: block;
    }.clients-showcase-copy {
        margin-bottom: 2.5rem;
    }.clients-showcase-copy h2 {
        max-width: 20rem;
        margin-inline: auto;
        text-align: center;
        font-size: 1.8rem!important;
    }.clients-slider {
        max-width: 21rem;
        margin-inline: auto;
        padding: 0 3rem 2.9rem;
    }.client-slide {
        flex-basis: 100%;
        padding: 0.35rem;
    }.client-logo-card {
        height: 10.4rem;
        padding: 1.5rem;
    }.client-logo-card img {
        max-width: 100%;
    }.clients-slider-arrow {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.65rem;
        height: 2.65rem;
        padding: 0;
        transform: translateY(-78%);
        border: 1px solid var(--alpha-white-24);
        border-radius: 50%;
        background: var(--alpha-white-13);
        color: var(--neutral-white);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        cursor: pointer;
        transition: background 200ms ease;
    }.clients-slider-arrow:hover {
        background: var(--alpha-white-24);
    }.clients-slider-arrow span {
        display: block;
        margin-top: -0.12rem;
        font-size: 2rem;
        line-height: 1;
    }.clients-slider-arrow--prev {
        left: 0;
    }.clients-slider-arrow--next {
        right: 0;
    }
}



/* =========================================================
   ITEM
   ========================================================= */

@media (min-width: 600px) {
.capability-experience-item:hover {
        z-index: 10;

        transform:
            scale(1.15);
    }.capabilities-track:has(
        .capability-experience-item:hover
    )
    .capability-experience-item:not(:hover) {
        opacity: .74;

        filter:
            saturate(.78);
    }
}



/* =========================================================
   CAPACIDADES - TABLET
   ========================================================= */

@media (max-width: 880px) and (min-width: 600px) {
.capabilities-header {
        grid-template-columns:
            1fr .55fr;

        gap: 2rem;
    }.capabilities-heading h2 {
        font-size:
            clamp(
                2.5rem,
                6vw,
                4rem
            );
    }.capabilities-track {
        gap:
            3.5rem 1.6rem;
    }.capability-visual {
        width:
            86%;
    }.capability-experience-content {
        padding-left:
            1rem;
    }.capability-experience-content p {
        font-size:
            .86rem;
    }
}



/* =========================================================
   CAPACIDADES - MOBILE SLIDER
   ========================================================= */

@media (max-width: 599px) {
.capabilities-experience {
        padding-top:
            4.5rem;

        padding-bottom:
            4rem;
    }.capabilities-header {
        display: block;

        margin-bottom:
            3rem;
    }.capabilities-heading h2 {
        max-width:
            12ch;

        font-size:
            clamp(
                2.25rem,
                11vw,
                3.3rem
            );
    }.capabilities-heading p {
        font-size:
            .96rem;
    }.capabilities-carousel {
        position:
            relative;

        max-width:
            23rem;

        margin-inline:
            auto;

        padding:
            0 3rem
            3.4rem;
    }.capabilities-viewport {
        overflow:
            hidden;

        width:
            100%;
    }.capabilities-track {
        display:
            flex;

        gap:
            0;

        transition:
            transform
            .52s
            cubic-bezier(
                .22,
                .61,
                .36,
                1
            );

        will-change:
            transform;

        touch-action:
            pan-y;
    }.capability-experience-item,
    .capability-experience-item:nth-child(n) {
        flex:
            0 0 100%;

        width:
            100%;

        min-width:
            100%;

        padding:
            .4rem;

        grid-column:
            auto;

        opacity:
            1;

        filter:
            none;
    }.capability-visual {
        width:
            88%;

        margin:
            0 auto
            1.75rem;
    }.capability-number {
        right:
            -.5rem;
    }.capability-experience-content {
        max-width:
            none;

        padding:
            0 1rem
            0 1.25rem;
    }.capability-experience-content h3 {
        font-size:
            1.45rem;
    }.capability-experience-content p {
        font-size:
            .94rem;
    }.capabilities-arrow {
        position:
            absolute;

        z-index:
            12;

        top:
            36%;

        display:
            grid;

        width:
            2.7rem;

        height:
            2.7rem;

        place-items:
            center;

        padding:
            0;

        border:
            1px solid
            var(--color-border);

        border-radius:
            50%;

        background:
            var(--color-surface);

        color:
            var(--color-secondary-text);

        box-shadow:
            0 8px
            22px
            var(--color-shadow);

        font-size:
            1.7rem;

        line-height:
            1;

        cursor:
            pointer;
    }.capabilities-arrow--prev {
        left:
            0;
    }.capabilities-arrow--next {
        right:
            0;
    }.capabilities-pagination {
        position:
            absolute;

        left:
            50%;

        bottom:
            0;

        display:
            flex;

        align-items:
            center;

        gap:
            .5rem;

        transform:
            translateX(-50%);
    }.capabilities-bullet {
        width:
            .55rem;

        height:
            .55rem;

        padding:
            0;

        border:
            0;

        border-radius:
            999px;

        background:
            color-mix(
                in srgb,
                var(--color-brand-secondary) 30%,
                transparent
            );

        transition:
            width .25s ease,
            background .25s ease;
    }.capabilities-bullet.is-active {
        width:
            1.6rem;

        background:
            var(--color-brand-secondary);
    }
}

@media (min-width: 600px) {
.capabilities-arrow,
    .capabilities-pagination {
        display:
            none;
    }
}



/* =========================================================
   SAP - TABLET
   ========================================================= */

@media (max-width: 1024px) {
.sap-ecosystem-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(24rem, .9fr);

        gap: 2.5rem;
    }.sap-ecosystem-content h2 {
        font-size:
            clamp(
                2.6rem,
                5vw,
                4rem
            );
    }.sap-ecosystem-visual {
        width:
            min(
                100%,
                32rem
            );
    }.sap-node {
        padding:
            .5rem .7rem;

        font-size: .72rem;
    }.sap-node-icon {
        width: 1.7rem;
        height: 1.7rem;
    }
}



/* =========================================================
   SAP - MOBILE
   ========================================================= */

@media (max-width: 700px) {
.sap-ecosystem {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }.sap-ecosystem-grid {
        display: flex;
        flex-direction: column;

        gap: 3.5rem;
    }.sap-ecosystem-content h2 {
        max-width: 10ch;

        font-size:
            clamp(
                2.55rem,
                12vw,
                3.7rem
            );
    }.sap-ecosystem-content > p {
        font-size: .95rem;
    }.sap-technology-list--new {
        gap: .5rem;
    }.sap-technology-list--new li {
        padding:
            .48rem .72rem;

        font-size: .75rem;
    }.sap-ecosystem-actions {
        align-items: flex-start;
    }.sap-ecosystem-visual {
        width:
            min(
                100%,
                27rem
            );

        align-self: center;
    }.sap-node {
        min-height: 2.65rem;

        padding:
            .42rem .6rem;

        font-size: .66rem;

        border-radius: .8rem;
    }.sap-node-icon {
        width: 1.45rem;
        height: 1.45rem;

        border-radius: .5rem;
    }.sap-node-icon svg {
        width: .9rem;
        height: .9rem;
    }.sap-core {
        width: 7.5rem;
    }.sap-core-main span {
        font-size: 2rem;
    }.sap-node--btp {
        top: 8%;
        left: 5%;
    }.sap-node--cloud {
        top: 5%;
        right: 7%;
    }.sap-node--integration {
        top: 31%;
        right: -1%;
    }.sap-node--applications {
        right: 0;
        bottom: 24%;
    }.sap-node--extensions {
        left: 2%;
        bottom: 17%;
    }.sap-node--analytics {
        right: 23%;
        bottom: 1%;
    }
}



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {
.testimonials-carousel {
        --slides-per-view: 2;
    }.testimonial-card {
        min-height: 450px;
    }
}

@media (max-width: 599px) {
.testimonials-shared {
        padding: 92px 0;
    }.testimonials-shared__heading {
        margin-bottom: 36px;
    }.testimonials-shared__heading p {
        font-size: 1rem;
        line-height: 1.7;
    }.testimonials-carousel {
        --slides-per-view: 1;
        --slide-gap: 18px;
        padding: 0 0 34px;
    }.testimonials-carousel__arrow {
        width: 54px;
        height: 54px;
        top: auto;
        bottom: -4px;
        transform: none;
    }.testimonials-carousel__arrow:hover,
    .testimonials-carousel__arrow:disabled {
        transform: none;
    }.testimonials-carousel__arrow--prev {
        left: calc(50% - 74px);
    }.testimonials-carousel__arrow--next {
        right: calc(50% - 74px);
    }.testimonials-carousel__bullets {
        margin-top: 10px;
        padding-top: 18px;
    }.testimonial-card {
        min-height: auto;
        padding: 28px 22px 24px;
        border-radius: 22px;
    }.testimonial-card__text {
        font-size: 1.03rem;
    }.testimonial-card__person strong {
        font-size: 1.15rem;
    }.testimonials-bg-grid--1,
    .testimonials-bg-grid--2 {
        transform: scale(0.85);
    }
}



/* =========================================================
   DARK MODE
   ========================================================= */

@media screen and (max-width:540px) {
.testimonials-shared__heading h2{font-size: 35px!important;}.testimonials-carousel__track{gap:34px!important;}.testimonials-carousel__bullets{margin-bottom:40px!important;}
}



/* =========================================================
   ANIMACIONES
   ========================================================= */

@media (max-width: 991px) {
.think-insights {
        padding: 96px 0;
    }.think-card__title {
        font-size: 1.28rem;
    }.think-brain {
        width: min(34vw, 240px);
        right: 3%;
        top: 74px;
    }
}

@media (max-width: 767px) {
.think-insights {
        padding: 84px 0;
    }.think-insights__heading {
        margin-bottom: 34px;
        text-align: left;
    }.think-insights__heading p {
        margin: 0;
    }.think-posts {
        padding: 0 0 8px;
    }.think-posts__viewport {
        touch-action: pan-y;
        cursor: grab;
    }.think-posts__viewport.is-dragging {
        cursor: grabbing;
    }.think-posts__track {
        display: flex;
        gap: 0;
        transition: transform 0.45s ease;
        will-change: transform;
    }.think-card {
        flex: 0 0 100%;
        min-width: 100%;
        margin: 0;
    }.think-posts__nav {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        top: auto;
        bottom: -66px;
        transform: none;
    }.think-posts__nav:hover {
        transform: scale(1.05);
    }.think-posts__nav--prev {
        left: 0;
    }.think-posts__nav--next {
        right: 0;
    }.think-posts__dots {
        display: flex;
        align-items: center;
    }.think-insights__footer {
        margin-top: 56px;
    }.think-brain {
        width: 170px;
        right: -18px;
        top: 40px;
        opacity: 0.2;
    }.think-orbit--1 {
        width: 300px;
        height: 300px;
        top: -120px;
        left: -140px;
    }.think-orbit--2 {
        width: 320px;
        height: 320px;
        right: -140px;
        bottom: -120px;
    }
}

@media (max-width: 1024px) {
.think-brain {
        width: 27rem;

        top: 2rem;
        right: -4rem;

        opacity: .4;
    }
}

@media (max-width: 767px) {
.think-brain {
        width: 17rem;

        top: 2rem;
        right: -7rem;

        opacity: .2;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
.control-tower-showcase {
        min-height: auto;

        padding:
            6rem
            0;
    }.control-tower-showcase__inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(20rem, .75fr);

        gap: 2.5rem;
    }.control-tower-showcase__title {
        font-size:
            clamp(
                3rem,
                6.5vw,
                4.7rem
            );
    }.control-tower-showcase__overlay {
        background: var(--control-tower-mobile-overlay-background);
    }.control-tower-showcase__technology {
        min-height: 27rem;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
.control-tower-showcase {
        display: block;

        min-height: auto;

        padding:
            5rem
            0
            0;

        background:
            var(--color-brand-primary);
    }.control-tower-showcase__media {
        top: auto;
        bottom: 0;

        height: 25rem;
    }.control-tower-showcase__media img {
        object-position:
            65% center;

        transform:
            scale(1.02);

        animation:
            controlTowerBackgroundFloatMobile
            14s
            ease-in-out
            infinite;
    }.control-tower-showcase__overlay {
        background:
            linear-gradient(
                180deg,

                var(--color-brand-primary)
                0%,

                var(--color-brand-primary)
                51%,

                color-mix(
                    in srgb,
                    var(--color-brand-primary) 96%,
                    transparent
                )
                59%,

                color-mix(
                    in srgb,
                    var(--color-brand-primary) 38%,
                    transparent
                )
                78%,

                color-mix(
                    in srgb,
                    var(--color-brand-primary) 12%,
                    transparent
                )
                100%
            );
    }.control-tower-showcase__overlay::after {
        display: none;
    }.control-tower-showcase__inner {
        display: flex;

        flex-direction: column;

        gap: 0;
    }.control-tower-showcase__content {
        max-width: none;

        width: 100%;

        padding-bottom: 3rem;
    }.control-tower-showcase__eyebrow {
        margin-bottom: 1.35rem;

        font-size: .72rem;
    }.control-tower-showcase__brand {
        margin-bottom: 1.65rem;
    }.control-tower-showcase__brand-main {
        font-size:
            clamp(
                1.6rem,
                7vw,
                2rem
            );
    }.control-tower-showcase__brand-by {
        font-size: .9rem;
    }.control-tower-showcase__title {
        max-width: 100%;

        margin-bottom: 1.55rem;

        font-size:45px;

        line-height: .98;
    }.control-tower-showcase__description {
        margin-bottom: 1.5rem;

        font-size: .95rem;

        line-height: 1.65;
    }.control-tower-showcase__principles {
        gap: .45rem;

        margin-bottom: 1.8rem;
    }.control-tower-showcase__principles
    > span:not(
        .control-tower-showcase__separator
    ) {
        font-size: .7rem;
    }.control-tower-showcase__button {
        width: 100%;

        min-width: 0;
    }.control-tower-showcase__values {
        gap:
            .65rem
            1.15rem;

        margin-top: 2rem;

        padding-left: 3.5rem;
    }.control-tower-showcase__values::before {
        width: 2.5rem;
    }.control-tower-showcase__values span {
        font-size: .6rem;
    }.control-tower-showcase__technology {
        width: 100%;

        min-height: 25rem;
    }.control-tower-tech-node {
        padding:
            .5rem
            .65rem;

        font-size: .68rem;
    }.control-tower-tech-node--btp {
        top: 12%;
        right: 8%;
    }.control-tower-tech-node--s4 {
        top: 38%;
        left: 4%;
    }.control-tower-tech-node--services {
        top: 53%;
        right: 3%;
    }
}



/* =========================================================
   TABLET OVERLAYS
   ========================================================= */

@media (max-width: 1024px) {
.control-tower-tech-node--btp {
        top: 12%;
        right: 7%;
    }.control-tower-tech-node--s4 {
        top: 37%;
        left: -2%;
    }.control-tower-tech-node--services {
        top: 48%;
        right: -3%;
    }
}



/* =========================================================
   MOBILE OVERLAYS
   ========================================================= */

@media (max-width: 700px) {
.control-tower-showcase__technology {
        position: relative;

        min-height: 25rem;
    }.control-tower-tech-connections {
        opacity: .72;
    }.control-tower-tech-node {
        padding:
            .45rem
            .58rem;

        gap: .4rem;

        border-radius: .65rem;

        font-size: .65rem;
    }.control-tower-tech-node__icon {
        width: 1.55rem;
        height: 1.55rem;

        border-radius: .45rem;
    }.control-tower-tech-node__icon svg {
        width: .9rem;
        height: .9rem;
    }.control-tower-tech-node--btp {
        top: 14%;
        right: 6%;
    }.control-tower-tech-node--s4 {
        top: 43%;
        left: 2%;
    }.control-tower-tech-node--services {
        top: 55%;
        right: 2%;
    }.control-tower-tech-particles {
        top: 8%;
        right: 3%;
    }
}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media screen and (max-width:400px) {
.capabilities-heading h2,
.sap-ecosystem-content h2,
.control-tower-showcase__title,
.testimonials-shared__heading h2,
.think-insights__heading h2{
font-size: 35px!important; max-width: 100%!important;
}
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
.about-global__inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(22rem, .88fr);

        gap: 3rem;
    }.about-global__title {
        font-size:
            clamp(3rem, 5.8vw, 4.6rem);
    }.about-global__features {
        grid-template-columns: 1fr;
    }.about-global__visual {
        min-height: 31rem;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {
.about-global {
        padding:
            5rem
            0;
    }.about-global__inner {
        display: flex;

        flex-direction: column;

        gap: 3.5rem;
    }.about-global__content {
        width: 100%;
        max-width: none;
    }.about-global__title {
        max-width: 9ch;

        font-size:
            clamp(2.9rem, 13vw, 4rem);
    }.about-global__description {
        font-size: .96rem;
    }.about-global__features {
        grid-template-columns: 1fr;
    }.about-global__metrics {
        grid-template-columns: 1fr;
    }.about-global__metric {
        padding:
            1.2rem
            0;

        border-bottom:
            1px solid
            var(--color-border);
    }.about-global__metric:first-child {
        padding-top: 0;
    }.about-global__metric:last-child {
        border-bottom: 0;
    }.about-global__metric:not(:last-child)::after {
        display: none;
    }.about-global__counter {
        font-size: 3rem;
    }.about-global__visual {
        width: 100%;

        min-height: auto;
    }.about-global__visual-frame {
        width: 100%;

        max-width: 35rem;
    }.about-global__visual-frame::before {
        width: 68%;
        height: 75%;

        border-radius: 2rem;
    }.about-global__visual-frame::after {
        width: 27%;
        height: 31%;
    }
}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media screen and (max-width:767px) {
.about-global__metrics{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap:0 16px!important;}.about-global__inner{gap:16px!important;}.about-global__metric{padding:0px;}.about-global__metric span{padding-bottom:12px!important;}
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
.contact-cta {
        padding:
            6rem
            0;
    }.contact-cta__inner {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(28rem, 1.1fr);

        gap: 3rem;
    }.contact-cta__title {
        font-size:
            clamp(
                3rem,
                6vw,
                4.8rem
            );
    }.contact-cta .contact-frame {
        min-height: 49rem;
    }.contact-cta__orb--one {
        width: 28rem;
        height: 28rem;
    }.contact-cta__orb--two {
        width: 34rem;
        height: 34rem;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {
.contact-cta {
        padding:
            5rem
            0;
    }.contact-cta__inner {
        display: flex;

        flex-direction: column;

        gap: 3rem;
    }.contact-cta__content {
        width: 100%;

        max-width: none;
    }.contact-cta__eyebrow {
        margin-bottom: 1.25rem;

        font-size: .72rem;
    }.contact-cta__title {
        max-width: 9ch;

        margin-bottom: 1.5rem;

        font-size:
            clamp(
                3rem,
                13vw,
                4rem
            );
    }.contact-cta__description {
        margin-bottom: 1.8rem;

        font-size: .96rem;
    }.contact-cta__card {
        padding:
            1.35rem
            1.25rem
            1rem;

        border-radius: 1.2rem;
    }.contact-cta__card-title {
        font-size: 1.4rem;
    }.contact-cta__office-list a {
        gap: .75rem;

        font-size: .84rem;
    }.contact-cta__form-wrap {
        width: 100%;
    }.contact-cta__form-shell {
        border-radius: 1.25rem;
    }.contact-cta .contact-frame {
        min-height: 57rem;
    }.contact-cta__orb--one {
        width: 23rem;
        height: 23rem;

        top: -11rem;
        left: -13rem;
    }.contact-cta__orb--two {
        width: 25rem;
        height: 25rem;

        right: -15rem;
        top: 24%;
    }.contact-cta__orb--three {
        width: 24rem;
        height: 24rem;

        right: 6%;
        bottom: -17rem;
    }.contact-cta__line--one {
        width: 34rem;

        top: 18%;
        left: -9rem;

        transform:
            rotate(18deg);
    }.contact-cta__line--two {
        width: 38rem;

        bottom: 14%;
        right: -15rem;

        transform:
            rotate(-18deg);
    }.contact-cta__grid--one {
        left: -2rem;
        bottom: 2%;
    }.contact-cta__grid--two {
        right: -3rem;
        top: 42%;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.contact-cta__title {
        font-size:40px;
        max-width: 100%;
        line-height: 45px;
    }.contact-cta__office-list a {
        grid-template-columns:
            1fr;

        gap: .15rem;

        align-items: start;
    }.contact-cta .contact-frame {
        min-height: 60rem;
    }
}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media screen and (max-width:1280px) {
.formulario_home {height: 1020px!important;}
}

@media screen and (max-width:767px) {
.formulario_home {height: 720px!important;}
}

@media screen and (max-width:687px) {
.formulario_home {height: 1085px!important;}
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
.products-showcase__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }.product-feature:last-child {
        grid-column:
            1 / -1;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(14rem, .7fr);
    }.enterprise-solutions {
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {
.products-showcase {
        padding:
            5rem
            0;
    }.products-showcase__header {
        margin-bottom: 2.5rem;
    }.products-showcase__title {
        max-width: 10ch;

        font-size:
            clamp(
                2.9rem,
                13vw,
                4rem
            );
    }.products-showcase__description {
        font-size: .96rem;
    }.products-showcase__grid {
        grid-template-columns: 1fr;

        gap: 1rem;
    }.product-feature,
    .product-feature:last-child {
        grid-column: auto;

        grid-template-columns: 1fr;

        min-height: 29rem;
    }.product-feature__content {
        padding:
            1.5rem
            1.5rem
            .35rem;
    }.product-feature__visual {
        min-height: 13rem;
    }.expense-ui--back {
        top: 1.2rem;
        right: 17%;
    }.expense-ui--main {
        top: 2.8rem;
        right: 22%;
    }.expense-ui__receipt {
        left: 20%;
        right: auto;
        bottom: 1.1rem;
    }.portal-ui--company {
        top: .7rem;
        right: 11%;
    }.portal-ui--supplier {
        right: 8%;
        bottom: 1rem;
    }.portal-ui__hub {
        right: 43%;
    }.portal-ui__connection {
        right: 40%;
    }.quote-ui--back {
        top: 1.2rem;
        right: 17%;
    }.quote-ui--main {
        top: 2.8rem;
        right: 22%;
    }.quote-ui__summary {
        left: 20%;
        right: auto;
        bottom: 1.1rem;
    }.enterprise-solutions {
        display: block;

        padding-top: 2rem;
    }.enterprise-solutions__heading {
        margin-bottom: 1.5rem;
    }.enterprise-solutions__grid {
        grid-template-columns: 1fr;
    }.products-showcase__dots {
        display: none;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.product-feature {
        min-height: 28rem;
    }.product-feature__link {
        padding:
            .68rem
            .9rem;

        font-size: .8rem;
    }.enterprise-solution {
        min-height: 5rem;

        padding:
            .8rem
            .9rem;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .contact-page-section__grid {
        grid-template-columns:
            minmax(0, .72fr)
            minmax(0, 1.28fr);

        gap: 2.5rem;
    }

    .contact-page-section__title {
        font-size:
            clamp(
                2.8rem,
                5.4vw,
                4.4rem
            );
    }
}



/* =========================================================
   STACKING
   ========================================================= */

@media (max-width: 900px) {
.contact-page-section__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }.contact-page-section__content {
        max-width: 42rem;
    }.contact-page-section__form-wrap {
        width: 100%;

        max-width: none;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {
.contact-page-section {
        padding:
            4.5rem
            0;
    }.contact-page-section__grid {
        gap: 2.5rem;
    }.contact-page-section__title {
        max-width: 9ch;

        font-size:
            clamp(
                2.7rem,
                13vw,
                3.8rem
            );
    }.contact-page-section__description {
        max-width: none;

        font-size: .96rem;
    }.contact-page-card {
        padding:
            1.2rem;

        border-radius: 1.2rem;
    }.contact-page-card__header {
        align-items: start;
    }.contact-page-card__icon {
        width: 3.1rem;
        height: 3.1rem;

        border-radius: .85rem;
    }.contact-page-card__header h3 {
        font-size: 1.12rem;
    }.contact-page-card__list a {
        padding:
            .72rem
            0;
    }.contact-page-section__dots {
        display: none;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.contact-page-card__list a {
        grid-template-columns:
            1fr;

        gap: .25rem;
    }.contact-page-card__phone {
        margin-left: 2.45rem;

        white-space: normal;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
.tower-hero {
        min-height: auto;
    }.tower-hero__grid-layout {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(28rem, 1.1fr);

        gap: 2.5rem;
    }.tower-hero__title {
        font-size:
            clamp(
                3.1rem,
                5.7vw,
                5rem
            );
    }.tower-system {
        width: 36rem;
    }.tower-node {
        min-width: 9rem;

        padding:
            .7rem
            .8rem;
    }
}



/* =========================================================
   MOBILE / STACK
   ========================================================= */

@media (max-width: 860px) {
.tower-hero {
        padding-bottom: 4.5rem;
    }.tower-hero__grid-layout {
        grid-template-columns: 1fr;

        gap: 3.5rem;
    }.tower-hero__content {
        max-width: 42rem;
    }.tower-hero__visual {
        min-height: 32rem;
    }.tower-system {
        width:
            min(
                100%,
                37rem
            );
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {
.tower-hero {
        padding:
            1.5rem
            0
            4rem;
    }.tower-hero__breadcrumbs {
        margin-bottom: 2.3rem;
    }.tower-hero__eyebrow {
        margin-bottom: 1.35rem;

        font-size: .7rem;
    }.tower-hero__title {
        font-size:
            clamp(
                3rem,
                13vw,
                4.2rem
            );
    }.tower-hero__description {
        font-size: 1rem;
    }.tower-hero__statement {
        font-size: .95rem;
    }.tower-hero__actions {
        flex-direction: column;

        align-items: stretch;
    }.tower-hero__button {
        width: 100%;
    }.tower-hero__visual {
        min-height: 28rem;
    }.tower-system {
        width: 31rem;

        max-width: 100%;
    }.tower-core {
        width: 11rem;
        height: 11rem;
    }.tower-core__ring--three {
        width: 9.5rem;
        height: 9.5rem;
    }.tower-core__ring--two {
        width: 7.8rem;
        height: 7.8rem;
    }.tower-core__ring--one {
        width: 6.2rem;
        height: 6.2rem;
    }.tower-core__platform {
        width: 5.5rem;
        height: 5.5rem;
    }.tower-core__platform-inner {
        font-size: 1.4rem;
    }.tower-node {
        min-width: 7.6rem;

        grid-template-columns:
            2rem
            minmax(0, 1fr);

        gap: .5rem;

        padding:
            .55rem
            .65rem;

        border-radius: .8rem;
    }.tower-node__icon {
        width: 1.9rem;
        height: 1.9rem;

        border-radius: .55rem;
    }.tower-node__icon svg {
        width: 1rem;
        height: 1rem;
    }.tower-node__copy strong {
        font-size: .7rem;
    }.tower-node--governance {
        left: 1%;
    }.tower-node--operation {
        right: 1%;
    }.tower-node--ecosystem {
        left: 1%;
    }.tower-node--evolution {
        right: 1%;
    }.tower-satellite {
        width: 2.5rem;
        height: 2.5rem;
    }.tower-satellite svg {
        width: 1.1rem;
        height: 1.1rem;
    }.tower-hero__grid {
        display: none;
    }
}



/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.tower-hero__title {
        font-size:
            clamp(
                2.65rem,
                13vw,
                3.6rem
            );
    }.tower-system {
        transform:
            scale(.92);

        transform-origin:
            center;
    }.tower-node__copy span {
        display: none;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
.tower-challenge__grid {
        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(18rem, .75fr);
    }.tower-challenge__feature {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(17rem, .9fr);
    }
}



/* =========================================================
   STACKED TABLET
   ========================================================= */

@media (max-width: 900px) {
.tower-challenge__grid {
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }.tower-challenge__perspective {
        min-height: auto;
    }.tower-challenge__feature {
        min-height: 29rem;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
.tower-challenge {
        padding:
            4.5rem
            0;
    }.tower-challenge__header {
        margin-bottom: 2.5rem;
    }.tower-challenge__title {
        max-width: 11ch;

        font-size:
            clamp(
                2.8rem,
                13vw,
                4rem
            );
    }.tower-challenge__description {
        font-size: .96rem;
    }.tower-challenge__feature {
        grid-template-columns: 1fr;

        gap: 1.5rem;

        min-height: 0;

        padding:
            1.5rem;

        border-radius: 1.3rem;
    }.tower-challenge__perspective {
        padding: 1.5rem;

        border-radius: 1.3rem;
    }.tower-challenge__orbit--one {
        right: -23rem;
    }.tower-challenge__orbit--two {
        right: -7rem;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.tower-challenge__title {
        font-size:
            clamp(
                2.55rem,
                13vw,
                3.45rem
            );
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
.control-model {
        padding:
            5.5rem
            0;
    }.control-model__track {
        gap: 1rem;
    }.control-card {
        padding:
            1.4rem;

        min-height: 34rem;
    }.control-card__title {
        font-size: 1.55rem;
    }
}



/* =========================================================
   MOBILE SLIDER
   ========================================================= */

@media (max-width: 767px) {
.control-model {
        padding:
            4.5rem
            0;
    }.control-model__header {
        margin-bottom: 2.4rem;
    }.control-model__title {
        display: block;

        font-size:
            clamp(
                2.8rem,
                13vw,
                4rem
            );

        line-height: .95;
    }.control-model__title span {
        display: block;
    }.control-model__description {
        font-size: .96rem;
    }.control-model__viewport {
        overflow: hidden;

        width: 100%;

        touch-action: pan-y;

        cursor: grab;
    }.control-model__viewport.is-dragging {
        cursor: grabbing;
    }.control-model__track {
        display: flex;

        gap: 1rem;

        align-items: stretch;

        will-change: transform;

        transform:
            translate3d(
                0,
                0,
                0
            );

        transition:
            transform
            .48s
            cubic-bezier(
                .22,
                .61,
                .36,
                1
            );
    }.control-card {
        flex:
            0
            0
            100%;

        width: 100%;

        min-height: 33rem;

        padding:
            1.4rem;

        border-radius: 1.45rem;

        user-select: none;

        -webkit-user-select: none;
    }.control-card:hover {
        transform: none;
    }.control-card__header {
        margin-bottom: 1.4rem;
    }.control-card__icon {
        width: 3.3rem;
        height: 3.3rem;

        border-radius: .9rem;
    }.control-card__icon svg {
        width: 1.55rem;
        height: 1.55rem;
    }.control-card__title {
        font-size: 1.6rem;
    }.control-model__controls {
        display: flex;

        align-items: center;

        gap: .9rem;

        margin-top: 1.5rem;
    }.control-model__orbit--one {
        right: -25rem;
    }.control-model__orbit--two {
        right: -10rem;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.control-model__title {
        font-size:
            clamp(
                2.55rem,
                13vw,
                3.5rem
            );
    }.control-card {
        min-height: 34rem;
    }.control-card__identity {
        gap: .5rem;
    }.control-card__number {
        font-size: .7rem;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {
.tower-faq {
        padding:
            5rem
            0;
    }.tower-faq__header {
        max-width: 47rem;
    }.tower-faq__title {
        font-size:
            clamp(
                2.8rem,
                7vw,
                4.3rem
            );
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {
.tower-faq {
        padding:
            4.5rem
            0;
    }.tower-faq__header {
        margin-bottom: 2rem;

        text-align: left;
    }.tower-faq__eyebrow {
        justify-content: flex-start;
    }.tower-faq__title {
        justify-content: flex-start;

        font-size:
            clamp(
                2.65rem,
                12.5vw,
                3.7rem
            );
    }.tower-faq__list {
        gap: .75rem;
    }.tower-faq__item {
        border-radius: 1rem;
    }.tower-faq__question {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;

        gap: .8rem;

        padding:
            .95rem
            1rem;
    }.tower-faq__icon {
        width: 2.5rem;
        height: 2.5rem;

        border-radius: .75rem;
    }.tower-faq__icon svg {
        width: 1.2rem;
        height: 1.2rem;
    }.tower-faq__question-text {
        font-size: .98rem;
    }.tower-faq__toggle {
        width: 2.2rem;
        height: 2.2rem;
    }.tower-faq__answer-inner p {
        padding:
            0
            1rem
            1.15rem
            4.35rem;

        font-size: .94rem;
    }.tower-faq__dots {
        opacity: .1;
    }.tower-faq__particle {
        transform:
            scale(.8);
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.tower-faq__question {
        grid-template-columns:
            minmax(0, 1fr)
            auto;
    }.tower-faq__icon {
        display: none;
    }.tower-faq__answer-inner p {
        padding:
            0
            1rem
            1.1rem
            1rem;
    }
}



/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {
.governance-artifacts__grid {
        gap: 1.05rem;
    }.governance-artifact {
        min-height: 6.4rem;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
.governance-artifacts__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }.governance-artifacts__header {
        max-width: 56rem;
    }.governance-artifacts__title {
        max-width: 15ch;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
.governance-artifacts {
        padding:
            4.75rem
            0;
    }.governance-artifacts__header {
        margin-bottom: 2.5rem;
    }.governance-artifacts__title {
        max-width: 11ch;

        font-size:
            clamp(
                2.8rem,
                12vw,
                4rem
            );
    }.governance-artifacts__title span {
        display: inline;
    }.governance-artifacts__description {
        font-size:
            .96rem;
    }.governance-artifacts__grid {
        grid-template-columns: 1fr;

        gap:
            .8rem;
    }.governance-artifact {
        grid-template-columns:
            3.1rem
            minmax(0, 1fr);

        min-height:
            5.25rem;

        padding:
            .85rem
            1rem;

        border-radius:
            .95rem;
    }.governance-artifact__icon {
        width: 3.1rem;
        height: 3.1rem;

        border-radius:
            .8rem;
    }.governance-artifact__icon svg {
        width:
            1.4rem;

        height:
            1.4rem;
    }.governance-artifact__label {
        font-size:
            .94rem;
    }.governance-artifacts__orbit--one {
        right: -29rem;
    }.governance-artifacts__orbit--two {
        left: -29rem;
    }.governance-artifacts__orbit--three {
        right: -18rem;
    }.governance-artifacts__dots {
        opacity: .08;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.governance-artifacts__title {
        font-size:
            clamp(
                2.55rem,
                12.5vw,
                3.5rem
            );
    }.governance-artifact {
        grid-template-columns:
            2.8rem
            minmax(0, 1fr);

        gap:
            .8rem;
    }.governance-artifact__icon {
        width:
            2.8rem;

        height:
            2.8rem;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
.operating-model__inner {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(28rem, 1.1fr);

        gap:
            2rem
            3rem;
    }.operating-model__title {
        font-size:
            clamp(
                2.8rem,
                5vw,
                4.5rem
            );
    }.operating-model__card {
        padding: 1.6rem;
    }
}



/* =========================================================
   STACKED TABLET
   ========================================================= */

@media (max-width: 900px) {
.operating-model {
        width: 100%;
        max-width: 100%;

        overflow: hidden;
    }.operating-model__inner {
        grid-template-columns:
            minmax(0, 1fr);

        grid-template-areas:
            "intro"
            "slider"
            "note";

        width: 100%;
        max-width: 100%;
        min-width: 0;

        gap: 2rem;
    }.operating-model__intro,
    .operating-model__slider,
    .operating-model__viewport,
    .operating-model__track,
    .operating-model__note {
        min-width: 0;
        max-width: 100%;
    }.operating-model__intro {
        width: 100%;
        max-width: 44rem;
    }.operating-model__title {
        width: 100%;
        max-width: 100%;
    }.operating-model__description {
        width: 100%;
        max-width: 100%;
    }.operating-model__slider {
        width: 100%;
        max-width: 100%;

        overflow: hidden;
    }.operating-model__note {
        width: 100%;
        max-width: 100%;
    }.operating-model__track {
        max-width: 46rem;

        margin:
            0
            auto;
    }
}



/* =========================================================
   MOBILE SLIDER
   ========================================================= */

@media (max-width: 700px) {
.operating-model {
        width: 100%;
        max-width: 100%;

        padding:
            4.5rem
            0;

        overflow: hidden;
    }.operating-model__inner {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        overflow: visible;

        gap: 2rem;
    }.operating-model__intro {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }.operating-model__eyebrow {
        margin-bottom: 1.2rem;
    }.operating-model__title {
        width: 100%;
        max-width: 100%;

        margin:
            0
            0
            1.4rem;

        font-size:
            clamp(
                2.6rem,
                10.5vw,
                3.75rem
            );

        line-height: 1;

        letter-spacing: -.045em;

        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }.operating-model__description {
        width: 100%;
        max-width: 100%;

        margin: 0;

        font-size: .97rem;

        line-height: 1.7;
    }.operating-model__slider {
        position: relative;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        overflow: visible;
    }.operating-model__viewport {
        position: relative;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        overflow: hidden;

        touch-action: pan-y;

        cursor: grab;
    }.operating-model__viewport.is-dragging {
        cursor: grabbing;
    }.operating-model__track {
        display: flex;

        width: auto;
        max-width: none;
        min-width: 0;

        margin: 0;
        padding: 0;

        gap: 1rem;

        align-items: stretch;

        will-change: transform;

        transform:
            translate3d(
                0,
                0,
                0
            );

        transition:
            transform
            .48s
            cubic-bezier(
                .22,
                .61,
                .36,
                1
            );
    }.operating-model__card,
    .operating-model__card--core,
    .operating-model__card--extended,
    .operating-model__card--experience {
        grid-area: auto;

        display: block;

        flex:
            0
            0
            100%;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        min-height: 20rem;

        padding:
            1.5rem;

        border-radius: 1.4rem;

        user-select: none;

        -webkit-user-select: none;
    }.operating-model__card[data-operating-clone] {
        flex:
            0
            0
            100%;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;
    }.operating-model__card:hover {
        transform: none;
    }.operating-model__card-icon,
    .operating-model__card--core
    .operating-model__card-icon {
        width: 4rem;
        height: 4rem;

        margin-bottom: 1.25rem;

        border-radius: 1rem;
    }.operating-model__card-icon svg {
        width: 1.8rem;
        height: 1.8rem;
    }.operating-model__card-copy {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }.operating-model__card-index {
        margin-bottom: .55rem;
    }.operating-model__card-title {
        margin-bottom: 1rem;

        font-size: 1.75rem;
    }.operating-model__card-description {
        width: 100%;
        max-width: 100%;

        font-size: .98rem;

        line-height: 1.65;

        overflow-wrap: normal;
        word-break: normal;
    }.operating-model__controls {
        display: grid;

        grid-template-columns:
            2.8rem
            minmax(0, 1fr)
            2.8rem;

        align-items: center;

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

        gap: 1rem;

        margin-top: 1.35rem;
    }.operating-model__arrow {
        width: 2.8rem;
        height: 2.8rem;

        margin: 0;
    }.operating-model__arrow--prev {
        justify-self: start;
    }.operating-model__arrow--next {
        justify-self: end;
    }.operating-model__pagination {
        display: flex;

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

        width: 100%;
        min-width: 0;

        gap: .5rem;
    }.operating-model__note {
        width: 100%;
        max-width: 100%;

        padding-top: .5rem;

        font-size: .85rem;
    }.operating-model__orbit--one {
        width: 28rem;
        height: 28rem;

        right: -18rem;
    }.operating-model__orbit--two {
        width: 21rem;
        height: 21rem;

        right: -10rem;
    }.operating-model__waves {
        width: 120%;

        left: -10%;

        opacity: .16;
    }.operating-model__dots {
        opacity: .07;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
.operating-model {
        padding:
            4rem
            0;
    }.operating-model__title {
        font-size:
            clamp(
                2.35rem,
                11vw,
                3.2rem
            );

        line-height: 1.02;
    }.operating-model__description {
        font-size: .94rem;
    }.operating-model__card,
    .operating-model__card--core,
    .operating-model__card--extended,
    .operating-model__card--experience {
        min-height: 19rem;

        padding:
            1.35rem;
    }.operating-model__card-icon,
    .operating-model__card--core
    .operating-model__card-icon {
        width: 3.7rem;
        height: 3.7rem;
    }.operating-model__card-title {
        font-size: 1.65rem;
    }.operating-model__card-description {
        font-size: .95rem;
    }.operating-model__controls {
        grid-template-columns:
            2.6rem
            minmax(0, 1fr)
            2.6rem;

        gap: .75rem;
    }.operating-model__arrow {
        width: 2.6rem;
        height: 2.6rem;
    }
}



/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {
.operating-model__title {
        font-size: 2.25rem;
    }.operating-model__card {
        min-height: 20rem;
    }.operating-model__controls {
        gap: .55rem;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {
.alm5-framework__inner {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 3rem;
    }.alm5-framework__content {
        max-width: 50rem;
    }.alm5-framework__title {
        max-width: 13ch;
    }.alm5-framework__card {
        max-width: 46rem;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
.alm5-framework {
        padding:
            4.5rem
            0;
    }.alm5-framework__inner {
        gap: 2.5rem;
    }.alm5-framework__title {
        max-width: 100%;

        font-size:
            clamp(
                2.7rem,
                11vw,
                4rem
            );

        line-height: 1;
    }.alm5-framework__description {
        font-size: .96rem;
    }.alm5-framework__card {
        grid-template-columns: 1fr;

        gap: 1.3rem;

        min-height: auto;

        padding:
            1.5rem;

        border-radius: 1.3rem;
    }.alm5-framework__card-icon {
        width: 4.5rem;
        height: 4.5rem;

        border-radius: 1.1rem;
    }.alm5-framework__card-icon svg {
        width: 2.1rem;
        height: 2.1rem;
    }.alm5-framework__card-title {
        font-size: 1.55rem;
    }.alm5-framework__orbit--one {
        right: -28rem;
    }.alm5-framework__orbit--two {
        right: -16rem;
    }.alm5-framework__orbit--three {
        left: -22rem;
    }.alm5-framework__dots {
        opacity: .08;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.alm5-framework__title {
        font-size:
            clamp(
                2.45rem,
                11.5vw,
                3.4rem
            );
    }.alm5-framework__card {
        padding:
            1.35rem;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
.governed-ecosystem__top {
        grid-template-columns:
            minmax(0, .95fr)
            minmax(27rem, 1.05fr);

        gap: 3rem;
    }.governed-ecosystem__title {
        font-size:
            clamp(
                2.9rem,
                4.5vw,
                4.5rem
            );
    }.governed-ecosystem__components {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}



/* =========================================================
   STACKED TABLET
   ========================================================= */

@media (max-width: 900px) {
.governed-ecosystem__top {
        grid-template-columns: 1fr;

        gap: 2.5rem;
    }.governed-ecosystem__content {
        max-width: 45rem;
    }.governed-ecosystem__title {
        max-width: 12ch;
    }
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {
.governed-ecosystem {
        padding:
            4.5rem
            0;
    }.governed-ecosystem__top {
        gap: 2rem;

        margin-bottom: 2.5rem;
    }.governed-ecosystem__title {
        max-width: 100%;

        font-size:
            clamp(
                2.55rem,
                10.5vw,
                3.7rem
            );

        line-height: 1;
    }.governed-ecosystem__description {
        font-size: .96rem;
    }.governed-ecosystem__components {
        grid-template-columns: 1fr;

        gap: .8rem;
    }.governed-component {
        min-height: 5.5rem;

        grid-template-columns:
            3.15rem
            minmax(0, 1fr);

        padding:
            .85rem
            1rem;

        border-radius: 1rem;
    }.governed-component__icon {
        width: 3.15rem;
        height: 3.15rem;

        border-radius: .8rem;
    }.governed-component__icon svg {
        width: 1.45rem;
        height: 1.45rem;
    }.governed-component__label {
        font-size: .94rem;
    }.governed-ecosystem__curve--one {
        right: -45rem;
    }.governed-ecosystem__curve--two {
        left: -38rem;
    }.governed-ecosystem__dots {
        opacity: .08;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
.governed-ecosystem__title {
        font-size:
            clamp(
                2.35rem,
                11vw,
                3.15rem
            );
    }
}



/* =========================================================
   ------- AJUSTES REALIZADOS ---------
   ========================================================= */

@media screen and (max-width:852px) {
.clients-showcase-grid{display: block!important;}.clients-showcase-copy h2{max-width: 100%;
    text-align: center;
    margin-bottom: 20px;}
}

@media screen and (max-width:712px) {
.brand-lockup{width: 100%!important;
        max-width: 160px!important;}.hero h1{font-size: 35px;
    line-height: 40px;
    max-width: 100%;}.hero{
         padding-top: 4rem;
    padding-bottom: 4rem;
 }.eyebrow{font-size:12px;}
}

@media screen and (max-width:540px) {
.capabilities-heading h2,
.sap-ecosystem-content h2,
.products-showcase__title,
.control-tower-showcase__title,
.about-global__title,
.contact-cta__title,
.contact-page-section__title,
    .tower-hero__title,
    .tower-challenge__title,
    .control-model__title,
    .tower-faq__title,
    .governance-artifacts__title,
    .operating-model__title,
    .alm5-framework__title,
    .governed-ecosystem__title{max-width:100%!important; font-size:38px!important; line-height:42px!important;}.tower-system{max-width:350px!important;}.tower-hero__grid-layout{gap:10px!important;}
}

