@import url("./imports/card_match_video.css");
@import url("./imports/cool_button.css");
@import url("./imports/cool_card.css");
@import url("./imports/cool_input.css");
@import url("./imports/cool_load.css");
@import url("./imports/override_datepicker.css");

.progress-bar {
	width: 100%;
	height: 6px;
	background: #333;
	border-radius: 3px;
	overflow: hidden;
	margin-top: 10px;
}

.progress-fill {
	height: 100%;
	background: #00b4d8;
	width: 0%;
	transition: width 0.1s;
}

@view-transition {
	navigation: auto;
}

body {
	overflow-x: hidden;
}

main {
	transition: 0.5s;
}

html {
	background: #131722;
}

@keyframes flickerAnimation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes flickerAnimation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.animate-flicker {
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
	-o-animation: flickerAnimation 1s infinite;
	animation: flickerAnimation 1s infinite;
}

@media (max-width: 1200px) {
	.radioTxtSup {
		display: none;
	}
}

#form_busqueda #palabra_buscar {
	color: #FFFFFF !important;
}

#bloque_foro_video .foro .nav-link {
	-webkit-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
	text-align: center;
}

#bloque_foro_video .menu_lateral_foro {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: color-mix(in srgb, var(--color-primary), var(--color-secondary) 5%);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	-webkit-box-shadow: inset 0 0 10px 7px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 10px 7px rgba(0, 0, 0, 0.5);
	z-index: 12;
}

#bloque_foro_video .menu_lateral_foro.right {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #1c212e;
	overflow-x: hidden;
	transition: 0.5s;
	left: inherit;
	padding-top: 60px;
	-webkit-box-shadow: inset 0 0 10px 7px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 10px 7px rgba(0, 0, 0, 0.5);
	z-index: 12;
}

#bloque_foro_video .contenido_menu_lateral_foro {
	margin: 20px;
	margin-top: 85px;
}

#bloque_foro_video .menu_lateral_foro .closebtn {
	position: absolute;
	top: 87px;
	right: 25px;
	font-size: 25px;
	color: #818181;
	margin-left: 50px;
	transition: 0.3s;
}

#bloque_foro_video .menu_lateral_foro.right .closebtn {
	position: absolute;
	top: 87px;
	left: 0px;
	right: inherit;
	font-size: 25px;
	color: #818181;
	margin-left: 25px;
	transition: 0.3s;
	display: block;
	width: 50px;
}

#bloque_foro_video .menu_lateral_foro .closebtn:hover {
	color: #f1f1f1;
}

#bloque_foro_video .openbtn img:hover {
	cursor: default;
}

#bloque_foro_video .openbtn.allow:hover {
	-webkit-box-shadow: 15px 0 30px 5px rgba(255, 255, 255, 0.5);
	box-shadow: 15px 0 30px 5px rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

#bloque_foro_video .openbtn.allow.openbtnderecha:hover {
	-webkit-box-shadow: -15px 0 30px 5px rgba(255, 255, 255, 0.5);
	box-shadow: -15px 0 30px 5px rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.nav-tabs .nav-link.tab-niveles.active {
	border-color: transparent !important;
	background: #1c212e !important;
	background-color: #1c212e !important;
}

.nav-tabs .nav-link.tab-niveles {
	border: 2px solid #1c212e;
	border-color: #1c212e !important;
}

.nav-tabs .nav-link.tab-niveles:hover {
	border: 2px solid #FFFFFF;
	border-color: #FFFFFF !important;
	border-bottom: 2px solid #1c212e !important;
}

.nav-tabs .nav-link.tab-niveles.active:hover {
	border: 2px solid #1c212e;
	border-color: #1c212e !important;
}

.nav-tabs .nav-link.tab-niveles.premium.active {
	border: 2px solid #333843 !important;
	border-bottom: 2px solid transparent !important;
	background: #333843 !important;
	background-color: #333843 !important;
}

