@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");

@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);
}