main {
    margin-bottom: 0;
}

.body-content {
    width: 100%;
    margin: 0 auto;
    padding: 0px 6% 70px 6%;
    background: linear-gradient(180deg, #000000 23%, #541F5A, #82226C, #E60881);
}

#pragmatic-bg > section {
    background: linear-gradient(180deg, #E36510 23%, #723308);
    position: relative;
}

#mga-bg > section {
    background: linear-gradient(180deg, #4E8021 23%, #274011);
    position: relative;
}

#greentube-bg > section {
    background:  linear-gradient(180deg, #009134 0%, #060911 100%);
    position: relative;
}

#merkur-bg > section {
    background: linear-gradient(180deg, #EFAA1F 23%, #785510);
    position: relative;
}

#rfranco-bg > section {
    background: linear-gradient(180deg, #44475A 23%, #0E0E12);
    position: relative;
}

#zitro-bg > section {
    background: linear-gradient(180deg, #A81C1B 23%, #540E0E);
    position: relative;
}

#gaming1-bg > section {
    background: linear-gradient(180deg, #A27B40 23%, #513E20);
    position: relative;
}

#evolution-bg > section {
    background: linear-gradient(180deg, #2B2828 23%, #716F6F);
    position: relative;
}

#games-global-bg > section {
    background: linear-gradient(180deg, #153462 23%, #060911);
    position: relative;
}

#red-rake-bg > section {
    background: linear-gradient(180deg, #A81C1B 23%, #540E0E);
    position: relative;
}

#netent-bg > section {
    background: linear-gradient(180deg, #56a521 23%, #155A00);
    position: relative;
}

#red-tiger-bg > section {
    background: transparent linear-gradient(180deg, #36000E 0%, #060911 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#feelspin-bg > section {
    background: transparent linear-gradient(180deg, #8F2728 0%, #060911 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#no-limit-city-bg > section {
    background: transparent linear-gradient(180deg, #EAC40B 0%, #060911 100%) 0% 0% no-repeat padding-box;
    position: relative;
}

#big-time-gaming-bg > section {
    background: transparent linear-gradient(180deg, #870023 0%, #060911 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#world-match-bg > section {
    background: transparent linear-gradient(180deg, #4b4b4b 0%, #060911 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#amusnet-bg > section {
    background: transparent linear-gradient(180deg, #8abd01 0%, #060911 100%) 0% 0% no-repeat padding-box;
    position: relative;
}

#gamomat-bg > section {
    background: linear-gradient(180deg, #8baf28 23%, #012B04);
    position: relative;
}

#hacksaw-bg > section {
    background: linear-gradient(180deg, #5370c1 23%, #263659);
    position: relative;
}

#network-bg > section {
    background: linear-gradient(180deg, #275BA4 23%, #122A4D);
    position: relative;
}

#inspired-bg > section {
    background: transparent linear-gradient(180deg, #0995AA 0%, #122A4D);
    position: relative;
}

#gaming-realms-bg > section {
    background: transparent linear-gradient(180deg, #FE5971 0%, #000000);
    position: relative;
}

#authentic-bg > section {
    background: linear-gradient(180deg, #535605 23%, #161400);
    position: relative;
}
#exclusivo-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}
#playtech-bg > section {
    background: linear-gradient(180deg, #2650a6, #000000);
    position: relative;
}

#playson-bg > section {
    background: linear-gradient(180deg, #9e2a8d, #000000);
    position: relative;
}
#synot-bg > section {
    background: linear-gradient(180deg, #ff9f7c, #000000);
    position: relative;
}
#wazdan-bg > section {
    background: linear-gradient(180deg, #3e0089, #000000);
    position: relative;
}

#pragmatic-bg .slider-provider, #hacksaw-bg .slider-provider, #gamomat-bg .slider-provider, #netent-bg .slider-provider, #red-tiger-bg .slider-provider, #red-rake-bg .slider-provider, #microgaming-bg .slider-provider, #evolution-bg .slider-provider, #gaming1-bg .slider-provider, #zitro-bg .slider-provider, #rfranco-bg .slider-provider, #merkur-bg .slider-provider, #greentube-bg .slider-provider, #mga-bg .slider-provider, #authentic-bg .slider-provider, #playtech-bg .slide-provider, #playson-bg .slide-provider, #synot-bg .slide-provider, #wazdan-bg .slide-provider {
    padding-top: 0;
    z-index: 1;
}

#tres-rodillos-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#cinco-rodillos-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#cinco-rodillos-mga-games-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#destacadas-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#nuevas-slots-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#amazing-link-link-win-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#amazing-link-bg > section {
    background: linear-gradient(180deg, #011280 0%, #000000);
    position: relative;
}

#john-hunter-bg > section {
    background: linear-gradient(180deg, #803201 0%, #000000);
    position: relative;
}

#los-1000-bg > section {
    background: linear-gradient(180deg, #ff6c00 0%, #000000);
    position: relative;
}

#power-combo-bg > section {
    background: linear-gradient(180deg, #6228e9 0%, #000000);
    position: relative;
}

#portuguese-celebrities-bg > section {
    background: linear-gradient(180deg, #0d81e1 0%, #000000);
    position: relative;
}

#big-bass-bg > section {
    background: linear-gradient(180deg, #fb0300 0%, #000000);
    position: relative;
}

#lock-and-win-bg > section {
    background: linear-gradient(180deg, #F6EE24 0%, #000000);
    position: relative;
}

#gates-of-olympus-bg > section {
    background: linear-gradient(180deg, #a700fb 0%, #000000);
    position: relative;
}

#starlight-princess-bg > section {
    background: linear-gradient(180deg, #06c8e1 0%, #000000);
    position: relative;
}

#sweet-bonanza-bg > section {
    background: linear-gradient(180deg, #f852b9 0%, #000000);
    position: relative;
}

#juegos-torneo-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#juegos-tragaperras-gratis-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#clasicas-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#landing-tipos-rosa-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#ruleta-en-vivo-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#ruleta-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#ruleta-croupier-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#ruleta-virtual-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#video-poker-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#jackpots-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#casino-nuevos-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

#tragaperras-frutas-bg > section {
    background: transparent linear-gradient(180deg, #CE0517 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}

#blackjack-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}

/* paginas dedicadas de las categorias*/
#navidad-bg > section {
    background: transparent linear-gradient(180deg, #E31010 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#mitologia-bg > section {
    background: transparent linear-gradient(180deg, #632332 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#animales-bg > section {
    background: transparent linear-gradient(180deg, #057F85 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#fantasia-bg > section {
    background: transparent linear-gradient(180deg, #9D641A 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#aventura-bg > section {
    background: transparent linear-gradient(180deg, #DE9851 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#futurista-bg > section {
    background: transparent linear-gradient(180deg, #584572 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#famosos-bg > section {
    background: transparent linear-gradient(180deg, #AF3515 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#culturas-bg > section {
    background: transparent linear-gradient(180deg, #70A132 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#vikingos-bg > section {
    background: linear-gradient(180deg, #E60881, #82226C, #541F5A, #000000);
    position: relative;
}
#book-of-bg > section {
    background: transparent linear-gradient(180deg, #EBB400 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#piratas-bg > section {
    background: transparent linear-gradient(180deg, #542F09 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#saint-patricks-day-bg > section {
    background: transparent linear-gradient(180deg, #064100 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#pesca-bg > section {
    background: transparent linear-gradient(180deg, #15ACDA 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#verano-bg > section {
    background: transparent linear-gradient(180deg, #00ECDC 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#crimenes-bg > section {
    background: transparent linear-gradient(180deg, #4B4128 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#diamantes-bg > section {
    background: transparent linear-gradient(180deg, #4d5ba2 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#halloween-bg > section {
    background: transparent linear-gradient(180deg, #000000 0%, #E77A14 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#carnaval-bg > section {
    background: transparent linear-gradient(0deg, #000000 0%, #164a77 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#sugar-rush-bg > section {
    background: linear-gradient(180deg, #a282ed 0%, #000000);
    position: relative;
}

#carnaval-bg .slider-provider .slider-categoria{
    width: 100%;
}
#san-valentin-bg > section {
    background: transparent linear-gradient(0deg, #000000 0%, #ff0048 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
#san-valentin-bg .slider-provider .slider-categoria {
    width: 100;
}
/*#navidad-bg section.seo-sect {*/
/*        display: none;*/
/*}*/
#cinco-rodillos-mga-games-bg section.seo-sect {
        display: none;
}
#navidad-bg .slider-provider, #culturas-bg .slider-provider, #futurista-bg .slider-provider, #aventura-bg .slider-provider, #fantasia-bg .slider-provider, #animales-bg .slider-provider, #mitologia-bg .slider-provider, #famosos-bg .slider-provider, #los-book-of-bg .slider-provider, #piratas-bg .slider-provider, #saint-patricks-day-bg .slider-provider, #pesca-bg .slider-provider, #verano-bg .slider-provider, #crimenes-bg .slider-provider, #diamantes-bg .slider-provider, #halloween-bg .slider-provider {
    height: 115px;
    display: flex;
    align-items: center;
    padding-top: 0;
    z-index: 1;
}


.slider-provider {
    width: 253px;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
    z-index: 1;
}
.slider-provider .slider-categoria {
    width: 75%;
    margin: 0 auto;
}

.h1-landing-con-lobby{
    width: 90%;
    text-transform: uppercase;
}

.mesa-cerrada-proveedor {
    display: none !important;
}

/* 

#pragmatic-bg {
    FONT-VARIANT: JIS04;
    content: "";
    display: inline-block;
    background: url(/img/logos/pragmatic/page/inferior_pragmatic_tab.png),url(/img/logos/pragmatic/page/superior_pragmatic_tab.png), linear-gradient(180deg, #E36510 23%, #723308);
    background-size: 247px, 247px, contain;
    background-repeat: no-repeat;
    background-attachment: fixed,fixed,scroll;
    background-position: calc(100% - -116px) 69vh, -118px -10px,0;
    width: 100%;
    bottom: 0;
    overflow: visible;
}
 */
* {
    /* z-index: 2; */
}

.hexagon-bg, .adorno-festividad {
    background-size: cover;
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    top: 0;
    pointer-events: none;
}

.hexagon-bg.hexagon-top {
    background-size: 286px;
    background-position: -137px -32px;
}

.hexagon-bg.hexagon-bottom {
    background-size: 286px;
    background-position: calc(100% + 140px) 60vh;
}

.adorno-top-left {
    background-size: 286px;
    background-position: -45px 35px;
}
.adorno-top-right {
    display: none;
}


/*-----------------TOP BG-----------------*/
.hexagon-bg.hexagon-top.pragmatic {
    background-image: url(/img/logos/pragmatic/page/superior_pragmatic_tab.png);
}

.hexagon-bg.hexagon-top.mga {
    background-image: url(/img/logos/mga/page/inferior_mga_tab.png);
}

.hexagon-bg.hexagon-top.greentube {
    background-image: url(/img/logos/novomatic/page/superior.webp);
}

.hexagon-bg.hexagon-top.merkur {
    background-image: url(/img/logos/merkur/page/superior_merkur_tab.png);
}

.hexagon-bg.hexagon-top.rfranco {
    background-image: url(/img/logos/rfranco/page/superior_rfranco_tab.png);
}

.hexagon-bg.hexagon-top.zitro {
    background-image: url(/img/logos/zitro/page/superior_zitro_tab.png);
}

.hexagon-bg.hexagon-top.redrake {
    background-image: url(/img/logos/redrake/superior_redrake_tab.png);
}

.hexagon-bg.hexagon-top.gaming1 {
    background-image: url(/img/logos/gaming1/page/superior_gaming1_tab.png);
}

.hexagon-bg.hexagon-top.evolution {
    background-image: url(/img/logos/evolution/page/superior_evolution_tab.png);
}
.hexagon-bg.hexagon-top.games-global {
    background-image: url(/img/logos/microgaming/page/superior_games-global_tab.png);
}
.hexagon-bg.hexagon-top.microgaming {
    background-image: url(/img/logos/microgaming/page/superior_games-global_tab.png);
}
.hexagon-bg.hexagon-top.netent {
    background-image: url(/img/logos/netent/superior_netent_tab.png);
}
.hexagon-bg.hexagon-top.red-tiger {
    background-image: url(/img/logos/red_tiger/superior_redtiger_tab.png);
}
.hexagon-bg.hexagon-top.no-limit-city {
    background-image: url(/img/logos/no_limit_city/page/superior_nolimit_tab.png);
}
.hexagon-bg.hexagon-top.big-time-gaming {
    background-image: url(/img/logos/big_time_gaming/superior_bigtimegaming_tab.webp);
}
.hexagon-bg.hexagon-top.gamomat {
    background-image: url(/img/logos/gamomat/page/superior_gamomat_tab.png);
}
.hexagon-bg.hexagon-top.hacksaw {
    background-image: url(/img/logos/hacksaw/page/superior_hacksaw_tab.png);
}
.hexagon-bg.hexagon-top.network {
    background-image: url(/img/logos/1x2_network/page/superior_network_tab.png);
}
.hexagon-bg.hexagon-top.inspired {
    background-image: url(/img/logos/inspired/page/superior_inspired_tab.webp);
}
.hexagon-bg.hexagon-top.gaming-realms {
    background-image: url(/img/logos/slingo/page/superior_gamingrealms_tab.webp);
}
.adorno-festividad.adorno-top-left.festividad {
    background-image: url(/img/logos/eventos/kindpng_177808.png);
}
.hexagon-bg.hexagon-top.authentic {
    background-image: url(/img/logos/authentic_gaming/page/superior_authentic_tab.png);
}
.hexagon-bg.hexagon-top.feelspin {
    background-image: url(/img/logos/feelspin/page/superior_feel_tab.webp);
}
.hexagon-bg.hexagon-top.playtech {
    background-image: url(/img/logos/playtech/page/superior_playtech_tab.webp);
}
.hexagon-bg.hexagon-top.playson {
    background-image: url(/img/logos/playson/superior_playson_tab.webp);
}
.hexagon-bg.hexagon-top.synot {
    background-image: url(/img/logos/synot/page/superior_synot_tab.webp);
}
.hexagon-bg.hexagon-top.wazdan {
    background-image: url(/img/logos/wazdan/page/superior_wazdan_tab.webp);
}
.hexagon-bg.hexagon-top.world-match {
    background-image: url(/img/logos/world_match/page/superior_worldmatch_tab.webp);
}
.hexagon-bg.hexagon-top.amusnet {
    background-image: url(/img/logos/amusnet/page/superior_amusnet_tab.png);
}

/*-----------------BOTTOM BG-----------------*/
.hexagon-bg.hexagon-bottom.pragmatic {
    background-image: url(/img/logos/pragmatic/page/inferior_pragmatic_tab.png);
}

.hexagon-bg.hexagon-bottom.mga {
    background-image: url(/img/logos/mga/page/inferior_mga_tab.png);
}

.hexagon-bg.hexagon-bottom.greentube {
    background-image: url(/img/logos/novomatic/page/inferior.webp);
}

.hexagon-bg.hexagon-bottom.merkur {
    background-image: url(/img/logos/merkur/page/inferior_merkur_tab.png);
}

.hexagon-bg.hexagon-bottom.rfranco {
    background-image: url(/img/logos/rfranco/page/inferior_rfranco_tab.png);
}

.hexagon-bg.hexagon-bottom.zitro {
    background-image: url(/img/logos/zitro/page/inferior_zitro_tab.png);
}

.hexagon-bg.hexagon-bottom.redrake {
    background-image: url(/img/logos/redrake/inferior_redrake_tab.png);
}

.hexagon-bg.hexagon-bottom.gaming1 {
    background-image: url(/img/logos/gaming1/page/inferior_gaming1_tab.png);
}

.hexagon-bg.hexagon-bottom.evolution {
    background-image: url(/img/logos/evolution/page/inferior_evolution_tab.png);
}

.hexagon-bg.hexagon-bottom.microgaming {
    background-image: url(/img/logos/microgaming/page/inferior_games-global_tab.png);
}
.hexagon-bg.hexagon-bottom.games-global {
    background-image: url(/img/logos/microgaming/page/inferior_games-global_tab.png);
}

.hexagon-bg.hexagon-bottom.netent {
    background-image: url(/img/logos/netent/inferior_netent_tab.png);
}

.hexagon-bg.hexagon-bottom.red-tiger {
    background-image: url(/img/logos/red_tiger/inferior_redtiger_tab.png);
}
.hexagon-bg.hexagon-bottom.no-limit-city {
    background-image: url(/img/logos/no_limit_city/inferior_nolimit_tab.png);
}
.hexagon-bg.hexagon-bottom.big-time-gaming {
    background-image: url(/img/logos/big_time_gaming/inferior_bigtimegaming_tab.webp);
}
.hexagon-bg.hexagon-bottom.gamomat {
    background-image: url(/img/logos/gamomat/inferior_gamomat_tab.png);
}
.hexagon-bg.hexagon-bottom.hacksaw {
    background-image: url(/img/logos/hacksaw/inferior_hacksaw_tab.png);
}
.hexagon-bg.hexagon-bottom.network {
    background-image: url(/img/logos/1x2_network/inferior_network_tab.png);
}
.hexagon-bg.hexagon-bottom.inspired {
    background-image: url(/img/logos/inspired/inferior_inspired_tab.webp);
}
.hexagon-bg.hexagon-bottom.gaming-realms {
    background-image: url(/img/logos/slingo/inferior_gamingrealms_tab.webp);
}
.adorno-festividad.adorno-top-right.festividad {
    background-image: url(/img/logos/eventos/kindpng_335089.png);
}
.hexagon-bg.hexagon-bottom.authentic {
    background-image: url(/img/logos/authentic_gaming/page/inferior_authentic_tab.png);
}
.hexagon-bg.hexagon-bottom.feelspin {
    background-image: url(/img/logos/feelspin/page/inferior_feel_tab.webp);
}
.hexagon-bg.hexagon-bottom.playtech {
    background-image: url(/img/logos/playtech/page/inferior_playtech_tab.webp);
}
.hexagon-bg.hexagon-bottom.playson {
    background-image: url(/img/logos/playson/inferior_playson_tab.webp);
}
.hexagon-bg.hexagon-bottom.synot {
    background-image: url(/img/logos/synot/page/inferior_synot_tab.webp);
}
.hexagon-bg.hexagon-bottom.wazdan {
    background-image: url(/img/logos/wazdan/page/inferior_wazdan_tab.webp);
}
.hexagon-bg.hexagon-bottom.world-match {
    background-image: url(/img/logos/world_match/page/inferior_worldmatch_tab.webp);
}
.hexagon-bg.hexagon-bottom.amusnet {
    background-image: url(/img/logos/amusnet/page/inferior_amusnet_tab.png);
}
/*--------------------------------------------*/
.body-content.bg-none {
    background: none;
    position: relative;
    z-index: 2;
}

.search_header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    height: 29px;
    margin-bottom: 42px;
}

.buscador-pag-vb{
    justify-content: end;
}

.arrow_back {
    width: 21.5px;
    transform: rotate(180deg);
    display: flex;
    align-items: center;
}

.icon-lupa {
    display: flex;
    align-items: center;
}

.icon-lupa img {
    width: 26.5px;
}

#buscador-filtro {
    width: 100%;
    opacity: 1;
    transition: all 1s;
    position: absolute;
    right: 0;
}

#buscador-filtro input {
    border: none;
    border-bottom: 1px solid #FFFF;
    width: 100%;
    color: #FFF;
}

#buscador-filtro input::placeholder {
    color: #FFFF;
}

.buscador-on #buscador-filtro {
    opacity: 1;
    width: 100%;
    transition: all 1s;
    position: absolute;
    right: 0;
}

.buscador-on .arrow_back, .buscador-on .icon-lupa {
    display: none;
}

.search_header:not(.buscador-on) .closeBuscador {
    display: none;
}

.closeBuscador {
    position: absolute;
    right: 0;
}

.box_categories {
    position: relative;
    overflow: hidden;
    margin-bottom: 37px;
}

.nav_categories {
    display: flex;
    flex-flow: row nowrap;
    /*width: 325px;*/
    width: 90%;
    overflow-x: scroll;
    scroll-behavior: auto;
    align-content: center;
    margin: 0 auto;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.nav_categories::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.nav_categories li {
    list-style-type: none;
    display: block;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    margin-right: 25px;
    font-family: 'Roboto Condensed';
    color: #ABABAB;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 0;
}

.nav_categories li.active {
    color: #FFFF;
    background: transparent;
}

.nav_categories li .favorite {
    position: static;
    background: url("/img/layout/icons/corazon_gris.svg") no-repeat;
    width: 16px;
    height: 100%;
    background-position-y: center;
}

.nav_categories li.active .favorite {
    background-image: url("/img/layout/icons/corazon.svg")
}

.arrow-right {
    display: block;
    background-image: url("/img/layout/flecha_izq.svg"), linear-gradient(-90deg,transparent, #000);
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    width: 25px;
    height: 15px;
    top: 4px;
    transform: rotate(180deg);
}

.arrow-left {
    display: block;
    background-image: url("/img/layout/flecha_izq.svg"), linear-gradient(-90deg,transparent, #000);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    width: 25px;
    height: 15px;
    top: 4px;
    z-index: 3;
}

#lobby_grid-container {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 146px);
    grid-gap: 16px
}

#lobby_grid-container figure {
    width: 146px;
    visibility: hidden;
}

#lobby_grid-container figure span {
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    font-family: var(--roboto-bold-condensed);
    font-size: 15px;
}

#lobby_grid-container figure figcaption .category {
    font-family: 'Roboto Condensed';
    color: #ABABAB;
    text-transform: capitalize;
    text-overflow: ellipsis;
    width: 104px;
}

#lobby_grid-container figure figcaption .category.cantidad-minima {
    text-transform: none;
}

.cantidad-minima::after {
    content: "\20AC";
}

figcaption {
    position: relative;
}

.favorite {
    width: 14px;
    position: absolute;
    bottom: 0;
    right: 25px;
    cursor: pointer;
}

.btn_info {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.noresults {
    border: 1px solid #FFFFFF;
    color: #FFFF;
    padding: 20px 25px;
    border-radius: 3px;
    display: none;
    max-width: 459px;
    margin: 0 auto;
    position: relative;
}

.noresults.active {
    display: block;
    background: transparent;
}

.noresults h3 {
    color: #E60881;
    font-size: 16px;
    font-family: var(--roboto-bold-condensed);
}

.noresults > div {
    display: list-item;
    margin-left: 13px;
}

.noresults > div::marker {
    font-size: 10px;
    display: inline-block;
}

/*SEO*/

.seo-sect.seo_pink_inside.seo-transparent{
    background: transparent !important;
    position: relative;
}

.seo-transparent .txt-seo {
    background-color: transparent;
}

/* -------------- en directo + button play ruletas destacadas ---------*/
figure{
    position: relative;
}
.endirecto-container{
    position: absolute;
    left: calc(50% - 42px);
    right: unset;
    top: unset;
    bottom: 25px;
    background: #a2a2a217 0% 0% no-repeat padding-box;
    width: 84px;
    height: 22px;
    font-size: 11px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    border-radius: 19px;
    align-items: center;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1;
}
.endirecto-container p{
    margin: 0;
    position: relative;
    height: 100%;
}
.golden-beat{
    position: relative;
    width: 6px;
    height: 6px;
    background: #E60881;
    border-radius: 20px;
    animation: beat 2s linear infinite;
}
.playlive-button {
    /*width: 14%;*/
    /*height: 22%;*/
    width: 40px;
    height: 40px;
    background: #a2a2a217 0% 0% no-repeat padding-box;
    position: absolute;
    border-radius: 50%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    right: calc(50% - 20px);
    top: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.sub-lobby figure .mini-playlive {
    width: 22%;
    height: 12%;
}
.playlive-button img{
    width: 35%;
    margin-left: 11%;
    align-self: center;
}
.mini-playlive {
    width: 20%;
}
.sub-lobby figure .mini-playlive img {
    width: 36%;
    margin-left: 12%;
    align-self: center;
}

.main-lobby .nuevo .endirecto-container,.main-lobby .exclusivo .endirecto-container,.main-lobby .torneo .endirecto-container,.main-lobby .renovado .endirecto-container{
        right: 13px;
        left: initial;
        top: 14px;
        bottom: initial;
}

/* ---------------------- si no esta disponible la ruleta -------- */

.mesa-cerrada{
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000000d4;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mesa-cerrada.mesa-alargada{
    height: 97%;
}
.mesa-cerrada p{
    width: 136px;
    text-align: center;
    font-size: 14px;
}
.mesa-cerrada span{
    font-size: 36px !important;
    line-height: 43px;
    font-family: 'Roboto Bold';
}
.mesa-cerrada + .endirecto-container, .mesa-cerrada + .playlive-button{
    display: none;
}

 #disabled-provider {
    display: flex;
    justify-content: center;
    align-items: start;                    
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}


#disabled-provider #content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 645px;
    padding: 40px 20px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    border-radius: 3px;
}

#disabled-provider #content  #title {
    color: #E60881;
    font-family: "Roboto Bold";
    max-width: 360px;
}

#disabled-provider #content #phone-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: auto;
    font-size: 16px;
    color: #000000;
}

#disabled-provider #content #phone-container #phone-number {
    color: #E60881;
    font-family: "Roboto Bold";
    font-size: 24px;
}

 #lobby_grid-container figure {
    position: relative;
}

#lobby_grid-container figure .game-image-container {
    position: relative;
    line-height: 0;
}

#lobby_grid-container figure .game-favourites-link, #lobby_grid-container figure .game-info-link {
    position: absolute;
    bottom: 0;
    cursor: pointer;
}

#lobby_grid-container figure .game-favourites-link {
    right: 20px;
}
#lobby_grid-container figure .game-info-link {
    right: 0;
}

#lobby_grid-container figure .game-provider {
    color: #ABABAB;
    font-family: var(--roboto-regular-condensed);
}

.closed-roulette-container, .disabled-game-container {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #00000080;
}

.closed-roulette-container .closed-text {
    width: 168px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-wrap: nowrap;
    font-family: var(--roboto-regular);
}

.closed-roulette-container .closed-text span {
    font-size: 36px;
    line-height: 43px;
    font-family: var(--roboto-bold);
}

.disabled-game-container p {
    text-align: center;
    line-height: normal;
}

@media (orientation: portrait) {
    #disabled-provider #content  #title {
        font-size: 30px;
        line-height: 30px;
    }
}

@media (orientation: landscape) {
    #disabled-provider #content  #title {
        font-size: 40px;
        line-height: 40px;
        
    }
}

#lobby_grid-container figure {
    visibility: unset;
}

.live-roulette-container {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}

.live-roulette-container .play-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: #a2a2a217 0% 0% no-repeat padding-box;
    backdrop-filter: blur(8px);
}

