:root{
	--primary-color: #282a6f;
	--red-color: #e4002b;
	--red-color-1: #E8151E;
	--red-color-2: #C63527;
	--red-color-hover: #B00C10;
	--grey-color: #828282;
	--grey-color-2: #ededed;
	--grey-color-3: #A6A6A6;
	--white-color: #ffffff;
	--blue-color: #1b1f3b;
	--black-color: #000000;
	--black-color-1: #4D4D4D;
	--black-color-2: #4c4c4c;
	--black-color-3: #262626;
	--green-color-1: #E6F0EC;
	--green-color-2: #3B866B;
	--blue-color-1: #2c325f;
	--blue-color-2: #282A6F;
	--blue-color-3: #7E7FA9;

	--border-color-1: #E4DCD7;

	--btn-color: #ffffff;
	--btn-bg-color: #E8151E;
	--btn-color-mobile: #e4002b;

	--bg-image: url(../images/fondo.jpg);
	--bg-color: #ffffff;
	--bg-color-2: #EDECE2;
	--bg-color-footer: #282A6F;
	--bg-color-mode: #d5d6df;
	--bg-color-li-active: #ffffff;
	--footer-color: #ffffff;
	--footer-color-social: #1b1f3b;

	--footer-color-mobile: #2c325f;
	--bg-color-footer-mobile: #ffffff;

	--bg-carousel-li: #80849f;
	--bg-carousel-li-active: #dbdbdb;

	--img-carnet: url(../../../../images/carnet.png);
}

[data-theme="dark"]{
	--primary-color: #ffffff;
    --red-color: #e4002b;
	--red-color-1: #E8151E;
	--red-color-2: #ffffff;
	--grey-color: #c7c7c7;
	--grey-color-2: #20252c;
	--grey-color-3: #A6A6A6;
	--white-color: #29313a;
	--blue-color: #ffffff;
	--black-color: #ffffff;
	--black-color-1: #A6A6A6;
	--black-color-2: #beccda;
	--black-color-3: #ffffff;
	--green-color-1: #A9E8CD;
	--blue-color-1: #2c325f;
	--blue-color-2: #22265B;
	--blue-color-3: #7E7FA9;

	--border-color-1: #E4DCD7;

	--btn-color: #ffffff;
	--btn-bg-color: #e4002b;
	--btn-color-mobile: #ffffff;

	--bg-image: url(../images/fondo-dark.jpg);
	--bg-color: #181b20;
	--bg-color-2: #EDECE2;
	--bg-color-footer: transparent;
	--bg-color-mode: #445565;
	--bg-color-li-active: #29313a;
	--footer-color: #ffffff;
	--footer-color-social: #000000;

	--footer-color-mobile: #ffffff;
	--bg-color-footer-mobile: #0d0f11;

	--bg-carousel-li: #80849f;
	--bg-carousel-li-active: #dbdbdb;

	--img-carnet: url(../../../../images/carnet-dark.png);
}

@font-face {
	font-family: "Manzanares";
	src: url("../fonts/Manzanares-Variable.ttf") format("truetype");
	font-weight: 100 900;
	font-variation-settings: "wdth" 25 100;
	font-display: swap;
	font-style: normal;
}

/* BODY */

#offcanvas-toggler{
	display: none !important;
}

body{
    font-family: Manzanares;
	color: var(--primary-color);
	line-height: normal;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.01em;
}

h1{
    color: var(--primary-color);
    font-weight: bold;
	text-transform: uppercase;
}

.modal h1{
    color: var(--primary-color);
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 700;
	line-height: 35.2px;
	letter-spacing: 0.01em;
}

h2{
    color: var(--primary-color);
    font-weight: bold;
	text-transform: uppercase;
}

h3{
    color: var(--primary-color);
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.01em;
}

h4{
	color: var(--primary-color);
	font-weight: 300;
	text-transform: uppercase;
}