.nav-tabs .nav-link.tab-niveles.premium.active:hover {
	border: 2px solid #333843 !important;
	border-bottom: 2px solid transparent !important;
	background: #333843 !important;
	background-color: #333843 !important;
	cursor: default;
}

.nav-tabs .nav-link.tab-niveles.premium {
	border: 2px solid #333843;
	border-color: #333843 !important;
	border-bottom: 2px solid #333843 !important;
}

.nav-tabs .nav-link.tab-niveles.premium:hover {
	border: 2px solid #333843;
	border-color: #333843 !important;
}

.membresia h1 {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.membresia h2 {
	width: 50%;
	text-align: center;
	margin: auto;
	margin-bottom: 20px;
}

.plan_membresia {
	display: none;
	width: 60%;
	margin: auto;
}

.plan_membresia.active {
	display: block;
}

.botonera_planes {
	text-align: center;
	padding: 1vw;
}

.membresia_mes_btn {
	padding: 21px 30px !important;
	vertical-align: top;
}

.botonera_planes a {
	color: #FFFFFF;
	text-decoration: none;
	-webkit-border-radius: 40px 40px 40px 40px;
	border-radius: 40px 40px 40px 40px;
	min-width: 105px !important;
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 30px;
	border: 2px solid #141623;
}

.botonera_planes a:hover {
	color: #FFFFFF;
	border: 2px solid #E64964;
	cursor: pointer;
}

.botonera_planes a.active {
	background-image: linear-gradient(to right, #e64964, #e85769, #e9636e, #eb6f74, #ec7a7a);
}

.botonera_planes a.active:hover {
	border: 2px solid #141623;
	cursor: default;
}

.gris_claro {
	color: #949cb0;
}

.ancho_150 {
	width: 150px;
}

.margin_right_30 {
	margin-right: 30px;
}

.slick-track {
	margin-left: 0px !important;
	display: flex;
}


.slick-slide {
	height: inherit;
}


.manita {
	cursor: pointer;
}

.enlace-video-listado.manita:hover img {
	-webkit-box-shadow: 0 0 0px 4px #FFFFFF;
	box-shadow: 0 0 0px 4px #FFFFFF;
}

#content .manita:hover img {
	-webkit-box-shadow: 0 0 0px 4px #FFFFFF;
	box-shadow: 0 0 0px 4px #FFFFFF;
}

#content .manita img:hover {
	-webkit-box-shadow: 0 0 0px 4px #FFFFFF;
	box-shadow: 0 0 0px 4px #FFFFFF;
}

#content .manita.gradiente_imagen:hover img {
	-webkit-box-shadow: 0 0 0px 4px #FFFFFF;
	box-shadow: 0 0 0px 4px #FFFFFF;
}

.carrouselVertical .slick-list.draggable {
	min-height: 550px;
	padding-top: 10px;
}

.carrouselCanalInferior .slick-list.draggable {
	min-height: 195px;
	padding-top: 10px;
}

/* .slick-list.draggable{
	min-height: 164px;
} */
.gradiente_imagen_sin_padding::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 15px;
	width: calc(100% - 30px);
	bottom: 0;
	right: 0;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(240, 47, 23, 0) 0, rgba(0, 0, 0, 0.9) 100%);
	opacity: 0.1;
}

.gradiente_imagen::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(240, 47, 23, 0) 0, rgba(0, 0, 0, 0.9) 100%);
	opacity: 0.1;
}

.gradiente_imagen_pr20::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: calc(100% - 20px);
	bottom: 0;
	right: 0;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(240, 47, 23, 0) 0, rgba(0, 0, 0, 0.9) 100%);
	opacity: 0.1;
}

.gradiente_texto,
.singradiente {
	z-index: 100;
	color: #949cb0;
	opacity: 0.8;
}

.v9_imagen_grande {
	width: calc(100% - 20px);
}