.live-roulette-container .play-image-container img {
    position: relative;
    width: 40%;
    left: 2px;
}

.live-roulette-container .in-live-text {
    position: absolute;
    display: flex !important;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 85px;
    height: 22px;
    font-family: var(--roboto-regular);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    bottom: 25px;
    background: #a2a2a217 0% 0% no-repeat padding-box;
    border-radius: 19px;
    font-size: 11px !important;
    z-index: 1;
}
.live-roulette-container .in-live-text::before {
    content: ' ';
    position: relative;
    width: 6px;
    height: 6px;
    background: #E60881;
    border-radius: 20px;
    animation: beat 2s linear infinite;
}

.game-image-container {
    position: relative;
    line-height: 0;
    margin-bottom: 5px;
}

.game-link:hover .live-roulette-container {
    background: #00000080;
} 

.closed-roulette-container, .disabled-game-container {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #00000080;
}

.closed-roulette-container .closed-text {
    width: 168px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-wrap: nowrap;
    font-family: var(--roboto-regular);
}

.closed-roulette-container .closed-text span {
    font-size: 36px !important;
    line-height: 43px;
    font-family: var(--roboto-bold) !important;
}

.disabled-game-container p {
    text-align: center;
    line-height: normal;
}

@keyframes beat {
    0%{
        box-shadow: 0px 0px 0px #E60881;
    }
    50%{
        box-shadow: 0px 0px 5px 2px #E60881;
    }
    100%{
        box-shadow: 0px 0px 0px #E60881;
    }
}