h5{
	color: var(--primary-color);
	/*font-size: 1.2rem;*/
	font-weight: 300;
	text-transform: uppercase;
}

p{
	font-size: 16px;
	font-weight: 400;
	line-height: 22.4px;
}

a, a:hover{
	color: var(--primary-color);
	text-decoration: underline;
}

span{
	display: block;
}

*::selection {
	color: var(--red-color);
	background: var(--primary-color);
}

.btn-primary{
	background: var(--btn-bg-color) !important;
	color: var(--btn-color) !important;
	display: inline-block;
	border-radius: 2px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	line-height: 22.4px;
	letter-spacing: 0.01em;
	text-align: center;
	padding: 11px 16px;
	border: 1px solid var(--btn-bg-color) !important;
}

.btn-primary-off{
	background: #ffffff !important;
	color: #C9B9AF !important;
	border: 1px solid #C9B9AF !important;
}

.btn-primary-inverse-off{
	background: #EDECE2 !important;
	color: #C9B9AF !important;
	border: 1px solid #C9B9AF !important;
}

.btn-primary-inverse{
	padding: 10px;
	background: transparent;
	border: 1px solid var(--btn-bg-color);
	color: var(--btn-bg-color);
	display: inline-block;
	border-radius: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

.btn-primary:hover{
	background: var(--red-color-hover);
	border: inherit;
	text-decoration: none;
}

.btn-primary-inverse:hover{
	background: transparent;
	border: 1px solid var(--btn-bg-color);
	text-decoration: none;
	color: var(--btn-bg-color);
}

.btn-tertiary, .btn-tertiary:hover{
	padding: 11px 16px 11px 16px;
	border-radius: 2px 0px 0px 0px;
	border: 1px solid #282A6F;
	background: #282A6F;
	color: #ffffff;
}
								   
a.nav-link, a.nav-link:hover{
	color: var(--primary-color);
	padding: 0px !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	line-height: 17.6px;
}

a.nav-link.active{
	color: var(--primary-color) !important;
	border-bottom: 2px solid var(--primary-color);
	font-weight: bold;
}

.fa-color{
	color: var(--red-color);
}

.bg-color-primary{
	background: var(--bg-color);
	border-radius: 25px;
}

.overlay{
	display: none;
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.overlay:before{
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(153, 153, 153, .8), rgba(153, 153, 153, .8));
	background: -webkit-radial-gradient(rgba(179, 179, 179, 0.8), rgba(153, 153,153, 0.8));

}

.com-abonados #sp-component .sp-column{
	height: 100%;
}

.btn.dropdown-toggle:active{
	border: none;
}

.dropdown-item{
	color: var(--black-color) !important;
}

.info{
	color: var(--blue-color-3);
}

.form-check-label{
	color: var(--primary-color) !important;
	line-height: 26px;
}

body.no-scroll {
    overflow: hidden;
}

/* END BODY */

/* LOGIN */

.com-sppagebuilder #sp-component{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.com-sppagebuilder #sp-component .sp-column{
	padding: 0px !important;
	margin: 0px !important;
}

.row-login{
	background: #282A6F;
	margin-top: -125px;
}

.row-login h1{
	color: #ffffff !important;
	font-variation-settings: "wdth" 50;
}

.row-login p{
	color: #ffffff !important;
}

.row-login .btn-primary{
	background: #ffffff !important;
	color: #282A6F !important;
	border: 1px solid #282A6F !important;
}

h1.title{
	font-size: 86px;
	font-weight: 700;
	line-height: 85px;
	letter-spacing: 0.01em;
	font-variation-settings: "wdth" 25;
}
#loginIframe{
	background: rgba(0,0,0,0) url(../images/loading.gif) no-repeat center center;
	width: 100%;
	height: 593px;
}

#login-oauth-register{
	display: none;
}

/* END LOGIN */

/* TOP */