@media (max-width: 991px) {
	.v9_imagen_grande {
		width: 100%;
	}

	.gradiente_imagen_pr20::before {
		width: 100% !important;
	}
}

.coment-hilo-btn img,
.avatar img {
	width: 40px;
	height: auto;
	display: inline-block;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}

.coment-hilo-btn img,
.avatar img.circulo_premium {
	-webkit-box-shadow: 0 0 15px 4px #24baef;
	box-shadow: 0 0 15px 4px #24baef;
}

.botonpeque {
	padding: 5px 15px;
}

.foro .content_foro {
	width: 100%;
	background: #1c212e;
	border: 0px solid #DBE0E4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 5px;
}

.foro {
	margin-bottom: 40px;
}

.foro .comments {
	padding: 0px 10px 00px 0px;
}

.foro .comment {
	width: 100%;
	padding: 20px 10px 0px;
	background: #f7f7f7;
	border-bottom: 1px dashed #DBE0E4;
}

.form_boton_respuesta {
	width: calc(100% - 10px) !important;
	padding: 18px 10px 3px 26px;
	;
	background: #eee;
	margin-bottom: 20px;
}


.respuesta_texto {
	padding-left: 56px;
	margin-top: 5px;
}

.foro .total {
	width: 100%;
	line-height: 30px;
	background: #f2f2f2;
	padding: 10px 20px;
	border-bottom: 1px solid #ebebeb;
	font-weight: 600;
}

#preciosModal .modal-content {
	background: #141623;
	color: #FFF;
}

#plataformasModal .modal-content {
	background: #141623;
	color: #FFF;
}

.membresia h1 {
	color: #FFF;
}

.membresia h2 {
	color: #FFF;
}

#preciosModal .modal-content .close {
	color: #FFF;
}

#plataformasModal .modal-content .close {
	color: #FFF;
}

.btnRemoveComment {
	opacity: 0.5;
}

.btnRemoveComment:hover {
	opacity: 1;
}

