.elementor-107 .elementor-element.elementor-element-2f08a90{--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-107 .elementor-element.elementor-element-812e47c{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-107 .elementor-element.elementor-element-9abb4f6{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-107 .elementor-element.elementor-element-6919357{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-107 .elementor-element.elementor-element-a2d026b{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-107 .elementor-element.elementor-element-fb95d6d{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2960f5c *//* =========================================================
   RESET LOCAL
   ========================================================= */

.tts-hero-casino,
.tts-hero-casino * {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.tts-hero-casino {

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

    --tts-gold: #D5B45C;
    --tts-gold-light: #F1DA94;
    --tts-gold-dark: #9F7726;

    --tts-cream: #F5EFDD;

    --tts-cream-soft:
        rgba(
            245,
            239,
            221,
            0.78
        );


    position: relative;

    width: 100%;


    min-height:
        min(
            850px,
            calc(
                100vh
                -
                70px
            )
        );


    overflow: hidden;


    display: flex;

    align-items: center;


    padding:
        62px
        24px
        50px;


    background:

        radial-gradient(
            circle at 50% 43%,

            rgba(
                53,
                255,
                0,
                0.095
            ),

            transparent 24%
        ),

        radial-gradient(
            circle at 15% 43%,

            rgba(
                143,
                0,
                162,
                0.13
            ),

            transparent 32%
        ),

        radial-gradient(
            circle at 85% 42%,

            rgba(
                213,
                180,
                92,
                0.07
            ),

            transparent 32%
        ),

        linear-gradient(
            135deg,

            #080E12 0%,

            #0B1116 24%,

            #0B1915 52%,

            #0B1216 75%,

            #080D11 100%
        );


    font-family:
        "Montserrat",
        Arial,
        sans-serif;


    isolation: isolate;
}


/* =========================================================
   TEXTURA
   ========================================================= */

.tts-hero-casino::before {

    content: "";

    position: absolute;

    inset: 0;


    z-index: -6;


    background:

        linear-gradient(
            118deg,

            transparent 0%,

            transparent 48%,

            rgba(
                255,
                255,
                255,
                0.012
            )
            49%,

            transparent 50%
        );


    background-size:
        230px
        230px;


    opacity: 0.40;


    pointer-events: none;
}


/* =========================================================
   LUZ DORADA
   ========================================================= */

.tts-hero-casino::after {

    content: "";

    position: absolute;


    right: -18%;

    top: -26%;


    width: 65%;
    height: 140%;


    z-index: -5;


    background:

        linear-gradient(
            132deg,

            transparent 18%,

            rgba(
                241,
                218,
                148,
                0.015
            )
            34%,

            rgba(
                241,
                218,
                148,
                0.09
            )
            50%,

            rgba(
                255,
                255,
                255,
                0.018
            )
            61%,

            transparent 78%
        );


    transform:
        rotate(10deg);


    filter:
        blur(5px);


    pointer-events: none;
}


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

.tts-hero-casino-inner {

    position: relative;

    z-index: 10;


    width:
        min(
            1440px,
            100%
        );


    margin:
        0
        auto;
}


/* =========================================================
   COMPOSICIÓN PRINCIPAL
   ========================================================= */

.tts-hero-casino-main {

    position: relative;


    min-height: 570px;


    display: grid;


    grid-template-columns:

        minmax(
            250px,
            0.85fr
        )

        minmax(
            390px,
            1.35fr
        )

        minmax(
            250px,
            0.85fr
        );


    align-items: center;


    gap: 34px;
}


/* =========================================================
   =========================================================
   TEXTOS LATERALES
   =========================================================
   ========================================================= */

.tts-hero-copy {

    position: relative;

    z-index: 15;


    width: 100%;

    min-width: 0;


    display: flex;

    flex-direction: column;


    align-items: center;

    justify-content: center;


    text-align: center;


    opacity: 0;


    transition:

        opacity
        0.9s
        ease,

        transform
        0.9s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}


.tts-hero-copy--left {

    transform:
        translateX(-30px);
}


.tts-hero-copy--right {

    transform:
        translateX(30px);
}


.tts-hero-casino.tts-hero-visible
.tts-hero-copy {

    opacity: 1;


    transform:
        translateX(0);
}


/* =========================================================
   ORNAMENTOS
   ========================================================= */

.tts-hero-copy-ornament {

    width:
        min(
            170px,
            72%
        );


    display: flex;

    align-items: center;

    justify-content: center;


    gap: 11px;
}


.tts-hero-copy-ornament--top {

    margin:
        0
        auto
        20px;
}


.tts-hero-copy-ornament--bottom {

    margin:
        22px
        auto
        0;
}


.tts-hero-copy-ornament::before,
.tts-hero-copy-ornament::after {

    content: "";


    flex:
        1
        1
        auto;


    max-width: 52px;


    height: 1px;


    background:

        linear-gradient(
            90deg,

            transparent,

            rgba(
                213,
                180,
                92,
                0.78
            )
        );
}


.tts-hero-copy-ornament::after {

    transform:
        scaleX(-1);
}


.tts-hero-copy-ornament-dot {

    width: 7px;
    height: 7px;


    flex:
        0
        0
        7px;


    border-radius: 50%;


    background:
        var(--tts-gold-light);


    box-shadow:

        0
        0
        15px

        rgba(
            213,
            180,
            92,
            0.70
        );
}


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

.tts-hero-copy-title {

    width: 100%;


    max-width: 390px;


    margin: 0;


    display: flex;

    flex-direction: column;


    align-items: center;


    gap: 7px;


    text-align: center;


    font-family:
        "Kanit",
        "Montserrat",
        Arial,
        sans-serif;


    font-size:
        clamp(
            40px,
            4vw,
            65px
        );


    line-height: 1.02;


    font-weight: 800;


    letter-spacing:
        -0.022em;


    text-transform:
        uppercase;


    text-wrap:
        balance;
}


.tts-hero-copy-kicker {

    display: block;


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


    font-size: 0.56em;


    line-height: 1.15;


    font-weight: 650;


    letter-spacing:
        0.012em;


    text-align: center;
}


.tts-hero-copy-main {

    display: block;


    color:
        var(--tts-cream);


    line-height: 1.03;


    text-align: center;
}


.tts-hero-copy-gold {

    display: block;


    margin-top: 2px;


    color:
        var(--tts-gold-light);


    line-height: 1;


    text-align: center;


    text-shadow:

        0
        12px
        25px
        rgba(
            0,
            0,
            0,
            0.30
        ),

        0
        0
        25px
        rgba(
            213,
            180,
            92,
            0.10
        );
}


.tts-hero-copy-green {

    display: block;


    margin-top: 3px;


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


    line-height: 1;


    text-align: center;


    text-shadow:

        0
        0
        25px
        rgba(
            134,
            221,
            0,
            0.15
        ),

        0
        12px
        25px
        rgba(
            0,
            0,
            0,
            0.30
        );
}


/* =========================================================
   =========================================================
   CENTRO
   =========================================================
   ========================================================= */

.tts-hero-center {

    position: relative;

    z-index: 12;


    min-width: 0;


    display: flex;

    align-items: center;

    justify-content: center;


    opacity: 0;


    transform:
        translateY(24px)
        scale(0.97);


    transition:

        opacity
        1s
        ease,

        transform
        1s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}


.tts-hero-casino.tts-hero-visible
.tts-hero-center {

    opacity: 1;


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


/* =========================================================
   ESCENA DEL ISOTIPO
   ========================================================= */

.tts-hero-isotype-stage {

    position: relative;


    width:
        min(
            590px,
            100%
        );


    aspect-ratio:
        1
        /
        0.98;


    display: flex;

    align-items: center;

    justify-content: center;


    transition:
        transform
        0.25s
        ease-out;
}


/* =========================================================
   LUZ CENTRAL
   ========================================================= */

.tts-hero-isotype-stage::before {

    content: "";

    position: absolute;


    left: 50%;

    top: 44%;


    width: 80%;
    height: 80%;


    transform:
        translate(
            -50%,
            -50%
        );


    border-radius: 50%;


    background:

        radial-gradient(
            circle,

            rgba(
                134,
                221,
                0,
                0.17
            )
            0%,

            rgba(
                53,
                255,
                0,
                0.045
            )
            38%,

            transparent 70%
        );


    filter:
        blur(6px);


    animation:
        ttsHeroGlow
        5s
        ease-in-out
        infinite;


    pointer-events: none;
}


/* =========================================================
   ANILLO
   ========================================================= */

.tts-hero-isotype-ring {

    position: absolute;


    left: 50%;

    top: 44%;


    width: 75%;
    height: 75%;


    transform:
        translate(
            -50%,
            -50%
        );


    border-radius: 50%;


    border:

        1px solid

        rgba(
            213,
            180,
            92,
            0.25
        );


    box-shadow:

        0
        0
        80px
        rgba(
            134,
            221,
            0,
            0.05
        ),

        inset
        0
        0
        70px
        rgba(
            143,
            0,
            162,
            0.025
        );


    pointer-events: none;
}


.tts-hero-isotype-ring::before {

    content: "";


    position: absolute;


    inset: 7%;


    border-radius: inherit;


    border:

        1px solid

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


/* =========================================================
   ISOTIPO
   ========================================================= */

.tts-hero-isotype {

    position: relative;

    z-index: 5;


    display: none;


    width:
        min(
            420px,
            72%
        );


    max-height: 420px;


    object-fit: contain;


    transform:
        translateY(-18px);


    filter:

        drop-shadow(
            0
            35px
            45px
            rgba(
                0,
                0,
                0,
                0.38
            )
        )

        drop-shadow(
            0
            0
            25px
            rgba(
                134,
                221,
                0,
                0.10
            )
        );


    animation:
        ttsHeroIsotypeFloat
        6s
        ease-in-out
        infinite;
}


.tts-hero-casino.tts-has-isotype
.tts-hero-isotype {

    display: block;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.tts-hero-isotype-placeholder {

    position: relative;

    z-index: 5;


    width:
        min(
            330px,
            68%
        );


    aspect-ratio: 1;


    display: flex;

    flex-direction: column;


    align-items: center;

    justify-content: center;


    gap: 9px;


    border:

        1px dashed

        rgba(
            213,
            180,
            92,
            0.32
        );


    border-radius: 50%;


    color:
        var(--tts-gold-light);


    text-align: center;
}


.tts-hero-isotype-placeholder strong {

    font-size: 19px;

    line-height: 1;

    font-weight: 750;

    text-transform: uppercase;
}


.tts-hero-isotype-placeholder small {

    max-width: 170px;


    color:

        rgba(
            245,
            239,
            221,
            0.50
        );


    font-size: 10px;

    line-height: 1.45;
}


.tts-hero-casino.tts-has-isotype
.tts-hero-isotype-placeholder {

    display: none;
}


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

.tts-hero-brand-area {

    position: absolute;


    left: 50%;

    bottom: 0;


    z-index: 15;


    width:
        min(
            330px,
            70%
        );


    min-height: 76px;


    transform:
        translateX(-50%);


    display: flex;

    align-items: center;

    justify-content: center;
}


.tts-hero-brand-logo {

    display: none;


    width: auto;

    max-width: 285px;

    max-height: 95px;


    object-fit: contain;


    filter:

        drop-shadow(
            0
            15px
            24px
            rgba(
                0,
                0,
                0,
                0.42
            )
        );
}


.tts-hero-casino.tts-has-brand-logo
.tts-hero-brand-logo {

    display: block;
}


/* =========================================================
   TEXTO TEMPORAL DEL LOGO
   ========================================================= */

.tts-hero-brand-fallback {

    display: flex;

    align-items: center;


    gap: 11px;


    white-space: nowrap;
}


.tts-hero-brand-fallback-line {

    width: 28px;
    height: 1px;


    background:

        linear-gradient(
            90deg,

            transparent,

            var(--tts-gold)
        );
}


.tts-hero-brand-fallback-line:last-child {

    transform:
        scaleX(-1);
}


.tts-hero-brand-fallback-text {

    color:

        rgba(
            245,
            239,
            221,
            0.72
        );


    font-size: 10px;


    line-height: 1;


    font-weight: 750;


    letter-spacing:
        0.22em;


    text-transform:
        uppercase;
}


.tts-hero-casino.tts-has-brand-logo
.tts-hero-brand-fallback {

    display: none;
}


/* =========================================================
   =========================================================
   POSICIONES FINALES DE PINES Y MONEDAS
   =========================================================
   ========================================================= */


/* =========================================================
   EL ORIGINAL PERMANECE OCULTO MIENTRAS CAE SU COPIA
   ========================================================= */

.tts-hero-custom-asset {

    position: absolute;

    z-index: 3;


    display: none;


    opacity: 0;

    visibility: hidden;


    pointer-events: none;


    transition:
        transform
        0.20s
        ease-out;


    will-change:
        transform;
}


.tts-hero-custom-asset.tts-asset-ready {

    display: block;
}


/* =========================================================
   AL TERMINAR LA CAÍDA
   ========================================================= */

.tts-hero-custom-asset.tts-asset-landed {

    opacity: 1;

    visibility: visible;
}


/* =========================================================
   CAPA DE MOVIMIENTO FLOTANTE
   ========================================================= */

.tts-hero-custom-asset-float {

    position: relative;


    width: 100%;

    height: 100%;


    display: flex;

    align-items: center;

    justify-content: center;


    animation-play-state:
        paused;
}


/* =========================================================
   FLOTAR SOLO DESPUÉS DE ATERRIZAR
   ========================================================= */

.tts-hero-custom-asset.tts-asset-landed
.tts-hero-custom-asset-float {

    animation-play-state:
        running;
}


/* =========================================================
   BRILLO
   ========================================================= */

.tts-hero-custom-asset-float::before {

    content: "";


    position: absolute;


    left: 50%;

    top: 50%;


    width: 82%;

    height: 82%;


    transform:
        translate(
            -50%,
            -50%
        );


    border-radius: 50%;


    background:

        radial-gradient(
            circle,

            rgba(
                241,
                218,
                148,
                0.18
            )
            0%,

            rgba(
                213,
                180,
                92,
                0.08
            )
            38%,

            transparent 72%
        );


    filter:
        blur(8px);


    pointer-events: none;
}


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

.tts-hero-custom-asset-image {

    position: relative;

    z-index: 2;


    display: block;


    width: 100%;

    height: 100%;


    object-fit: contain;


    user-select: none;

    -webkit-user-drag: none;


    filter:

        drop-shadow(
            0
            20px
            30px
            rgba(
                0,
                0,
                0,
                0.34
            )
        )

        drop-shadow(
            0
            0
            8px
            rgba(
                241,
                218,
                148,
                0.16
            )
        );
}


/* =========================================================
   ELEMENTO 1
   PIN SUPERIOR IZQUIERDO
   ========================================================= */

.tts-hero-custom-asset--one {

    width: 92px;
    height: 92px;


    left: 5.5%;

    top: 13%;
}


.tts-hero-custom-asset--one
.tts-hero-custom-asset-float {

    animation:
        ttsHeroAssetOne
        8s
        ease-in-out
        infinite;
}


/* =========================================================
   ELEMENTO 2
   MONEDA INFERIOR IZQUIERDA
   ========================================================= */

.tts-hero-custom-asset--two {

    width: 145px;
    height: 145px;


    left: -35px;

    bottom: 5%;
}


.tts-hero-custom-asset--two
.tts-hero-custom-asset-float {

    animation:
        ttsHeroAssetTwo
        9.2s
        ease-in-out
        infinite;
}


/* =========================================================
   ELEMENTO 3
   PIN SUPERIOR DERECHO
   ========================================================= */

.tts-hero-custom-asset--three {

    width: 82px;
    height: 82px;


    right: 6.5%;

    top: 13%;
}


.tts-hero-custom-asset--three
.tts-hero-custom-asset-float {

    animation:
        ttsHeroAssetThree
        8.5s
        ease-in-out
        infinite;
}


/* =========================================================
   ELEMENTO 4
   PIN INFERIOR DERECHO
   ========================================================= */

.tts-hero-custom-asset--four {

    width: 145px;
    height: 145px;


    right: -34px;

    bottom: 5%;
}


.tts-hero-custom-asset--four
.tts-hero-custom-asset-float {

    animation:
        ttsHeroAssetFour
        9.5s
        ease-in-out
        infinite;
}


/* =========================================================
   ELEMENTO 5
   MONEDA PEQUEÑA
   ========================================================= */

.tts-hero-custom-asset--five {

    width: 64px;
    height: 64px;


    right: 19%;

    bottom: 17%;


    opacity: 0;
}


.tts-hero-custom-asset--five.tts-asset-landed {

    opacity: 0.72;
}


.tts-hero-custom-asset--five
.tts-hero-custom-asset-float {

    animation:
        ttsHeroAssetFive
        7.8s
        ease-in-out
        infinite;
}


/* =========================================================
   =========================================================
   COPIA QUE CAE FOTOGRAMA POR FOTOGRAMA

   IMPORTANTE:

   ESTA COPIA SE AÑADE AL BODY.
   NO DEPENDE DEL overflow DEL HERO.
   =========================================================
   ========================================================= */

.tts-hero-falling-clone {

    position: fixed;


    left: 0;

    top: 0;


    z-index: 900;


    pointer-events: none;


    opacity: 1;


    will-change:
        transform;


    transform-origin:
        center center;
}


/* =========================================================
   IMAGEN DE LA COPIA
   ========================================================= */

.tts-hero-falling-clone-image {

    display: block;


    width: 100%;

    height: 100%;


    object-fit: contain;


    user-select: none;

    -webkit-user-drag: none;


    filter:

        drop-shadow(
            0
            20px
            30px
            rgba(
                0,
                0,
                0,
                0.34
            )
        )

        drop-shadow(
            0
            0
            10px
            rgba(
                241,
                218,
                148,
                0.22
            )
        );
}


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

.tts-hero-action {

    position: relative;

    z-index: 25;


    width:
        min(
            930px,
            calc(
                100%
                -
                40px
            )
        );


    margin:
        5px
        auto
        0;


    display: grid;


    grid-template-columns:

        minmax(
            0,
            1fr
        )

        auto;


    align-items: center;


    gap: 24px;


    padding:
        17px
        18px
        17px
        24px;


    border:

        1px solid

        rgba(
            213,
            180,
            92,
            0.20
        );


    border-radius: 999px;


    background:

        linear-gradient(
            115deg,

            rgba(
                16,
                23,
                27,
                0.90
            ),

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


    box-shadow:

        0
        24px
        60px
        rgba(
            0,
            0,
            0,
            0.23
        );


    backdrop-filter:
        blur(17px);

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


    opacity: 0;


    transform:
        translateY(22px);


    transition:

        opacity
        0.8s
        ease,

        transform
        0.8s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}


.tts-hero-casino.tts-hero-visible
.tts-hero-action {

    opacity: 1;


    transform:
        translateY(0);


    transition-delay:
        0.35s;
}


.tts-hero-action-message {

    display: flex;

    align-items: center;


    gap: 12px;


    color:

        rgba(
            245,
            239,
            221,
            0.84
        );


    font-size: 12px;

    line-height: 1.5;


    font-weight: 750;


    letter-spacing:
        0.045em;


    text-transform:
        uppercase;
}


.tts-hero-action-dot {

    width: 9px;
    height: 9px;


    flex:
        0
        0
        9px;


    border-radius: 50%;


    background:
        var(--tts-gold-light);


    box-shadow:

        0
        0
        17px
        rgba(
            213,
            180,
            92,
            0.72
        );


    animation:
        ttsHeroDotPulse
        2.8s
        ease-in-out
        infinite;
}


.tts-hero-action-buttons {

    display: flex;

    align-items: center;


    gap: 10px;
}


.tts-hero-action-button {

    min-height: 50px;


    display: inline-flex;

    align-items: center;

    justify-content: center;


    gap: 10px;


    padding:
        0
        22px;


    border-radius: 999px;


    text-decoration: none !important;


    font-size: 12px;

    line-height: 1;


    font-weight: 800;


    white-space: nowrap;


    transition:

        transform
        0.25s
        ease,

        background
        0.25s
        ease,

        border-color
        0.25s
        ease,

        color
        0.25s
        ease;
}


.tts-hero-action-button--primary {

    background:

        linear-gradient(
            135deg,

            #A7E700 0%,

            #7ED100 100%
        );


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


    box-shadow:

        0
        14px
        30px
        rgba(
            134,
            221,
            0,
            0.16
        );
}


.tts-hero-action-button--primary:hover {

    transform:
        translateY(-2px);


    background:

        linear-gradient(
            135deg,

            #B5F628,

            #8DE400
        );
}


.tts-hero-action-button--secondary {

    border:

        1px solid

        rgba(
            213,
            180,
            92,
            0.31
        );


    background:

        rgba(
            255,
            255,
            255,
            0.018
        );


    color:
        var(--tts-cream) !important;
}


.tts-hero-action-button--secondary:hover {

    transform:
        translateY(-2px);


    border-color:

        rgba(
            241,
            218,
            148,
            0.58
        );


    background:

        rgba(
            213,
            180,
            92,
            0.085
        );


    color:
        var(--tts-gold-light) !important;
}


.tts-hero-action-arrow {

    font-size: 17px;


    transition:
        transform
        0.25s
        ease;
}


.tts-hero-action-button:hover
.tts-hero-action-arrow {

    transform:
        translateX(4px);
}


/* =========================================================
   LÍNEA INFERIOR
   ========================================================= */

.tts-hero-bottom-line {

    position: absolute;


    left: 50%;

    bottom: 0;


    width:
        min(
            1140px,
            84%
        );


    height: 1px;


    transform:
        translateX(-50%);


    background:

        linear-gradient(
            90deg,

            transparent,

            rgba(
                213,
                180,
                92,
                0.27
            ),

            rgba(
                134,
                221,
                0,
                0.32
            ),

            transparent
        );
}


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

@keyframes ttsHeroGlow {

    0%,
    100% {

        opacity: 0.62;


        transform:
            translate(
                -50%,
                -50%
            )
            scale(0.97);
    }


    50% {

        opacity: 1;


        transform:
            translate(
                -50%,
                -50%
            )
            scale(1.04);
    }

}


@keyframes ttsHeroIsotypeFloat {

    0%,
    100% {

        transform:
            translateY(-18px);
    }


    50% {

        transform:
            translateY(-28px);
    }

}


@keyframes ttsHeroDotPulse {

    0%,
    100% {

        opacity: 0.58;

        transform:
            scale(1);
    }


    50% {

        opacity: 1;

        transform:
            scale(1.28);
    }

}


@keyframes ttsHeroAssetOne {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(-8deg);
    }


    50% {

        transform:
            translateY(-15px)
            rotate(3deg);
    }

}


@keyframes ttsHeroAssetTwo {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(6deg);
    }


    50% {

        transform:
            translateY(15px)
            rotate(-5deg);
    }

}


@keyframes ttsHeroAssetThree {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(7deg);
    }


    50% {

        transform:
            translateY(-17px)
            rotate(-4deg);
    }

}


@keyframes ttsHeroAssetFour {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(-6deg);
    }


    50% {

        transform:
            translateY(14px)
            rotate(5deg);
    }

}


@keyframes ttsHeroAssetFive {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(0);
    }


    50% {

        transform:
            translateY(-11px)
            rotate(8deg);
    }

}


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

@media (max-width: 1100px) {

    .tts-hero-casino {

        min-height: auto;


        padding:
            64px
            24px
            52px;
    }


    .tts-hero-casino-main {

        min-height: 530px;


        grid-template-columns:

            minmax(
                190px,
                0.75fr
            )

            minmax(
                340px,
                1.35fr
            )

            minmax(
                190px,
                0.75fr
            );


        gap: 18px;
    }


    .tts-hero-copy-title {

        max-width: 330px;


        font-size:
            clamp(
                34px,
                3.8vw,
                56px
            );
    }

}


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

@media (max-width: 900px) {

    .tts-hero-casino-main {

        grid-template-columns:

            minmax(
                150px,
                0.7fr
            )

            minmax(
                310px,
                1.4fr
            )

            minmax(
                150px,
                0.7fr
            );
    }


    .tts-hero-copy-title {

        max-width: 270px;


        font-size:
            clamp(
                29px,
                3.5vw,
                44px
            );
    }


    .tts-hero-copy-ornament {

        width:
            min(
                145px,
                75%
            );
    }


    .tts-hero-action {

        grid-template-columns: 1fr;


        border-radius: 26px;


        padding:
            18px;
    }


    .tts-hero-action-message {

        justify-content: center;

        text-align: center;
    }


    .tts-hero-action-buttons {

        justify-content: center;
    }

}


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

@media (max-width: 767px) {

    .tts-hero-casino {

        min-height: auto;


        padding:
            47px
            17px
            44px;
    }


    .tts-hero-casino-main {

        min-height: 0;


        display: flex;

        flex-direction: column;


        gap: 0;
    }


    .tts-hero-copy--right {

        order: 1;


        width: 100%;


        margin-bottom: 5px;
    }


    .tts-hero-center {

        order: 2;


        width: 100%;
    }


    .tts-hero-copy--left {

        order: 3;


        width: 100%;


        margin-top: 12px;
    }


    .tts-hero-copy-ornament {

        width:
            min(
                160px,
                68%
            );
    }


    .tts-hero-copy-ornament--top {

        margin-bottom: 15px;
    }


    .tts-hero-copy-ornament--bottom {

        margin-top: 17px;
    }


    .tts-hero-copy-title {

        max-width: 100%;


        gap: 6px;


        font-size:
            clamp(
                38px,
                11.3vw,
                56px
            );


        line-height: 1.03;
    }


    .tts-hero-isotype-stage {

        width:
            min(
                470px,
                108vw
            );


        margin:
            -5px
            auto
            0;
    }


    .tts-hero-isotype {

        width: 68%;


        transform:
            translateY(-24px);
    }


    .tts-hero-brand-area {

        width: 72%;


        min-height: 70px;
    }


    .tts-hero-brand-logo {

        max-width: 230px;


        max-height: 80px;
    }


    .tts-hero-action {

        width: 100%;


        margin-top: 36px;


        grid-template-columns: 1fr;


        gap: 17px;


        padding:
            19px;


        border-radius: 24px;
    }


    .tts-hero-action-message {

        justify-content: center;


        text-align: center;


        font-size: 11px;
    }


    .tts-hero-action-buttons {

        width: 100%;


        flex-direction: column;
    }


    .tts-hero-action-button {

        width: 100%;


        min-height: 53px;
    }


    .tts-hero-custom-asset--one {

        width: 58px;
        height: 58px;


        left: 2%;

        top: 13%;
    }


    .tts-hero-custom-asset--two {

        width: 95px;
        height: 95px;


        left: -24px;

        bottom: 22%;
    }


    .tts-hero-custom-asset--three {

        width: 54px;
        height: 54px;


        right: 3%;

        top: 14%;
    }


    .tts-hero-custom-asset--four {

        width: 95px;
        height: 95px;


        right: -22px;

        bottom: 20%;
    }


    .tts-hero-custom-asset--five {

        width: 48px;
        height: 48px;


        right: 17%;

        bottom: 15%;
    }

}


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

@media (max-width: 420px) {

    .tts-hero-casino {

        padding:
            41px
            15px
            40px;
    }


    .tts-hero-copy-title {

        font-size:
            clamp(
                34px,
                11.8vw,
                49px
            );
    }


    .tts-hero-isotype-stage {

        width: 112vw;


        margin-left:
            calc(
                50%
                -
                56vw
            );
    }


    .tts-hero-brand-logo {

        max-width: 205px;


        max-height: 72px;
    }


    .tts-hero-action {

        margin-top: 30px;
    }

}


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

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

    .tts-hero-copy,
    .tts-hero-center,
    .tts-hero-action {

        opacity: 1;

        transform: none;

        transition: none;
    }


    .tts-hero-custom-asset {

        visibility: visible;

        opacity: 1;
    }


    .tts-hero-isotype,
    .tts-hero-isotype-stage::before,
    .tts-hero-action-dot,
    .tts-hero-custom-asset-float {

        animation:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-812e47c *//* =========================================================
   TRÉBOL, TU SUERTE
   SORTEOS ACTIVOS / DESTACADOS

   PALETA OFICIAL:

   MORADO:       #8F00A2
   VERDE NEÓN:   #35FF00
   VERDE:        #86DD00
   OSCURO:       #0F1518
   BLANCO:       #FFFFFF

   🔒 NO MODIFICAR SIN CONOCIMIENTOS TÉCNICOS
   ========================================================= */


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

.tts-featured-raffles,
.tts-featured-raffles * {
    box-sizing: border-box;
}


/* =========================================================
   SECCIÓN PRINCIPAL
   ========================================================= */

.tts-featured-raffles {

    /* COLORES OFICIALES */

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


    /* COLORES DE SOPORTE */

    --tts-section-bg: #F5F7F2;
    --tts-section-text: #182125;
    --tts-muted: #687478;

    --tts-line:
        rgba(
            15,
            21,
            24,
            0.09
        );


    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        105px
        24px
        110px;


    background:

        radial-gradient(
            circle at 8% 20%,
            rgba(
                134,
                221,
                0,
                0.08
            ),
            transparent 27%
        ),

        radial-gradient(
            circle at 94% 78%,
            rgba(
                143,
                0,
                162,
                0.055
            ),
            transparent 26%
        ),

        var(--tts-section-bg);


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


/* =========================================================
   DECORACIÓN DEL FONDO
   ========================================================= */

.tts-featured-raffles::before {

    content: "";

    position: absolute;

    left: -300px;
    top: 80px;

    width: 440px;
    height: 440px;

    border:

        1px solid

        rgba(
            134,
            221,
            0,
            0.13
        );

    border-radius: 50%;

    pointer-events: none;
}


.tts-featured-raffles::after {

    content: "";

    position: absolute;

    right: -250px;
    bottom: 50px;

    width: 360px;
    height: 360px;

    border:

        1px solid

        rgba(
            143,
            0,
            162,
            0.10
        );

    border-radius: 50%;

    pointer-events: none;
}


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

.tts-featured-inner {

    position: relative;

    z-index: 2;

    width:
        min(
            1280px,
            100%
        );

    margin:
        0
        auto;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.tts-featured-header {

    display: grid;

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

    align-items: end;

    gap: 40px;

    margin-bottom: 44px;
}


/* =========================================================
   ETIQUETA SUPERIOR
   ========================================================= */

.tts-section-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 15px;

    color:
        var(--tts-purple);

    font-size: 12px;

    line-height: 1;

    font-weight: 800;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;
}


.tts-section-eyebrow::before {

    content: "";

    width: 26px;
    height: 2px;

    flex: 0 0 auto;

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


/* =========================================================
   TÍTULO DE LA SECCIÓN
   ========================================================= */

.tts-section-title {

    max-width: 760px;

    margin: 0;

    color:
        var(--tts-dark);

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

    font-size:
        clamp(
            38px,
            5vw,
            68px
        );

    line-height: 0.98;

    font-weight: 900;

    letter-spacing:
        -0.045em;
}


.tts-section-title-accent {

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


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

.tts-section-description {

    max-width: 610px;

    margin:
        18px
        0
        0;

    color:
        var(--tts-muted);

    font-size: 16px;

    line-height: 1.7;
}


/* =========================================================
   BOTÓN VER TODOS
   ========================================================= */

.tts-view-all {

    min-height: 50px;

    display: inline-flex;

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

    gap: 10px;

    padding:
        0
        22px;

    border:
        1px solid
        var(--tts-line);

    border-radius: 999px;

    background:
        var(--tts-white);

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

    text-decoration:
        none !important;

    font-size: 13px;

    line-height: 1;

    font-weight: 800;

    white-space: nowrap;

    box-shadow:
        0
        10px
        30px
        rgba(
            15,
            21,
            24,
            0.05
        );

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


.tts-view-all:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(
            143,
            0,
            162,
            0.25
        );

    box-shadow:
        0
        14px
        35px
        rgba(
            15,
            21,
            24,
            0.08
        );
}


.tts-view-all-arrow {

    font-size: 18px;

    transition:
        transform 0.25s ease;
}


.tts-view-all:hover
.tts-view-all-arrow {

    transform:
        translateX(4px);
}


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

   1 GRANDE IZQUIERDA
   2 PEQUEÑOS DERECHA
   ========================================================= */

.tts-raffles-grid {

    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.65fr
        )
        minmax(
            330px,
            0.85fr
        );

    grid-template-rows:
        repeat(
            2,
            minmax(
                245px,
                1fr
            )
        );

    gap: 18px;
}


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

.tts-raffle-card {

    --tts-card-progress: 0%;

    position: relative;

    min-width: 0;

    overflow: hidden;

    border-radius: 28px;

    background:
        var(--tts-dark);

    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.06
        );

    isolation: isolate;

    box-shadow:

        0
        24px
        65px

        rgba(
            15,
            21,
            24,
            0.13
        );

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.tts-raffle-card:hover {

    transform:
        translateY(-5px);

    box-shadow:

        0
        30px
        75px

        rgba(
            15,
            21,
            24,
            0.18
        );
}


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

.tts-raffle-card--featured {

    grid-column: 1;

    grid-row:
        1
        /
        3;

    min-height: 510px;

    display: grid;

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


/* =========================================================
   CARDS SECUNDARIAS
   ========================================================= */

.tts-raffle-card--small {

    min-height: 245px;

    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.35fr
        )
        minmax(
            120px,
            0.65fr
        );
}


/* =========================================================
   ZONA DE CONTENIDO

   AHORA ES PARTE DE LA TARJETA.
   NO HAY OTRO CUADRO GRIS ENCIMA.
   ========================================================= */

.tts-raffle-content {

    position: relative;

    z-index: 5;

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 12% 88%,
            rgba(
                134,
                221,
                0,
                0.10
            ),
            transparent 38%
        ),

        radial-gradient(
            circle at 85% 5%,
            rgba(
                143,
                0,
                162,
                0.13
            ),
            transparent 34%
        ),

        var(--tts-dark);
}


/* LÍNEA DECORATIVA */

.tts-raffle-content::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 58%;
    height: 3px;

    background:

        linear-gradient(
            90deg,

            var(--tts-green-soft),

            transparent
        );

    pointer-events: none;
}


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

.tts-raffle-card--featured
.tts-raffle-content {

    padding:
        32px
        34px
        34px;

    justify-content:
        flex-end;
}


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

.tts-raffle-card--small
.tts-raffle-content {

    padding:
        20px
        20px
        20px
        22px;

    justify-content:
        flex-end;
}


/* =========================================================
   ZONA DE IMAGEN

   ESTA ES LA CORRECCIÓN DEL FONDO BLANCO.

   LA IMAGEN YA NO ES EL FONDO COMPLETO DE LA CARD.

   TIENE SU PROPIO ESPACIO VISUAL.
   ========================================================= */

.tts-raffle-image {

    position: relative;

    z-index: 2;

    min-width: 0;

    overflow: hidden;

    display: flex;

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

    background:

        radial-gradient(
            circle at 50% 48%,
            rgba(
                134,
                221,
                0,
                0.11
            ),
            transparent 46%
        ),

        linear-gradient(
            145deg,
            #FFFFFF,
            #F0F5EB
        );
}


/* DIVISIÓN ENTRE CONTENIDO E IMAGEN */

.tts-raffle-card--featured
.tts-raffle-image {

    border-left:

        1px solid

        rgba(
            15,
            21,
            24,
            0.07
        );
}


.tts-raffle-card--small
.tts-raffle-image {

    border-left:

        1px solid

        rgba(
            15,
            21,
            24,
            0.07
        );
}


/* =========================================================
   NORMALIZACIÓN DE LA IMAGEN DEL SHORTCODE
   ========================================================= */

.tts-raffle-image > * {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.tts-raffle-image a {

    display: flex !important;

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

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.tts-raffle-image img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    object-fit: contain;

    object-position: center;

    transition:
        transform
        0.7s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}


/* PADDING PARA IMAGEN PRINCIPAL */

.tts-raffle-card--featured
.tts-raffle-image img {

    padding: 35px;
}


/* PADDING PARA IMÁGENES SECUNDARIAS */

.tts-raffle-card--small
.tts-raffle-image img {

    padding: 16px;
}


.tts-raffle-card:hover
.tts-raffle-image img {

    transform:
        scale(1.035);
}


/* =========================================================
   BADGES

   YA NO FLOTAN SOBRE LA IMAGEN.
   FORMAN PARTE DEL CONTENIDO.
   ========================================================= */

.tts-raffle-badges {

    width: 100%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: auto;

    padding-bottom: 24px;
}


.tts-raffle-card--small
.tts-raffle-badges {

    padding-bottom: 12px;
}


.tts-raffle-badge {

    min-height: 29px;

    display: inline-flex;

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

    padding:
        0
        11px;

    border-radius: 999px;

    font-size: 9px;

    line-height: 1;

    font-weight: 900;

    letter-spacing:
        0.07em;

    text-transform:
        uppercase;

    white-space: nowrap;
}


.tts-raffle-badge--featured {

    color:
        var(--tts-dark);

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

    box-shadow:

        0
        8px
        20px

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


.tts-raffle-badge--status {

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

    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.12
        );

    background:
        rgba(
            255,
            255,
            255,
            0.06
        );
}


/* =========================================================
   NORMALIZACIÓN TOTAL DE SHORTCODES

   CORRIGE EL TÍTULO NEGRO DE LA CAPTURA.

   SE FUERZA:

   - COLOR
   - FUENTE
   - POSICIÓN
   - MÁRGENES
   - FONDOS
   - TRANSFORMACIONES
   ========================================================= */

.tts-shortcode-clean {

    position: static !important;

    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    transform: none !important;

    background:
        none !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


.tts-shortcode-clean * {

    position: static !important;

    float: none !important;

    transform:
        none !important;

    width: auto !important;

    max-width: 100% !important;

    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    border:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;

    color:
        inherit !important;

    font:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    line-height:
        inherit !important;

    letter-spacing:
        inherit !important;

    text-transform:
        inherit !important;

    text-decoration:
        none !important;
}


.tts-shortcode-clean br {

    display:
        none !important;
}


/* =========================================================
   PREMIO
   ========================================================= */

.tts-raffle-prize {

    width: 100%;

    margin:
        0
        0
        9px !important;

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

    font-size: 11px !important;

    line-height: 1.35 !important;

    font-weight: 800 !important;

    letter-spacing:
        0.10em !important;

    text-transform:
        uppercase !important;

    overflow-wrap:
        anywhere;
}


.tts-raffle-prize,
.tts-raffle-prize * {

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


/* =========================================================
   TÍTULO DEL SORTEO

   SE FUERZA BLANCO.
   ========================================================= */

.tts-raffle-title {

    width: 100%;

    margin:
        0
        0
        17px !important;

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

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

    font-weight:
        850 !important;

    letter-spacing:
        -0.035em !important;

    overflow-wrap:
        anywhere;
}


.tts-raffle-title,
.tts-raffle-title * {

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

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


.tts-raffle-card--featured
.tts-raffle-title {

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

    line-height:
        0.98 !important;
}


.tts-raffle-card--small
.tts-raffle-title {

    margin-bottom:
        11px !important;

    font-size:
        clamp(
            21px,
            1.8vw,
            27px
        ) !important;

    line-height:
        1.02 !important;
}


/* =========================================================
   PRECIO
   ========================================================= */

.tts-raffle-price-row {

    width: 100%;

    display: flex;

    align-items: baseline;

    flex-wrap: wrap;

    gap:
        6px
        9px;

    margin-bottom: 19px;
}


.tts-raffle-price-label {

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

    font-size: 11px;

    line-height: 1.3;
}


.tts-raffle-price {

    width: auto !important;

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

    font-size: 20px !important;

    line-height: 1 !important;

    font-weight: 900 !important;
}


.tts-raffle-price,
.tts-raffle-price * {

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


/* =========================================================
   PROGRESO
   ========================================================= */

.tts-raffle-progress-block {

    width: 100%;

    margin-bottom: 19px;
}


.tts-raffle-progress-head {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 16px;

    margin-bottom: 9px;
}


.tts-raffle-progress-label {

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

    font-size: 10px;

    line-height: 1.2;

    font-weight: 650;
}


.tts-raffle-progress-number {

    width: auto !important;

    flex: 0 0 auto;

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

    font-size: 11px !important;

    line-height: 1 !important;

    font-weight: 900 !important;
}


.tts-raffle-progress-number,
.tts-raffle-progress-number * {

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


.tts-raffle-progress-value-source {

    display:
        none !important;
}


.tts-raffle-progress-track {

    width: 100%;

    height: 6px;

    overflow: hidden;

    border-radius: 999px;

    background:
        rgba(
            255,
            255,
            255,
            0.13
        );
}


.tts-raffle-progress-fill {

    width:
        var(--tts-card-progress);

    height: 100%;

    border-radius: inherit;

    background:

        linear-gradient(
            90deg,

            var(--tts-green-soft),

            var(--tts-green)
        );

    box-shadow:

        0
        0
        18px

        rgba(
            134,
            221,
            0,
            0.26
        );

    transition:

        width
        1.2s

        cubic-bezier(
            .2,
            .75,
            .25,
            1
        );
}


/* =========================================================
   ESTADÍSTICAS
   ========================================================= */

.tts-raffle-stats {

    width: 100%;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    gap: 24px;

    margin-bottom: 22px;
}


.tts-raffle-stat {

    min-width: 0;
}


.tts-raffle-stat-value {

    display: block !important;

    width: auto !important;

    margin:
        0
        0
        4px !important;

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

    font-size: 17px !important;

    line-height: 1 !important;

    font-weight: 850 !important;
}


.tts-raffle-stat-value,
.tts-raffle-stat-value * {

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


.tts-raffle-stat-label {

    display: block;

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

    font-size: 9px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing:
        0.05em;

    text-transform:
        uppercase;
}


/* =========================================================
   BOTÓN DEL SORTEO
   ========================================================= */

.tts-raffle-button {

    min-height: 48px;

    display: inline-flex;

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

    gap: 10px;

    padding:
        0
        20px;

    border-radius: 999px;

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

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

    text-decoration:
        none !important;

    font-size: 12px;

    line-height: 1;

    font-weight: 850;

    box-shadow:

        0
        12px
        28px

        rgba(
            134,
            221,
            0,
            0.13
        );

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


.tts-raffle-button:hover {

    transform:
        translateY(-2px);

    background:
        var(--tts-green);

    box-shadow:

        0
        16px
        34px

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


.tts-raffle-button-arrow {

    font-size: 17px;

    transition:
        transform 0.25s ease;
}


.tts-raffle-button:hover
.tts-raffle-button-arrow {

    transform:
        translateX(4px);
}


/* =========================================================
   URL OCULTA
   ========================================================= */

.tts-raffle-url-source {

    display:
        none !important;
}


/* =========================================================
   AJUSTES DE TARJETAS PEQUEÑAS
   ========================================================= */

.tts-raffle-card--small
.tts-raffle-price-row {

    margin-bottom: 12px;
}


.tts-raffle-card--small
.tts-raffle-progress-block {

    margin-bottom: 14px;
}


.tts-raffle-card--small
.tts-raffle-stats {

    display:
        none;
}


.tts-raffle-card--small
.tts-raffle-button {

    min-height: 39px;

    padding:
        0
        15px;

    font-size: 11px;
}


/* =========================================================
   ANIMACIÓN DE ENTRADA
   ========================================================= */

.tts-raffle-card {

    opacity: 0;

    transform:
        translateY(26px);
}


.tts-raffle-card.tts-is-visible {

    opacity: 1;

    transform:
        translateY(0);

    transition:

        opacity
        0.7s
        ease,

        transform
        0.7s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        ),

        box-shadow
        0.35s
        ease;
}


.tts-raffle-card.tts-is-visible:hover {

    transform:
        translateY(-5px);
}


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

@media (max-width: 1024px) {

    .tts-featured-raffles {

        padding:
            88px
            24px
            92px;
    }


    .tts-raffles-grid {

        grid-template-columns:
            minmax(
                0,
                1.35fr
            )
            minmax(
                280px,
                0.85fr
            );
    }


    .tts-raffle-card--featured {

        grid-template-columns:
            minmax(
                0,
                1.1fr
            )
            minmax(
                0,
                0.9fr
            );
    }


    .tts-raffle-card--small {

        grid-template-columns:
            minmax(
                0,
                1.45fr
            )
            minmax(
                100px,
                0.55fr
            );
    }


    .tts-raffle-card--featured
    .tts-raffle-content {

        padding:
            28px;
    }


    .tts-raffle-card--featured
    .tts-raffle-image img {

        padding:
            24px;
    }

}


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

@media (max-width: 767px) {

    .tts-featured-raffles {

        padding:
            74px
            17px
            76px;
    }


    .tts-featured-header {

        grid-template-columns:
            1fr;

        align-items:
            start;

        gap: 24px;

        margin-bottom: 32px;
    }


    .tts-section-title {

        font-size:
            clamp(
                38px,
                11vw,
                54px
            );
    }


    .tts-section-description {

        margin-top: 15px;

        font-size: 15px;
    }


    .tts-view-all {

        justify-self:
            start;
    }


    /* =============================================
       LAS TARJETAS PASAN A LISTA VERTICAL
       ============================================= */

    .tts-raffles-grid {

        display: flex;

        flex-direction: column;

        gap: 16px;
    }


    /* =============================================
       TODAS LAS TARJETAS:

       IMAGEN ARRIBA
       INFORMACIÓN ABAJO
       ============================================= */

    .tts-raffle-card--featured,
    .tts-raffle-card--small {

        display: grid;

        grid-template-columns: 1fr;

        grid-template-rows:
            minmax(
                230px,
                0.9fr
            )
            auto;

        min-height: 0;
    }


    .tts-raffle-card--featured
    .tts-raffle-image,

    .tts-raffle-card--small
    .tts-raffle-image {

        grid-column: 1;

        grid-row: 1;

        border-left: 0;

        border-bottom:

            1px solid

            rgba(
                15,
                21,
                24,
                0.07
            );
    }


    .tts-raffle-card--featured
    .tts-raffle-content,

    .tts-raffle-card--small
    .tts-raffle-content {

        grid-column: 1;

        grid-row: 2;

        padding:
            24px;
    }


    .tts-raffle-card--featured
    .tts-raffle-image img {

        padding:
            28px;
    }


    .tts-raffle-card--small
    .tts-raffle-image img {

        padding:
            28px;
    }


    .tts-raffle-card--featured
    .tts-raffle-title,

    .tts-raffle-card--small
    .tts-raffle-title {

        font-size:
            clamp(
                30px,
                9vw,
                42px
            ) !important;

        line-height:
            1 !important;
    }


    .tts-raffle-card--small
    .tts-raffle-stats {

        display:
            flex;
    }


    .tts-raffle-button {

        width: 100%;

        min-height: 52px;
    }

}


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

@media (max-width: 420px) {

    .tts-raffle-card {

        border-radius: 22px;
    }


    .tts-raffle-card--featured,
    .tts-raffle-card--small {

        grid-template-rows:
            minmax(
                210px,
                auto
            )
            auto;
    }


    .tts-raffle-card--featured
    .tts-raffle-content,

    .tts-raffle-card--small
    .tts-raffle-content {

        padding:
            21px;
    }


    .tts-raffle-stats {

        gap: 17px;
    }

}


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

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

    .tts-raffle-card,
    .tts-raffle-image img,
    .tts-raffle-progress-fill {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9abb4f6 *//* =========================================================
   TRÉBOL, TU SUERTE
   CÓMO FUNCIONA — VERSIÓN COMPACTA

   PALETA OFICIAL:

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

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


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

.tts-how-works,
.tts-how-works * {
    box-sizing: border-box;
}


/* =========================================================
   SECCIÓN PRINCIPAL
   ========================================================= */

.tts-how-works {

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


    position: relative;

    width: 100%;

    overflow: hidden;


    padding:
        72px
        24px
        76px;


    background:

        radial-gradient(
            circle at 8% 20%,
            rgba(
                143,
                0,
                162,
                0.13
            ),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 80%,
            rgba(
                134,
                221,
                0,
                0.08
            ),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            #0F1518 0%,
            #0B1716 50%,
            #0F1518 100%
        );


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


    isolation: isolate;
}


/* =========================================================
   TEXTURA SUTIL
   ========================================================= */

.tts-how-works::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;


    background:

        linear-gradient(
            115deg,

            transparent 0%,

            rgba(
                255,
                255,
                255,
                0.012
            )
            48%,

            transparent 49%
        );


    background-size:
        210px
        210px;


    opacity: 0.45;
}


/* =========================================================
   LUZ CENTRAL
   ========================================================= */

.tts-how-works::after {

    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    z-index: -1;


    width: 720px;
    height: 420px;


    transform:
        translate(
            -50%,
            -50%
        );


    border-radius: 50%;


    background:

        radial-gradient(
            circle,

            rgba(
                53,
                255,
                0,
                0.035
            ),

            transparent 68%
        );


    pointer-events: none;
}


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

.tts-how-inner {

    position: relative;

    z-index: 2;


    width:
        min(
            1280px,
            100%
        );


    margin:
        0
        auto;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.tts-how-header {

    max-width: 760px;


    margin:
        0
        auto
        36px;


    text-align: center;
}


/* =========================================================
   TEXTO SUPERIOR
   ========================================================= */

.tts-how-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;


    margin-bottom: 13px;


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


    font-size: 11px;

    line-height: 1;


    font-weight: 800;


    letter-spacing:
        0.15em;


    text-transform:
        uppercase;
}


.tts-how-eyebrow::before,
.tts-how-eyebrow::after {

    content: "";


    width: 22px;
    height: 1px;


    background:

        linear-gradient(
            90deg,

            transparent,

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


.tts-how-eyebrow::after {

    transform:
        scaleX(-1);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.tts-how-title {

    margin: 0;


    color:
        var(--tts-white);


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


    font-size:

        clamp(
            36px,
            4.5vw,
            60px
        );


    line-height: 0.98;


    font-weight: 900;


    letter-spacing:
        -0.045em;


    text-wrap:
        balance;
}


.tts-how-title-accent {

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


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

.tts-how-description {

    max-width: 610px;


    margin:
        15px
        auto
        0;


    color:

        rgba(
            255,
            255,
            255,
            0.55
        );


    font-size: 14px;

    line-height: 1.6;


    text-wrap:
        balance;
}


/* =========================================================
   CONTENEDOR DE PASOS
   ========================================================= */

.tts-how-process {

    position: relative;


    display: grid;


    grid-template-columns:

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


    gap: 14px;
}


/* =========================================================
   LÍNEA ENTRE PASOS
   ========================================================= */

.tts-how-process-line {

    position: absolute;


    left:
        calc(
            12.5%
            +
            12px
        );


    right:
        calc(
            12.5%
            +
            12px
        );


    top: 45px;


    height: 1px;


    z-index: 0;


    background:

        linear-gradient(
            90deg,

            rgba(
                134,
                221,
                0,
                0.10
            ),

            rgba(
                134,
                221,
                0,
                0.40
            ),

            rgba(
                143,
                0,
                162,
                0.27
            ),

            rgba(
                134,
                221,
                0,
                0.10
            )
        );


    pointer-events: none;
}


/* =========================================================
   TARJETA DEL PASO
   ========================================================= */

.tts-how-step {

    position: relative;

    z-index: 2;


    min-width: 0;


    padding:
        18px
        18px
        20px;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.07
        );


    border-radius: 20px;


    background:

        linear-gradient(
            145deg,

            rgba(
                255,
                255,
                255,
                0.050
            ),

            rgba(
                255,
                255,
                255,
                0.018
            )
        );


    box-shadow:

        0
        18px
        45px

        rgba(
            0,
            0,
            0,
            0.10
        );


    backdrop-filter:
        blur(8px);

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


    opacity: 0;


    transform:
        translateY(22px);


    transition:

        opacity
        0.6s
        ease,

        transform
        0.6s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        ),

        border-color
        0.3s
        ease,

        background
        0.3s
        ease;
}


/* =========================================================
   TARJETA VISIBLE
   ========================================================= */

.tts-how-step.tts-how-is-visible {

    opacity: 1;


    transform:
        translateY(0);
}


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

.tts-how-step.tts-how-is-visible:hover {

    transform:
        translateY(-4px);


    border-color:

        rgba(
            134,
            221,
            0,
            0.20
        );


    background:

        linear-gradient(
            145deg,

            rgba(
                255,
                255,
                255,
                0.065
            ),

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


/* =========================================================
   PARTE SUPERIOR
   ========================================================= */

.tts-how-step-top {

    display: flex;


    align-items: flex-start;


    justify-content:
        space-between;


    gap: 12px;


    margin-bottom: 15px;
}


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

.tts-how-icon {

    width: 54px;
    height: 54px;


    flex:
        0
        0
        54px;


    display: flex;


    align-items: center;


    justify-content: center;


    border:

        1px solid

        rgba(
            134,
            221,
            0,
            0.18
        );


    border-radius: 16px;


    background:

        radial-gradient(
            circle at 30% 25%,

            rgba(
                134,
                221,
                0,
                0.11
            ),

            transparent 65%
        ),

        rgba(
            255,
            255,
            255,
            0.03
        );


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


    transition:

        color
        0.3s
        ease,

        border-color
        0.3s
        ease;
}


.tts-how-step:hover
.tts-how-icon {

    color:
        var(--tts-green);


    border-color:

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


/* =========================================================
   SVG
   ========================================================= */

.tts-how-icon svg {

    width: 27px;
    height: 27px;


    display: block;


    fill: none;


    stroke:
        currentColor;


    stroke-width: 1.8;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;
}


/* =========================================================
   NÚMERO
   ========================================================= */

.tts-how-number {

    position: relative;


    padding-top: 3px;


    color:

        rgba(
            255,
            255,
            255,
            0.14
        );


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


    font-size: 30px;

    line-height: 1;


    font-weight: 900;


    letter-spacing:
        -0.05em;
}


.tts-how-number::after {

    content: "";


    position: absolute;


    right: 0;

    bottom: 0;


    width: 5px;
    height: 5px;


    border-radius: 50%;


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


/* =========================================================
   TÍTULO DEL PASO
   ========================================================= */

.tts-how-step-title {

    margin:
        0
        0
        8px;


    color:
        var(--tts-white);


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


    font-size:

        clamp(
            19px,
            1.7vw,
            24px
        );


    line-height: 1.05;


    font-weight: 800;


    letter-spacing:
        -0.02em;
}


/* =========================================================
   TEXTO DEL PASO
   ========================================================= */

.tts-how-step-text {

    margin: 0;


    color:

        rgba(
            255,
            255,
            255,
            0.50
        );


    font-size: 12px;

    line-height: 1.55;
}


/* =========================================================
   ACENTO INFERIOR
   ========================================================= */

.tts-how-step::after {

    content: "";


    position: absolute;


    left: 18px;

    right: 18px;

    bottom: 0;


    height: 2px;


    background:

        linear-gradient(
            90deg,

            var(--tts-green-soft),

            transparent
        );


    opacity: 0;


    transform:
        scaleX(0.35);


    transform-origin:
        left;


    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}


.tts-how-step:hover::after {

    opacity: 1;


    transform:
        scaleX(1);
}


/* =========================================================
   MENSAJE INFERIOR
   ========================================================= */

.tts-how-note {

    width:
        min(
            700px,
            100%
        );


    margin:
        30px
        auto
        0;


    display: flex;


    align-items: center;


    justify-content: center;


    gap: 10px;


    padding:
        12px
        18px;


    border:

        1px solid

        rgba(
            134,
            221,
            0,
            0.12
        );


    border-radius: 999px;


    background:

        rgba(
            255,
            255,
            255,
            0.028
        );


    color:

        rgba(
            255,
            255,
            255,
            0.56
        );


    font-size: 12px;

    line-height: 1.4;


    text-align: center;
}


/* =========================================================
   ICONO DEL MENSAJE
   ========================================================= */

.tts-how-note-icon {

    width: 23px;
    height: 23px;


    flex:
        0
        0
        23px;


    display: flex;


    align-items: center;


    justify-content: center;


    border-radius: 50%;


    background:

        rgba(
            134,
            221,
            0,
            0.10
        );


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


.tts-how-note-icon svg {

    width: 12px;
    height: 12px;


    fill: none;


    stroke:
        currentColor;


    stroke-width: 2;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;
}


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

@media (max-width: 1024px) {

    .tts-how-works {

        padding:
            68px
            24px
            72px;
    }


    .tts-how-process {

        grid-template-columns:

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


    .tts-how-process-line {

        display: none;
    }

}


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

@media (max-width: 767px) {

    .tts-how-works {

        padding:
            62px
            17px
            66px;
    }


    .tts-how-header {

        margin-bottom: 30px;
    }


    .tts-how-title {

        font-size:

            clamp(
                36px,
                11vw,
                50px
            );
    }


    .tts-how-description {

        margin-top: 14px;


        font-size: 14px;
    }


    /* =============================================
       PASOS EN UNA SOLA COLUMNA
       ============================================= */

    .tts-how-process {

        grid-template-columns: 1fr;


        gap: 12px;
    }


    .tts-how-process-line {

        display: none;
    }


    .tts-how-step {

        padding:
            17px;


        border-radius: 18px;
    }


    /* =============================================
       TARJETA MÁS HORIZONTAL EN MÓVIL
       ============================================= */

    .tts-how-step-top {

        margin-bottom: 13px;
    }


    .tts-how-icon {

        width: 50px;
        height: 50px;


        flex-basis: 50px;
    }


    .tts-how-icon svg {

        width: 25px;
        height: 25px;
    }


    .tts-how-step-title {

        font-size:
            22px;
    }


    .tts-how-step-text {

        font-size: 12px;
    }


    .tts-how-note {

        margin-top: 24px;


        border-radius: 18px;


        align-items:
            flex-start;


        text-align: left;
    }

}


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

@media (max-width: 420px) {

    .tts-how-works {

        padding:
            56px
            15px
            60px;
    }


    .tts-how-step {

        padding: 16px;
    }


    .tts-how-note {

        padding:
            12px
            14px;
    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
   ========================================================= */

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

    .tts-how-step {

        opacity: 1;


        transform: none;


        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2d026b *//* =========================================================
   TRÉBOL, TU SUERTE
   CONFIANZA Y TRANSPARENCIA

   PALETA OFICIAL:

   MORADO:       #8F00A2
   VERDE NEÓN:   #35FF00
   VERDE:        #86DD00
   OSCURO:       #0F1518
   BLANCO:       #FFFFFF

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


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

.tts-trust-block,
.tts-trust-block * {
    box-sizing: border-box;
}


/* =========================================================
   SECCIÓN PRINCIPAL
   ========================================================= */

.tts-trust-block {

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

    --tts-bg: #F5F7F2;
    --tts-text: #182125;
    --tts-muted: #687478;


    position: relative;

    width: 100%;

    overflow: hidden;


    padding:
        74px
        24px;


    background:

        radial-gradient(
            circle at 5% 20%,
            rgba(
                134,
                221,
                0,
                0.085
            ),
            transparent 28%
        ),

        radial-gradient(
            circle at 94% 82%,
            rgba(
                143,
                0,
                162,
                0.055
            ),
            transparent 27%
        ),

        var(--tts-bg);


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


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

.tts-trust-block::before {

    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    left: -255px;
    top: -40px;

    border-radius: 50%;

    border:
        1px solid
        rgba(
            134,
            221,
            0,
            0.13
        );

    pointer-events: none;
}


.tts-trust-block::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -230px;
    bottom: -90px;

    border-radius: 50%;

    border:
        1px solid
        rgba(
            143,
            0,
            162,
            0.10
        );

    pointer-events: none;
}


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

.tts-trust-inner {

    position: relative;

    z-index: 2;


    width:
        min(
            1280px,
            100%
        );


    margin:
        0
        auto;


    display: grid;


    grid-template-columns:

        minmax(
            0,
            0.85fr
        )

        minmax(
            0,
            1.15fr
        );


    gap: 54px;


    align-items: center;
}


/* =========================================================
   COLUMNA IZQUIERDA
   ========================================================= */

.tts-trust-copy {

    max-width: 520px;
}


/* =========================================================
   TEXTO PEQUEÑO SUPERIOR
   ========================================================= */

.tts-trust-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;


    margin-bottom: 15px;


    color:
        var(--tts-purple);


    font-size: 11px;

    line-height: 1;


    font-weight: 800;


    letter-spacing:
        0.15em;


    text-transform:
        uppercase;
}


.tts-trust-eyebrow::before {

    content: "";


    width: 24px;
    height: 2px;


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


/* =========================================================
   TÍTULO
   ========================================================= */

.tts-trust-title {

    margin: 0;


    color:
        var(--tts-dark);


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


    font-size:

        clamp(
            38px,
            4.5vw,
            62px
        );


    line-height: 0.98;


    font-weight: 900;


    letter-spacing:
        -0.045em;


    text-wrap:
        balance;
}


.tts-trust-title-accent {

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


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

.tts-trust-description {

    max-width: 500px;


    margin:
        18px
        0
        0;


    color:
        var(--tts-muted);


    font-size: 15px;

    line-height: 1.7;
}


/* =========================================================
   FRASE DESTACADA
   ========================================================= */

.tts-trust-highlight {

    position: relative;


    margin-top: 26px;


    padding:
        16px
        18px
        16px
        20px;


    border-left:
        3px solid
        var(--tts-green-soft);


    border-radius:
        0
        14px
        14px
        0;


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


    color:
        var(--tts-dark);


    font-size: 13px;

    line-height: 1.55;


    font-weight: 700;


    box-shadow:

        0
        14px
        35px

        rgba(
            15,
            21,
            24,
            0.045
        );
}


/* =========================================================
   COLUMNA DERECHA
   ========================================================= */

.tts-trust-items {

    display: grid;

    grid-template-columns: 1fr;

    gap: 12px;
}


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

.tts-trust-item {

    position: relative;


    display: grid;


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


    align-items: center;


    gap: 18px;


    min-width: 0;


    padding:
        18px
        20px;


    border:

        1px solid

        rgba(
            15,
            21,
            24,
            0.075
        );


    border-radius: 20px;


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


    box-shadow:

        0
        18px
        45px

        rgba(
            15,
            21,
            24,
            0.05
        );


    opacity: 0;


    transform:
        translateX(24px);


    transition:

        opacity
        0.6s
        ease,

        transform
        0.6s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        ),

        border-color
        0.3s
        ease,

        box-shadow
        0.3s
        ease,

        background
        0.3s
        ease;
}


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

.tts-trust-item.tts-trust-is-visible {

    opacity: 1;

    transform:
        translateX(0);
}


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

.tts-trust-item.tts-trust-is-visible:hover {

    transform:
        translateX(-4px);


    border-color:

        rgba(
            134,
            221,
            0,
            0.24
        );


    background:
        var(--tts-white);


    box-shadow:

        0
        24px
        55px

        rgba(
            15,
            21,
            24,
            0.08
        );
}


/* =========================================================
   NÚMERO LATERAL
   ========================================================= */

.tts-trust-index {

    position: absolute;


    right: 17px;

    top: 13px;


    color:

        rgba(
            15,
            21,
            24,
            0.055
        );


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


    font-size: 34px;

    line-height: 1;


    font-weight: 900;


    letter-spacing:
        -0.06em;


    pointer-events: none;
}


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

.tts-trust-icon {

    width: 54px;
    height: 54px;


    flex:
        0
        0
        54px;


    display: flex;


    align-items: center;


    justify-content: center;


    border-radius: 17px;


    border:

        1px solid

        rgba(
            134,
            221,
            0,
            0.20
        );


    background:

        radial-gradient(
            circle at 30% 25%,

            rgba(
                134,
                221,
                0,
                0.15
            ),

            transparent 65%
        ),

        rgba(
            134,
            221,
            0,
            0.055
        );


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


    transition:

        color
        0.3s
        ease,

        background
        0.3s
        ease,

        border-color
        0.3s
        ease;
}


.tts-trust-item:hover
.tts-trust-icon {

    color:
        var(--tts-green);


    border-color:

        rgba(
            53,
            255,
            0,
            0.34
        );


    background:

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


/* =========================================================
   SVG DEL ICONO
   ========================================================= */

.tts-trust-icon svg {

    width: 27px;
    height: 27px;


    display: block;


    fill: none;


    stroke:
        currentColor;


    stroke-width: 1.8;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;
}


/* =========================================================
   CONTENIDO DEL ITEM
   ========================================================= */

.tts-trust-item-copy {

    min-width: 0;

    padding-right: 38px;
}


/* =========================================================
   TÍTULO DEL ITEM
   ========================================================= */

.tts-trust-item-title {

    margin:
        0
        0
        5px;


    color:
        var(--tts-dark);


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


    font-size:
        clamp(
            20px,
            1.7vw,
            25px
        );


    line-height: 1.05;


    font-weight: 800;


    letter-spacing:
        -0.025em;
}


/* =========================================================
   TEXTO DEL ITEM
   ========================================================= */

.tts-trust-item-text {

    margin: 0;


    color:
        var(--tts-muted);


    font-size: 12px;

    line-height: 1.6;
}


/* =========================================================
   FRANJA INFERIOR
   ========================================================= */

.tts-trust-footer {

    grid-column:
        1
        /
        -1;


    margin-top: 8px;


    display: flex;


    align-items: center;


    justify-content: center;


    gap: 11px;


    padding:
        14px
        20px;


    border:

        1px solid

        rgba(
            143,
            0,
            162,
            0.10
        );


    border-radius: 18px;


    background:

        linear-gradient(
            90deg,

            rgba(
                143,
                0,
                162,
                0.035
            ),

            rgba(
                134,
                221,
                0,
                0.045
            )
        );


    color:
        var(--tts-dark);


    font-size: 12px;

    line-height: 1.5;


    font-weight: 700;


    text-align: center;
}


/* =========================================================
   PUNTO DE LA FRANJA
   ========================================================= */

.tts-trust-footer-dot {

    width: 7px;
    height: 7px;


    flex:
        0
        0
        7px;


    border-radius: 50%;


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


    box-shadow:

        0
        0
        12px

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


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

@media (max-width: 1024px) {

    .tts-trust-block {

        padding:
            68px
            24px;
    }


    .tts-trust-inner {

        grid-template-columns:
            minmax(
                0,
                0.9fr
            )

            minmax(
                0,
                1.1fr
            );


        gap: 38px;
    }


    .tts-trust-item {

        padding:
            17px;
    }

}


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

@media (max-width: 767px) {

    .tts-trust-block {

        padding:
            62px
            17px;
    }


    .tts-trust-inner {

        grid-template-columns: 1fr;

        gap: 32px;
    }


    .tts-trust-copy {

        max-width: none;
    }


    .tts-trust-title {

        font-size:

            clamp(
                37px,
                11vw,
                52px
            );
    }


    .tts-trust-description {

        font-size: 14px;
    }


    .tts-trust-highlight {

        margin-top: 20px;
    }


    .tts-trust-items {

        gap: 11px;
    }


    .tts-trust-item {

        gap: 14px;


        padding:
            16px;


        border-radius: 18px;
    }


    .tts-trust-icon {

        width: 49px;
        height: 49px;


        flex-basis: 49px;


        border-radius: 15px;
    }


    .tts-trust-icon svg {

        width: 25px;
        height: 25px;
    }


    .tts-trust-item-copy {

        padding-right: 26px;
    }


    .tts-trust-item-title {

        font-size: 21px;
    }


    .tts-trust-footer {

        margin-top: 0;


        align-items:
            flex-start;


        justify-content:
            flex-start;


        text-align: left;
    }

}


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

@media (max-width: 420px) {

    .tts-trust-block {

        padding:
            56px
            15px;
    }


    .tts-trust-item {

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


    .tts-trust-icon {

        width: 46px;
        height: 46px;


        flex-basis: 46px;
    }


    .tts-trust-index {

        font-size: 29px;
    }


    .tts-trust-footer {

        padding:
            13px
            15px;
    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
   ========================================================= */

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

    .tts-trust-item {

        opacity: 1;

        transform: none;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb95d6d *//* =========================================================
   TRÉBOL, TU SUERTE
   BONOS SORPRESA

   PALETA OFICIAL:

   MORADO:       #8F00A2
   VERDE NEÓN:   #35FF00
   VERDE:        #86DD00
   OSCURO:       #0F1518
   BLANCO:       #FFFFFF

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


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

.tts-bonus-feature,
.tts-bonus-feature * {
    box-sizing: border-box;
}


/* =========================================================
   BLOQUE PRINCIPAL
   ========================================================= */

.tts-bonus-feature {

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


    position: relative;

    width: 100%;

    overflow: hidden;


    padding:
        64px
        24px;


    background:
        #F5F7F2;


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


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

.tts-bonus-inner {

    position: relative;

    width:
        min(
            1280px,
            100%
        );

    min-height: 410px;


    margin:
        0
        auto;


    overflow: hidden;


    display: grid;


    grid-template-columns:

        minmax(
            0,
            1.05fr
        )

        minmax(
            380px,
            0.95fr
        );


    align-items: center;


    border-radius: 30px;


    background:

        radial-gradient(
            circle at 84% 18%,

            rgba(
                143,
                0,
                162,
                0.30
            ),

            transparent 35%
        ),

        radial-gradient(
            circle at 72% 85%,

            rgba(
                53,
                255,
                0,
                0.08
            ),

            transparent 32%
        ),

        linear-gradient(
            135deg,

            #0F1518 0%,

            #111B1D 53%,

            #0F1518 100%
        );


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.06
        );


    box-shadow:

        0
        28px
        70px

        rgba(
            15,
            21,
            24,
            0.16
        );


    isolation: isolate;
}


/* =========================================================
   TEXTURA SUTIL
   ========================================================= */

.tts-bonus-inner::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -3;


    background:

        linear-gradient(
            115deg,

            transparent 0%,

            rgba(
                255,
                255,
                255,
                0.016
            )
            48%,

            transparent 49%
        );


    background-size:
        200px
        200px;


    opacity: 0.50;
}


/* =========================================================
   LÍNEA VERDE INFERIOR
   ========================================================= */

.tts-bonus-inner::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 55%;
    height: 3px;


    background:

        linear-gradient(
            90deg,

            var(--tts-green-soft),

            var(--tts-green),

            transparent
        );


    opacity: 0.80;
}


/* =========================================================
   COLUMNA DE TEXTO
   ========================================================= */

.tts-bonus-copy {

    position: relative;

    z-index: 5;


    max-width: 650px;


    padding:
        58px
        20px
        58px
        58px;
}


/* =========================================================
   ETIQUETA SUPERIOR
   ========================================================= */

.tts-bonus-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;


    margin-bottom: 16px;


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


    font-size: 11px;

    line-height: 1;


    font-weight: 800;


    letter-spacing:
        0.16em;


    text-transform:
        uppercase;
}


.tts-bonus-eyebrow::before {

    content: "";


    width: 26px;
    height: 2px;


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


/* =========================================================
   TÍTULO
   ========================================================= */

.tts-bonus-title {

    max-width: 650px;


    margin: 0;


    color:
        var(--tts-white);


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


    font-size:

        clamp(
            40px,
            4.7vw,
            66px
        );


    line-height: 0.95;


    font-weight: 900;


    letter-spacing:
        -0.05em;


    text-wrap:
        balance;
}


/* =========================================================
   ACENTO DEL TÍTULO
   ========================================================= */

.tts-bonus-title-accent {

    display: inline-block;


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


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

.tts-bonus-description {

    max-width: 580px;


    margin:
        20px
        0
        0;


    color:

        rgba(
            255,
            255,
            255,
            0.62
        );


    font-size: 15px;

    line-height: 1.7;
}


/* =========================================================
   TEXTO DESTACADO
   ========================================================= */

.tts-bonus-highlight {

    position: relative;


    max-width: 540px;


    margin-top: 23px;


    padding:
        15px
        17px
        15px
        19px;


    border-left:
        3px solid
        var(--tts-green-soft);


    border-radius:
        0
        14px
        14px
        0;


    background:

        rgba(
            255,
            255,
            255,
            0.045
        );


    color:

        rgba(
            255,
            255,
            255,
            0.84
        );


    font-size: 13px;

    line-height: 1.55;


    font-weight: 700;
}


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

.tts-bonus-actions {

    display: flex;

    align-items: center;

    flex-wrap: wrap;


    gap: 12px;


    margin-top: 27px;
}


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

.tts-bonus-button {

    min-height: 50px;


    display: inline-flex;

    align-items: center;

    justify-content: center;


    gap: 10px;


    padding:
        0
        22px;


    border-radius: 999px;


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


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


    text-decoration:
        none !important;


    font-size: 12px;

    line-height: 1;


    font-weight: 850;


    box-shadow:

        0
        14px
        32px

        rgba(
            134,
            221,
            0,
            0.15
        );


    transition:

        transform
        0.25s
        ease,

        background
        0.25s
        ease,

        box-shadow
        0.25s
        ease;
}


.tts-bonus-button:hover {

    transform:
        translateY(-3px);


    background:
        var(--tts-green);


    box-shadow:

        0
        18px
        38px

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


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

.tts-bonus-button-arrow {

    font-size: 17px;


    transition:
        transform
        0.25s
        ease;
}


.tts-bonus-button:hover
.tts-bonus-button-arrow {

    transform:
        translateX(4px);
}


/* =========================================================
   NOTA PEQUEÑA
   ========================================================= */

.tts-bonus-small-note {

    max-width: 520px;


    margin-top: 15px;


    color:

        rgba(
            255,
            255,
            255,
            0.38
        );


    font-size: 10px;

    line-height: 1.5;
}


/* =========================================================
   COLUMNA VISUAL
   ========================================================= */

.tts-bonus-visual {

    position: relative;

    z-index: 3;


    min-height: 410px;


    display: flex;

    align-items: center;

    justify-content: center;


    overflow: hidden;
}


/* =========================================================
   GRAN LUZ DE FONDO
   ========================================================= */

.tts-bonus-visual::before {

    content: "";

    position: absolute;


    width: 370px;
    height: 370px;


    border-radius: 50%;


    background:

        radial-gradient(
            circle,

            rgba(
                143,
                0,
                162,
                0.34
            )
            0%,

            rgba(
                143,
                0,
                162,
                0.12
            )
            35%,

            transparent 70%
        );


    filter:
        blur(5px);
}


/* =========================================================
   ANILLO DECORATIVO
   ========================================================= */

.tts-bonus-orbit {

    position: absolute;


    width: 330px;
    height: 330px;


    border-radius: 50%;


    border:

        1px solid

        rgba(
            134,
            221,
            0,
            0.16
        );


    transform:
        rotate(-12deg);


    animation:
        ttsBonusOrbit
        16s
        linear
        infinite;
}


/* =========================================================
   PUNTOS DEL ANILLO
   ========================================================= */

.tts-bonus-orbit::before,
.tts-bonus-orbit::after {

    content: "";


    position: absolute;


    top: 50%;


    width: 8px;
    height: 8px;


    border-radius: 50%;


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


    box-shadow:

        0
        0
        16px

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


.tts-bonus-orbit::before {

    left: -4px;
}


.tts-bonus-orbit::after {

    right: -4px;
}


/* =========================================================
   TARJETA MISTERIOSA
   ========================================================= */

.tts-bonus-ticket {

    position: relative;

    z-index: 5;


    width: 250px;
    height: 300px;


    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;


    padding:
        28px;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.13
        );


    border-radius: 28px;


    background:

        radial-gradient(
            circle at 50% 15%,

            rgba(
                134,
                221,
                0,
                0.13
            ),

            transparent 40%
        ),

        linear-gradient(
            145deg,

            rgba(
                255,
                255,
                255,
                0.09
            ),

            rgba(
                255,
                255,
                255,
                0.025
            )
        );


    box-shadow:

        0
        32px
        70px

        rgba(
            0,
            0,
            0,
            0.28
        );


    backdrop-filter:
        blur(14px);

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


    animation:
        ttsBonusFloat
        5.5s
        ease-in-out
        infinite;
}


/* =========================================================
   MARCA SUPERIOR DE LA TARJETA
   ========================================================= */

.tts-bonus-ticket-label {

    margin-bottom: 24px;


    color:

        rgba(
            255,
            255,
            255,
            0.43
        );


    font-size: 10px;

    line-height: 1;


    font-weight: 800;


    letter-spacing:
        0.18em;


    text-transform:
        uppercase;
}


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

.tts-bonus-gift-icon {

    width: 105px;
    height: 105px;


    display: flex;

    align-items: center;

    justify-content: center;


    border-radius: 28px;


    background:

        radial-gradient(
            circle at 30% 25%,

            rgba(
                53,
                255,
                0,
                0.25
            ),

            transparent 65%
        ),

        rgba(
            134,
            221,
            0,
            0.10
        );


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


    box-shadow:

        inset
        0
        0
        0
        1px

        rgba(
            134,
            221,
            0,
            0.18
        ),

        0
        0
        42px

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


/* =========================================================
   SVG PRINCIPAL
   ========================================================= */

.tts-bonus-gift-icon svg {

    width: 58px;
    height: 58px;


    display: block;


    fill: none;


    stroke:
        currentColor;


    stroke-width: 1.7;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;
}


/* =========================================================
   SIGNO DE INTERROGACIÓN
   ========================================================= */

.tts-bonus-question {

    margin-top: 20px;


    color:
        var(--tts-white);


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


    font-size: 38px;

    line-height: 1;


    font-weight: 900;
}


/* =========================================================
   TEXTO INFERIOR DE LA TARJETA
   ========================================================= */

.tts-bonus-ticket-text {

    margin-top: 7px;


    color:

        rgba(
            255,
            255,
            255,
            0.50
        );


    font-size: 10px;

    line-height: 1.3;


    font-weight: 700;


    letter-spacing:
        0.08em;


    text-transform:
        uppercase;
}


/* =========================================================
   ELEMENTOS FLOTANTES
   ========================================================= */

.tts-bonus-chip {

    position: absolute;

    z-index: 7;


    min-width: 76px;

    min-height: 38px;


    display: inline-flex;

    align-items: center;

    justify-content: center;


    padding:
        0
        14px;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            0.12
        );


    border-radius: 999px;


    background:

        rgba(
            15,
            21,
            24,
            0.72
        );


    color:
        var(--tts-white);


    font-size: 10px;

    line-height: 1;


    font-weight: 800;


    letter-spacing:
        0.06em;


    text-transform:
        uppercase;


    backdrop-filter:
        blur(10px);

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


    box-shadow:

        0
        16px
        35px

        rgba(
            0,
            0,
            0,
            0.20
        );
}


/* =========================================================
   CHIP 1
   ========================================================= */

.tts-bonus-chip--one {

    left: 12%;

    top: 24%;


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


    animation:
        ttsBonusChipOne
        6s
        ease-in-out
        infinite;
}


/* =========================================================
   CHIP 2
   ========================================================= */

.tts-bonus-chip--two {

    right: 8%;

    top: 34%;


    color:
        var(--tts-white);


    animation:
        ttsBonusChipTwo
        6.8s
        ease-in-out
        infinite;
}


/* =========================================================
   CHIP 3
   ========================================================= */

.tts-bonus-chip--three {

    right: 16%;

    bottom: 19%;


    color:
        var(--tts-green);


    animation:
        ttsBonusChipThree
        7.2s
        ease-in-out
        infinite;
}


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

@keyframes ttsBonusFloat {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(-2deg);
    }

    50% {

        transform:
            translateY(-13px)
            rotate(2deg);
    }
}


@keyframes ttsBonusOrbit {

    to {

        transform:
            rotate(348deg);
    }
}


@keyframes ttsBonusChipOne {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(-5deg);
    }

    50% {

        transform:
            translateY(-10px)
            rotate(2deg);
    }
}


@keyframes ttsBonusChipTwo {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(4deg);
    }

    50% {

        transform:
            translateY(11px)
            rotate(-2deg);
    }
}


@keyframes ttsBonusChipThree {

    0%,
    100% {

        transform:
            translateY(0)
            rotate(-3deg);
    }

    50% {

        transform:
            translateY(-8px)
            rotate(3deg);
    }
}


/* =========================================================
   ANIMACIÓN DE ENTRADA
   ========================================================= */

.tts-bonus-copy,
.tts-bonus-visual {

    opacity: 0;

    transform:
        translateY(24px);


    transition:

        opacity
        0.75s
        ease,

        transform
        0.75s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}


.tts-bonus-feature.tts-bonus-is-visible
.tts-bonus-copy,
.tts-bonus-feature.tts-bonus-is-visible
.tts-bonus-visual {

    opacity: 1;

    transform:
        translateY(0);
}


.tts-bonus-feature.tts-bonus-is-visible
.tts-bonus-visual {

    transition-delay:
        0.14s;
}


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

@media (max-width: 1024px) {

    .tts-bonus-feature {

        padding:
            58px
            24px;
    }


    .tts-bonus-inner {

        grid-template-columns:

            minmax(
                0,
                1fr
            )

            minmax(
                330px,
                0.8fr
            );
    }


    .tts-bonus-copy {

        padding:
            48px
            10px
            48px
            44px;
    }


    .tts-bonus-visual {

        min-height: 380px;
    }


    .tts-bonus-ticket {

        width: 225px;
        height: 275px;
    }

}


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

@media (max-width: 767px) {

    .tts-bonus-feature {

        padding:
            52px
            17px;
    }


    .tts-bonus-inner {

        min-height: 0;


        grid-template-columns:
            1fr;


        border-radius: 25px;
    }


    .tts-bonus-copy {

        max-width: none;


        padding:
            40px
            24px
            28px;
    }


    .tts-bonus-title {

        font-size:

            clamp(
                38px,
                11.5vw,
                52px
            );
    }


    .tts-bonus-description {

        margin-top: 17px;


        font-size: 14px;
    }


    .tts-bonus-highlight {

        margin-top: 19px;
    }


    .tts-bonus-actions {

        margin-top: 23px;
    }


    .tts-bonus-button {

        width: 100%;
    }


    .tts-bonus-visual {

        min-height: 335px;
    }


    .tts-bonus-orbit {

        width: 275px;
        height: 275px;
    }


    .tts-bonus-ticket {

        width: 205px;
        height: 250px;


        border-radius: 24px;
    }


    .tts-bonus-gift-icon {

        width: 88px;
        height: 88px;


        border-radius: 24px;
    }


    .tts-bonus-gift-icon svg {

        width: 48px;
        height: 48px;
    }


    .tts-bonus-chip--one {

        left: 6%;
    }


    .tts-bonus-chip--two {

        right: 5%;
    }


    .tts-bonus-chip--three {

        right: 10%;
    }

}


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

@media (max-width: 420px) {

    .tts-bonus-feature {

        padding:
            46px
            15px;
    }


    .tts-bonus-copy {

        padding:
            35px
            20px
            24px;
    }


    .tts-bonus-visual {

        min-height: 315px;
    }


    .tts-bonus-chip {

        min-width: 65px;

        min-height: 34px;


        padding:
            0
            11px;


        font-size: 9px;
    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
   ========================================================= */

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

    .tts-bonus-copy,
    .tts-bonus-visual {

        opacity: 1;

        transform: none;

        transition: none;
    }


    .tts-bonus-ticket,
    .tts-bonus-orbit,
    .tts-bonus-chip {

        animation: none;
    }

}/* End custom CSS */