#sp-top-bar{
	background: var(--blue-color-2);
	color: var(--white-color);
	font-size: 14px;
	width: 100vw;
	display: flex;
	justify-content: flex-end;
	padding: 10px 48px;
	z-index: 1000;
	position: relative;
}

/* END TOP */

/* HEADER */

#sp-header{
	background: var(--red-color-1);
	height: 64px;
	/*display: flex;
	justify-content: space-between;*/
	z-index: 1000;
	position: relative;
	width: 100vw;
	padding: 0 48px;
}

.logo-image{
	display: inline-block;
}

#sp-header .sp-megamenu-parent > li:first-child, .offcanvas-menu ul li:first-child{
	display: none !important;
}

#sp-header path, .offcanvas-menu path{
	fill: var(--white-color) !important;

}

#sp-header a.btn.dropdown-toggle{
	color: var(--white-color);
	border: none;
	padding: 0 22px 0 0;
}

#sponsors img{
	max-height: 19px;
	width: auto !important;
}

/* FIN HEADER */

/* MENU */

#sp-header .sp-megamenu-parent{
	display: flex;
	padding-top: 22px;
}

#sp-header .sp-megamenu-parent > li > a{
	color: var(--white-color);;
	font-weight: 500;
	font-variation-settings: "wdth" 50;
	font-size: 18px;
	display: block;
	padding-left: 34px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 32px;
	text-decoration: none;
	text-transform: uppercase;
}

#sp-header .sp-megamenu-parent > li > a.tienda{
	background-image: url(../../../images/icons/tienda.svg);
	background-position-y: -1px;
	background-repeat: no-repeat;
}

#sp-header .sp-megamenu-parent > li > a.entradas{
	background-image: url(../../../images/icons/entradas.svg);
	background-position-y: -1px;
	background-repeat: no-repeat;
}

#sp-header .sp-megamenu-parent > li > a.socio{
	background-image: url(../../../images/icons/socio.svg);
	background-position-y: -1px;
	background-repeat: no-repeat;
}

#sp-header .sp-megamenu-parent > li > a.experiencias{
	background-image: url(../../../images/icons/experiencias.svg);
	background-position-y: -1px;
	background-repeat: no-repeat;
}

#sp-lang{
	display: flex;
	justify-content: end;
}

.dropdown-toggle-user{
	text-decoration: none;
}

.dropdown-toggle-user::after{
	content: none;
}

.dropdown-menu-user{
	width: 160px;
}

.dropdown-menu.show{
	top: 5px !important;
	left: -25px !important;
}

.dropdown-menu-user img{
	margin-right: 10px;
}

a.dropdown-item-user{
	color: var(--primary-color) !important;
	border-bottom: 1px solid var(--border-color-1);
}

a.dropdown-item-logout{
	color: var(--red-color) !important;
}

a.dropdown-item-logout button{
	color: var(--red-color) !important;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.btn-menu svg{
	width: auto !important;
}
/* FIN MENU*/

/* LEFT */

#sp-left{
	background: var(--bg-color);
	padding: 0px;
	border-right: 1px solid var(--border-color-1);
}

#sp-left .sp-module{
	margin-top: 0px;
	border: 0px;
	padding: 25px 0px;
	border-radius: inherit;
}

#sp-left li, .offcanvas-menu li{
	border-left: 3px solid var(--bg-color);
}

#sp-left li.active, .offcanvas-menu li.active{
	border-right: 3px solid var(--red-color);
}

#sp-left li.active a span, .offcanvas-menu li.active a span{
	font-weight: bold !important;
}

#sp-left li a, .offcanvas-menu li a{
	text-decoration: none;
}

#sp-left li a span, .offcanvas-menu li a span{
	color: var(--primary-color) !important;
	text-decoration: none;
	margin-left: 15px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.6px;
	letter-spacing: 0.01em;
	text-align: left;
}