@media only screen and (max-width:768px) {
	.btnRemoveComment {
		opacity: 1;
	}

	.plan_membresia {
		width: 100% !important;
	}

	.membresia h1 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.membresia h2 {
		width: 100%;
		font-size: 17px;
	}

	.botonera_planes {
		padding: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.botonera_planes a {
		width: calc((100% / 3) - 10px) !important;
		margin-left: 2px;
		margin-right: 2px;
		padding: 10px 10px;
	}

	.membresia_mes_btn {
		padding: 21px 30px !important;
		vertical-align: top;
	}
}

.js-slick-carousel {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}

.js-slick-carousel.slick-initialized {
	visibility: visible;
	opacity: 1;
}


.foro .nav-tabs {
	border-bottom: 0px !important;
}

.foro .nav-link {
	background-color: #131722 !important;
	color: white !important;
	border-radius: 5px !important;
}

.foro .ancho50 {
	width: 50%;
}

.foro .ancho25 {
	width: 25%;
}


.label-warning {
	background-color: #f69f00;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
	background-color: #c37e00;
}

.label-danger {
	background-color: #f04e51;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
	background-color: #ec1f23;
}

.label-red {
	background-color: #e52421;
}

.label-red[href]:hover,
.label-red[href]:focus {
	background-color: #e52421;
}

.text-red {
	color: #e52421 !important;
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

.f-right {
	float: right;
}

.f-left {
	float: left;
}

.pa-camera {
	padding: 3px 5px 3px 5px;
}

.display-list-item {
	display: list-item;
}

.display-inline-block {
	display: inline-block !important;
}

.c-white {
	color: #fff !important;
}

.ancho25 {
	width: 25%;
}

.ancho50 {
	width: 50%;
}

.foro .nav-link {
	background-color: #131722 !important;
	color: white !important;
	-webkit-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

.foro .nav-tabs {
	border-bottom: 0px !important;
}

.home-slider #sliderSyncingThumb .slick-track .slick-slide.slick-active {
	margin-top: 20px !important;
}

.home-slider .slick-slide.slick-active img {
	filter: grayscale(100%);
}

.home-slider .slick-slide.slick-current.slick-active img {
	border: 5px solid white !important;
	filter: brightness(1.5) !important;
}

.home-slider .u-slick-bordered-primary .slick-current .thumb-img:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	left: 44%;
	border-radius: 2px;
	z-index: -1;
	top: -10px;
	background-color: white !important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (min-width: 1200px) {
	.oculto_1200_more {
		display: none;
	}
}

@media only screen and (max-width:769px) {
	.iconosmenu {
		padding: 4px !important;
		margin: 2px;
		!important;
	}

	.rrss {
		margin-top: -5px !important;
		margin-bottom: 15px !important;
		float: left !important;
	}

	#migas {
		float: none !important;
	}

	#mySidebar {}

	#bloque_foro_video .menu_lateral_foro .closebtn {
		top: 90px !important;
		z-index: 1;
	}

	#bloque_foro_video .menu_lateral_foro.right .closebtn {
		top: 90px !important;
		z-index: 1;
	}

	#bloque_foro_video .menu_lateral_foro {
		padding-top: 0 !important;
	}

	#bloque_foro_video .contenido_menu_lateral_foro {
		margin-top: 80px !important;
	}

	#mySidebarRight .contenido_menu_lateral_foro {
		margin-top: 150px !important;
	}

	#myTabContent {
		width: calc(100% + 30px) !important;
		margin-left: -15px;
		background-color: color-mix(in srgb, var(--color-primary), var(--color-secondary) 5%);
	}

	#myTabContent .comments {
		max-height: 50vh !important;
		overflow: auto;
	}

	#myTabContent .comments .contact.contact-rounded {
		font-size: 0.75em;
	}

	#myTabContent .comments .contact.contact-rounded span {
		margin-top: -10px;
	}

	#modal-nuevo-hilo.bloqueForo .modal-dialog {
		width: calc(100% - 1rem) !important;
	}

	#modal-respuesta.bloqueForo .modal-dialog {
		width: calc(100% - 1rem) !important;
	}

	#modal-borrar-comentario .modal-dialog {
		width: calc(100% - 1rem) !important;
	}

	.ventanaForoDerechaPrem {
		font-size: 0.9em !important;
	}

	.ventanaForoDerechaPrem .comment {
		padding: 5px !important;
	}

	.ventanaForoDerechaPrem .comment span {
		margin: 0 !important;
	}

	.ventanaForoDerechaPrem .avatar.user {
		margin-top: 8px !important;
		margin-left: 5px !important;
		margin-right: 8px !important;
	}

	.span_premium {
		display: none;
	}

	.bloqueForo #toggleR {
		display: none !important;
	}

	.bloqueForo #toggle {
		display: none !important;
	}
}

@media only screen and (max-width:1440px) {
	.imagensliderpeque {
		height: 170px !important;
	}
}

@media only screen and (max-width:1350px) {
	body .imagensliderpeque {
		height: 150px !important;
	}
}

.at-icon-wrapper.at-svc-print {
	display: none !important;
}

.botonpocopadding {
	padding: 3px 10px !important;
	font-size: 0.8rem;
	background-color: #395fa8 !important;
	border-color: #395fa8 !important;
	font-family: montserrat, sans-serif;
}




/* ##### PARA GOLPLUS ##### */
.videoGolplus {
	position: relative;
	margin: 0px 5px;
}

.videoGolplus:hover>a>img {
	filter: brightness(0.5);
	transition: .2s;
}

.videoGolplus:hover>a>.fechaGolplus {
	visibility: visible;
	left: 0rem;
	opacity: 1;
	transition: all 1s, opacity .5s linear;
}

