/*
 * MTG_MAIN_HERO_SLIDER_CSS_V2
 */

.mtg-main-slider-v2{
    position:relative;
    overflow:hidden;
}

.mtg-main-slider-v2__viewport{
    position:relative;
    overflow:hidden;
}

.mtg-main-slider-v2__track{
    display:flex;
    width:100%;
    transition:
        transform .7s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

.mtg-main-slider-v2__slide{
    flex:0 0 100%;
    width:100%;
    min-width:100%;
}

.mtg-main-slider-v2__slide[aria-hidden="true"]{
    pointer-events:none;
}

.mtg-main-slider-v2 .mtg-hero-ref-v15{
    width:100%;
}

.mtg-main-slider-v2__nav{
    position:absolute;
    z-index:25;
    top:50%;
    left:0;
    right:0;
    display:flex;
    justify-content:space-between;
    padding:0 20px;
    pointer-events:none;
    transform:translateY(-50%);
}

.mtg-main-slider-v2__arrow{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(63,33,112,.14);
    border-radius:50%;
    background:rgba(255,255,255,.94);
    color:#56308b;
    box-shadow:0 10px 28px rgba(58,31,98,.13);
    cursor:pointer;
    pointer-events:auto;
    font-size:22px;
    transition:.2s ease;
}

.mtg-main-slider-v2__arrow:hover{
    transform:scale(1.06);
}

.mtg-main-slider-v2__dots{
    position:absolute;
    z-index:25;
    left:50%;
    bottom:16px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.84);
    backdrop-filter:blur(8px);
    transform:translateX(-50%);
}

.mtg-main-slider-v2__dot{
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#c9bfd7;
    cursor:pointer;
    transition:.25s ease;
}

.mtg-main-slider-v2__dot.is-active{
    width:24px;
    background:#6d36b0;
}

.mtg-main-slider-v2.is-single
.mtg-main-slider-v2__nav,
.mtg-main-slider-v2.is-single
.mtg-main-slider-v2__dots{
    display:none;
}

@media(max-width:900px){

    .mtg-main-slider-v2__nav{
        display:none;
    }

    .mtg-main-slider-v2__dots{
        bottom:8px;
    }

}

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

    .mtg-main-slider-v2__track{
        transition:none;
    }

}


/* ==========================================================
 * MTG_SLIDER_FULL_BG_CSS_V1
 * Imagen del Builder como background completo del slide.
 * ========================================================== */

.mtg-main-slider-v2__slide .mtg-hero-ref-v15{
    position:relative;
    isolation:isolate;

    /*
     * La fotografía cubre TODO el hero.
     * El degradado protege la zona donde vive el copy.
     */
    background-image:
        linear-gradient(
            90deg,
            rgba(5,8,18,.99) 0%,
            rgba(5,8,18,.96) 25%,
            rgba(5,8,18,.82) 42%,
            rgba(5,8,18,.48) 58%,
            rgba(5,8,18,.12) 76%,
            rgba(5,8,18,.02) 100%
        ),
        var(--mtg-slide-bg);

    background-size:
        cover,
        cover;

    background-repeat:
        no-repeat,
        no-repeat;

    background-position:
        center center,
        center center;
}


