.elementor-127 .elementor-element.elementor-element-afb86b3{--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-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-91a2d83 *//* =========================================================
   TRÉBOL, TU SUERTE
   HEADER GLOBAL

   PALETA OFICIAL:

   #8F00A2
   #35FF00
   #86DD00
   #0F1518
   #FFFFFF

   🔒 NO MODIFICAR
   ========================================================= */


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


/* =========================================================
   HEADER
   ========================================================= */

.tts-global-header {

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

    --tts-header-height: 82px;


    position: sticky;

    top: 0;

    z-index: 9999;


    width: 100%;


    background:

        linear-gradient(
            90deg,

            rgba(
                15,
                21,
                24,
                0.97
            ),

            rgba(
                15,
                21,
                24,
                0.93
            )
        );


    border-bottom:

        1px solid

        rgba(
            255,
            255,
            255,
            0.06
        );


    backdrop-filter:
        blur(18px);

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


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


    transition:

        box-shadow 0.3s ease,

        background 0.3s ease;
}


/* =========================================================
   HEADER AL HACER SCROLL
   ========================================================= */

.tts-global-header.tts-header-scrolled {

    background:
        rgba(
            15,
            21,
            24,
            0.985
        );


    box-shadow:

        0
        16px
        45px

        rgba(
            0,
            0,
            0,
            0.16
        );
}


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

.tts-header-inner {

    width:
        min(
            1280px,
            calc(
                100%
                -
                48px
            )
        );


    min-height:
        var(--tts-header-height);


    margin:
        0
        auto;


    display: flex;


    align-items: center;


    justify-content:
        space-between;


    gap: 28px;
}


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

.tts-header-logo {

    position: relative;


    z-index: 5;


    min-width: 150px;


    display: inline-flex;


    align-items: center;


    text-decoration:
        none !important;
}


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

.tts-header-logo-image {

    display: none;


    width: 150px;

    max-width: 19px;

    height: 40px;


    object-fit: contain;
}


.tts-global-header.tts-has-official-logo
.tts-header-logo-image {

    display: block;
}


/* =========================================================
   TEXTO TEMPORAL

   DESAPARECE CUANDO SE COLOCA EL LOGO OFICIAL
   ========================================================= */

.tts-header-logo-fallback {

    display: flex;


    flex-direction: column;


    color:
        var(--tts-white);


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


    font-size: 20px;

    line-height: 0.90;


    font-weight: 900;


    letter-spacing:
        -0.04em;
}


.tts-header-logo-fallback strong {

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


    font-size: 24px;
}


.tts-header-logo-fallback small {

    margin-top: 4px;


    color:
        rgba(
            255,
            255,
            255,
            0.70
        );


    font-size: 10px;


    letter-spacing:
        0.10em;


    text-transform:
        uppercase;
}


.tts-global-header.tts-has-official-logo
.tts-header-logo-fallback {

    display: none;
}


/* =========================================================
   NAVEGACIÓN DESKTOP
   ========================================================= */

.tts-header-nav {

    display: flex;


    align-items: center;


    justify-content: center;


    gap: 2px;


    margin-left: auto;
}


/* =========================================================
   ENLACES DEL MENÚ
   ========================================================= */

.tts-header-nav-link {

    position: relative;


    min-height: 42px;


    display: inline-flex;


    align-items: center;


    justify-content: center;


    padding:
        0
        12px;


    border-radius: 999px;


    color:

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


    text-decoration:
        none !important;


    font-size: 11px;

    line-height: 1;


    font-weight: 750;


    white-space: nowrap;


    transition:

        color 0.25s ease,

        background 0.25s ease;
}


.tts-header-nav-link:hover {

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


    background:

        rgba(
            255,
            255,
            255,
            0.055
        );
}


/* =========================================================
   ENLACE ACTIVO
   ========================================================= */

.tts-header-nav-link.tts-nav-active {

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


    background:

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


.tts-header-nav-link.tts-nav-active::after {

    content: "";


    position: absolute;


    left: 50%;

    bottom: 4px;


    width: 5px;
    height: 5px;


    transform:
        translateX(-50%);


    border-radius: 50%;


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


    box-shadow:

        0
        0
        12px

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


/* =========================================================
   ACCIONES DERECHA
   ========================================================= */

.tts-header-actions {

    display: flex;


    align-items: center;


    gap: 10px;
}


/* =========================================================
   BOTÓN PRINCIPAL
   ========================================================= */

.tts-header-cta {

    min-height: 46px;


    display: inline-flex;


    align-items: center;


    justify-content: center;


    gap: 9px;


    padding:
        0
        19px;


    border-radius: 999px;


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


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


    text-decoration:
        none !important;


    font-size: 11px;

    line-height: 1;


    font-weight: 850;


    white-space: nowrap;


    box-shadow:

        0
        12px
        30px

        rgba(
            134,
            221,
            0,
            0.13
        );


    transition:

        transform 0.25s ease,

        background 0.25s ease,

        box-shadow 0.25s ease;
}


.tts-header-cta:hover {

    transform:
        translateY(-2px);


    background:
        var(--tts-green);


    box-shadow:

        0
        16px
        35px

        rgba(
            53,
            255,
            0,
            0.18
        );
}


.tts-header-cta-arrow {

    font-size: 17px;


    transition:
        transform 0.25s ease;
}


.tts-header-cta:hover
.tts-header-cta-arrow {

    transform:
        translateX(3px);
}


/* =========================================================
   BOTÓN MENÚ MÓVIL
   ========================================================= */

.tts-header-menu-toggle {

    width: 46px;
    height: 46px;


    display: none;


    align-items: center;


    justify-content: center;


    padding: 0;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.10
        );


    border-radius: 14px;


    background:

        rgba(
            255,
            255,
            255,
            0.045
        );


    cursor: pointer;
}


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

.tts-header-menu-icon {

    position: relative;


    width: 20px;
    height: 14px;
}


.tts-header-menu-icon::before,
.tts-header-menu-icon::after,
.tts-header-menu-icon span {

    content: "";


    position: absolute;


    left: 0;


    width: 100%;
    height: 2px;


    border-radius: 999px;


    background:
        var(--tts-white);


    transition:

        transform 0.3s ease,

        top 0.3s ease,

        opacity 0.3s ease;
}


.tts-header-menu-icon::before {

    top: 0;
}


.tts-header-menu-icon span {

    top: 6px;
}


.tts-header-menu-icon::after {

    top: 12px;
}


/* =========================================================
   MENÚ ABIERTO
   ========================================================= */

.tts-global-header.tts-menu-open
.tts-header-menu-icon::before {

    top: 6px;


    transform:
        rotate(45deg);
}


.tts-global-header.tts-menu-open
.tts-header-menu-icon span {

    opacity: 0;
}


.tts-global-header.tts-menu-open
.tts-header-menu-icon::after {

    top: 6px;


    transform:
        rotate(-45deg);
}


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

.tts-header-mobile-panel {

    position: fixed;


    left: 0;
    right: 0;

    top:
        var(--tts-header-height);


    height:
        calc(
            100vh
            -
            var(--tts-header-height)
        );


    z-index: 9998;


    overflow-y: auto;


    padding:
        22px
        18px
        35px;


    background:

        radial-gradient(
            circle at 100% 0%,

            rgba(
                143,
                0,
                162,
                0.20
            ),

            transparent 38%
        ),

        radial-gradient(
            circle at 0% 100%,

            rgba(
                134,
                221,
                0,
                0.08
            ),

            transparent 35%
        ),

        var(--tts-dark);


    opacity: 0;


    visibility: hidden;


    pointer-events: none;


    transform:
        translateY(-12px);


    transition:

        opacity 0.3s ease,

        visibility 0.3s ease,

        transform 0.3s ease;
}


.tts-global-header.tts-menu-open
.tts-header-mobile-panel {

    opacity: 1;


    visibility: visible;


    pointer-events: auto;


    transform:
        translateY(0);
}


/* =========================================================
   NAVEGACIÓN MÓVIL
   ========================================================= */

.tts-header-mobile-nav {

    display: flex;


    flex-direction: column;


    gap: 5px;
}


.tts-header-mobile-link {

    min-height: 55px;


    display: flex;


    align-items: center;


    justify-content:
        space-between;


    padding:
        0
        16px;


    border-bottom:

        1px solid

        rgba(
            255,
            255,
            255,
            0.07
        );


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


    text-decoration:
        none !important;


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


    font-size: 23px;

    line-height: 1;


    font-weight: 750;
}


.tts-header-mobile-link span {

    color:

        rgba(
            255,
            255,
            255,
            0.25
        );


    font-size: 17px;
}


/* =========================================================
   ACCESOS RÁPIDOS MÓVIL
   ========================================================= */

.tts-header-mobile-tools {

    display: grid;


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


    gap: 10px;


    margin-top: 24px;
}


.tts-header-mobile-tool {

    min-height: 90px;


    display: flex;


    flex-direction: column;


    justify-content:
        flex-end;


    gap: 7px;


    padding: 15px;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.08
        );


    border-radius: 18px;


    background:

        rgba(
            255,
            255,
            255,
            0.04
        );


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


    text-decoration:
        none !important;


    font-size: 12px;

    line-height: 1.3;


    font-weight: 800;
}


.tts-header-mobile-tool small {

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


    font-size: 9px;


    letter-spacing:
        0.10em;


    text-transform:
        uppercase;
}


/* =========================================================
   BLOQUEO DEL SCROLL
   ========================================================= */

body.tts-menu-lock {

    overflow: hidden;
}


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

@media (max-width: 1120px) {

    .tts-header-nav {

        display: none;
    }


    .tts-header-menu-toggle {

        display: flex;
    }

}


@media (max-width: 767px) {

    .tts-global-header {

        --tts-header-height: 74px;
    }


    .tts-header-inner {

        width:
            calc(
                100%
                -
                30px
            );
    }


    .tts-header-logo-image {

        max-width: 155px;

        height: 42px;
    }


    .tts-header-logo {

        min-width: 0;
    }


    .tts-header-cta {

        display: none;
    }


    .tts-header-logo-fallback strong {

        font-size: 21px;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    .tts-global-header *,
    .tts-global-header *::before,
    .tts-global-header *::after {

        transition: none !important;
    }

}/* End custom CSS */