.fechaGolplus {
	position: absolute;
	top: 1.5rem;
	left: 0rem;
	line-height: 1.2;
	color: #1e001f;
	text-decoration: inherit;
	font-weight: 600;
	font-size: 12px;
	width: 69%;
	transition: .5s;
	background-color: #ffffffc2;
	padding: 5px 0px 5px 9px;
	visibility: hidden;
	opacity: 0;
	transition: all .5s, visibility 0s .5s, opacity .5s linear;
	clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

.titleGolplus {
	position: absolute;
	bottom: 0.5rem;
	left: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.2;
	color: white;
	text-decoration: inherit;
	font-weight: 600;
	transition: 1s;
	width: 95%;
	z-index: 1;
	clip-path: polygon(0% 0, 100% 0%, 96% 100%, 0% 100%);
}

/* @keyframes border-pulse {
    50% {
        border-color: #00eb002b;
    }
}

.liveGradient{
	border: 4px solid #00eb005f;
	padding: .1rem;
    animation: border-pulse 2s infinite;
} */
/* .liveGradient {
	--borderWidth: 3px;
	background: #1D1F20;
	position: relative;
  }
  .liveGradient:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	background: linear-gradient(60deg, #ff4848,#f24343, #bf3434, #8c2626, blue);
	z-index: -1;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
  }
  
   */
@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}





.equipoGolplus {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.pruebaTexto {
	position: absolute;
	top: 5.1rem;
	width: -webkit-fill-available;
	padding-left: 5%;
	z-index: 999;
}

.name-over {
	font-size: 26px;

}

.date-over {
	font-size: 20px;
}

.boton-play {
	margin-top: 30px !important;
}

@media only screen and (max-width:1440px) {
	.name-over {
		font-size: 20px;
	}

	.date-over {
		font-size: 17px;
	}

	.over-logo {
		width: 238px;
	}

	.over-escudo {
		width: 73px;
	}

	.boton-play {
		margin-top: 2.5rem;
	}
}

@media only screen and (max-width:992px) {
	.name-over {
		font-size: 13px;
		margin-bottom: 0px !important;
	}

	.date-over {
		font-size: 13px;
	}

	.over-logo {
		width: 190px;
	}

	.over-escudo {
		width: 52px;
	}

	.boton-play {
		margin-top: 0.5rem;
	}
}

@media only screen and (max-width:768px) {
	.name-over {
		font-size: 13px;
	}

	.date-over {
		font-size: 13px;
		margin-bottom: -24px !important;
	}

	.over-logo {
		width: 190px;
	}

	.over-escudo {
		width: 43px;
	}

	.boton-play {
		margin-top: 0.5rem;
	}
}

.preHidden {
	display: none !important;
	opacity: 0;
	transition: all 5s;
}




#playerPixellot {
	position: relative;
	transition: 2s;
}

#playerPixellot:hover>.over-arrow {
	opacity: 75;

}

.over-arrow {
	opacity: 0;
	position: absolute;
	align-items: center;
	transition: 1s;
	top: 50%;
	transform: translate(0%, -50%);
	padding: 1rem;
	cursor: pointer;
	display: flex;
	flex-direction: column;
}

.over-arrow.right {
	margin-right: 15%;
	right: 0;
}

.over-arrow.left {
	margin-left: 15%;
	left: 0;
}

.over-arrow {}


input[type="date"]::-webkit-calendar-picker-indicator {
	color: transparent;
	background: none;
	z-index: 1;
}

input[type="date"]:before {
	color: transparent;
	background: none;
	display: block;
	font-family: 'FontAwesome';
	content: '\f073';
	/* This is the calendar icon in FontAwesome */
	width: 20px;
	height: 20px;
	position: absolute;
	top: 6px;
	right: 12px;
	color: #999;
	font-size: 1.7rem;
}

.barra_slash {
	height: 68px;
	filter: invert(100%);
	margin-left: -35px;
	margin-right: -35px;
	width: 70px;
	opacity: 0.35;
}