#sp-header svg, #sp-left svg, .offcanvas-menu svg{
	width: 25px;
	display: inline-block;
	vertical-align: middle;
}

#sp-left path, .offcanvas-menu path{
	fill: var(--primary-color) !important;
}

#sp-left .logout-content{
	padding: 10px 10px 10px 13px;
}

#sp-left #logout-btn, .offcanvas-menu #logout-btn{
	margin-left: 15px;
	color: var(--primary-color);
}

#sp-left .container-mode, .offcanvas-menu .container-mode{
	background: var(--bg-color-mode);
	font-size: 3px;
	position: relative;
	height: 16em;
	width: 30em;
	border-radius: 16em;
	transition: all 500ms ease-in-out;
	display: inline-block;
}

#sp-left .container-mode.day, .offcanvas-menu .container-mode.day{
	background: var(--bg-color-mode);
}

#sp-left .container-mode .moon, .offcanvas-menu .container-mode .moon{
	position: absolute;
	top: 4.5em;
	right: 4.5em;
	transform: rotate(-75deg);
	width: 7em;
	height: 7em;
	border-radius: 50%;
	transition: all 400ms ease-in-out;
	box-shadow: 3em 2.5em 0 0em var(--primary-color) inset,
	rgba(255, 255, 255, 0.1) 0em -7em 0 -4.5em,
	rgba(255, 255, 255, 0.1) 3em 7em 0 -4.5em,
	rgba(255, 255, 255, 0.1) 2em 13em 0 -4em,
	rgba(255, 255, 255, 0.1) 6em 2em 0 -4.1em,
	rgba(255, 255, 255, 0.1) 8em 8em 0 -4.5em,
	rgba(255, 255, 255, 0.1) 6em 13em 0 -4.5em,
	rgba(255, 255, 255, 0.1) -4em 7em 0 -4.5em,
	rgba(255, 255, 255, 0.1) -1em 10em 0 -4.5em;
}

#sp-left .container-mode .sun, .offcanvas-menu .container-mode .sun{
	position: absolute;
	top: 4.5em;
	left: 5.5em;
	transform: rotate(0deg);
	width: 7em;
	height: 7em;
	box-shadow: 3em 3em 0 5em var(--primary-color) inset,
	0 -5em 0 -2.7em #2c325f,
	3.5em -3.5em 0 -3em #2c325f,
	5em 0 0 -2.7em #2c325f,
	3.5em 3.5em 0 -3em #2c325f,
	0 5em 0 -2.7em #2c325f,
	-3.5em 3.5em 0 -3em #2c325f,
	-5em 0 0 -2.7em #2c325f,
	-3.5em -3.5em 0 -3em #2c325f;
}

/* END LEFT */

/* OFFCANVAS */
.offcanvas-menu{
	background-color: var(--bg-color);
}

.offcanvas-inner{
	height: calc(100% - 50px);
}

.offcanvas-inner > div{
	height: 100%;
}

.offcanvas-menu .logo{
	margin-top: 15px;
	text-align: center;
}

.offcanvas-menu .logo img{
	display: inline-block;
}

.offcanvas-menu .logout-content:last-child{
	text-align: right;
	padding-right: 10px;
}

.close-offcanvas{
	color: var(--primary-color);
	background: var(--bg-color);
}

/* END OFFCANVAS */

/* COMPONENT */

.child-g-0 > .row{
	--bs-gutter-y: 0;
	--bs-gutter-x: 0;
}

/* END COMPONENT */

/* SECTION 3 */

#sp-section-3{
	background: #22265B;
}

#sponsors-footer-1{
	border-bottom: 1px solid #ffffff;
}

#sponsors-footer-2{
	border-bottom: 1px solid #ffffff;
}

.btn-sponsors, .btn-sponsors:hover{
	display: inline-block;
	border: 1px solid #FFF;
	width: auto;
	margin: 0 auto;
	font-weight: 400;
	font-variation-settings: "wdth" 100;
	color: #FFF;
	padding: 12px 16px;
	border-radius: 2px;
	text-decoration: none;
	font-size: 15px;
}

