@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
/*header archivo eventos*/
#eventosHeader{
	border-bottom:none;
	margin:2em var(--margenLados);
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	color:var(--grisaceo);
	flex-wrap:wrap;
}
#eventosHeader .descripcion{
	text-align:right;
	flex-basis:60%;
	font-size:.85em;
	white-space:nowrap
}
#eventosHeader h1{
	flex-basis:40%;
	font-weight:700;

}
.guia-app{
	flex-basis: 100%;
	text-align: right;
	display:flex;
	justify-content:space-between;
	margin-top:1em;
	align-items: end;
}
.guia-app a{
	color: var(--rosita);
	font-size:1em;
	font-weight:700;
	display:flex;
	text-align: left;
	float: right;
	line-height:1.2em


}
.guia-app a:focus,
.guia-app a:focus::before {
  color: #a47989!important;
}
.guia-app a::before{
	content:'↓';
	text-decoration:underline;
	margin-right:.4em;
	top: .15em;
 	position: relative;
	color: var(--rosita);
	font-size:2.4em;
	font-weight:700;
	font-family: "M PLUS Rounded 1c", sans-serif;

}


/*buscador*/
#buscador{
width: 30%;
--alturaBuscador:3em;
position:relative
}

#buscador .holder{
width: 100%;}

#buscador i{
	content:'\f002';
	font-family: "Font Awesome 6 Free";
	position:absolute;
	line-height: var(--alturaBuscador);
	font-weight:900;
	right:1em;
	top:0;
transition: .5s ease;
	cursor:pointer
	
}

#buscador input{
width:100%;
transition: .5s ease;
background:#f5ead1;
height:var(--alturaBuscador);
border:2px solid var(--grisaceo)
}


#buscador input:focus{
	outline:none;
	border: 2px solid var(--rosita);
	transition: .5s ease

}
#buscador input:focus + i{
transition: .5s ease;
color: var(--rosita);
}

/*selector categorais*/
#categoriasEventos{
	max-height:1em;
	margin: 3em 0
}
.categorias{
		display:flex;
		justify-content:space-between;
		padding-left:0
}
.cat{
	list-style:none;
	border-right: 1px solid black;
	flex-grow:1;
	text-align:center;
	transition: .2s ease;
}
.cat:last-child{
	border-right:none;
}
.cat a{
		color:var(--grisaceo);
		font-weight:500;
	text-decoration:none
}

/*selector calendario*/
#calendarioEventos{
	margin: 0 var(--margenLados);
	display:flex;
	justify-content:space-between;
}
.sidebtn{
	display:flex;
	align-items:center
}
#diasCalendario{
	flex-basis:70%;
	display:flex;
	justify-content:space-between;
	padding: 0 1em;
	border-right: 2px solid var(--rosita);
	border-left: 2px solid var(--rosita);
}
.diaCalendario{
	display:flex;
	flex-direction:column;
	text-align:center;
	color:var(--rosita);
	font-weight:700;
	font-size:1.6rem;
	line-height:1.2em;
	transition: .2s ease;
	
}

.diaCalendario:hover{
	scale:1.1
}
.cat:hover{
	font-size:1.1em	
}
.diaCalendario, .cat, .tag{
	cursor:pointer
}

.diaSemana{
	
}
.diaMes{
	font-size:1.3em
}



/*faceted search*/
#facetedEventos{
	flex-basis:25%;
	flex-direction: column;
  display: flex;
	font-size:.9em
}
#facetedEventos h4{
	border-bottom:2px solid var(--rosita);
	line-height:2em;
	width: 80%;
}
.tags{
	margin-bottom:1em
}
.tag{
	list-style:'+ ';
	 color:var(--grisaceo)

}
.tag a{
		text-decoration:none;
	  color:var(--grisaceo);
	  line-height:2em
}
.filtroPlazas{
	line-height:3em;
}
.borrarFiltros{
	align-self:flex-end;
	padding-right:20%;
	line-height:3em
}

/*thumbnails eventos*/
#eventosWrapper{
	display:flex;
	margin: 2em var(--margenLados);
}

#eventos{
	display: flex;
	flex-wrap:wrap;
	flex-basis: 75%;
	float:right;
}
.paged-eventos{
	flex-basis:75%;
display: flex;
  flex-direction: column;
}
.evento{
	flex-basis:28%;
	margin:1em;
	cursor:pointer;

}
.evento h3{
	font-size:.8em;
}
.evento img {
  object-fit: cover;
  aspect-ratio: 25/19 !important;
  height: auto !important;
  width: 100%;
max-width:unset!important
}

