.elementor-131 .elementor-element.elementor-element-12ccbae{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-173dee2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-173dee2 *//* =========================================================
   TRÉBOL, TU SUERTE
   FOOTER GLOBAL

   =========================================================
   ✏️ GUÍA RÁPIDA PARA EL CLIENTE
   =========================================================

   TAMAÑO ACTUAL DEL LOGO:

   ESCRITORIO:
   width: 230px;

   PARA CAMBIARLO, BUSCAR:

   .tts-global-footer.tts-footer-has-logo
   .tts-footer-logo-image


   EN MÓVIL:

   EL FOOTER SE CENTRA AUTOMÁTICAMENTE.

   🔒 NO MODIFICAR OTRAS PARTES SIN CONOCIMIENTOS TÉCNICOS.

   ========================================================= */


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

.tts-global-footer,
.tts-global-footer * {
    box-sizing: border-box;
}


/* =========================================================
   FOOTER
   ========================================================= */

.tts-global-footer {

    --tts-purple: #8F00A2;
    --tts-green: #35FF00;
    --tts-green-soft: #86DD00;
    --tts-dark: #0F1518;
    --tts-white: #FFFFFF;


    position: relative;


    width: 100%;


    overflow: hidden;


    padding:
        66px
        24px
        24px;


    background:

        radial-gradient(
            circle at 8% 0%,

            rgba(
                143,
                0,
                162,
                0.17
            ),

            transparent 30%
        ),

        radial-gradient(
            circle at 96% 100%,

            rgba(
                134,
                221,
                0,
                0.08
            ),

            transparent 30%
        ),

        var(--tts-dark);


    border-top:

        1px solid

        rgba(
            255,
            255,
            255,
            0.06
        );


    font-family:
        "Montserrat",
        "Kanit",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


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

.tts-footer-inner {

    position: relative;


    z-index: 2;


    width:
        min(
            1280px,
            100%
        );


    margin:
        0
        auto;
}


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

.tts-footer-grid {

    display: grid;


    grid-template-columns:

        minmax(
            260px,
            1.35fr
        )

        repeat(
            3,
            minmax(
                140px,
                0.65fr
            )
        );


    gap:
        46px
        36px;


    padding-bottom: 48px;
}


/* =========================================================
   MARCA
   ========================================================= */

.tts-footer-brand {

    max-width: 350px;
}


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

.tts-footer-logo {

    display: inline-flex;


    align-items: center;


    margin-bottom: 19px;


    text-decoration:
        none !important;
}


/* =========================================================
   IMAGEN DEL LOGO
   ========================================================= */

.tts-footer-logo-image {

    display: none;


    width: auto;

    max-width: 205px;

    height: 58px;


    object-fit: contain;
}


/* =========================================================
   ✏️ TAMAÑO DEL LOGO OFICIAL

   CAMBIAR:

   width: 230px;

   EJEMPLO:

   width: 260px;
   ========================================================= */

.tts-global-footer.tts-footer-has-logo
.tts-footer-logo-image {

    width: 230px;

    display: block;
}


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

.tts-footer-logo-fallback {

    display: flex;


    flex-direction: column;


    color:
        var(--tts-white);


    font-family:
        "Kanit",
        "Montserrat",
        system-ui,
        sans-serif;


    line-height: 0.9;
}


.tts-footer-logo-fallback strong {

    color:
        var(--tts-green-soft);


    font-size: 30px;


    font-weight: 900;
}


.tts-footer-logo-fallback small {

    margin-top: 5px;


    color:

        rgba(
            255,
            255,
            255,
            0.60
        );


    font-size: 10px;


    letter-spacing:
        0.12em;


    text-transform:
        uppercase;
}


.tts-global-footer.tts-footer-has-logo
.tts-footer-logo-fallback {

    display: none;
}


/* =========================================================
   DESCRIPCIÓN DE MARCA
   ========================================================= */

.tts-footer-brand-text {

    max-width: 330px;


    margin:
        0
        0
        22px;


    color:

        rgba(
            255,
            255,
            255,
            0.50
        );


    font-size: 13px;

    line-height: 1.65;
}


/* =========================================================
   SELLO DE CONFIANZA
   ========================================================= */

.tts-footer-trust {

    display: inline-flex;


    align-items: center;


    gap: 9px;


    padding:
        10px
        13px;


    border:

        1px solid

        rgba(
            134,
            221,
            0,
            0.13
        );


    border-radius: 999px;


    background:

        rgba(
            134,
            221,
            0,
            0.045
        );


    color:

        rgba(
            255,
            255,
            255,
            0.63
        );


    font-size: 10px;

    line-height: 1.2;


    font-weight: 700;
}


.tts-footer-trust-dot {

    width: 7px;
    height: 7px;


    flex:
        0
        0
        7px;


    border-radius: 50%;


    background:
        var(--tts-green-soft);


    box-shadow:

        0
        0
        13px

        rgba(
            134,
            221,
            0,
            0.60
        );
}


/* =========================================================
   COLUMNAS DE ENLACES
   ========================================================= */

.tts-footer-column-title {

    margin:
        0
        0
        18px;


    color:
        var(--tts-white);


    font-size: 11px;

    line-height: 1;


    font-weight: 850;


    letter-spacing:
        0.13em;


    text-transform:
        uppercase;
}


.tts-footer-column-title::after {

    content: "";


    display: block;


    width: 24px;
    height: 2px;


    margin-top: 10px;


    background:
        var(--tts-green-soft);
}


/* =========================================================
   LISTAS
   ========================================================= */

.tts-footer-links {

    display: flex;


    flex-direction: column;


    align-items: flex-start;


    gap: 11px;
}


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

.tts-footer-link {

    position: relative;


    color:

        rgba(
            255,
            255,
            255,
            0.50
        ) !important;


    text-decoration:
        none !important;


    font-size: 12px;

    line-height: 1.45;


    transition:

        color 0.25s ease,

        transform 0.25s ease;
}


.tts-footer-link:hover {

    color:
        var(--tts-white) !important;


    transform:
        translateX(3px);
}


/* =========================================================
   ENLACE DESTACADO
   ========================================================= */

.tts-footer-link--highlight {

    color:
        var(--tts-green-soft) !important;


    font-weight: 750;
}


/* =========================================================
   CONTACTO
   ========================================================= */

.tts-footer-contact {

    margin-top: 19px;


    padding-top: 17px;


    border-top:

        1px solid

        rgba(
            255,
            255,
            255,
            0.07
        );
}


.tts-footer-contact-label {

    display: block;


    margin-bottom: 7px;


    color:

        rgba(
            255,
            255,
            255,
            0.30
        );


    font-size: 9px;


    letter-spacing:
        0.10em;


    text-transform:
        uppercase;
}


.tts-footer-contact-link {

    color:
        var(--tts-white) !important;


    text-decoration:
        none !important;


    font-size: 11px;

    line-height: 1.4;


    font-weight: 700;


    overflow-wrap:
        anywhere;
}


/* =========================================================
   BARRA INFERIOR
   ========================================================= */

.tts-footer-bottom {

    min-height: 56px;


    display: flex;


    align-items: center;


    justify-content:
        space-between;


    gap: 24px;


    padding-top: 20px;


    border-top:

        1px solid

        rgba(
            255,
            255,
            255,
            0.07
        );


    color:

        rgba(
            255,
            255,
            255,
            0.32
        );


    font-size: 10px;

    line-height: 1.5;
}


/* =========================================================
   DETALLE FINAL
   ========================================================= */

.tts-footer-bottom-note {

    display: inline-flex;


    align-items: center;


    gap: 8px;
}


.tts-footer-bottom-note::before {

    content: "";


    width: 5px;
    height: 5px;


    flex:
        0
        0
        5px;


    border-radius: 50%;


    background:
        var(--tts-purple);
}


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

@media (max-width: 1024px) {

    .tts-footer-grid {

        grid-template-columns:

            minmax(
                260px,
                1.2fr
            )

            repeat(
                2,
                minmax(
                    150px,
                    0.8fr
                )
            );
    }


    .tts-footer-column:last-child {

        grid-column: 2;
    }

}


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

   TODO EL CONTENIDO SE CENTRA AQUÍ.
   ========================================================= */

@media (max-width: 767px) {

    /* =============================================
       FOOTER
       ============================================= */

    .tts-global-footer {

        padding:
            54px
            17px
            20px;


        text-align: center;
    }


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

    .tts-footer-grid {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );


        gap:
            38px
            22px;


        padding-bottom: 38px;
    }


    /* =============================================
       BLOQUE DE MARCA
       ============================================= */

    .tts-footer-brand {

        grid-column:
            1
            /
            -1;


        width: 100%;


        max-width: none;


        display: flex;


        flex-direction: column;


        align-items: center;


        justify-content: center;


        text-align: center;
    }


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

    .tts-footer-logo {

        display: flex;


        justify-content: center;


        align-items: center;


        margin:
            0
            auto
            19px;
    }


    .tts-global-footer.tts-footer-has-logo
    .tts-footer-logo-image {

        margin:
            0
            auto;
    }


    /* =============================================
       TEXTO DE MARCA CENTRADO
       ============================================= */

    .tts-footer-brand-text {

        max-width: 430px;


        margin:
            0
            auto
            22px;


        text-align: center;
    }


    /* =============================================
       SELLO DE CONFIANZA CENTRADO
       ============================================= */

    .tts-footer-trust {

        justify-content: center;


        margin:
            0
            auto;
    }


    /* =============================================
       COLUMNAS CENTRADAS
       ============================================= */

    .tts-footer-column {

        width: 100%;


        text-align: center;
    }


    .tts-footer-column:last-child {

        grid-column: auto;
    }


    /* =============================================
       TÍTULOS CENTRADOS
       ============================================= */

    .tts-footer-column-title {

        text-align: center;
    }


    /* =============================================
       LÍNEA VERDE CENTRADA
       ============================================= */

    .tts-footer-column-title::after {

        margin:
            10px
            auto
            0;
    }


    /* =============================================
       LISTAS DE ENLACES CENTRADAS
       ============================================= */

    .tts-footer-links {

        align-items: center;


        justify-content: center;


        text-align: center;
    }


    /* =============================================
       ENLACES CENTRADOS
       ============================================= */

    .tts-footer-link {

        text-align: center;
    }


    /* =============================================
       HOVER EN MÓVIL

       EVITAMOS EL MOVIMIENTO HACIA LA DERECHA
       PORQUE ROMPE LA ALINEACIÓN CENTRAL.
       ============================================= */

    .tts-footer-link:hover {

        transform:
            translateY(-1px);
    }


    /* =============================================
       CONTACTO CENTRADO
       ============================================= */

    .tts-footer-contact {

        width: 100%;


        text-align: center;
    }


    .tts-footer-contact-label,
    .tts-footer-contact-link {

        text-align: center;
    }


    /* =============================================
       BARRA INFERIOR CENTRADA
       ============================================= */

    .tts-footer-bottom {

        flex-direction: column;


        align-items: center;


        justify-content: center;


        gap: 9px;


        text-align: center;
    }


    /* =============================================
       MENSAJE FINAL CENTRADO
       ============================================= */

    .tts-footer-bottom-note {

        justify-content: center;


        text-align: center;
    }

}


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

   TODO PASA A UNA SOLA COLUMNA.
   ========================================================= */

@media (max-width: 420px) {

    .tts-footer-grid {

        grid-template-columns: 1fr;


        gap: 32px;
    }


    .tts-footer-brand {

        grid-column: auto;
    }


    /* =============================================
       LAS COLUMNAS OCUPAN TODO EL ANCHO
       Y SE MANTIENEN CENTRADAS
       ============================================= */

    .tts-footer-column {

        width: 100%;


        display: flex;


        flex-direction: column;


        align-items: center;
    }


    .tts-footer-links {

        width: 100%;


        align-items: center;
    }


    .tts-footer-contact {

        max-width: 320px;


        margin:
            19px
            auto
            0;
    }

}/* End custom CSS */