.body-bottom .sppb-container-inner{
	border-top: 1px solid #9A9A9A;
}

.body-bottom-1::after{
	content: '';
	position: absolute;
	top: -49px;
	background: #9A9A9A;
	height: 49px;
	width: 1px;
	right: 0px;
}

.img-background-2{
	border-top: 1px solid #9A9A9A;
	border-right: 1px solid #9A9A9A;
}

.img-background-3{
	/*background-repeat: no-repeat !important;
	background-position: 0 80px !important;
	background-size: cover !important;
	height: 482px !important;
	width: 100% !important;*/
}
.img-background-3 .sppb-column-addons::before{
	content: '';
	position: absolute;
	bottom: 0px;
	width: 294px;
	height: 139px;
	background-color: #EAEAE6;
	z-index: 10;
}

.img-background-3 .sppb-column-addons::after{
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	width: 284px;
	height: 92px;
	background-color: #EAEAE6;
	z-index: 10;
}

.img-background-3 .sppb-column-overlay{
	z-index: 10;
}
.img-background-3 .sppb-column-overlay::after{
	content: '';
	position: absolute;
	top: -49px;
	background: #9A9A9A;
	height: 49px;
	width: 1px;
	right: 284px;
}

.img-background-3 .sppb-column-overlay::before{
	content: '';
	position: absolute;
	top: -49px;
	background: #9A9A9A;
	height: 141px;
	width: 1px;
	right: 24px;
}

/* END SECTION 3		

/* END SECTION 3

/* BOTTOM */

#sp-bottom{
	background: var(--bg-color-footer);
	padding: 64px 48px;
}

.text-bottom-1{
	font-weight: 700;
	font-variation-settings: "wdth" 25;
	font-size: 164px;
	color: var(--white-color);
}

.content-bottom{
	display: flex;
	justify-content: end;
}

#sp-bottom ul.menu li{
	font-weight: 400;
	font-variation-settings: "wdth" 50;
	font-size: 16px;
	margin-bottom: 16px;
}

#sp-bottom ul.menu li a{
	text-transform: uppercase;
	color: var(--white-color);
	text-decoration: none;
	font-weight: 500;
	font-variation-settings: "wdth" 50;
	font-size: 16px;
	margin-bottom: 16px;
}

#sp-bottom .mod-languages{
	display: flex;
}

#sp-bottom a.dropdown-toggle{
	color: var(--white-color);
	padding: 0px;
	margin: 0px;
	border: none;
	font-weight: 500;
	font-variation-settings: "wdth" 50;
	font-size: 16px;
	margin-bottom: 16px;
}

#sp-bottom .dropdown-toggle::after{
	display: none;
}

#sp-bottom .descargaapp img{
	display: inline-block;
}

#sp-bottom .botonapp{
	background: #282A6F !important;
    display: inline-block;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.01em;
	font-family: Satoshi Variable;
    text-align: center;
    padding: 11px 16px 11px 16px;
    border: 1px solid var(--white-color) !important;
	width: 100%;
}

#sp-bottom .descargaapp a{
	color: var(--white-color);
	text-decoration: none;
	font-family: Manzanares;
	line-height: 20px;
	letter-spacing: 0.01em;
	font-weight: 500;
	font-variation-settings: "wdth" 50;
	font-size: 12px;
	display: inline-block;
	width: 65px;
	vertical-align: top;
}

#sp-bottom a.botonapp{
	color: var(--white-color);
	text-decoration: none;
	font-family: Manzanares;
	font-size: 16px;
	font-weight: 500;
	line-height: 22.4px;
	letter-spacing: 0.01em;
}

/* END BOTTOM */

/* FOOTER */