/*
 * Cuando no hay imagen aún,
 * conservamos el fondo oscuro del hero.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15:not([style*="--mtg-slide-bg"]){
    background-image:
        linear-gradient(
            135deg,
            #060a14 0%,
            #090d18 100%
        );
}


/*
 * El contenido queda por encima del BG.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner{
    position:relative;
    z-index:3;
}


/*
 * Ya no existe una imagen física a la derecha.
 * La columna visual queda únicamente para elementos flotantes,
 * como la burbuja de Carla.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__visual{
    position:relative;
    background:none !important;
}


/*
 * Seguridad por si una regla legacy intenta mostrarla.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__photo{
    display:none !important;
}


/*
 * Suavísimo sombreado inferior para integrar el BG.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:auto 0 0;
    height:28%;
    pointer-events:none;

    background:
        linear-gradient(
            to top,
            rgba(4,7,15,.26),
            transparent
        );
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media (max-width:1100px){

    .mtg-main-slider-v2__slide .mtg-hero-ref-v15{

        background-image:
            linear-gradient(
                90deg,
                rgba(5,8,18,.98) 0%,
                rgba(5,8,18,.91) 38%,
                rgba(5,8,18,.57) 62%,
                rgba(5,8,18,.16) 100%
            ),
            var(--mtg-slide-bg);

        background-position:
            center center,
            64% center;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width:760px){

    .mtg-main-slider-v2__slide .mtg-hero-ref-v15{

        /*
         * En móvil el oscurecimiento es mayor para garantizar
         * legibilidad aunque la persona quede detrás del texto.
         */
        background-image:
            linear-gradient(
                180deg,
                rgba(5,8,18,.74) 0%,
                rgba(5,8,18,.80) 38%,
                rgba(5,8,18,.94) 72%,
                rgba(5,8,18,.99) 100%
            ),
            var(--mtg-slide-bg);

        background-size:
            cover,
            cover;

        background-position:
            center center,
            66% center;
    }

}


/* ==========================================================
 * /MTG_SLIDER_FULL_BG_CSS_V1
 * ========================================================== */


/* ==========================================================
 * MTG_SLIDER_BG_LAYER_FIX_V2
 *
 * La imagen vive en una capa independiente.
 * Evita conflictos con backgrounds legacy del hero.
 * ========================================================== */

.mtg-main-slider-v2__slide .mtg-hero-ref-v15{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    /*
     * El fondo original queda neutro.
     * La fotografía la pinta ::before.
     */
    background:#060912 !important;
    background-image:none !important;
}


/*
 * FOTO FULL BACKGROUND
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::before{

    content:"";

    position:absolute !important;
    z-index:0 !important;

    inset:0 !important;

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

    pointer-events:none;

    background-image:
        var(--mtg-slide-bg) !important;

    background-size:
        cover !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center center !important;

    opacity:1 !important;

    transform:none !important;
}


/*
 * OVERLAY OSCURO DE IZQUIERDA A DERECHA
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::after{

    content:"";

    position:absolute !important;
    z-index:1 !important;

    inset:0 !important;

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

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(5,8,18,.99) 0%,
            rgba(5,8,18,.96) 20%,
            rgba(5,8,18,.88) 34%,
            rgba(5,8,18,.70) 48%,
            rgba(5,8,18,.38) 63%,
            rgba(5,8,18,.12) 78%,
            rgba(5,8,18,.02) 100%
        ) !important;
}


/*
 * TODO EL CONTENIDO ENCIMA
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner{

    position:relative !important;
    z-index:2 !important;
}


/*
 * La columna visual ya no pinta fotografía.
 * Solo sirve para Carla / elementos flotantes.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__visual{

    position:relative !important;
    z-index:3 !important;

    background:none !important;
}


/*
 * Nunca volver a mostrar la imagen como IMG de hero.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__photo{

    display:none !important;
}


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

@media (max-width:1100px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-position:
            65% center !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                90deg,
                rgba(5,8,18,.98) 0%,
                rgba(5,8,18,.92) 36%,
                rgba(5,8,18,.67) 58%,
                rgba(5,8,18,.20) 100%
            ) !important;
    }

}


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

@media (max-width:760px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-position:
            68% center !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                180deg,
                rgba(5,8,18,.48) 0%,
                rgba(5,8,18,.65) 30%,
                rgba(5,8,18,.88) 67%,
                rgba(5,8,18,.98) 100%
            ) !important;
    }

}


/* ==========================================================
 * /MTG_SLIDER_BG_LAYER_FIX_V2
 * ========================================================== */