.poligon {
	display: inline-flex !important;
}


.buscador {
	display: inline-flex !important;
}

@media (max-width: 423px) {
	.barra_icons_header {
		margin: 0 auto;
	}
}

@media (min-width: 423px) {
	.poligon {
		display: inline-block;
		position: relative;
		width: 73px;
		height: 79px;
		background: #ffffff45;
		box-sizing: border-box;
		clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
		margin-right: -14px;
	}

	.poligon .poligon-2 {
		position: absolute;
		top: 0px;
		left: 2px;
		width: 71px;
		height: 79px;
		clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
		justify-content: center;
		border-radius: 0px !important;
	}


	.buscador {
		display: inline-block;
		position: relative;
		width: 73px;
		height: 79px;
		background: #ffffff45;
		box-sizing: border-box;
		clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
		margin-right: -14px;
		display: inline-flex !important;
	}

	.buscador .buscador-2 {
		padding: 0.5rem 1rem 0.5rem 1rem !important;
		position: absolute;
		top: 0px;
		left: 2px;
		width: 71px;
		height: 79px;
		clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
		justify-content: center;
		border-radius: 0px !important;
	}
}

@media (min-width: 1200px) {
	.buscador {
		display: inline-block;
		position: relative;
		width: 28em;
		height: 79px;
		background: #ffffff45;
		box-sizing: border-box;
		clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
		margin-right: -14px;
	}

	.buscador .buscador-2 {
		position: absolute;
		top: 0px;
		left: 2px;
		width: 28em;
		height: 79px;
		clip-path: polygon(3% 0, 100% 0%, 98% 100%, 0% 100%);
		justify-content: center;
		border-radius: 0px !important;
	}
}

@media (max-width: 1200px) {
	.icono_buscador_text {
		display: block !important;
	}

	.form_busqueda {
		display: none !important;
	}
}

@media (max-width: 477px) {}

@media (max-width: 460px) {
	.boton_filtro_busqueda {
		margin-top: 0px !important;
	}
}


.boton_filtro_busqueda {
	padding: 3px 6px;
	margin-top: -40px;
	font-size: 13px;
}

.itemDirecto:hover {
	filter: brightness(0.5);
}

.video_favorito {
	cursor: pointer;
}

.video_like {
	cursor: pointer;
}

.video-js .vjs-big-play-button {
	top: 50% !important;
	left: 50% !important;
	background-color: var(--color-primary) !important;
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	color: var(--color-secondary) !important;
}

/* Font Family Mona Sans*/
@font-face {
	font-family: "Mona Sans";
	src: url("./fonts/mona_sans_bold.ttf") format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: "Mona Sans";
	src: url("./fonts/mona_sans_extra_bold.ttf") format("truetype");
	font-weight: 800;
	/* Extra Bold */
}

@font-face {
	font-family: "Mona Sans";
	src: url("./fonts/mona_sans_extra_bold_italic.ttf") format("truetype");
	font-weight: 800;
	/* Extra Bold */
	font-style: italic;
}

@font-face {
	font-family: "Mona Sans";
	src: url("./fonts/mona_sans_medium.ttf") format("truetype");
	font-weight: 500;
	/* Medium */
}

@font-face {
	font-family: "Mona Sans";
	src: url("./fonts/mona_sans_regular.ttf") format("truetype");
	font-weight: normal;
}

@font-face {
	font-family: "Mona Sans";
	src: url("./fonts/mona_sans_semibold.ttf") format("truetype");
	font-weight: 600;
	/* Semi Bold */
}


/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}


.dropdown-menu,
.dropdown-item {
	background: var(--color-light-primary) !important;
	color: var(--color-secondary) !important;
}

.dropdown-item:hover {
	background-color: var(--color-primary) !important;
}

.modal {
	backdrop-filter: blur(10px);
}