.elementor-22 .elementor-element.elementor-element-295f835{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-295f835.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-d4c5aea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-d4c5aea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-cc62b9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-cc62b9f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-48267fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-48267fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-c7d2b5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-c7d2b5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-747656f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-747656f.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-295f835{--width:100%;}.elementor-22 .elementor-element.elementor-element-d4c5aea{--width:100%;}.elementor-22 .elementor-element.elementor-element-cc62b9f{--width:100%;}.elementor-22 .elementor-element.elementor-element-48267fa{--width:100%;}.elementor-22 .elementor-element.elementor-element-c7d2b5e{--width:100%;}.elementor-22 .elementor-element.elementor-element-747656f{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-170c086 *//* =========================================================
   FINANTRES MÉXICO
   HERO PRINCIPAL HOME
   VERSIÓN COMPACTA
   ========================================================= */

.fmx-home-hero {

    --fmx-page: #F7FBF8;
    --fmx-card: #EEF7F1;
    --fmx-purple-soft: #EFEAFF;

    --fmx-ink: #0E2A1E;
    --fmx-text: #4A5A52;
    --fmx-muted: #6A786F;

    --fmx-green: #0E7C57;
    --fmx-green-bright: #16A07A;

    --fmx-purple: #6D4AFF;
    --fmx-purple-hover: #8A6BFF;

    --fmx-border: #DCEAE1;
    --fmx-white: #FFFFFF;

    --fmx-shadow:
        0 4px 24px rgba(14, 42, 30, 0.06);

    width: 100%;

    padding:
        8px
        24px
        46px;

    background:
        var(--fmx-page);

    box-sizing: border-box;

    overflow: hidden;
}


.fmx-home-hero *,
.fmx-home-hero *::before,
.fmx-home-hero *::after {
    box-sizing: border-box;
}


/* =========================================================
   PANEL PRINCIPAL
   ========================================================= */

.fmx-home-hero__panel {

    position: relative;

    max-width: 1400px;

    min-height: 505px;

    margin: 0 auto;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 82% 13%,
            rgba(109, 74, 255, 0.11) 0%,
            rgba(109, 74, 255, 0) 31%
        ),

        radial-gradient(
            circle at 67% 78%,
            rgba(22, 160, 122, 0.10) 0%,
            rgba(22, 160, 122, 0) 35%
        ),

        linear-gradient(
            135deg,
            #F7FBF8 0%,
            #EEF7F1 52%,
            #EFEAFF 100%
        );

    border:
        1px
        solid
        rgba(14, 124, 87, 0.10);

    border-radius: 28px;

    box-shadow:
        0 5px 32px rgba(14, 42, 30, 0.035);
}


/* CÍRCULO DECORATIVO */

.fmx-home-hero__panel::before {

    content: "";

    position: absolute;

    top: -155px;
    right: 17%;

    width: 310px;
    height: 310px;

    border:
        1px
        solid
        rgba(109, 74, 255, 0.08);

    border-radius: 50%;

    pointer-events: none;
}


.fmx-home-hero__panel::after {

    content: "";

    position: absolute;

    right: -75px;
    bottom: -150px;

    width: 340px;
    height: 340px;

    background:
        rgba(255, 255, 255, 0.38);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   CONTENEDOR INTERIOR
   ========================================================= */

.fmx-home-hero__inner {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(450px, 0.94fr);

    align-items: center;

    max-width: 1260px;

    min-height: 505px;

    margin: 0 auto;

    padding:
        38px
        48px
        108px;
}


/* =========================================================
   CONTENIDO
   ========================================================= */

.fmx-home-hero__content {

    position: relative;

    z-index: 5;

    max-width: 675px;

    animation:
        fmxHeroContentIn
        0.7s
        cubic-bezier(.22, .8, .24, 1)
        both;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.fmx-home-hero__eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin:
        0
        0
        15px;

    padding:
        8px
        12px;

    color:
        var(--fmx-green);

    background:
        rgba(255, 255, 255, 0.78);

    border:
        1px
        solid
        rgba(14, 124, 87, 0.14);

    border-radius: 999px;

    box-shadow:
        0 5px 16px rgba(14, 42, 30, 0.04);

    font-size: 12px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.075em;

    text-transform: uppercase;
}


.fmx-home-hero__eyebrow-dot {

    width: 7px;
    height: 7px;

    flex:
        0
        0
        7px;

    background:
        var(--fmx-green-bright);

    border-radius: 50%;

    box-shadow:
        0 0 0 4px rgba(22, 160, 122, 0.13);
}


/* =========================================================
   H1
   ========================================================= */

.fmx-home-hero__title {

    max-width: 670px;

    margin: 0;

    color:
        var(--fmx-ink);

    font-size:
        clamp(
            42px,
            4.05vw,
            65px
        );

    line-height: 1.015;

    font-weight: 800;

    letter-spacing: -0.045em;

    text-wrap: balance;
}


.fmx-home-hero__title span {

    color:
        var(--fmx-green);

    background:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.fmx-home-hero__description {

    max-width: 650px;

    margin:
        20px
        0
        0;

    color:
        var(--fmx-text);

    font-size: 17px;

    line-height: 1.58;

    font-weight: 400;
}


/* =========================================================
   PUNTOS DE CONFIANZA
   ========================================================= */

.fmx-home-hero__trust {

    display: flex;

    flex-wrap: wrap;

    gap:
        10px
        20px;

    margin-top: 22px;
}


.fmx-home-hero__trust-item {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color:
        var(--fmx-text);

    font-size: 13px;

    line-height: 1.35;

    font-weight: 650;
}


.fmx-home-hero__check {

    display: inline-flex;

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

    width: 21px;
    height: 21px;

    flex:
        0
        0
        21px;

    color:
        var(--fmx-green);

    background:
        rgba(255, 255, 255, 0.82);

    border:
        1px
        solid
        rgba(14, 124, 87, 0.15);

    border-radius: 50%;
}


.fmx-home-hero__check svg {

    width: 13px;
    height: 13px;

    fill: currentColor;
}


/* =========================================================
   BLOQUE VISUAL DEL EQUIPO
   ========================================================= */

.fmx-home-hero__visual {

    position: absolute;

    z-index: 3;

    top: 0;
    right: 3px;
    bottom: 0;

    display: flex;

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

    width: 52%;

    max-width: 750px;

    animation:
        fmxHeroTeamIn
        0.85s
        0.08s
        cubic-bezier(.22, .8, .24, 1)
        both;
}


/* =========================================================
   LUZ DETRÁS DE LA FOTO
   ========================================================= */

.fmx-home-hero__photo-bg {

    position: absolute;

    left: 50%;
    bottom: 20px;

    width: 560px;
    height: 380px;

    transform:
        translateX(-45%);

    background:

        radial-gradient(
            circle at 66% 40%,
            rgba(239, 234, 255, 0.94) 0%,
            rgba(239, 234, 255, 0.42) 34%,
            rgba(239, 234, 255, 0) 67%
        ),

        radial-gradient(
            circle at 32% 63%,
            rgba(238, 247, 241, 0.98) 0%,
            rgba(22, 160, 122, 0.09) 42%,
            rgba(22, 160, 122, 0) 73%
        );

    border-radius: 50%;

    filter:
        blur(2px);

    pointer-events: none;
}


/* =========================================================
   IMAGEN DEL EQUIPO
   MÁS GRANDE Y MÁS ALTA
   ========================================================= */

.fmx-home-hero__team-image {

    position: relative;

    z-index: 2;

    display: block;

    width:
        min(
            760px,
            103%
        );

    height: auto;

    max-height: 495px;

    object-fit: contain;

    object-position:
        center
        bottom;

    transform:
        scale(1.045);

    transform-origin:
        center
        bottom;

    filter:
        drop-shadow(
            0
            22px
            24px
            rgba(14, 42, 30, 0.09)
        );
}


/* =========================================================
   TARJETA DEL EQUIPO
   ========================================================= */

.fmx-home-hero__team-card {

    position: absolute;

    z-index: 5;

    right: 14px;
    bottom: 75px;

    width:
        min(
            305px,
            47%
        );

    padding:
        14px
        16px
        14px
        18px;

    background:
        rgba(255, 255, 255, 0.95);

    border:
        1px
        solid
        rgba(14, 42, 30, 0.08);

    border-left:
        4px
        solid
        var(--fmx-purple);

    border-radius: 13px;

    box-shadow:
        0 12px 35px rgba(14, 42, 30, 0.09),
        0 2px 7px rgba(14, 42, 30, 0.035);

    backdrop-filter:
        blur(9px);

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

    animation:
        fmxHeroCardIn
        0.55s
        0.35s
        cubic-bezier(.22, .8, .24, 1)
        both;
}


.fmx-home-hero__team-label {

    display: block;

    margin-bottom: 5px;

    color:
        var(--fmx-green);

    font-size: 10px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: 0.1em;

    text-transform: uppercase;
}


.fmx-home-hero__team-card strong {

    display: block;

    color:
        var(--fmx-ink);

    font-size: 13px;

    line-height: 1.33;

    font-weight: 750;
}


.fmx-home-hero__team-card > span:last-child {

    display: block;

    margin-top: 4px;

    color:
        var(--fmx-muted);

    font-size: 11px;

    line-height: 1.35;

    font-weight: 500;
}


/* =========================================================
   COMPARADORES
   ========================================================= */

.fmx-home-hero__comparators {

    position: relative;

    z-index: 10;

    max-width: 1320px;

    margin:
        -77px
        auto
        0;
}


/* =========================================================
   GRID
   ========================================================= */

.fmx-home-hero__grid {

    display: grid;

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

    gap: 14px;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.fmx-home-hero__card {

    position: relative;

    display: grid;

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

    align-items: center;

    gap: 12px;

    min-height: 84px;

    padding:
        13px
        15px;

    color:
        var(--fmx-ink) !important;

    text-decoration:
        none !important;

    background:
        rgba(255, 255, 255, 0.98);

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

    border-radius: 15px;

    box-shadow:
        var(--fmx-shadow);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;

    animation:
        fmxHeroCardsIn
        0.55s
        cubic-bezier(.22, .8, .24, 1)
        both;
}


/* ENTRADA ESCALONADA */

.fmx-home-hero__card:nth-child(1) {
    animation-delay: .18s;
}

.fmx-home-hero__card:nth-child(2) {
    animation-delay: .22s;
}

.fmx-home-hero__card:nth-child(3) {
    animation-delay: .26s;
}

.fmx-home-hero__card:nth-child(4) {
    animation-delay: .30s;
}

.fmx-home-hero__card:nth-child(5) {
    animation-delay: .34s;
}

.fmx-home-hero__card:nth-child(6) {
    animation-delay: .38s;
}

.fmx-home-hero__card:nth-child(7) {
    animation-delay: .42s;
}

.fmx-home-hero__card:nth-child(8) {
    animation-delay: .46s;
}

.fmx-home-hero__card:nth-child(9) {
    animation-delay: .50s;
}

.fmx-home-hero__card:nth-child(10) {
    animation-delay: .54s;
}


/* =========================================================
   HOVER
   ========================================================= */

.fmx-home-hero__card:hover {

    color:
        var(--fmx-ink) !important;

    text-decoration:
        none !important;

    transform:
        translateY(-3px);

    border-color:
        rgba(109, 74, 255, 0.30);

    background:
        #FFFFFF;

    box-shadow:
        0 14px 34px rgba(14, 42, 30, 0.085),
        0 3px 7px rgba(109, 74, 255, 0.045);
}


.fmx-home-hero__card::before {

    content: "";

    position: absolute;

    top: -1px;
    left: 15px;
    right: 15px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    border-radius:
        0
        0
        999px
        999px;

    opacity: 0;

    transform:
        scaleX(.75);

    transition:
        opacity .2s ease,
        transform .2s ease;
}


.fmx-home-hero__card:hover::before {

    opacity: 1;

    transform:
        scaleX(1);
}


/* =========================================================
   FOCO
   ========================================================= */

.fmx-home-hero__card:focus-visible,
.fmx-home-hero__all-link:focus-visible {

    outline:
        3px
        solid
        rgba(109, 74, 255, 0.28);

    outline-offset: 3px;
}


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

.fmx-home-hero__icon {

    display: inline-flex;

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

    width: 46px;
    height: 46px;

    flex:
        0
        0
        46px;

    color:
        var(--fmx-green);

    background:
        linear-gradient(
            135deg,
            #EEF7F1 0%,
            #EFEAFF 100%
        );

    border:
        1px
        solid
        rgba(14, 124, 87, 0.05);

    border-radius: 11px;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.fmx-home-hero__icon svg {

    display: block;

    width: 23px;
    height: 23px;

    fill: currentColor;
}


.fmx-home-hero__card:hover .fmx-home-hero__icon {

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #0E7C57 0%,
            #16A07A 48%,
            #6D4AFF 100%
        );

    transform:
        scale(1.04);

    box-shadow:
        0 6px 18px rgba(14, 124, 87, 0.16);
}


/* =========================================================
   TEXTO TARJETAS
   ========================================================= */

.fmx-home-hero__card-text {

    display: block;

    min-width: 0;

    color:
        var(--fmx-ink);

    font-size: 14px;

    line-height: 1.3;

    font-weight: 750;

    text-wrap: balance;
}


/* =========================================================
   FLECHA
   ========================================================= */

.fmx-home-hero__arrow {

    display: flex;

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

    color:
        var(--fmx-purple);

    font-size: 21px;

    line-height: 1;

    font-weight: 400;

    transition:
        transform 0.2s ease,
        color 0.2s ease;
}


.fmx-home-hero__card:hover .fmx-home-hero__arrow {

    color:
        var(--fmx-purple-hover);

    transform:
        translateX(3px);
}


/* =========================================================
   BOTÓN FINAL
   ========================================================= */

.fmx-home-hero__all {

    display: flex;

    justify-content: center;

    margin-top: 28px;
}


.fmx-home-hero__all-link {

    display: inline-flex;

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

    gap: 10px;

    min-height: 50px;

    padding:
        0
        24px;

    color:
        #FFFFFF !important;

    text-decoration:
        none !important;

    background:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    border: 0;

    border-radius: 11px;

    box-shadow:
        0 9px 24px rgba(14, 124, 87, 0.16),
        0 5px 18px rgba(109, 74, 255, 0.08);

    font-size: 14px;

    line-height: 1;

    font-weight: 750;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}


.fmx-home-hero__all-link:hover {

    color:
        #FFFFFF !important;

    text-decoration:
        none !important;

    transform:
        translateY(-2px);

    filter:
        saturate(1.12)
        brightness(1.035);

    box-shadow:
        0 13px 30px rgba(14, 124, 87, 0.19),
        0 7px 22px rgba(109, 74, 255, 0.11);
}


.fmx-home-hero__all-link span {

    font-size: 19px;

    line-height: 1;

    transition:
        transform
        0.2s
        ease;
}


.fmx-home-hero__all-link:hover span {

    transform:
        translateX(3px);
}


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

@keyframes fmxHeroContentIn {

    from {
        opacity: 0;

        transform:
            translateY(10px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes fmxHeroTeamIn {

    from {
        opacity: 0;

        transform:
            translateY(14px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes fmxHeroCardIn {

    from {
        opacity: 0;

        transform:
            translateY(8px)
            scale(.985);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}


@keyframes fmxHeroCardsIn {

    from {
        opacity: 0;

        transform:
            translateY(8px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   PORTÁTILES / TABLETS GRANDES
   ========================================================= */

@media (max-width: 1180px) {

    .fmx-home-hero {

        padding-top: 8px;

        padding-left: 18px;

        padding-right: 18px;
    }


    .fmx-home-hero__inner {

        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(390px, .96fr);

        padding:
            34px
            38px
            108px;
    }


    .fmx-home-hero__title {

        font-size:
            clamp(
                40px,
                4.15vw,
                56px
            );
    }


    .fmx-home-hero__description {

        max-width: 570px;

        font-size: 16px;
    }


    .fmx-home-hero__visual {

        top: 0;

        right: -24px;

        width: 53%;
    }


    .fmx-home-hero__team-image {

        max-height: 465px;

        transform:
            scale(1.035);
    }


    .fmx-home-hero__team-card {

        right: 24px;
    }


    .fmx-home-hero__grid {

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

}


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

@media (max-width: 900px) {

    .fmx-home-hero {

        padding:
            8px
            16px
            42px;
    }


    .fmx-home-hero__panel {

        min-height: 680px;

        border-radius: 23px;
    }


    .fmx-home-hero__inner {

        display: block;

        min-height: 680px;

        padding:
            34px
            38px
            305px;
    }


    .fmx-home-hero__content {

        max-width: 690px;
    }


    .fmx-home-hero__title {

        max-width: 670px;

        font-size:
            clamp(
                39px,
                6.2vw,
                54px
            );
    }


    .fmx-home-hero__description {

        max-width: 650px;
    }


    .fmx-home-hero__visual {

        top: auto;

        right: -5%;

        bottom: 0;

        width: 76%;

        max-width: 680px;

        height: 340px;
    }


    .fmx-home-hero__team-image {

        max-height: 365px;

        transform:
            scale(1.04);
    }


    .fmx-home-hero__team-card {

        right: 7%;

        bottom: 48px;

        width: 260px;
    }


    .fmx-home-hero__comparators {

        margin-top: -55px;
    }


    .fmx-home-hero__grid {

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

        gap: 12px;
    }

}


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

@media (max-width: 640px) {

    .fmx-home-hero {

        padding:
            5px
            12px
            36px;
    }


    .fmx-home-hero__panel {

        min-height: 665px;

        border-radius: 20px;
    }


    .fmx-home-hero__inner {

        min-height: 665px;

        padding:
            24px
            22px
            275px;
    }


    /* EYEBROW */

    .fmx-home-hero__eyebrow {

        margin-bottom: 13px;

        padding:
            7px
            10px;

        font-size: 10px;

        letter-spacing: .06em;
    }


    /* H1 */

    .fmx-home-hero__title {

        font-size:
            clamp(
                34px,
                10.3vw,
                45px
            );

        line-height: 1.035;

        letter-spacing: -0.042em;
    }


    /* DESCRIPCIÓN */

    .fmx-home-hero__description {

        margin-top: 17px;

        font-size: 15px;

        line-height: 1.54;
    }


    /* CONFIANZA */

    .fmx-home-hero__trust {

        display: grid;

        gap: 8px;

        margin-top: 18px;
    }


    .fmx-home-hero__trust-item {

        font-size: 12px;
    }


    /* EQUIPO */

    .fmx-home-hero__visual {

        right: -90px;

        bottom: 0;

        width: 550px;

        max-width: none;

        height: 282px;

        justify-content: center;
    }


    .fmx-home-hero__team-image {

        width: 525px;

        max-width: none;

        max-height: 295px;

        transform:
            scale(1.03);
    }


    .fmx-home-hero__photo-bg {

        width: 350px;

        height: 240px;

        bottom: 5px;
    }


    /* TARJETA DEL EQUIPO */

    .fmx-home-hero__team-card {

        right: 98px;

        bottom: 27px;

        width: 225px;

        padding:
            11px
            12px
            11px
            14px;

        border-left-width: 3px;
    }


    .fmx-home-hero__team-label {

        font-size: 9px;
    }


    .fmx-home-hero__team-card strong {

        font-size: 11px;
    }


    .fmx-home-hero__team-card > span:last-child {

        font-size: 10px;
    }


    /* =====================================================
       CARRUSEL DE COMPARADORES
       ===================================================== */

    .fmx-home-hero__comparators {

        width:
            calc(
                100vw - 24px
            );

        margin-top: -34px;

        overflow: visible;
    }


    .fmx-home-hero__grid {

        display: flex;

        gap: 10px;

        width:
            calc(
                100vw - 12px
            );

        margin-left: 0;

        padding:
            3px
            21vw
            13px
            2px;

        overflow-x: auto;

        overflow-y: hidden;

        scroll-snap-type:
            x
            mandatory;

        scroll-padding-left: 2px;

        overscroll-behavior-inline:
            contain;

        -webkit-overflow-scrolling:
            touch;

        scrollbar-width: none;
    }


    .fmx-home-hero__grid::-webkit-scrollbar {

        display: none;
    }


    /* TARJETA MÓVIL */

    .fmx-home-hero__card {

        flex:
            0
            0
            77vw;

        min-height: 79px;

        scroll-snap-align: start;

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

        padding:
            12px
            14px;

        border-radius: 14px;
    }


    .fmx-home-hero__icon {

        width: 43px;

        height: 43px;

        flex-basis: 43px;
    }


    .fmx-home-hero__icon svg {

        width: 21px;

        height: 21px;
    }


    .fmx-home-hero__card-text {

        font-size: 14px;

        line-height: 1.3;
    }


    .fmx-home-hero__all {

        margin-top: 16px;
    }


    .fmx-home-hero__all-link {

        width: 100%;

        min-height: 48px;

        font-size: 14px;
    }

}


/* =========================================================
   MÓVILES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 380px) {

    .fmx-home-hero__inner {

        padding-left: 18px;

        padding-right: 18px;
    }


    .fmx-home-hero__title {

        font-size: 33px;
    }


    .fmx-home-hero__visual {

        right: -110px;
    }


    .fmx-home-hero__team-card {

        right: 112px;

        width: 205px;
    }


    .fmx-home-hero__card {

        flex-basis: 82vw;
    }

}


/* =========================================================
   ACCESIBILIDAD · REDUCIR MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .fmx-home-hero__content,
    .fmx-home-hero__visual,
    .fmx-home-hero__team-card,
    .fmx-home-hero__card {

        animation:
            none !important;
    }


    .fmx-home-hero__card,
    .fmx-home-hero__icon,
    .fmx-home-hero__arrow,
    .fmx-home-hero__all-link,
    .fmx-home-hero__all-link span {

        transition:
            none !important;
    }

}/* =========================================================
   CORRECCIÓN FINAL
   ESPACIO ENTRE TARJETA EQUIPO Y COMPARADORES
   ========================================================= */


/* ESCRITORIO */
.fmx-home-hero__team-card {
    bottom: 92px;
}


/* PORTÁTIL */
@media (max-width: 1180px) {

    .fmx-home-hero__team-card {
        bottom: 92px;
    }

}


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

    .fmx-home-hero__team-card {
        bottom: 64px;
    }

}


/* MÓVIL */
@media (max-width: 640px) {

    .fmx-home-hero__team-card {
        bottom: 45px;
    }

}


/* MÓVILES MUY PEQUEÑOS */
@media (max-width: 380px) {

    .fmx-home-hero__team-card {
        bottom: 45px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79be370 *//* =========================================================
   FINANTRES MÉXICO · ADN / PRINCIPIOS EDITORIALES
   ========================================================= */

.finantres-mx-team,
.finantres-mx-team * {
    box-sizing: border-box;
}


/* =========================================================
   CONTENEDOR + VARIABLES
   ========================================================= */

.finantres-mx-team {
    --fmx-bg-page: #F7FBF8;
    --fmx-bg-card: #FFFFFF;
    --fmx-bg-soft: #EEF7F1;
    --fmx-bg-purple: #F2EFFF;

    --fmx-text-main: #0E2A1E;
    --fmx-text-secondary: #526159;
    --fmx-text-soft: #6D7A72;

    --fmx-green: #0E7C57;
    --fmx-green-accent: #16A07A;
    --fmx-purple: #6D4AFF;

    --fmx-border: #DCEAE1;
    --fmx-border-strong: #CADDD1;

    --fmx-gradient:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    --fmx-shadow:
        0 12px 34px rgba(14, 42, 30, 0.055),
        0 2px 8px rgba(14, 42, 30, 0.025);

    position: relative;

    width: 100%;

    padding:
        96px
        24px;

    overflow: hidden;

    background:
        var(--fmx-bg-page);

    color:
        var(--fmx-text-main);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    isolation: isolate;
}


/* Reset local contra estilos globales / Elementor */

.finantres-mx-team h2,
.finantres-mx-team h3,
.finantres-mx-team p {
    margin-top: 0;
}

.finantres-mx-team a {
    text-decoration: none;
}


/* =========================================================
   DECORACIÓN DE FONDO
   ========================================================= */

.finantres-mx-team::before,
.finantres-mx-team::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.finantres-mx-team::before {
    width: 560px;
    height: 560px;

    top: -250px;
    right: -170px;

    background:
        radial-gradient(
            circle,
            rgba(109, 74, 255, 0.09) 0%,
            rgba(109, 74, 255, 0) 70%
        );
}


.finantres-mx-team::after {
    width: 520px;
    height: 520px;

    bottom: -260px;
    left: -180px;

    background:
        radial-gradient(
            circle,
            rgba(14, 124, 87, 0.09) 0%,
            rgba(14, 124, 87, 0) 72%
        );
}


/* =========================================================
   INNER
   ========================================================= */

.finantres-mx-team__inner {
    position: relative;

    z-index: 1;

    width: 100%;
    max-width: 1200px;

    margin:
        0
        auto;
}


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

.finantres-mx-team__head {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 72px;

    align-items: end;

    margin-bottom: 54px;
}


.finantres-mx-team__intro {
    min-width: 0;
}


/* Eyebrow */

.finantres-mx-team__eyebrow {
    display: inline-flex;

    align-items: center;

    margin-bottom: 18px;

    padding:
        7px
        13px;

    border:
        1px solid
        rgba(109, 74, 255, 0.16);

    border-radius: 999px;

    background:
        var(--fmx-bg-purple);

    color:
        var(--fmx-purple);

    font-size:
        11.5px;

    font-weight: 800;

    line-height: 1.25;

    letter-spacing: 0.07em;

    text-transform: uppercase;
}


/* H2 */

.finantres-mx-team .finantres-mx-team__intro h2 {
    max-width: 590px;

    margin:
        0
        !important;

    color:
        var(--fmx-text-main)
        !important;

    font-size:
        clamp(34px, 3.5vw, 48px)
        !important;

    font-weight:
        820
        !important;

    line-height:
        1.09
        !important;

    letter-spacing:
        -0.035em
        !important;

    text-wrap: balance;
}


.finantres-mx-team__intro h2 em {
    font-style: normal;

    background:
        var(--fmx-gradient);

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    color:
        transparent;
}


/* Copy */

.finantres-mx-team__copy {
    max-width: 590px;
}


.finantres-mx-team .finantres-mx-team__copy p {
    margin:
        0
        0
        15px
        !important;

    color:
        var(--fmx-text-secondary)
        !important;

    font-size:
        16.5px
        !important;

    font-weight: 400;

    line-height:
        1.7
        !important;
}


.finantres-mx-team .finantres-mx-team__copy p:last-child {
    margin-bottom:
        0
        !important;
}


.finantres-mx-team__copy strong {
    color:
        var(--fmx-text-main);

    font-weight: 700;
}


/* =========================================================
   GRID DE PRINCIPIOS
   ========================================================= */

.finantres-mx-team__grid {
    display: grid;

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

    gap: 18px;

    margin-bottom: 34px;
}


/* =========================================================
   CARD
   ========================================================= */

.finantres-mx-member {
    position: relative;

    display: flex;
    flex-direction: column;

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

    padding:
        28px
        24px
        24px;

    overflow: hidden;

    background:
        rgba(255, 255, 255, 0.82);

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

    border-radius: 18px;

    box-shadow:
        var(--fmx-shadow);

    text-align: left;

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


/* Línea superior muy discreta */

.finantres-mx-member::before {
    content: "";

    position: absolute;

    top: 0;
    left: 24px;
    right: 24px;

    height: 2px;

    opacity: 0;

    background:
        var(--fmx-gradient);

    transition:
        opacity 0.2s ease;
}


.finantres-mx-member:hover {
    transform:
        translateY(-4px);

    background:
        #FFFFFF;

    border-color:
        var(--fmx-border-strong);

    box-shadow:
        0 20px 45px
        rgba(14, 42, 30, 0.09);
}


.finantres-mx-member:hover::before {
    opacity: 1;
}


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

.finantres-mx-member__icon {
    display: inline-flex;

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

    width: 46px;
    height: 46px;

    margin-bottom: 20px;

    flex: 0 0 auto;

    border:
        1px solid
        rgba(14, 124, 87, 0.14);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(14, 124, 87, 0.10),
            rgba(109, 74, 255, 0.08)
        );

    color:
        var(--fmx-green);
}


.finantres-mx-member__icon svg {
    display: block;

    width: 22px;
    height: 22px;

    stroke: currentColor;
}


/* =========================================================
   CARD · TÍTULO
   ========================================================= */

.finantres-mx-team .finantres-mx-member__name {
    margin:
        0
        0
        10px
        !important;

    color:
        var(--fmx-text-main)
        !important;

    font-size:
        18px
        !important;

    font-weight:
        800
        !important;

    line-height:
        1.25
        !important;

    letter-spacing:
        -0.018em
        !important;

    text-transform:
        none
        !important;
}


/* =========================================================
   CARD · TEXTO
   ========================================================= */

.finantres-mx-team .finantres-mx-member__bio {
    flex-grow: 1;

    min-height: 0;

    margin:
        0
        0
        22px
        !important;

    color:
        var(--fmx-text-secondary)
        !important;

    font-size:
        14px
        !important;

    font-weight: 400;

    line-height:
        1.62
        !important;
}


.finantres-mx-member__bio strong {
    color:
        var(--fmx-text-main);

    font-weight: 700;
}


/* =========================================================
   CARD · FRASE FINAL
   ========================================================= */

.finantres-mx-member__credential {
    display: block;

    width: 100%;

    margin-top: auto;

    padding-top: 15px;

    border-top:
        1px solid
        var(--fmx-border);

    color:
        var(--fmx-green);

    font-size:
        12.5px;

    font-weight:
        750;

    line-height:
        1.4;

    letter-spacing:
        -0.005em;
}


/* =========================================================
   BLOQUE FINAL DE TRANSPARENCIA
   ========================================================= */

.finantres-mx-team__footer {
    display: grid;

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

    gap: 30px;

    align-items: center;

    padding:
        24px
        26px;

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

    border-radius:
        16px;

    background:
        rgba(238, 247, 241, 0.65);
}


/* Texto */

.finantres-mx-team .finantres-mx-team__footer-text {
    max-width: 650px;

    margin:
        0
        !important;

    color:
        var(--fmx-text-secondary)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        400;

    line-height:
        1.6
        !important;
}


/* =========================================================
   ENLACES FINALES
   ========================================================= */

.finantres-mx-team__links {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


.finantres-mx-team .finantres-mx-team__link {
    display: inline-flex
        !important;

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

    gap: 7px;

    min-height: 42px;

    padding:
        10px
        14px;

    border:
        1px solid
        var(--fmx-border-strong);

    border-radius: 10px;

    background:
        #FFFFFF;

    color:
        var(--fmx-text-main)
        !important;

    box-shadow:
        0 2px 7px
        rgba(14, 42, 30, 0.025);

    font-size:
        13px
        !important;

    font-weight:
        700
        !important;

    line-height:
        1.25;

    text-decoration:
        none
        !important;

    text-transform:
        none
        !important;

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


.finantres-mx-team__link svg {
    flex:
        0
        0
        auto;

    width: 15px;
    height: 15px;

    transition:
        transform 0.18s ease;
}


.finantres-mx-team .finantres-mx-team__link:hover {
    color:
        var(--fmx-green)
        !important;

    border-color:
        rgba(14, 124, 87, 0.3);

    background:
        #FFFFFF;

    transform:
        translateY(-1px);

    box-shadow:
        0 6px 16px
        rgba(14, 42, 30, 0.055);
}


.finantres-mx-team__link:hover svg {
    transform:
        translateX(2px);
}


/* Focus accesible */

.finantres-mx-team .finantres-mx-team__link:focus-visible {
    outline:
        3px solid
        rgba(109, 74, 255, 0.25);

    outline-offset:
        3px;
}


/* =========================================================
   LAPTOP / TABLET HORIZONTAL
   ========================================================= */

@media (max-width: 1100px) {

    .finantres-mx-team__head {
        gap: 48px;
    }

    .finantres-mx-team__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }

}


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

@media (max-width: 820px) {

    .finantres-mx-team {
        padding:
            72px
            20px;
    }

    .finantres-mx-team__head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 24px;

        align-items: start;

        margin-bottom: 40px;
    }

    .finantres-mx-team__copy {
        max-width: 700px;
    }

    .finantres-mx-team .finantres-mx-team__intro h2 {
        max-width: 680px;
    }

    .finantres-mx-team__footer {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 18px;
    }

    .finantres-mx-team__links {
        justify-content: flex-start;
    }

}


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

@media (max-width: 600px) {

    .finantres-mx-team {
        padding:
            58px
            16px;
    }

    .finantres-mx-team::before {
        width: 360px;
        height: 360px;

        right: -190px;
        top: -150px;
    }

    .finantres-mx-team::after {
        display: none;
    }


    /* Header */

    .finantres-mx-team__head {
        margin-bottom: 32px;
    }

    .finantres-mx-team__eyebrow {
        margin-bottom: 15px;

        padding:
            6px
            10px;

        font-size:
            10.5px;
    }

    .finantres-mx-team .finantres-mx-team__intro h2 {
        font-size:
            clamp(31px, 9vw, 39px)
            !important;

        line-height:
            1.08
            !important;
    }

    .finantres-mx-team .finantres-mx-team__copy p {
        font-size:
            15.5px
            !important;

        line-height:
            1.65
            !important;
    }


    /* Cards */

    .finantres-mx-team__grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;

        margin-bottom: 24px;
    }

    .finantres-mx-member {
        padding:
            23px
            20px
            20px;

        border-radius:
            15px;
    }

    .finantres-mx-member::before {
        left: 20px;
        right: 20px;
    }

    .finantres-mx-member__icon {
        width: 43px;
        height: 43px;

        margin-bottom: 17px;

        border-radius: 12px;
    }

    .finantres-mx-member__icon svg {
        width: 20px;
        height: 20px;
    }

    .finantres-mx-team .finantres-mx-member__name {
        font-size:
            17px
            !important;
    }

    .finantres-mx-team .finantres-mx-member__bio {
        margin-bottom:
            18px
            !important;

        font-size:
            13.5px
            !important;
    }


    /* Footer */

    .finantres-mx-team__footer {
        padding:
            20px;

        border-radius:
            14px;
    }

    .finantres-mx-team__links {
        flex-direction: column;

        align-items: stretch;

        gap: 8px;
    }

    .finantres-mx-team .finantres-mx-team__link {
        width: 100%;

        justify-content:
            space-between;

        min-height: 44px;

        padding:
            11px
            13px;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 390px) {

    .finantres-mx-team {
        padding-left:
            14px;

        padding-right:
            14px;
    }

    .finantres-mx-team .finantres-mx-team__intro h2 {
        font-size:
            30px
            !important;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .finantres-mx-member,
    .finantres-mx-team__link,
    .finantres-mx-team__link svg {
        transition:
            none
            !important;
    }

    .finantres-mx-member:hover,
    .finantres-mx-team__link:hover,
    .finantres-mx-team__link:hover svg {
        transform:
            none
            !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-baf1149 *//* =========================================================
   FINANTRES MÉXICO · BROKERS DESTACADOS
   ========================================================= */

.ftr-brokers,
.ftr-brokers * {
    box-sizing: border-box;
}


/* =========================================================
   VARIABLES + CONTENEDOR
   ========================================================= */

.ftr-brokers {
    --ftr-bg: #F7FBF8;
    --ftr-card: #FFFFFF;
    --ftr-soft: #EEF7F1;
    --ftr-soft-2: #F4F8F5;
    --ftr-lav: #F1EEFF;

    --ftr-ink: #0E2A1E;
    --ftr-muted: #536159;
    --ftr-muted-soft: #738078;

    --ftr-green: #0E7C57;
    --ftr-green-2: #16A07A;

    --ftr-violet: #6D4AFF;

    --ftr-border: #DCE8E0;
    --ftr-border-strong: #C9DBD0;

    --ftr-grad:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    --ftr-shadow:
        0 10px 30px rgba(14, 42, 30, 0.045),
        0 2px 7px rgba(14, 42, 30, 0.02);

    position: relative;

    width: 100%;

    padding: 88px 24px;

    overflow: hidden;

    background: var(--ftr-bg);

    color: var(--ftr-ink);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing: antialiased;

    isolation: isolate;
}


/* =========================================================
   FONDO
   ========================================================= */

.ftr-brokers::before,
.ftr-brokers::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.ftr-brokers::before {
    width: 560px;
    height: 560px;

    top: -310px;
    right: -240px;

    background:
        radial-gradient(
            circle,
            rgba(109, 74, 255, 0.07),
            transparent 72%
        );
}


.ftr-brokers::after {
    width: 520px;
    height: 520px;

    bottom: -300px;
    left: -220px;

    background:
        radial-gradient(
            circle,
            rgba(14, 124, 87, 0.075),
            transparent 72%
        );
}


/* =========================================================
   RESET LOCAL
   ========================================================= */

.ftr-brokers h2,
.ftr-brokers h3,
.ftr-brokers p,
.ftr-brokers ul {
    margin-top: 0;
}

.ftr-brokers a {
    text-decoration: none;
}


/* =========================================================
   INNER
   ========================================================= */

.ftr-brokers__inner {
    position: relative;

    z-index: 1;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
}


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

.ftr-brokers__head {
    max-width: 820px;

    margin: 0 auto 50px;

    text-align: center;
}


.ftr-brokers__eyebrow {
    display: inline-flex;

    align-items: center;

    margin-bottom: 17px;

    padding: 7px 13px;

    border:
        1px solid
        rgba(109, 74, 255, 0.15);

    border-radius: 999px;

    background: var(--ftr-lav);

    color: var(--ftr-violet);

    font-size: 11.5px;

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.07em;

    text-transform: uppercase;
}


/* H2 */

.ftr-brokers .ftr-brokers__title {
    max-width: 820px;

    margin:
        0
        auto
        17px
        !important;

    color:
        var(--ftr-ink)
        !important;

    font-size:
        clamp(34px, 4vw, 50px)
        !important;

    font-weight:
        820
        !important;

    line-height:
        1.08
        !important;

    letter-spacing:
        -0.037em
        !important;

    text-wrap: balance;
}


.ftr-brokers__title em {
    font-style: normal;

    font-weight: inherit;

    background: var(--ftr-grad);

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    color: transparent;
}


/* Lead */

.ftr-brokers .ftr-brokers__lead {
    max-width: 760px;

    margin:
        0
        auto
        !important;

    color:
        var(--ftr-muted)
        !important;

    font-size:
        16.5px
        !important;

    font-weight: 400;

    line-height:
        1.7
        !important;
}


.ftr-brokers__lead strong {
    color: var(--ftr-ink);

    font-weight: 700;
}


/* =========================================================
   GRID
   ========================================================= */

.ftr-brokers__grid {
    display: grid;

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

    gap: 20px;
}


/* =========================================================
   CARD
   ========================================================= */

.ftr-broker {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;

    overflow: hidden;

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

    border-radius: 18px;

    background: var(--ftr-card);

    box-shadow: var(--ftr-shadow);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.ftr-broker:hover {
    transform: translateY(-4px);

    border-color:
        var(--ftr-border-strong);

    box-shadow:
        0 19px 44px
        rgba(14, 42, 30, 0.085);
}


/* Línea superior de marca muy ligera */

.ftr-broker::before {
    content: "";

    position: absolute;

    top: 0;
    left: 22px;
    right: 22px;

    z-index: 4;

    height: 2px;

    background: var(--ftr-grad);

    opacity: 0.35;

    transition: opacity 0.18s ease;
}


.ftr-broker:hover::before {
    opacity: 0.85;
}


/* =========================================================
   POSICIÓN
   ========================================================= */

.ftr-broker__rank {
    position: absolute;

    top: 14px;
    left: 14px;

    z-index: 5;

    display: inline-flex;

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

    width: 38px;
    height: 38px;

    border:
        1px solid
        rgba(255, 255, 255, 0.45);

    border-radius: 10px;

    background:
        rgba(14, 42, 30, 0.88);

    color: #FFFFFF;

    box-shadow:
        0 5px 16px
        rgba(14, 42, 30, 0.18);

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

    backdrop-filter:
        blur(8px);
}


.ftr-broker__rank span {
    font-size: 11.5px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 0.05em;
}


/* =========================================================
   IMAGEN
   ========================================================= */

/*
 * IMPORTANTE:
 *
 * Son imágenes editoriales, no logos.
 * Por eso:
 *
 * - sin padding;
 * - object-fit: cover;
 * - toda la anchura;
 * - misma proporción para todas.
 */

.ftr-broker__media {
    position: relative;

    display: block;

    width: 100%;

    aspect-ratio: 3 / 2;

    overflow: hidden;

    background:
        #E9F0EB;

    border-bottom:
        1px solid
        var(--ftr-border);

    text-decoration:
        none
        !important;
}


.ftr-broker__media img {
    display: block
        !important;

    width: 100%
        !important;

    height: 100%
        !important;

    max-width: none
        !important;

    margin: 0
        !important;

    padding: 0
        !important;

    border: 0;

    border-radius: 0;

    object-fit: cover;

    object-position: center center;

    transition:
        transform 0.28s ease;
}


/* Oscurecido muy ligero abajo */

.ftr-broker__media::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 68%,
            rgba(14, 42, 30, 0.08) 100%
        );

    pointer-events: none;
}


.ftr-broker:hover .ftr-broker__media img {
    transform: scale(1.015);
}


/* =========================================================
   CUERPO
   ========================================================= */

.ftr-broker__body {
    display: flex;
    flex-direction: column;

    flex: 1 1 auto;

    min-width: 0;

    padding:
        23px
        23px
        21px;
}


/* =========================================================
   BROKER + BADGE
   ========================================================= */

.ftr-broker__topline {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 14px;

    margin-bottom: 8px;
}


.ftr-brokers .ftr-broker__name {
    margin:
        0
        !important;

    color:
        var(--ftr-ink)
        !important;

    font-size:
        22px
        !important;

    font-weight:
        820
        !important;

    line-height:
        1.18
        !important;

    letter-spacing:
        -0.025em
        !important;
}


.ftr-brokers .ftr-broker__name a {
    color:
        var(--ftr-ink)
        !important;

    text-decoration:
        none
        !important;

    transition:
        color 0.16s ease;
}


.ftr-brokers .ftr-broker__name a:hover {
    color:
        var(--ftr-green)
        !important;
}


/* Badge orientado al perfil */

.ftr-broker__badge {
    display: inline-flex;

    align-items: center;

    flex:
        0
        0
        auto;

    padding:
        6px
        9px;

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

    border-radius: 999px;

    background:
        var(--ftr-soft);

    color:
        var(--ftr-green);

    font-size:
        10.5px;

    font-weight:
        750;

    line-height:
        1.15;

    white-space: nowrap;
}


/* =========================================================
   DESCRIPCIÓN DE PERFIL
   ========================================================= */

.ftr-brokers .ftr-broker__tag {
    margin:
        0
        0
        12px
        !important;

    color:
        var(--ftr-violet)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        700;

    font-style: normal;

    line-height:
        1.45
        !important;
}


/* =========================================================
   COPY
   ========================================================= */

.ftr-brokers .ftr-broker__desc {
    flex:
        1 1
        auto;

    margin:
        0
        0
        17px
        !important;

    color:
        var(--ftr-muted)
        !important;

    font-size:
        14px
        !important;

    font-weight:
        400;

    line-height:
        1.62
        !important;
}


.ftr-broker__desc strong {
    color: var(--ftr-ink);

    font-weight: 700;
}


/* =========================================================
   CARACTERÍSTICAS
   ========================================================= */

.ftr-broker__pills {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin:
        0
        0
        19px
        !important;

    padding: 0;

    list-style: none;
}


.ftr-broker__pills li {
    margin: 0;

    padding:
        6px
        9px;

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

    border-radius: 999px;

    background:
        var(--ftr-soft-2);

    color:
        var(--ftr-muted);

    font-size:
        10.5px;

    font-weight:
        650;

    line-height:
        1.2;
}


/* =========================================================
   CTA
   ========================================================= */

.ftr-broker__actions {
    margin-top: auto;

    padding-top: 15px;

    border-top:
        1px solid
        var(--ftr-border);
}


.ftr-brokers .ftr-btn {
    display: flex
        !important;

    align-items: center
        !important;

    justify-content: space-between
        !important;

    width: 100%;

    min-height: 46px
        !important;

    gap: 12px;

    padding:
        11px
        14px
        !important;

    border:
        1px solid
        var(--ftr-border-strong)
        !important;

    border-radius:
        10px
        !important;

    background:
        #FFFFFF
        !important;

    color:
        var(--ftr-ink)
        !important;

    box-shadow:
        none
        !important;

    font-size:
        13px
        !important;

    font-weight:
        750
        !important;

    line-height:
        1.3
        !important;

    text-align:
        left
        !important;

    text-decoration:
        none
        !important;

    text-transform:
        none
        !important;

    cursor:
        pointer;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease
        !important;
}


/* Quitamos el botón gradiente antiguo */

.ftr-brokers .ftr-btn--primary {
    background:
        #FFFFFF
        !important;

    color:
        var(--ftr-ink)
        !important;

    border:
        1px solid
        var(--ftr-border-strong)
        !important;

    box-shadow:
        none
        !important;
}


.ftr-brokers .ftr-btn--primary:hover {
    transform:
        translateY(-1px)
        !important;

    border-color:
        rgba(14, 124, 87, 0.30)
        !important;

    background:
        var(--ftr-soft)
        !important;

    color:
        var(--ftr-green)
        !important;

    box-shadow:
        0 6px 16px
        rgba(14, 42, 30, 0.05)
        !important;

    filter:
        none
        !important;
}


.ftr-brokers .ftr-btn--primary:visited {
    color:
        var(--ftr-ink)
        !important;
}


.ftr-brokers .ftr-btn--primary:hover:visited {
    color:
        var(--ftr-green)
        !important;
}


/* Flecha */

.ftr-btn span {
    display: inline-flex;

    flex:
        0
        0
        auto;

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

    width: 25px;
    height: 25px;

    border-radius: 50%;

    background:
        var(--ftr-soft);

    color:
        var(--ftr-green);

    font-size:
        15px;

    line-height:
        1;

    transition:
        transform 0.18s ease,
        background-color 0.18s ease;
}


.ftr-btn:hover span {
    transform:
        translateX(2px);

    background:
        var(--ftr-lav);
}


/* =========================================================
   PRIMER BROKER · PEPPERSTONE
   ========================================================= */

/*
 * Un poco de diferenciación para el #1,
 * sin convertirlo en una card exagerada.
 */

.ftr-broker:first-child {
    border-color:
        rgba(14, 124, 87, 0.22);

    box-shadow:
        0 12px 34px
        rgba(14, 124, 87, 0.065);
}


.ftr-broker:first-child::before {
    opacity:
        0.85;
}


.ftr-broker:first-child .ftr-broker__rank {
    background:
        var(--ftr-green);
}


/* =========================================================
   AVISO DE RIESGO
   ========================================================= */

.ftr-brokers__risk {
    display: grid;

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

    gap:
        9px;

    align-items:
        start;

    max-width:
        960px;

    margin:
        26px
        auto
        0;

    padding:
        15px
        18px;

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

    border-radius:
        12px;

    background:
        rgba(238, 247, 241, 0.62);

    color:
        var(--ftr-muted);

    font-size:
        12.5px;

    line-height:
        1.55;
}


.ftr-brokers__risk strong {
    color:
        var(--ftr-ink);

    font-weight:
        750;

    white-space:
        nowrap;
}


/* =========================================================
   FOCUS
   ========================================================= */

.ftr-brokers a:focus-visible {
    outline:
        3px solid
        rgba(109, 74, 255, 0.27);

    outline-offset:
        3px;
}


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

@media (max-width: 1000px) {

    .ftr-brokers {
        padding:
            72px
            20px;
    }

    .ftr-brokers__grid {
        gap:
            16px;
    }

    .ftr-broker__body {
        padding:
            21px
            19px
            19px;
    }

    .ftr-brokers .ftr-broker__name {
        font-size:
            20px
            !important;
    }

    .ftr-broker__badge {
        font-size:
            10px;
    }

}


/* =========================================================
   UNA COLUMNA
   ========================================================= */

@media (max-width: 780px) {

    .ftr-brokers__grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

}


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

@media (max-width: 600px) {

    .ftr-brokers {
        padding:
            58px
            16px;
    }


    /* Cabecera */

    .ftr-brokers__head {
        margin-bottom:
            32px;

        text-align:
            left;
    }

    .ftr-brokers__eyebrow {
        margin-bottom:
            15px;

        padding:
            6px
            10px;

        font-size:
            10.5px;
    }

    .ftr-brokers .ftr-brokers__title {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            clamp(31px, 9vw, 39px)
            !important;

        line-height:
            1.08
            !important;

        text-wrap:
            pretty;
    }

    .ftr-brokers .ftr-brokers__lead {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            15.5px
            !important;

        line-height:
            1.65
            !important;
    }


    /* Card */

    .ftr-broker {
        border-radius:
            15px;
    }

    .ftr-broker__media {
        aspect-ratio:
            16 / 10;
    }

    .ftr-broker__body {
        padding:
            20px;
    }

    .ftr-broker__rank {
        top:
            12px;

        left:
            12px;

        width:
            35px;

        height:
            35px;
    }

    .ftr-broker__topline {
        flex-wrap:
            wrap;

        gap:
            8px;
    }

    .ftr-brokers .ftr-broker__name {
        font-size:
            20px
            !important;
    }

    .ftr-brokers .ftr-broker__tag {
        font-size:
            12.5px
            !important;
    }

    .ftr-brokers .ftr-broker__desc {
        font-size:
            13.5px
            !important;
    }


    /* Riesgo */

    .ftr-brokers__risk {
        display:
            block;

        padding:
            15px;

        font-size:
            12px;
    }

    .ftr-brokers__risk strong {
        display:
            block;

        margin-bottom:
            4px;

        white-space:
            normal;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 390px) {

    .ftr-brokers {
        padding-left:
            14px;

        padding-right:
            14px;
    }

    .ftr-brokers .ftr-brokers__title {
        font-size:
            30px
            !important;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .ftr-broker,
    .ftr-broker::before,
    .ftr-broker__media img,
    .ftr-btn,
    .ftr-btn span {
        transition:
            none
            !important;
    }

    .ftr-broker:hover,
    .ftr-broker:hover .ftr-broker__media img,
    .ftr-btn:hover,
    .ftr-btn:hover span {
        transform:
            none
            !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62e3569 *//* =========================================================
   FINANTRES MÉXICO · ETFs
   ========================================================= */

.ftrs-etfs,
.ftrs-etfs * {
    box-sizing: border-box;
}


/* =========================================================
   VARIABLES + SECCIÓN
   ========================================================= */

.ftrs-etfs {
    --ftrs-bg: #F7FBF8;
    --ftrs-surface: #FFFFFF;
    --ftrs-soft: #EEF7F1;
    --ftrs-lav: #F1EEFF;

    --ftrs-ink: #0E2A1E;
    --ftrs-muted: #536159;
    --ftrs-muted-soft: #718078;

    --ftrs-brand: #0E7C57;
    --ftrs-brand-2: #16A07A;

    --ftrs-violet: #6D4AFF;

    --ftrs-border: #DCE8E0;
    --ftrs-border-strong: #CADBD0;

    --ftrs-gradient:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    --ftrs-shadow:
        0 10px 30px rgba(14, 42, 30, 0.05),
        0 2px 7px rgba(14, 42, 30, 0.025);

    position: relative;

    width: 100%;

    padding:
        88px
        24px;

    overflow: hidden;

    background:
        var(--ftrs-bg);

    color:
        var(--ftrs-ink);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    isolation: isolate;
}


/* Fondo decorativo muy ligero */

.ftrs-etfs::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -260px;
    right: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(109, 74, 255, 0.07) 0%,
            rgba(109, 74, 255, 0) 72%
        );

    pointer-events: none;
}


.ftrs-etfs::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    bottom: -280px;
    left: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(14, 124, 87, 0.08) 0%,
            rgba(14, 124, 87, 0) 72%
        );

    pointer-events: none;
}


/* Reset local para Elementor / tema */

.ftrs-etfs h2,
.ftrs-etfs h3,
.ftrs-etfs p {
    margin-top: 0;
}

.ftrs-etfs a {
    text-decoration: none;
}


/* =========================================================
   INNER
   ========================================================= */

.ftrs-etfs__inner {
    position: relative;

    z-index: 1;

    width: 100%;
    max-width: 1200px;

    margin:
        0
        auto;
}


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

.ftrs-etfs__head {
    max-width: 820px;

    margin:
        0
        auto
        52px;

    text-align: center;
}


/* Eyebrow */

.ftrs-etfs__eyebrow {
    display: inline-flex;

    align-items: center;

    margin-bottom: 17px;

    padding:
        7px
        13px;

    border:
        1px solid
        rgba(14, 124, 87, 0.14);

    border-radius:
        999px;

    background:
        var(--ftrs-soft);

    color:
        var(--ftrs-brand);

    font-size:
        11.5px;

    font-weight:
        800;

    line-height:
        1.2;

    letter-spacing:
        0.07em;

    text-transform:
        uppercase;
}


/* H2 */

.ftrs-etfs .ftrs-etfs__title {
    max-width: 820px;

    margin:
        0
        auto
        17px
        !important;

    color:
        var(--ftrs-ink)
        !important;

    font-size:
        clamp(34px, 4vw, 50px)
        !important;

    font-weight:
        820
        !important;

    line-height:
        1.08
        !important;

    letter-spacing:
        -0.037em
        !important;

    text-wrap:
        balance;
}


/* Gradiente sin cursiva */

.ftrs-etfs__title em {
    font-style:
        normal;

    font-weight:
        inherit;

    background:
        var(--ftrs-gradient);

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    color:
        transparent;
}


/* Subtítulo */

.ftrs-etfs .ftrs-etfs__sub {
    max-width: 760px;

    margin:
        0
        auto
        !important;

    color:
        var(--ftrs-muted)
        !important;

    font-size:
        16.5px
        !important;

    font-weight:
        400;

    line-height:
        1.7
        !important;
}


.ftrs-etfs__sub strong {
    color:
        var(--ftrs-ink);

    font-weight:
        700;
}


/* =========================================================
   GRID
   ========================================================= */

.ftrs-etfs__grid {
    display: grid;

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

    gap: 18px;
}


/* =========================================================
   CARD
   ========================================================= */

.ftrs-etfs .ftrs-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 320px;

    padding:
        24px
        23px
        21px;

    overflow: hidden;

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

    border-radius:
        17px;

    background:
        rgba(255, 255, 255, 0.9);

    color:
        var(--ftrs-ink)
        !important;

    box-shadow:
        var(--ftrs-shadow);

    text-decoration:
        none
        !important;

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


/* Línea superior de color */

.ftrs-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 23px;
    right: 23px;

    height: 2px;

    border-radius:
        0
        0
        2px
        2px;

    background:
        var(--ftrs-accent);

    opacity: 0.55;

    transition:
        opacity 0.2s ease;
}


/* Brillo muy ligero */

.ftrs-card::after {
    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    top: -60px;
    right: -60px;

    border-radius:
        50%;

    background:
        var(--ftrs-accent);

    opacity: 0.025;

    pointer-events: none;

    transition:
        opacity 0.2s ease;
}


.ftrs-etfs .ftrs-card:hover {
    transform:
        translateY(-4px);

    border-color:
        var(--ftrs-border-strong);

    background:
        #FFFFFF;

    box-shadow:
        0 18px 42px
        rgba(14, 42, 30, 0.085);
}


.ftrs-card:hover::before {
    opacity: 1;
}


.ftrs-card:hover::after {
    opacity: 0.055;
}


/* =========================================================
   ICONO
   ========================================================= */

.ftrs-card__icon {
    display: inline-flex;

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

    flex:
        0 0
        auto;

    width: 48px;
    height: 48px;

    margin-bottom: 19px;

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

    border-radius:
        12px;

    background:
        #FFFFFF;

    color:
        var(--ftrs-accent);

    box-shadow:
        0 5px 14px
        rgba(14, 42, 30, 0.045);

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease;
}


.ftrs-card__icon svg {
    display: block;

    width: 23px;
    height: 23px;

    stroke:
        currentColor;
}


.ftrs-card:hover .ftrs-card__icon {
    border-color:
        var(--ftrs-border-strong);

    background:
        var(--ftrs-bg);
}


/* =========================================================
   BODY
   ========================================================= */

.ftrs-card__body {
    display: flex;
    flex-direction: column;

    flex:
        1 1
        auto;

    min-width: 0;
}


/* Categoría */

.ftrs-card__tag {
    display: block;

    margin-bottom: 8px;

    color:
        var(--ftrs-muted-soft);

    font-size:
        10px;

    font-weight:
        750;

    line-height:
        1.35;

    letter-spacing:
        0.07em;

    text-transform:
        uppercase;
}


/* H3 */

.ftrs-etfs .ftrs-card__title {
    margin:
        0
        0
        10px
        !important;

    color:
        var(--ftrs-ink)
        !important;

    font-size:
        19px
        !important;

    font-weight:
        800
        !important;

    line-height:
        1.28
        !important;

    letter-spacing:
        -0.02em
        !important;

    text-transform:
        none
        !important;
}


/* Descripción */

.ftrs-etfs .ftrs-card__desc {
    margin:
        0
        0
        21px
        !important;

    color:
        var(--ftrs-muted)
        !important;

    font-size:
        13.5px
        !important;

    font-weight:
        400;

    line-height:
        1.6
        !important;
}


/* =========================================================
   CTA
   ========================================================= */

.ftrs-card__cta {
    display: flex;

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

    width: 100%;

    gap: 12px;

    margin-top:
        auto;

    padding-top:
        14px;

    border-top:
        1px solid
        var(--ftrs-border);

    color:
        var(--ftrs-brand);

    font-size:
        12.5px;

    font-weight:
        750;

    line-height:
        1.35;

    transition:
        color 0.18s ease;
}


.ftrs-card__arrow {
    display: inline-flex;

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

    flex:
        0 0
        auto;

    width: 26px;
    height: 26px;

    border-radius:
        50%;

    background:
        var(--ftrs-soft);

    color:
        var(--ftrs-brand);

    font-size:
        15px;

    line-height:
        1;

    transition:
        transform 0.18s ease,
        background-color 0.18s ease,
        color 0.18s ease;
}


.ftrs-card:hover .ftrs-card__cta {
    color:
        var(--ftrs-ink);
}


.ftrs-card:hover .ftrs-card__arrow {
    transform:
        translateX(2px);

    background:
        var(--ftrs-lav);

    color:
        var(--ftrs-violet);
}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

.ftrs-etfs .ftrs-card:focus-visible {
    outline:
        3px solid
        rgba(109, 74, 255, 0.28);

    outline-offset:
        3px;
}


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

@media (max-width: 960px) {

    .ftrs-etfs {
        padding:
            72px
            20px;
    }

    .ftrs-etfs__head {
        margin-bottom:
            42px;
    }

    .ftrs-etfs__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;
    }

    .ftrs-etfs .ftrs-card {
        min-height:
            295px;
    }

}


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

@media (max-width: 600px) {

    .ftrs-etfs {
        padding:
            58px
            16px;
    }

    .ftrs-etfs__head {
        margin-bottom:
            32px;

        text-align:
            left;
    }

    .ftrs-etfs__eyebrow {
        margin-bottom:
            15px;

        padding:
            6px
            10px;

        font-size:
            10.5px;
    }

    .ftrs-etfs .ftrs-etfs__title {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            clamp(31px, 9vw, 39px)
            !important;

        line-height:
            1.08
            !important;

        text-wrap:
            pretty;
    }

    .ftrs-etfs .ftrs-etfs__sub {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            15.5px
            !important;

        line-height:
            1.65
            !important;
    }


    /* Una card por fila */

    .ftrs-etfs__grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    .ftrs-etfs .ftrs-card {
        min-height:
            0;

        padding:
            20px;

        border-radius:
            15px;
    }

    .ftrs-card::before {
        left: 20px;
        right: 20px;
    }

    .ftrs-card__icon {
        width:
            45px;

        height:
            45px;

        margin-bottom:
            16px;
    }

    .ftrs-card__icon svg {
        width:
            21px;

        height:
            21px;
    }

    .ftrs-etfs .ftrs-card__title {
        font-size:
            18px
            !important;
    }

    .ftrs-etfs .ftrs-card__desc {
        margin-bottom:
            18px
            !important;

        font-size:
            13.5px
            !important;
    }

    .ftrs-card__cta {
        font-size:
            12.5px;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 390px) {

    .ftrs-etfs {
        padding-left:
            14px;

        padding-right:
            14px;
    }

    .ftrs-etfs .ftrs-etfs__title {
        font-size:
            30px
            !important;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .ftrs-card,
    .ftrs-card::before,
    .ftrs-card::after,
    .ftrs-card__icon,
    .ftrs-card__arrow {
        transition:
            none
            !important;
    }

    .ftrs-card:hover,
    .ftrs-card:hover .ftrs-card__arrow {
        transform:
            none
            !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86b2e0c *//* =========================================================
   FINANTRES MÉXICO · GUÍAS PARA INVERTIR EN EMPRESAS
   ========================================================= */

.ftrs-acc,
.ftrs-acc * {
    box-sizing: border-box;
}


/* =========================================================
   VARIABLES + SECCIÓN
   ========================================================= */

.ftrs-acc {
    --ftrs-bg: #F7FBF8;
    --ftrs-surface: #FFFFFF;
    --ftrs-soft: #EEF7F1;
    --ftrs-lav: #F1EEFF;

    --ftrs-ink: #0E2A1E;
    --ftrs-muted: #536159;
    --ftrs-muted-soft: #718078;

    --ftrs-brand: #0E7C57;
    --ftrs-brand-2: #16A07A;

    --ftrs-violet: #6D4AFF;

    --ftrs-border: #DCE8E0;
    --ftrs-border-strong: #CADBD0;

    --ftrs-gradient:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    --ftrs-shadow:
        0 10px 30px rgba(14, 42, 30, 0.05),
        0 2px 7px rgba(14, 42, 30, 0.025);

    position: relative;

    width: 100%;

    padding:
        88px
        24px;

    overflow: hidden;

    background:
        var(--ftrs-bg);

    color:
        var(--ftrs-ink);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    isolation: isolate;
}


/* Fondo muy ligero */

.ftrs-acc::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -280px;
    left: -210px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(14, 124, 87, 0.08) 0%,
            rgba(14, 124, 87, 0) 70%
        );

    pointer-events: none;
}


.ftrs-acc::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -220px;
    bottom: -280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(109, 74, 255, 0.07) 0%,
            rgba(109, 74, 255, 0) 70%
        );

    pointer-events: none;
}


/* Reset local para Elementor / tema */

.ftrs-acc h2,
.ftrs-acc h3,
.ftrs-acc p {
    margin-top: 0;
}

.ftrs-acc a {
    text-decoration: none;
}


/* =========================================================
   INNER
   ========================================================= */

.ftrs-acc__inner {
    position: relative;

    z-index: 1;

    width: 100%;
    max-width: 1200px;

    margin:
        0
        auto;
}


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

.ftrs-acc__head {
    max-width: 820px;

    margin:
        0
        auto
        52px;

    text-align: center;
}


/* Eyebrow */

.ftrs-acc__eyebrow {
    display: inline-flex;

    align-items: center;

    margin-bottom: 17px;

    padding:
        7px
        13px;

    border:
        1px solid
        rgba(109, 74, 255, 0.15);

    border-radius: 999px;

    background:
        var(--ftrs-lav);

    color:
        var(--ftrs-violet);

    font-size:
        11.5px;

    font-weight:
        800;

    line-height:
        1.2;

    letter-spacing:
        0.07em;

    text-transform:
        uppercase;
}


/* H2 */

.ftrs-acc .ftrs-acc__title {
    margin:
        0
        auto
        17px
        !important;

    max-width: 820px;

    color:
        var(--ftrs-ink)
        !important;

    font-size:
        clamp(34px, 4vw, 50px)
        !important;

    font-weight:
        820
        !important;

    line-height:
        1.08
        !important;

    letter-spacing:
        -0.037em
        !important;

    text-wrap:
        balance;
}


/* Sin cursiva: más limpio y editorial */

.ftrs-acc__title em {
    font-style:
        normal;

    font-weight:
        inherit;

    background:
        var(--ftrs-gradient);

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    color:
        transparent;
}


/* Subtítulo */

.ftrs-acc .ftrs-acc__sub {
    max-width: 760px;

    margin:
        0
        auto
        !important;

    color:
        var(--ftrs-muted)
        !important;

    font-size:
        16.5px
        !important;

    font-weight:
        400;

    line-height:
        1.7
        !important;
}


.ftrs-acc__sub strong {
    color:
        var(--ftrs-ink);

    font-weight:
        700;
}


/* =========================================================
   GRID
   ========================================================= */

.ftrs-acc__grid {
    display: grid;

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

    gap: 18px;
}


/* =========================================================
   CARD
   ========================================================= */

.ftrs-acc .ftrs-acc-card {
    --ftrs-accent-ink: #FFFFFF;

    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 310px;

    padding:
        22px
        21px
        20px;

    overflow: hidden;

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

    border-radius: 17px;

    background:
        rgba(255, 255, 255, 0.9);

    color:
        var(--ftrs-ink)
        !important;

    box-shadow:
        var(--ftrs-shadow);

    text-decoration:
        none
        !important;

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


/* Acento superior mucho más fino que la barra lateral */

.ftrs-acc-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 21px;
    right: 21px;

    height: 2px;

    border-radius:
        0
        0
        2px
        2px;

    background:
        var(--ftrs-accent);

    opacity: 0.55;

    transition:
        opacity 0.2s ease;
}


/* Luz muy discreta en esquina */

.ftrs-acc-card::after {
    content: "";

    position: absolute;

    width: 110px;
    height: 110px;

    top: -55px;
    right: -55px;

    border-radius: 50%;

    background:
        var(--ftrs-accent);

    opacity: 0.025;

    pointer-events: none;

    transition:
        opacity 0.2s ease;
}


.ftrs-acc .ftrs-acc-card:hover {
    transform:
        translateY(-4px);

    border-color:
        var(--ftrs-border-strong);

    background:
        #FFFFFF;

    box-shadow:
        0 18px 42px
        rgba(14, 42, 30, 0.085);
}


.ftrs-acc-card:hover::before {
    opacity: 1;
}


.ftrs-acc-card:hover::after {
    opacity: 0.055;
}


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

.ftrs-acc-card__logo {
    display: inline-flex;

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

    flex:
        0 0
        auto;

    width: 48px;
    height: 48px;

    margin-bottom: 18px;

    border-radius: 12px;

    background:
        var(--ftrs-accent);

    color:
        var(--ftrs-accent-ink);

    box-shadow:
        0 5px 14px
        rgba(14, 42, 30, 0.09);
}


.ftrs-acc-card__logo span {
    display: block;

    color:
        inherit;

    font-size:
        12px;

    font-weight:
        850;

    line-height:
        1;

    letter-spacing:
        0.025em;
}


/* =========================================================
   BODY
   ========================================================= */

.ftrs-acc-card__body {
    display: flex;
    flex-direction: column;

    flex:
        1 1
        auto;

    min-width: 0;
}


/* Sector / mercado / ticker */

.ftrs-acc-card__tag {
    display: block;

    margin-bottom: 8px;

    color:
        var(--ftrs-muted-soft);

    font-size:
        10px;

    font-weight:
        750;

    line-height:
        1.35;

    letter-spacing:
        0.065em;

    text-transform:
        uppercase;
}


/* H3 */

.ftrs-acc .ftrs-acc-card__title {
    margin:
        0
        0
        10px
        !important;

    color:
        var(--ftrs-ink)
        !important;

    font-size:
        17px
        !important;

    font-weight:
        800
        !important;

    line-height:
        1.32
        !important;

    letter-spacing:
        -0.018em
        !important;

    text-transform:
        none
        !important;
}


/* Descripción nueva */

.ftrs-acc .ftrs-acc-card__desc {
    margin:
        0
        0
        20px
        !important;

    color:
        var(--ftrs-muted)
        !important;

    font-size:
        13.5px
        !important;

    font-weight:
        400;

    line-height:
        1.58
        !important;
}


/* =========================================================
   CTA
   ========================================================= */

.ftrs-acc-card__cta {
    display: flex;

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

    width: 100%;

    gap: 12px;

    margin-top:
        auto;

    padding-top:
        14px;

    border-top:
        1px solid
        var(--ftrs-border);

    color:
        var(--ftrs-brand);

    font-size:
        12.5px;

    font-weight:
        750;

    line-height:
        1.35;

    transition:
        color 0.18s ease;
}


.ftrs-acc-card__arrow {
    display: inline-flex;

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

    flex:
        0 0
        auto;

    width: 26px;
    height: 26px;

    border-radius: 50%;

    background:
        var(--ftrs-soft);

    color:
        var(--ftrs-brand);

    font-size:
        15px;

    line-height:
        1;

    transition:
        transform 0.18s ease,
        background-color 0.18s ease,
        color 0.18s ease;
}


.ftrs-acc-card:hover .ftrs-acc-card__cta {
    color:
        var(--ftrs-ink);
}


.ftrs-acc-card:hover .ftrs-acc-card__arrow {
    transform:
        translateX(2px);

    background:
        var(--ftrs-lav);

    color:
        var(--ftrs-violet);
}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

.ftrs-acc .ftrs-acc-card:focus-visible {
    outline:
        3px solid
        rgba(109, 74, 255, 0.28);

    outline-offset:
        3px;
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1100px) {

    .ftrs-acc__grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 14px;
    }

    .ftrs-acc .ftrs-acc-card {
        padding:
            20px
            18px
            18px;
    }

    .ftrs-acc-card::before {
        left: 18px;
        right: 18px;
    }

    .ftrs-acc .ftrs-acc-card__title {
        font-size:
            16px
            !important;
    }

    .ftrs-acc .ftrs-acc-card__desc {
        font-size:
            13px
            !important;
    }

}


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

@media (max-width: 900px) {

    .ftrs-acc {
        padding:
            72px
            20px;
    }

    .ftrs-acc__head {
        margin-bottom:
            42px;
    }

    .ftrs-acc__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;
    }

    .ftrs-acc .ftrs-acc-card {
        min-height:
            285px;
    }

}


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

@media (max-width: 600px) {

    .ftrs-acc {
        padding:
            58px
            16px;
    }

    .ftrs-acc__head {
        margin-bottom:
            32px;

        text-align:
            left;
    }

    .ftrs-acc__eyebrow {
        margin-bottom:
            15px;

        padding:
            6px
            10px;

        font-size:
            10.5px;
    }

    .ftrs-acc .ftrs-acc__title {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            clamp(31px, 9vw, 39px)
            !important;

        line-height:
            1.08
            !important;

        text-wrap:
            pretty;
    }

    .ftrs-acc .ftrs-acc__sub {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            15.5px
            !important;

        line-height:
            1.65
            !important;
    }


    /* Una card por fila */

    .ftrs-acc__grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    .ftrs-acc .ftrs-acc-card {
        min-height:
            0;

        padding:
            20px;

        border-radius:
            15px;
    }

    .ftrs-acc-card::before {
        left: 20px;
        right: 20px;
    }

    .ftrs-acc-card__logo {
        width:
            45px;

        height:
            45px;

        margin-bottom:
            16px;
    }

    .ftrs-acc .ftrs-acc-card__title {
        font-size:
            17px
            !important;
    }

    .ftrs-acc .ftrs-acc-card__desc {
        margin-bottom:
            18px
            !important;

        font-size:
            13.5px
            !important;
    }

    .ftrs-acc-card__cta {
        font-size:
            12.5px;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 390px) {

    .ftrs-acc {
        padding-left:
            14px;

        padding-right:
            14px;
    }

    .ftrs-acc .ftrs-acc__title {
        font-size:
            30px
            !important;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .ftrs-acc-card,
    .ftrs-acc-card::before,
    .ftrs-acc-card::after,
    .ftrs-acc-card__arrow {
        transition:
            none
            !important;
    }

    .ftrs-acc-card:hover,
    .ftrs-acc-card:hover .ftrs-acc-card__arrow {
        transform:
            none
            !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94afb0c *//* =========================================================
   FINANTRES MÉXICO · PILARES / ARQUITECTURA INTERNA
   ========================================================= */

.finantres-mx-pillars,
.finantres-mx-pillars * {
    box-sizing: border-box;
}


/* =========================================================
   VARIABLES + SECCIÓN
   ========================================================= */

.finantres-mx-pillars {
    --fmx-bg: #F7FBF8;
    --fmx-surface: #FFFFFF;
    --fmx-soft: #EEF7F1;
    --fmx-purple-soft: #F1EEFF;

    --fmx-ink: #0E2A1E;
    --fmx-muted: #536159;
    --fmx-muted-soft: #718078;

    --fmx-green: #0E7C57;
    --fmx-green-2: #16A07A;
    --fmx-purple: #6D4AFF;

    --fmx-border: #DCE8E0;
    --fmx-border-strong: #CADBD0;

    --fmx-gradient:
        linear-gradient(
            90deg,
            #0E7C57 0%,
            #6D4AFF 100%
        );

    --fmx-shadow:
        0 10px 30px rgba(14, 42, 30, 0.045),
        0 2px 7px rgba(14, 42, 30, 0.02);

    position: relative;

    width: 100%;

    padding:
        88px
        24px;

    overflow: hidden;

    background:
        var(--fmx-bg);

    color:
        var(--fmx-ink);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    isolation: isolate;
}


/* =========================================================
   FONDO
   ========================================================= */

.finantres-mx-pillars::before,
.finantres-mx-pillars::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.finantres-mx-pillars::before {
    width: 560px;
    height: 560px;

    top: -300px;
    right: -220px;

    background:
        radial-gradient(
            circle,
            rgba(109, 74, 255, 0.075),
            transparent 70%
        );
}


.finantres-mx-pillars::after {
    width: 540px;
    height: 540px;

    bottom: -300px;
    left: -230px;

    background:
        radial-gradient(
            circle,
            rgba(14, 124, 87, 0.075),
            transparent 72%
        );
}


/* Reset local */

.finantres-mx-pillars h2,
.finantres-mx-pillars h3,
.finantres-mx-pillars p,
.finantres-mx-pillars ul {
    margin-top: 0;
}

.finantres-mx-pillars a {
    text-decoration: none;
}


/* =========================================================
   INNER
   ========================================================= */

.finantres-mx-pillars__inner {
    position: relative;

    z-index: 1;

    width: 100%;
    max-width: 1240px;

    margin:
        0
        auto;
}


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

.finantres-mx-pillars__head {
    max-width: 820px;

    margin:
        0
        auto
        50px;

    text-align: center;
}


/* Eyebrow */

.finantres-mx-pillars__eyebrow {
    display: inline-flex;

    align-items: center;

    margin-bottom:
        17px;

    padding:
        7px
        13px;

    border:
        1px solid
        rgba(109, 74, 255, 0.15);

    border-radius:
        999px;

    background:
        var(--fmx-purple-soft);

    color:
        var(--fmx-purple);

    font-size:
        11.5px;

    font-weight:
        800;

    line-height:
        1.2;

    letter-spacing:
        0.07em;

    text-transform:
        uppercase;
}


/* H2 */

.finantres-mx-pillars .finantres-mx-pillars__head h2 {
    max-width: 820px;

    margin:
        0
        auto
        17px
        !important;

    color:
        var(--fmx-ink)
        !important;

    font-size:
        clamp(34px, 4vw, 50px)
        !important;

    font-weight:
        820
        !important;

    line-height:
        1.08
        !important;

    letter-spacing:
        -0.037em
        !important;

    text-wrap:
        balance;
}


.finantres-mx-pillars__head h2 em {
    font-style:
        normal;

    font-weight:
        inherit;

    background:
        var(--fmx-gradient);

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    color:
        transparent;
}


/* Subtítulo */

.finantres-mx-pillars .finantres-mx-pillars__sub {
    max-width:
        760px;

    margin:
        0
        auto
        !important;

    color:
        var(--fmx-muted)
        !important;

    font-size:
        16.5px
        !important;

    font-weight:
        400;

    line-height:
        1.7
        !important;
}


/* =========================================================
   GRID
   ========================================================= */

.finantres-mx-pillars__grid {
    display: grid;

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

    gap:
        16px;

    margin: 0;

    padding: 0;
}


/* =========================================================
   PILAR
   ========================================================= */

.finantres-mx-pillar {
    position: relative;

    display: flex;
    flex-direction: column;

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

    padding:
        22px
        20px
        19px;

    overflow: hidden;

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

    border-radius:
        16px;

    background:
        rgba(255, 255, 255, 0.9);

    box-shadow:
        var(--fmx-shadow);

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


/* Línea superior editorial */

.finantres-mx-pillar::before {
    content: "";

    position: absolute;

    top: 0;
    left: 20px;
    right: 20px;

    height: 2px;

    border-radius:
        0
        0
        2px
        2px;

    background:
        var(--fmx-gradient);

    opacity:
        0.28;

    transition:
        opacity 0.18s ease;
}


.finantres-mx-pillar:hover {
    transform:
        translateY(-3px);

    border-color:
        var(--fmx-border-strong);

    background:
        #FFFFFF;

    box-shadow:
        0 17px 40px
        rgba(14, 42, 30, 0.075);
}


.finantres-mx-pillar:hover::before {
    opacity:
        0.8;
}


/* =========================================================
   CABECERA DEL PILAR
   ========================================================= */

.finantres-mx-pillar__head {
    display: flex;

    align-items: center;

    gap:
        11px;

    margin-bottom:
        15px;
}


/* Icono */

.finantres-mx-pillar__icon {
    display: inline-flex;

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

    flex:
        0
        0
        auto;

    width:
        40px;

    height:
        40px;

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

    border-radius:
        11px;

    background:
        var(--fmx-soft);

    color:
        var(--fmx-green);

    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background-color 0.18s ease;
}


.finantres-mx-pillar__icon svg {
    display:
        block;

    width:
        19px;

    height:
        19px;

    stroke:
        currentColor;
}


.finantres-mx-pillar:hover .finantres-mx-pillar__icon {
    border-color:
        rgba(14, 124, 87, 0.17);

    background:
        #F3F9F5;

    color:
        var(--fmx-green);
}


/* H3 */

.finantres-mx-pillars .finantres-mx-pillar__title {
    margin:
        0
        !important;

    color:
        var(--fmx-ink)
        !important;

    font-size:
        17px
        !important;

    font-weight:
        800
        !important;

    line-height:
        1.25
        !important;

    letter-spacing:
        -0.018em
        !important;

    text-transform:
        none
        !important;
}


/* =========================================================
   LISTA DE ENLACES
   ========================================================= */

.finantres-mx-pillar__list {
    display: flex;
    flex-direction: column;

    flex:
        1 1
        auto;

    gap:
        0;

    margin:
        0
        0
        15px
        !important;

    padding:
        0;

    list-style:
        none;
}


.finantres-mx-pillar__list li {
    margin:
        0;

    padding:
        0;
}


/* Enlace individual */

.finantres-mx-pillars .finantres-mx-pillar__list a {
    position: relative;

    display: block;

    width:
        100%;

    padding:
        8px
        4px
        8px
        14px;

    border-bottom:
        1px solid
        rgba(220, 232, 224, 0.72);

    color:
        var(--fmx-muted)
        !important;

    font-size:
        13px
        !important;

    font-weight:
        540
        !important;

    line-height:
        1.38
        !important;

    text-decoration:
        none
        !important;

    text-transform:
        none
        !important;

    transition:
        color 0.16s ease,
        padding-left 0.16s ease;
}


/* Punto semántico */

.finantres-mx-pillar__list a::before {
    content: "";

    position: absolute;

    top:
        14px;

    left:
        1px;

    width:
        4px;

    height:
        4px;

    border-radius:
        50%;

    background:
        var(--fmx-purple);

    opacity:
        0.42;

    transition:
        background-color 0.16s ease,
        opacity 0.16s ease,
        transform 0.16s ease;
}


.finantres-mx-pillar__list li:last-child a {
    border-bottom:
        none;
}


/* Hover del enlace */

.finantres-mx-pillars .finantres-mx-pillar__list a:hover {
    padding-left:
        17px;

    color:
        var(--fmx-green)
        !important;
}


.finantres-mx-pillar__list a:hover::before {
    background:
        var(--fmx-green-2);

    opacity:
        1;

    transform:
        scale(1.35);
}


/* =========================================================
   CTA HACIA HUB
   ========================================================= */

.finantres-mx-pillars .finantres-mx-pillar__cta {
    display: flex
        !important;

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

    width:
        100%;

    gap:
        12px;

    margin-top:
        auto;

    padding-top:
        14px;

    border-top:
        1px solid
        var(--fmx-border);

    color:
        var(--fmx-green)
        !important;

    font-size:
        12.5px
        !important;

    font-weight:
        750
        !important;

    line-height:
        1.3;

    text-decoration:
        none
        !important;

    text-transform:
        none
        !important;

    transition:
        color 0.16s ease;
}


.finantres-mx-pillar__cta svg {
    flex:
        0
        0
        auto;

    width:
        15px;

    height:
        15px;

    transition:
        transform 0.16s ease;

    stroke:
        currentColor;
}


.finantres-mx-pillars .finantres-mx-pillar__cta:hover {
    color:
        var(--fmx-purple)
        !important;
}


.finantres-mx-pillar__cta:hover svg {
    transform:
        translateX(3px);
}


/* =========================================================
   FOCUS ACCESIBLE
   ========================================================= */

.finantres-mx-pillars a:focus-visible {
    outline:
        3px solid
        rgba(109, 74, 255, 0.25);

    outline-offset:
        3px;

    border-radius:
        5px;
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1180px) {

    .finantres-mx-pillars__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            16px;
    }

    .finantres-mx-pillar {
        padding:
            23px
            22px
            20px;
    }

    .finantres-mx-pillar::before {
        left:
            22px;

        right:
            22px;
    }

    .finantres-mx-pillars .finantres-mx-pillar__list a {
        font-size:
            13.5px
            !important;
    }

}


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

@media (max-width: 820px) {

    .finantres-mx-pillars {
        padding:
            72px
            20px;
    }

    .finantres-mx-pillars__head {
        margin-bottom:
            40px;
    }

}


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

@media (max-width: 600px) {

    .finantres-mx-pillars {
        padding:
            58px
            16px;
    }


    /* Header a la izquierda */

    .finantres-mx-pillars__head {
        margin-bottom:
            32px;

        text-align:
            left;
    }

    .finantres-mx-pillars__eyebrow {
        margin-bottom:
            15px;

        padding:
            6px
            10px;

        font-size:
            10.5px;
    }

    .finantres-mx-pillars .finantres-mx-pillars__head h2 {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            clamp(31px, 9vw, 39px)
            !important;

        line-height:
            1.08
            !important;

        text-wrap:
            pretty;
    }

    .finantres-mx-pillars .finantres-mx-pillars__sub {
        margin-left:
            0
            !important;

        margin-right:
            0
            !important;

        font-size:
            15.5px
            !important;

        line-height:
            1.65
            !important;
    }


    /* Una columna */

    .finantres-mx-pillars__grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            12px;
    }

    .finantres-mx-pillar {
        padding:
            20px;

        border-radius:
            15px;
    }

    .finantres-mx-pillar::before {
        left:
            20px;

        right:
            20px;
    }

    .finantres-mx-pillar__head {
        margin-bottom:
            12px;
    }

    .finantres-mx-pillar__icon {
        width:
            39px;

        height:
            39px;
    }

    .finantres-mx-pillar__icon svg {
        width:
            18px;

        height:
            18px;
    }

    .finantres-mx-pillars .finantres-mx-pillar__title {
        font-size:
            17px
            !important;
    }

    .finantres-mx-pillars .finantres-mx-pillar__list a {
        padding-top:
            8px;

        padding-bottom:
            8px;

        font-size:
            13.5px
            !important;

        line-height:
            1.4
            !important;
    }

    .finantres-mx-pillar__list a::before {
        top:
            14px;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 390px) {

    .finantres-mx-pillars {
        padding-left:
            14px;

        padding-right:
            14px;
    }

    .finantres-mx-pillars .finantres-mx-pillars__head h2 {
        font-size:
            30px
            !important;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .finantres-mx-pillar,
    .finantres-mx-pillar::before,
    .finantres-mx-pillar__icon,
    .finantres-mx-pillar__list a,
    .finantres-mx-pillar__list a::before,
    .finantres-mx-pillar__cta,
    .finantres-mx-pillar__cta svg {
        transition:
            none
            !important;
    }

    .finantres-mx-pillar:hover,
    .finantres-mx-pillar__cta:hover svg {
        transform:
            none
            !important;
    }

}/* End custom CSS */