/* ==========================================================
 * MTG_SLIDER_GRADIENT_SOFT_V3
 * Suaviza la unión entre zona oscura y fotografía.
 * ========================================================== */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::after{

    background:
        linear-gradient(
            90deg,

            rgba(5,8,18,1.00) 0%,
            rgba(5,8,18,.99) 18%,
            rgba(5,8,18,.97) 28%,
            rgba(5,8,18,.92) 36%,
            rgba(5,8,18,.84) 44%,
            rgba(5,8,18,.72) 52%,
            rgba(5,8,18,.58) 60%,
            rgba(5,8,18,.43) 68%,
            rgba(5,8,18,.28) 76%,
            rgba(5,8,18,.15) 84%,
            rgba(5,8,18,.07) 92%,
            rgba(5,8,18,.02) 100%

        ) !important;
}


/*
 * Pequeña capa de humo para eliminar cualquier
 * sensación de corte vertical en el centro.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner::before{

    content:"";

    position:absolute;

    z-index:-1;

    top:0;
    bottom:0;

    left:31%;

    width:34%;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(5,8,18,.22) 0%,
            rgba(5,8,18,.13) 32%,
            rgba(5,8,18,.06) 65%,
            rgba(5,8,18,0) 100%
        );

    filter:blur(18px);
}


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

@media (max-width:1100px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                90deg,

                rgba(5,8,18,1.00) 0%,
                rgba(5,8,18,.98) 24%,
                rgba(5,8,18,.92) 38%,
                rgba(5,8,18,.80) 50%,
                rgba(5,8,18,.64) 62%,
                rgba(5,8,18,.45) 74%,
                rgba(5,8,18,.24) 86%,
                rgba(5,8,18,.06) 100%

            ) !important;
    }

}


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

@media (max-width:760px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                180deg,

                rgba(5,8,18,.38) 0%,
                rgba(5,8,18,.52) 24%,
                rgba(5,8,18,.68) 46%,
                rgba(5,8,18,.83) 67%,
                rgba(5,8,18,.94) 84%,
                rgba(5,8,18,.99) 100%

            ) !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15__inner::before{

        display:none;
    }

}


/* ==========================================================
 * /MTG_SLIDER_GRADIENT_SOFT_V3
 * ========================================================== */


/* ==========================================================
 * MTG_SLIDER_BG_CROP_FIX_V4
 *
 * Las imágenes originales poseen zona vacía a la izquierda.
 * Se amplía el background y se ancla a la derecha para
 * sacar esa transición vertical fuera de la zona visible.
 * ========================================================== */


/*
 * Desactivar la capa extra de humo del intento anterior.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner::before{
    display:none !important;
}


/*
 * FOTO:
 * zoom para eliminar la zona blanca/vacía izquierda
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::before{

    background-size:
        128% auto !important;

    background-position:
        100% center !important;

    background-repeat:
        no-repeat !important;
}


/*
 * OVERLAY:
 * oscuro donde está el texto,
 * pero transición larga y limpia hacia la fotografía.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::after{

    background:
        linear-gradient(
            90deg,

            rgba(5,8,18,1.00) 0%,
            rgba(5,8,18,1.00) 22%,
            rgba(5,8,18,.98) 30%,
            rgba(5,8,18,.94) 38%,
            rgba(5,8,18,.86) 46%,
            rgba(5,8,18,.73) 54%,
            rgba(5,8,18,.56) 62%,
            rgba(5,8,18,.38) 70%,
            rgba(5,8,18,.23) 78%,
            rgba(5,8,18,.12) 86%,
            rgba(5,8,18,.05) 94%,
            rgba(5,8,18,.02) 100%

        ) !important;
}


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

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-size:
            140% auto !important;

        background-position:
            88% center !important;
    }

}


/*
 * MOBILE
 *
 * En móvil necesitamos bastante más zoom porque
 * el formato cambia completamente.
 */
