@font-face {
    font-family: "EvaPro-Normal";
    font-weight: normal;
    font-style: normal;
    src: url("/fonts/EvaPro-Bold.otf") format("truetype")
}

@font-face {
    font-family: "EvaPro-Normal";
    font-weight: normal;
    font-style: normal;
    src: url("/fonts//EvaPro-Normal.otf") format("truetype")
}

body {
    margin: 0;
    box-sizing: border-box;
    font-family: "EvaPro-Normal";
    color: #072030;
    background: #2160AD;
    position: relative;
}

.header_container {
    z-index: 3;
    flex-flow: column;
    align-items: center;
}

    .container, .mobile_dropdown_card, .header_container, .header_container .main_header, .header_container .main_header .main_header_container, .header_container .secondary_header {
        display: flex;
        width: 100%;
    }

body * {
    box-sizing: border-box;
    position: relative;
}

.header_container .main_header {
    position: relative;
    padding: 24px 18px 0;
}

    .header_container .main_header .main_header_container {
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
    }


        .header_container .main_header .main_header_container .main_logo_container {
            display: block;
            height: 82.54px;
        }

            .header_container .main_header .main_header_container .main_logo_container a {
                width: 100%;
                height: 100%;
            }

@media (min-width: 959px) {
    .right-logo {
        margin-right:180px;
    }

    .left-logo {
        margin-left: 180px;
    }
}

.seller-name {
}
    body a:active, body a:visited {
        text-decoration: none;
        color: inherit;
    }

    body a {
        cursor: pointer;
        outline: none;
        text-decoration: none;
        color: inherit;
    }

    .introduction_section .introduction_content {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        width: 106%;
        background: #2160AD;
        text-align: center;
        margin-top: 20px;
    }

    .descarga {
        color: #FFF;
        font-family: "EvaPro-Normal";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 17.5px; /* 87.5% */
        margin-left: 5%;
        margin-bottom: 10px;
    }



    .entra {
        text-align: center;
        color: #FFF;
        text-align: center;
        font-family: "EvaPro-Normal";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 41px; /* 102.5% */
    }



    @media (max-width: 959px) {
        .entra {
            color: #FFF;
            font-family: "EvaPro-Normal";
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: 17.5px; /* 58.333% */
        }
    }


    .button-image {
        width: 86.572px;
        height: 27.798px;
        flex-shrink: 0;
    }

    .hidden {
        visibility: hidden;
    }

    .siembra-mas {
        color: #FFF;
        font-family: "EvaPro-Normal";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 17.5px; /* 58.333% */
    }

    .ranking {
        color: #FFF;
        text-align: center;
        font-family: "EvaPro-Normal";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 41px;
        margin-bottom: 50px;
    }


    @media (max-width: 959px) {
        .ranking {
            color: #FFF;
            text-align: center;
            font-family: "EvaPro-Normal";
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: 28.5px; /* 95% */
        }
    }


    @media (max-width: 959px) {
        .table-desktop {
            display: none;
        }
    }

    @media (min-width: 959px) {
        .table-mobile {
            display: none;
        }
    }


table {
    width: 100%;
    /* Otros estilos de tabla que desees */
}

th, td {
    padding: 8px; /* Ajusta el espaciado interno de todas las celdas */
}

    td.padded-column {
        padding-left: 290px; /* Ajusta el espaciado izquierdo de la celda de la columna específica */
        text-align: left; /* Alinea el contenido de la columna a la izquierda */
        /* Otros estilos específicos para las celdas de la columna con padding, si es necesario */
    }


tr.padded-column {
    padding-left: 400px; /* Ajusta el espaciado izquierdo de la celda de la columna específica */
    text-align: left; /* Alinea el contenido de la columna a la izquierda */
    /* Otros estilos específicos para las celdas de la columna con padding, si es necesario */
}

th.padded-column {
    padding-left: 290px; /* Ajusta el espaciado izquierdo de la celda de la columna específica */
    text-align: left; /* Alinea el contenido de la columna a la izquierda */
    /* Otros estilos específicos para las celdas de la columna con padding, si es necesario */
}

th.padded-column2 {
    padding-left: 650px; /* Ajusta el espaciado izquierdo de la celda de la columna específica */
    text-align: left; /* Alinea el contenido de la columna a la izquierda */
    width: 0px;
}




td.padded-column2 {
    padding-left: 650px; /* Ajusta el espaciado izquierdo de la celda de la columna específica */
    text-align: left; /* Alinea el contenido de la columna a la izquierda */
    width: 0px;
}