.categoria{
	text-align:center;
	width:100%;
	border-bottom:1px solid var(--rosita);
	font-size: .8em;
  color: var(--rosita);
  font-weight: 500;

}

.waitlist{
	font-size: .7em;
	font-style: italic
}

.miniDia{
	position: relative;
  width: fit-content;
  display: inline-block;
  text-align: center;
  margin: 0 .5em;
	font-size:.75em
}
.miniDia:first-child {
  margin-left: 0;
}
.miniDia.ocupado::before {
  content: '';
  background: var(--rosita);
  width: 105%;
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 44%;
  left: 0;
  transform: rotate(-15deg);
}

.fechas.rango {
	font-size:.7em;
	line-height: 2.2em;
}

.rango .miniDia
{
  font-size: 1em;
  margin: 0;
}

.inscripcionWrapper{
	width: 100%;
  text-align: center;
}

.evento .inscripcion, #eventos .inscripcion:focus, #evento .inscripcion, #evento .inscripcion:focus{
	line-height: 5em;
  padding: .8em 4em;
  background: var(--rosita);
  color: white;
  border-radius: .5em;
text-decoration:none
}


.adjuntos{
display:flex;
flex-direction:column;
margin-top:1em
}

.descargaAdjunto{
	line-height:2em;
	text-decoration:none;
font-size: .8em;	

}

#page-number .current{
color:var(--rosita)	
}


/*pagina evento*/

#evento h2{
	color:var(--grisaceo);
	font-size:2em;
	margin-bottom:.5em
}

.eventoContent{
	display:flex;
}
.eventoContent img{
	width:90%
}

.eventoContent .columna{
	flex-basis:50%
}


.pagination {
  width: 100%;
  min-width: 100%;
  text-align: center;
border-top: 1px solid var(--rosita)!important;
}

.page-numbers.current {

  color: var(--rosita);
}
#pagination-controls{
text-align:center
}

.page-numbers.current {
  text-decoration: none;
}


/*ESTILOS MOVIL*/

@media (max-width:820px){
	#eventosHeader h1{
		flex-basis:100%;
		font-size: 2rem;
	}
	#eventosHeader .descripcion{
		flex-basis:100%;
		font-size: .7rem;
	    	margin-top: 1em;
	   	text-align: left;

	}

	.guia-app{
		flex-direction:column
	}

	#buscador{
		order: 2;
		margin-top: 2em;
		width: 100%;
	}
	
	#calendarioEventos{
		flex-wrap:wrap;
		justify-content:center;
	}

	#diasCalendario{
		flex-wrap: wrap;
		flex-basis: 100%;
		border: none;
		padding: 0;
		margin: 1em 0;
	}

	.diaCalendario{
		flex-basis: 24%;
		flex-grow: 1;
	}
	
	#categoriasEventos{
		padding-left: 1em;
		margin: 1em 0;
		max-height: fit-content;
	}

	#categoriasEventos h3{
		display: inline!important;
		font-size:1.5rem;
		line-height:2em;
		cursor:pointer
	}

	.categorias{
		flex-direction: column;
		padding-left: 1em;
		align-items: flex-start;
		gap: .2em;
		//display:none
	}
	.categorias .cat{
		border: none;
		border-left: 1px solid gray;
  		padding-left: .2em;
	}

	#eventosWrapper{
		flex-direction:column
	}
	
	#eventos{
		flex-direction: column;
	}

	.modal__content{
		flex-direction:column;
	}
	
	.modal .modal__container{
		max-width:90vw;
		width:90vw;
		height: 90vh;
		max-height: 90vh;
	}


	.eventoContent {
  		flex-direction: column;
	}
}



.home #moove_gdpr_save_popup_settings_button {
background: var(--rosita);
  border-radius: 0;
}
#moove_gdpr_save_popup_settings_button:hover {
  background: #935F72 !important;
}










.alertaIds {
  background: #f0808094;
  line-height: 5em;
  text-align: center;
  border: 1px solid red;
  border-radius: .5em;
  margin: 1em;
}



/*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: transparent;
white-space:nowrap
}

.select-selected.select-arrow-active, .select-items div{
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;

}

.select-items div,.select-selected {
  color: black;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: var(--fondo);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 20em;
  overflow: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}