@media (max-width:760px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-size:
            auto 100% !important;

        background-position:
            68% center !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                180deg,

                rgba(5,8,18,.38) 0%,
                rgba(5,8,18,.48) 25%,
                rgba(5,8,18,.66) 47%,
                rgba(5,8,18,.84) 70%,
                rgba(5,8,18,.96) 100%

            ) !important;
    }

}


/* ==========================================================
 * /MTG_SLIDER_BG_CROP_FIX_V4
 * ========================================================== */


/* ==========================================================
 * MTG_SLIDER_TEXT_SHADOW_V5
 *
 * 1. Restaurar imagen a proporción natural.
 * 2. Eliminar pared/degradado vertical.
 * 3. Oscurecer SOLO detrás del copy con sombra difusa.
 * ========================================================== */


/* ----------------------------------------------------------
 * FOTO: volver a COVER normal.
 * Nada de 128%, 140%, etc.
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::before{

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    transform:
        none !important;
}


/* ----------------------------------------------------------
 * OVERLAY GENERAL
 *
 * Casi neutro. Ya NO hacemos la gran cortina negra
 * izquierda -> derecha que estaba formando la línea.
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::after{

    background:
        linear-gradient(
            90deg,
            rgba(4,7,15,.20) 0%,
            rgba(4,7,15,.12) 35%,
            rgba(4,7,15,.05) 65%,
            rgba(4,7,15,0) 100%
        ) !important;
}


/* ----------------------------------------------------------
 * APAGAR HUMOS / CAPAS DE INTENTOS ANTERIORES
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner::before{

    display:
        none !important;
}


/* ----------------------------------------------------------
 * COPY
 *
 * Aquí vive ahora la oscuridad.
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__copy{

    position:
        relative !important;

    z-index:
        4 !important;

    isolation:
        isolate;
}


/*
 * Mancha oscura suave detrás del contenido.
 *
 * Importante:
 * NO es un rectángulo.
 * Es una elipse/radial que desaparece antes del borde.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__copy::after{

    content:"";

    position:
        absolute;

    z-index:
        -1;

    pointer-events:
        none;

    top:
        -12%;

    right:
        -46%;

    bottom:
        -12%;

    left:
        -20%;

    background:
        radial-gradient(
            ellipse at 30% 50%,

            rgba(4,7,15,.98) 0%,
            rgba(4,7,15,.95) 24%,
            rgba(4,7,15,.85) 43%,
            rgba(4,7,15,.62) 60%,
            rgba(4,7,15,.32) 75%,
            rgba(4,7,15,.10) 88%,
            rgba(4,7,15,0) 100%
        );

    filter:
        blur(12px);

    border-radius:
        50%;
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media (max-width:1100px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-size:
            cover !important;

        background-position:
            60% center !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15__copy::after{

        right:
            -32%;

        background:
            radial-gradient(
                ellipse at 28% 50%,

                rgba(4,7,15,.98) 0%,
                rgba(4,7,15,.91) 38%,
                rgba(4,7,15,.65) 60%,
                rgba(4,7,15,.28) 78%,
                rgba(4,7,15,0) 100%
            );
    }

}


/* ----------------------------------------------------------
 * MOBILE
 *
 * Aquí sí conviene sombra más uniforme porque el texto
 * pasa por encima de la foto.
 * ---------------------------------------------------------- */

@media (max-width:760px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-size:
            cover !important;

        background-position:
            68% center !important;
    }


    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                180deg,
                rgba(4,7,15,.30) 0%,
                rgba(4,7,15,.48) 35%,
                rgba(4,7,15,.76) 72%,
                rgba(4,7,15,.94) 100%
            ) !important;
    }


    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15__copy::after{

        top:
            -8%;

        right:
            -12%;

        bottom:
            -8%;

        left:
            -12%;

        filter:
            blur(16px);

        background:
            radial-gradient(
                ellipse at 45% 50%,

                rgba(4,7,15,.90) 0%,
                rgba(4,7,15,.74) 50%,
                rgba(4,7,15,.32) 76%,
                rgba(4,7,15,0) 100%
            );
    }

}