.initial {
    text-align: initial;
}

    .buttons {
        margin-left: 10px;
    }

    @media (max-width: 959px) {
        .introduction_content {
            padding-left: 0px;
        }
    }

    @media (max-width: 599px) {
        .introduction_content {
            padding-left: 0;
        }
    }

    @media (max-width: 959px) {
        .introduction_content {
            padding-left: 0px;
        }
    }

    @media (max-width: 599px) {
        .introduction_section .introduction_content .info_container {
            margin-left: 0%;
            align-items: center;
        }
    }

    .introduction_section .introduction_content .info_container {
        display: flex;
        flex-flow: column;
        color: #fff;
    }

    .introduction_section {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    @media (max-width: 599px) {
        .introduction_section .introduction_content .info_container .introduction_title_container {
            text-align: center;
            font-size: 32px;
            margin-top: 0;
        }
    }

    .introduction_section .introduction_content .info_container .introduction_title_container {
        width: 100%;
        max-height: 100px;
        text-align: start;
        font-family: "EvaPro-Normal";
        font-weight: 900;
        font-size: 60px;
        line-height: 100%;
        align-items: center;
        max-width: 638px;
        margin-top: 100px;
        font-style: normal;
        line-height: 100%;
    }

    .app-image {
        width: 350px !important;
    }

    .button-container {
        margin-bottom: 100px;
        display: initial;
    }

    .top-list {
        border-radius: 30px;
        color: #fff;
        text-align: left;
        width: 204.04px;
        margin: 0 auto;
    }

    .item {
        background-color: #F57F25;
        border-radius: 30px;
        margin-bottom: 10px;
        font-family: "EvaPro-Normal";
        font-size: 20px;
        padding: 2px;
    }

    .top-list-li::marker {
        font-size: 20px;
        font-family: "EvaPro-Normal";
        font-weight: bold;
        list-style-type: none;
    }

    .number {
        padding: 2px;
        font-size: 20px;
        font-family: "EvaPro-Normal";
        font-weight: bold;
    }

    .list {
        margin: 0 auto;
        width: 500px;
        height: 45px;
        font-family: "EvaPro-Normal";
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 128.2%;
        display: flex;
        align-items: center;
        text-align: center;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        flex: inherit;
        max-width: inherit;
        justify-content: center;
        align-items: center;
        padding: 4px 14px;
        border-radius: 25px;
        border: unset;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        color: white;
        background-color: #F57F25;
        border: 6px solid #F57F25;
        -webkit-transition: background-color 200ms ease-in 0s;
        -moz-transition: background-color 200ms ease-in 0s;
        -ms-transition: background-color 200ms ease-in 0s;
        -o-transition: background-color 200ms ease-in 0s;
        transition: background-color 200ms ease-in 0s;
        display: inline;
        min-width: 200px;
        display: inline-block;
    }

    @media (max-width: 959px) {
        .list {
            margin: 0 auto;
            width: 200px;
            height: 45px;
            font-family: "EvaPro-Normal";
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 128.2%;
            display: flex;
            align-items: center;
            text-align: center;
            position: relative;
            font-size: 16px;
            line-height: 24px;
            display: flex;
            flex: inherit;
            max-width: inherit;
            justify-content: center;
            align-items: center;
            padding: 4px 14px;
            border-radius: 25px;
            border: unset;
            cursor: pointer;
            outline: none;
            text-decoration: none;
            color: white;
            background-color: #F57F25;
            border: 6px solid #F57F25;
            -webkit-transition: background-color 200ms ease-in 0s;
            -moz-transition: background-color 200ms ease-in 0s;
            -ms-transition: background-color 200ms ease-in 0s;
            -o-transition: background-color 200ms ease-in 0s;
            transition: background-color 200ms ease-in 0s;
            display: inline;
            min-width: 200px;
            display: inline-block;
        }
    }

.number {
    width: 20px;
    display: inline;
    font-size: 20px;
    font-family: "EvaPro-Normal";
    font-weight: bold;
    list-style-type: none;
    color: #fff;
    margin-right: 50px;
}

    @media (max-width: 959px) {

        .number {
            width: 20px;
            display: inline;
            font-size: 20px;
            font-family: "EvaPro-Normal";
            font-weight: bold;
            list-style-type: none;
            color: #fff;
            margin-right: 5px;
        }
    }




    @media (min-width: 959px) {


        .up-down {
            margin-left: 50px;
        }
    }

    .person {
        background-color: #F57F25
    }

    .logo {
        width: 116px;
        height: 82.54px;
    }

    .main_header_container {
        justify-content: space-between;
        display: flex;
        position: relative;
        padding: 24px 18px 0;
    }

    .spotify {
        background-color: black;
        color: #fff
    }

    .spotify-image {
        width: 126px;
        height: 35px;
    }

    .mb-0 {
        margin-bottom: 0px !important;
    }

    table {
        background-color: #F8F8F8;
        color: #000;
        font-size: 16px;
        font-family: "EvaPro-Normal";
        font-style: normal;
        font-weight: 400;
        line-height: 43px;
    }

    footer {
        background: #2160AD color: #FFFFFF;
        color: #FFF;
        text-align: center;
        font-size: 9px;
        font-family: Trebuchet MS;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

   

    tbody, tr {
        width: 100%;
    }

    .footer-text {
        color: #FFF;
        text-align: center;
        font-size: 9px;
        font-family: Trebuchet MS;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 5px;
    }

    tr {
        color: #000;
        font-size: 16px;
        font-family: "EvaPro-Normal";
        font-style: normal;
        font-weight: 400;
        line-height: 43px;
    }

    td {
        color: #000;
        font-size: 16px;
        font-family: "EvaPro-Normal";
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
    }



    .p5 {
        padding: 5px;
    }

    .mt-6 {
        margin-top: 12px;
    }

    .sellers-position {
        left: 21px;
    }

    .footer-siembra {
        width: 84px;
        height: 39px;
        flex-shrink: 0;
    }

    .footer-bhd {
        height: 22.67px;
    }

    .vive-argentina {
        width: 98px;
    }

    .posicion {
        left: 15px;
    }

    .inline-box {
        display: inline-table;
        margin-right: 15px;
    }

    .r350{
        right:367px;
    }
    
    .pl15{
    padding-left:33% !important;
    }
    
    .pl28{
    padding-left:28% !important;
    }
     .pl10{
    padding-left:21% !important;
    }
    
    .pr33{
        padding-right: 33px !important;
    }
    }
    }