#sp-footer{
	background: var(--bg-color-footer);
	border-top: 1px solid var(--white-color);
	text-align: center;
	padding: 32px 0px;
}

#sp-footer a, #sp-footer a:hover{
	text-transform: uppercase;
	text-decoration: none;
	color: var(--white-color);
	display: inline-block;
	margin: 0 8px;
	font-weight: 500;
	font-variation-settings: "wdth" 50;
	font-size: 12px;
}

.menu-footer{
	margin: 0px;
}

.topsocial li a i{
	text-align: center;
	color: var(--footer-color-social);
	background: var(--footer-color);
	padding: 8px;
	border-radius: 15px;
	font-size: 10px;
}

.image-logo-footer svg{
	max-width: 150px;
}

.image-logo-footer path{
	fill: var(--footer-color-mobile) !important;
}

.footer-content-app{
	color: var(--footer-color-mobile) !important;
}

#sp-footer2 .lang-inline a{
	font-size: 1rem;
}

#sp-footer2 .lang-inline{
	float: right;
}

/* END FOOTER */

/* SPONSORS */

.sponsors .sppb-column-addons{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

/* END SPONSOR */

.title-atm{
	color: var(--primary-color);
	font-size: 30pt;
	margin-bottom: 20px;
}

.content-atm{
	background-color: var(--bg-color);
	border-radius: 20px;
	padding: 10px;
	margin-bottom: 20px;
}

.row-atm{
	min-height: calc(100vh - 180px);
}

#chat-container{
	font-family: Manzanares !important;
}

.welcome-label-button-div img{
	transform: scale(0.4);
}

div.bubble-icon-div{
	transform: scale(2);
}

.cookie21CookiesFloat{
	left: 20px !important;
}

/* Chat */

#ind-chat-container{
	font-family: Manzanares !important;
	font-weight: 400;
	font-variation-settings: "wdth" 100;
}
div#ind-welcomeLabelContainer > div{
	line-height: 0px;
}
div.ind-basic-reaction-box{
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 5px;
}
div.ind-basic-reaction-icon{
	width: 28px;
	height: 28px;
}
.ind-message-box{
	padding-bottom: 7px !important;
}
.ind-basic-reaction-box .ind-simple-like-icon, .ind-basic-reaction-box .ind-simple-unlike-icon{
	background-image: url(../images/bot-ok.png?v=1);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.ind-basic-reaction-box .ind-simple-unlike-icon{
	background-image: url(../images/bot-ko.png?v=1);
}
.ind-message-header-span strong{
	display: none;
}
#chat-window .message-header-span strong{
	display: none;
}
div.ind-bubble-icon-div {
	width: 90%;
	height: 90%;
}
#ind-welcome-close img{
	width: 13px;
	margin-top: 6px;
	margin-left: 6px;
}
label#like, label#unlike{
	display: none;
}

#ind-chat-container hr{
	display: none !important;
}

/* COOKIES  */
.cookiesAlert{
	z-index: 99999 !important;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 575.98px){
	#sponsors-footer-1 .row{
		justify-content: center;
	}

	#sponsors-footer-2 .row{
		justify-content: center;
	}

	#sponsors-footer-3 .row{
		justify-content: center;
	}

	#sponsors-footer-1 .col-md-1{
		flex: 0 0 auto;
		width: auto;
	}

	#sponsors-footer-2 .col-md-1{
		flex: 0 0 auto;
		width: auto;
	}

	#sponsors-footer-3 .col-md-1{
		flex: 0 0 auto;
		width: auto;
	}
}

