/* Minification failed. Returning unminified contents.
(45,21): run-time error CSS1039: Token not allowed after unary operator: '-orange-secondary'
(153,21): run-time error CSS1039: Token not allowed after unary operator: '-orange-secondary-2'
(188,21): run-time error CSS1039: Token not allowed after unary operator: '-green-whatsapp'
(193,32): run-time error CSS1039: Token not allowed after unary operator: '-green-whatsapp-2'
(259,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-primary'
(279,25): run-time error CSS1039: Token not allowed after unary operator: '-blue-primary'
(326,21): run-time error CSS1039: Token not allowed after unary operator: '-orange-secondary-2'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-primary'
(521,42): run-time error CSS1046: Expect comma, found '0'
(521,46): run-time error CSS1046: Expect comma, found '/'
(525,40): run-time error CSS1046: Expect comma, found '0'
(525,44): run-time error CSS1046: Expect comma, found '/'
(565,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-primary'
 */
.footer {
    background-color: transparent;
    padding: 20px 0px;
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    font-family: 'Barlow-Medium';
    background: linear-gradient(to bottom, #0b6aa900 0%, #011018 50%);
}

.footer--legals {
    /* width: 67%; */
    max-width: 700px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding-inline: 5px;
}

    .footer--legals span {
        font-weight: 900;
        font-size: 15px;
    }

.footer-container-socials {
    display: flex;
    gap: 10px;
}

.footer-container-links {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .footer-container-links a {
        color: var(--orange-secondary);
        text-transform: uppercase;
    }

        .footer-container-links a:hover {
            color: white;
        }

.contenido-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.footer-logos {
    display: flex;
    justify-content: center; /* width: 30%; */
}

    .footer-logos img {
        max-width: 120px;
    }

@media(min-width: 900px) {
    .footer-container-links {
        flex-direction: row;
        gap: 30px;
    }

    .contenido-footer {
        flex-direction: row;
    }
}

body {
    background-image: url(/Content/assetsv2/partidoestrellas/bg_parest_mo.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.container-partestr {
    /* min-height: 100vh; */
}

.main-container {
    padding-top: 0;
}
/*----- SECTION 1 -----*/
.section1 {
    overflow: hidden;
}

    .section1 .section1-charecters {
        /* overflow: hidden; */
    }

.section1-charecters .charecters-img {
}

.charecters-charac--img {
}

    .charecters-charac--img img {
        width: 50%;
        max-width: 350px;
    }

.charecters-logo--img {
    display: flex;
    justify-content: center;
    margin-top: -130px;
    margin-left: -50px;
}

    .charecters-logo--img img {
        width: 60%;
        max-width: 300px;
    }

.charecters-charac--img-melvin {
    display: flex;
    justify-content: end;
    margin-top: -230px;
}

.charecters-charac--img-tony {
}

.charecters-charac--img-melvin img {
    position: relative;
    right: -50px;
}

.charecters-charac--img-tony img {
}

.section1-txt {
    padding-inline: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* filter: blur(10px); */
}

    .section1-txt h1 {
        font-family: 'Barlow-Black';
        color: var(--orange-secondary-2);
        text-transform: uppercase;
        font-size: 25px;
        text-align: center;
        max-width: 410px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    }

    .section1-txt h2 {
        color: white;
        font-family: 'Barlow-Black';
        text-transform: uppercase;
        text-align: center;
        font-size: 17px;
        margin-top: 20px;
    }

    .section1-txt p {
        color: white;
        text-align: center;
        font-size: 17px;
        text-transform: uppercase;
        line-height: 25px;
        max-width: 400px;
    }

.section1-txt--a {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

    .section1-txt--a a {
        cursor: pointer;
        display: block;
        color: var(--green-whatsapp);
        font-family: 'Barlow-Black';
        background-color: white;
        padding: 15px 70px 15px 40px;
        border-radius: 10px;
        border: 2px solid var(--green-whatsapp-2);
        min-width: 220px;
        position: relative;
        text-decoration: none;
    }

        .section1-txt--a a > img {
            position: absolute;
            max-width: 60px;
            top: -5px;
            right: -12px;
        }

.divider {
    display: none;
}
/*----- FINSECTION 1 -----*/
/*----- SECTION 2 -----*/
.section2 {
    padding-top: 5rem;
    /* padding-bottom: 5rem; */
}


.swiper_container-tutorial {
    overflow: hidden;
    position: relative;
}

.swiper-wrapper {
    /* position: relative; */
}

.flecha-slider {
    position: absolute;
    top: 50%;
    transform: translate(-3%, -50%);
    z-index: 1;
    cursor: pointer;
}

.flecha-left {
    left: 3%;
}

.flecha-right {
    right: 3%;
}

.carousel-item-img {
    display: flex;
    justify-content: center;
}

    .carousel-item-img img {
        width: 100%;
        max-width: 350px;
    }

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .swiper-slide h5 {
        color: var(--blue-primary);
        text-transform: uppercase;
        font-family: 'Barlow-Black';
        text-align: center;
        font-style: italic;
        font-size: 30px;
        margin-top: 15px;
    }

    .swiper-slide p {
        text-align: center;
        color: white;
        font-family: 'Barlow-Medium';
        text-transform: uppercase;
        margin-top: 10px;
        font-size: 20px;
        max-width: 400px;
    }

        .swiper-slide p > span {
            color: var(--blue-primary);
            font-family: 'Barlow-Black';
            text-decoration: none;
        }

.section2-envfactura {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

    .section2-envfactura a {
        text-decoration: none;
        padding: 15px 30px;
        min-width: 300px;
        text-align: center;
        font-family: Montserrat;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 18px;
    }

.section2-pasos-dt {
    display: none;
    width: 33.33%
}

/*----- FINSECTION 2 -----*/
/*----- SECTION 3 -----*/
.section {
}

.section3 {
    padding-bottom: 5rem;
}

.section3-ranking {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5rem;
}

    .section3-ranking h3 {
        text-align: center;
        text-transform: uppercase;
        font-family: 'Barlow-Black';
        color: var(--orange-secondary-2);
        text-shadow: -3px -3px 0 #FFF, 0px -3px 0 #FFF, 3px -3px 0 #FFF, -3px 0px 0 #FFF, 3px 0px 0 #FFF, -3px 3px 0 #FFF, 0px 3px 0 #FFF, 3px 3px 0 #FFF;
        font-size: 40px;
    }

    .section3-ranking h4 {
        margin-top: 50px;
        text-align: center;
        color: white;
        font-family: 'Barlow-Black';
        text-transform: uppercase;
        max-width: 340px;
        font-size: 18px;
    }

    .section3-ranking p {
        margin-top: 20px;
        max-width: 400px;
        font-size: 18px;
        font-family: 'Barlow-Black';
        text-align: center;
        text-transform: uppercase;
        color: var(--blue-primary);
    }

    .section3-ranking span {
        margin-top: 40px;
        text-align: center;
        color: white;
        text-transform: uppercase;
        font-size: 15px;
        max-width: 350px;
    }

/*Ranking*/
.table-con-grid td {
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    width: 280px;
}

.table-con-grid th {
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: calc(10px + 1vw)
}

#tabla-canjeados th {
    color: #083679
}

.table-wrapper {
    width: 95%;
    max-width: 800px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #046699;
    padding: 40px 20px;
    min-height: 400px;
    /* overflow: auto; */
    margin-top: 40px;
}

.table-con-grid {
    width: 100%;
    border-collapse: collapse;
    color: white;
    display: block;
    max-height: 400px;
    overflow: auto;
    padding-inline: 8px;
}

    .table-con-grid thead th {
        position: sticky;
        top: 0;
        border-bottom: 2px solid #fff;
        text-align: center;
        padding: 12px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 22px;
        font-family: 'Barlow-Black';
    }

    /* Bordes entre columnas */
    .table-con-grid th:not(:last-child),
    .table-con-grid td:not(:last-child) {
        border-right: 2px solid #fff;
    }

    /* Borde inferior en filas del body */
    /*    
.table-con-grid tbody tr:not(:last-child) td {
        border-bottom: 2px solid #fff;
    }
*/

    .table-con-grid tbody td:not(:last-child) td {
        border-bottom: 2px solid #fff;
    }

    .table-con-grid td {
        padding: 12px;
        text-align: center;
        justify-content: space-between;
        gap: 20px;
    }

    /* Scroll en tbody */
    .table-con-grid tbody {
        display: block;
        /* max-height: 200px; */
        /* overflow-y: auto; */
        /* padding-inline: 20px; */
    }

        /* Fijar el ancho de columnas para alinear bien */
        .table-con-grid thead,
        .table-con-grid tbody tr {
            display: table;
            position: sticky;
            table-layout: fixed;
            width: 100%;
        }

        .table-con-grid tbody tr {
            border-bottom: 2px solid #fff;
            display: flex;
            justify-content: center;
        }

/* Scrollbar opcional */
.table-historial::-webkit-scrollbar {
    width: 8px;
}

.table-historial::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 3px;
}

.table-historial::-webkit-scrollbar-track {
    background-color: #075379;
    border-radius: 3px;
    border: 1px solid white;
}

.table-wrapper-img {
    max-width: 50px;
}

    .table-wrapper-img > img {
    }
/*----- FINSECTION 3 -----*/
@media(min-width: 1000px) {
    body {
        background-image: url(/Content/assetsv2/partidoestrellas/bg_parest_dt_2.webp);
        /* background-position: center; */
        background: linear-gradient(135deg, #001f3f, #002a6d, #003f91);
        background-repeat: no-repeat;
        background-size: cover;
        color: white;
    }

    .section1 {
        display: flex;
        /* min-height: 100vh; */
    }

        .section1 .section1-charecters {
            order: 2;
            width: 60%;
            display: flex;
            position: relative;
            align-items: start;
            justify-content: center;
            padding-top: 2rem;
            background-image: url(/Content/assetsv2/partidoestrellas/bg_parest_dt_section1.webp);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

    .section1-txt {
        width: 40%;
        padding-top: 8rem;
        /* padding-bottom: 15%; */
        box-shadow: 73px -9px 15px rgb(0 0 0 / 54%), 0px 0 15px rgba(0, 0, 0, 0.6); /* sombra derecha */
        position: relative;
        z-index: 1;
        background-color: #0D1C48;
        box-shadow: 100px 0 30px rgb(0 0 0 / 69%);
        padding-bottom: 5%;
    }

    .charecters-charac--img {
        /* width: 33.33%; */
        margin: 0;
    }

    .charecters-charac--img-melvin {
        /* justify-content: initial; */
    }

        .charecters-charac--img-melvin img {
            position: initial;
        }

    .charecters-logo--img {
        position: absolute;
        margin: 0;
        /* width: 20%; */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .charecters-charac--img img {
        width: 90%;
        max-width: initial;
        /* filter: blur(10px); */
    }

    .charecters-logo--img img {
        width: 100%;
    }

    .divider {
        display: block;
        min-height: 15px;
        border: none;
        background-color: var(--blue-primary);
    }

    .section2-carousel-mo {
        display: none;
    }

    .section2-pasos-dt {
        display: flex;
        align-items: start;
        justify-content: space-evenly;
    }

    .bg-sec2-3 {
        padding-top: 5%;
        background-image: url(/Content/assetsv2/partidoestrellas/bg_dt_section2.webp);
        background-position: top;
        /*background: linear-gradient(135deg, #001f3f, #002a6d, #003f91);*/
        background-repeat: no-repeat;
        background-size: cover;
    }

    .section3-ranking h3 {
    }

    .section3-ranking h4 {
        max-width: initial;
    }

    .section3-ranking p {
        max-width: initial;
    }

    .section3-ranking span {
        max-width: 650px;
    }
}