/* ==========================================================
 * /MTG_SLIDER_TEXT_SHADOW_V5
 * ========================================================== */


/* ==========================================================
 * MTG_SLIDER_CLEAN_BLEND_V6
 *
 * El hero ya usa una fotografía FULL BACKGROUND.
 * Por eso anulamos todas las máscaras pertenecientes
 * a la antigua columna visual.
 * ========================================================== */


/* ----------------------------------------------------------
 * FOTO FULL BG NORMAL
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::before{

    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    background-image:
        var(--mtg-slide-bg) !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    opacity:
        1 !important;

    transform:
        none !important;

    filter:
        none !important;

    pointer-events:
        none !important;
}


/* ----------------------------------------------------------
 * MATAR DE RAÍZ LAS MÁSCARAS DE LA VIEJA COLUMNA VISUAL
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__visual::before,

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__visual::after{

    content:
        none !important;

    display:
        none !important;

    background:
        none !important;

    background-image:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    backdrop-filter:
        none !important;

    filter:
        none !important;

    box-shadow:
        none !important;
}


/* ----------------------------------------------------------
 * MATAR TAMBIÉN LOS EXPERIMENTOS SOBRE COPY / INNER
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__copy::after,

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner::before{

    content:
        none !important;

    display:
        none !important;
}


/* ----------------------------------------------------------
 * UNA SOLA MÁSCARA PARA TODO EL SLIDE
 *
 * Usamos radial, no una línea horizontal.
 * La oscuridad nace detrás del texto y desaparece
 * progresivamente hacia la fotografía.
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15::after{

    content:"" !important;

    display:block !important;

    position:absolute !important;

    z-index:1 !important;

    inset:0 !important;

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

    pointer-events:none !important;

    background:
        radial-gradient(
            ellipse 82% 135% at 10% 50%,

            rgba(5,8,18,.99) 0%,
            rgba(5,8,18,.97) 22%,
            rgba(5,8,18,.90) 36%,
            rgba(5,8,18,.72) 50%,
            rgba(5,8,18,.48) 62%,
            rgba(5,8,18,.26) 72%,
            rgba(5,8,18,.10) 82%,
            rgba(5,8,18,.02) 90%,
            rgba(5,8,18,0) 100%

        ) !important;

    filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    backdrop-filter:
        none !important;
}


/* ----------------------------------------------------------
 * CONTENIDO ENCIMA
 * ---------------------------------------------------------- */

.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__inner{

    position:
        relative !important;

    z-index:
        3 !important;
}


/*
 * La antigua columna visual queda transparente.
 * Solo conserva elementos flotantes como Carla.
 */
.mtg-main-slider-v2__slide
.mtg-hero-ref-v15__visual{

    position:
        relative !important;

    background:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


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

@media (max-width:1100px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-position:
            60% center !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            radial-gradient(
                ellipse 100% 135% at 8% 50%,

                rgba(5,8,18,.99) 0%,
                rgba(5,8,18,.94) 28%,
                rgba(5,8,18,.76) 46%,
                rgba(5,8,18,.48) 62%,
                rgba(5,8,18,.20) 78%,
                rgba(5,8,18,0) 100%

            ) !important;
    }

}


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

@media (max-width:760px){

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::before{

        background-position:
            68% center !important;
    }

    .mtg-main-slider-v2__slide
    .mtg-hero-ref-v15::after{

        background:
            linear-gradient(
                180deg,

                rgba(5,8,18,.25) 0%,
                rgba(5,8,18,.40) 30%,
                rgba(5,8,18,.65) 55%,
                rgba(5,8,18,.86) 78%,
                rgba(5,8,18,.97) 100%

            ) !important;
    }

}


/* ==========================================================
 * /MTG_SLIDER_CLEAN_BLEND_V6
 * ========================================================== */