@media (max-width: 575.98px){
	#sp-bottom{
		padding: 64px 24px 32px 24px;
	}

	#sp-header{
		padding: 0 12px;
	}

	.menu-footer li{
		display: inline-block;
        margin: 0 8px;
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 12px;
        margin-bottom: 12px;
	}
	
	.menu-footer li a{
		padding: 0px !important;
        margin: 0px !important;
	}

	.login-content .sppb-row-container{
		margin: 0px !important;
		padding: 0px !important;
	}

	.row-login{
		padding: 0px 10px;
	}

	.row-login .btn-primary{
		width: 100%;
	}

	.body-bottom .sppb-container-inner{
		border: none !important;
	}

	.body-bottom-1::after, .img-background-3 .sppb-column-addons::before, .img-background-3 .sppb-column-addons::after, .img-background-3 .sppb-column-overlay::before, .img-background-3 .sppb-column-overlay::after{
		content: none !important;
	}

	.body-bottom .col-md-4::after{
		content: ' ';
		background-image: url(../../../images/background-3.png);
		position: absolute;
		top: 0px;
		height: 469px;
		width: 51px;
		right: -12px;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 767.98px){
	#sponsors .row{
		justify-content: flex-end !important;
	}

	#sponsors div[class*="col-"]{
		flex: 0 0 auto;
		width: auto;
	}

	.view-bienvenida #sp-component > div{
		background: var(--bg-color);
		border-radius: 25px;
		padding: 0px !important;
	}
}

@media (max-width: 767.98px){
	.btn-primary-mobile, .btn-primary-mobile:hover{
		background: transparent !important;
		color: var(--btn-color-mobile);
		border: none !important;
	}

	.btn-border{
		border-top: 1px dashed var(--grey-color);
	}

	.cart-border-dashed-right{
		border-right: none;
		border-bottom: 1px dashed var(--grey-color-2);
	}

	.btn-cancel{
		padding: 5px 20px;
	}

	.text-bottom-1{
		font-size: 92px;
	}

	#sp-top-bar{
		padding: 10px 10px;
	}

	#sp-top-bar .sppb-addon-content{
		font-size: 11px;
		margin-right: auto;
	}

	#sp-top-bar img{
		height: 13px;
	}

	#sponsors-footer-1 .sppb-img-responsive{
		width: 70%;
	}

	#sp-bottom a.botonapp{
		width: 100%;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px){
	#sp-left{
		background: var(--bg-color-2);
	}

	#sp-left .sp-module{
		padding: 0px;
		border-top: 3px solid var(--white-color);
	}

	#sp-left ul{
		padding: 0px;
		margin: 0px;
		display: flex;
		align-items: baseline;
		overflow-x: scroll;
	}

	#sp-left li.active, .offcanvas-menu li.active{
		border-bottom: 3px solid var(--red-color) !important;
	}

	#sp-left li{
		text-align: center;
		border: none !important;
		display: inline-block !important;
		position: relative;
		flex: 0 0 27%;
	}

	#sp-left li a span{
		margin: 0px;
		display: block;
		font-size: 1rem;
		margin-top: 10px;
		text-align: center;
	}

	.com-abonados #sp-component > div{
		background: transparent;
	}

	#sp-menu{
		order: 6!important;
	}

	#sp-footer .menu-footer a{
		padding-right: 8px;
		border-right: 1px solid var(--footer-color-mobile);
	}

	.sp-module-content .mod-languages ul.lang-inline .lang-active{
		font-weight: bold;
		border-bottom: 1px solid var(--footer-color-mobile);
	}

	#sp-footer .topsocial li:first-child{
		display: none !important;
	}

	#sp-footer .topsocial{
		display: contents;
	}

	#sp-footer .topsocial li a i{
		color: var(--bg-color-footer-mobile);
		background: var(--footer-color-mobile);
	}

	#sp-footer2 > .sp-column{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0px;
		margin-left: 0px;
	}

	#sp-footer2 .lang-inline li{
	  	height: 30px;
	}

	.footer-content-app div[class*="sppb-col-"]{
		padding: 0px 5px 0px 0px;
		font-size: 0.6rem;
	}

	.image-logo-footer path{
		fill: var(--footer-color-mobile) !important;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px){

}