@media screen and (min-width: 593px) {
    .nav_categories {
        width: auto;
        justify-content: center;
    }

    .buscador-on .arrow_back {
        display: block;
    }

    #buscador-filtro {
        max-width: 365px;
    }
    
     .h1-landing-con-lobby{
        width: max-content;
        text-transform: uppercase;
    }
}

@media screen and (min-width: 700px) {
    .adorno-top-right {
        display: block;
        background-size: 286px;
        background-position: 100% 75px;
    }
    .adorno-top-left {
        background-position: -35px 49px;
    }
}

@media screen and (min-width: 1024px) {
    .closed-roulette-container .closed-text {
        font-size: 0.8vw;
        line-height: 1.2vw;
    }
    
    .closed-roulette-container .closed-text span {
        font-size: 36px;
        line-height: 43px;
    }
}

@media screen and (min-width: 1280px) {
    .body-content {
        min-height: 80vh;
    }

    .slider-provider {
        width: 351px;
    }
    
    .h1-landing-con-lobby{
        width: max-content;
        text-transform: uppercase;
    }

    .hexagon-bg.hexagon-top {
        background-size: 487px;
        background-position: -137px -32px;
    }

    .hexagon-bg.hexagon-bottom {
        background-size: 486px;
        background-position: calc(100% + 140px) 69vh;
    }

    .arrow-right, .arrow-left {
        display: none !important;
    }
    .adorno-top-right{
        background-position: 100% 125px;
    }
    .adorno-top-left{
        background-position: -21px 98px;
    }
    /* -------------- en directo + button play ruletas destacadas ---------*/
    figure{
        position: relative;
    }
    .mini-playlive {
        width: 21%;
        height: 13%;
    }
    .shadow-box-live{
        width: 100%;
        height: 230px;
        background: #00000080;
        filter: brightness(0.5);
        position: absolute;
        transition: opacity 0.5s;
        opacity: 0;
        top: 0;
    }
    figure a:first-child:hover .shadow-box-live{
        opacity: 0.8;
    }
    
}

/*GP*/