@charset "UTF-8";


/*!
 * EVENTOS - MOBILE
 */

    /* 1.- SLIDER HOME */    
    /* 2.- PRÓXIMOS	 EVENTOS SLIDE */    
    /* 3.- PAGINA EVENTOS / HISTÓRICO*/    
    /* 4.- NODO EVENTO */
    /* 5.- HISTORICO */   
    /* 6.- PAGINACIÓN */    
    /* 7.- PARADAS ARENA BUS */
    /* 8.- FLOAT TICKET */


  
@media (max-width: 1482px) {
		.view-display-id-home_slide  .titular.cartel {
		max-width: 100%;
	}
	
	.view-display-id-home_slide .slick-slide .cartel img {
		width: 100%;
		filter: brightness(0.5);
	}
}

@media (max-width: 991px) {
	
	
/* 1.- SLIDER HOME*/
	

	
	.view-display-id-home_slide .titular .fecha,
	.view-display-id-evento_dest_home .fecha {
		font-family: "FKRomanStandard";
		font-size: 32px;
		font-weight: 400;
		line-height: 42px;
		letter-spacing: -0.96px;
	}
	
	.view-display-id-home_slide .titular h2, 
	.view-display-id-home_slide .titular h2 a,
	.view-display-id-evento_dest_home .titular h2, 
	.view-display-id-evento_dest_home .titular h2 a {
		margin-bottom: 20px;
		text-decoration: none;
		color: #FFF;
		font-family: "FKGroteskNeue";
		font-size: 54px;
		font-weight: 700;
		line-height: 54px; 
		letter-spacing: -1.62px;
	}
	
	.view-display-id-home_slide .slick-slide .cartel h2 a, 
	.view-display-id-evento_dest_home .cartel h2 a {
		margin-bottom: 20px;
		text-decoration: none;
		color: #FFF;
		font-family: "FKGroteskNeue";
		font-size: 54px;
		font-weight: 700;
		line-height: 54px; 
		letter-spacing: -1.62px;
	}
	
	.view-display-id-home_slide .titular.cartel, 
	.view-display-id-evento_dest_home .titular.cartel {
		max-width: 95vw !important;
	}
	
	.view-display-id-home_slide .slick-slide .cartel img, 
	.view-display-id-evento_dest_home .cartel img {
		width: 100%;
		    filter: brightness(0.5);
	}

	
	.view-display-id-home_slide  .titular .subtitulo h3,
    .view-display-id-evento_dest_home .titular .subtitulo h3 {
		font-size: 32px;
		font-weight: 500;
		line-height: 42px;
		letter-spacing: -0.96px;
	}
	
	.view-display-id-home_slide .titular,
    .view-display-id-evento_dest_home .titular {
		color: #FFF;
		font-size: 42px;
		line-height: 42px;
	}
	

	.view-display-id-home_slide .views-field-title-1,
	.view-display-id-evento_dest_home .views-field-title-1 {
		bottom: 95px;
		left: 15px;
	}
	
	.block-views-blockagenda-proximos-eventos .slide__caption {
		padding: 15px;
	}
	
	.block-views-blockagenda-proximos-eventos h2 {
		margin-left: 15px;
	}
	
	.view-display-id-home_slide .views-field-field-cat,
    .view-display-id-evento_dest_home .views-field-field-cat {
		top: 30px;
		left: 15px;
	}
	
	.block-views-blockagenda-proximos-eventos .categoria {
		font-family: "FK Grotesk Neue";
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		letter-spacing: -0.48px;
		right: 5px;
		text-indent: initial;
		padding-top: 4px;
		top: -4px;
	}

	
	.view-display-id-home_slide nav.slick__arrow, 
	.view-display-id-evento_dest_home nav.slick__arrow {
		position: absolute;
		bottom: 40px !important;
		right: 26px;
	}
	
	
	.view-display-id-home_slide,
	.view-display-id-home_slide .slick-slide img,
	.view-display-id-evento_dest_home,
	.view-display-id-evento_dest_home .slick-slide img {
		height: 95vh;
	}

	.view-display-id-proximos_eventos {
		margin-left: auto;
		margin-right: auto;
	}
	
	.block-views-blockagenda-proximos-eventos nav.slick__arrow {
		left: 15px;
	}
	
	.block-views-blockagenda-proximos-eventos .titulo, .block-views-blockagenda-proximos-eventos .titulo a {
		/* max-width: 77vw; */
	}

	
    /* 2.- PRÓXIMOS	 EVENTOS SLIDE */    	

	.block-views-blockagenda-proximos-eventos .fecha-hora {
		padding-right: 90px; 
	}
	

 /* 3.- PAGINA EVENTOS / HISTÓRICO */  
	
.view-display-id-page_agenda .view-filters, 
.view-display-id-historico .view-filters {
    margin-top: 0;
    width: fit-content;
    right: 0;
    position: absolute;
    top: calc(50vh + 1px);
    z-index: 7;
	
	margin-left: 15px;
    margin-right: 15px;
}
		
.view-display-id-page_agenda .view-filters ul, 
.view-display-id-historico .view-filters ul {
    padding: 0;
}
	
.view-display-id-page_agenda .bef-exposed-form {
    padding-right: 0;
}
	
.view-display-id-page_agenda ul:not(.contextual-links) li:first-child a,
.view-display-id-historico ul:not(.contextual-links) li:first-child a {
    margin-left: 0;
}
	
.view-display-id-page_agenda .view-header .btn, 
.view-display-id-historico .view-header .btn {
    position: absolute;
    right: 10px;
    bottom: -124px;
    z-index: 8;
}
	

.view-display-id-page_agenda .bef-exposed-form input[id^="edit-title"],
.view-display-id-historico .bef-exposed-form input[id^="edit-title"] {
    right: 123px;
    position: absolute;
    bottom: -28px;
}
	
.path-agenda h3 {
    margin-top: 70px;
	font-size: 32px;
	letter-spacing: -0.96px; 
	padding-bottom:  5px;
}
	
.view-display-id-page_agenda .view-content, 
.view-display-id-page_agenda .view-filters, 
.view-display-id-historico .view-content, 
.view-display-id-historico .view-filters, 
.view-display-id-bus .view-content {
    margin-left: 15px;
    margin-right: 15px;
}
	
.bef-exposed-form .form--inline > .form-item, 
.bef-exposed-form .form--inline .js-form-wrapper > .form-item {
    margin-right: 0;
}	
	
.view-display-id-historico .bef-exposed-form {
    padding-right: 0;
}
	
.path-historico .view-display-id-historico .view-content {
    padding-top: 125px;
}
	
.path-historico .view-grouping-header,
.path-historico h3 {
	padding: 15px 15px 10px 15px;
	font-size: 32px;
	line-height: 38px; 
	letter-spacing: -0.96px;
}
	
.path-historico .view-header #cabecera .grupo, 
.path-historico .view-header [id^="cabecera"]  .grupo {
    bottom: 20px;
	left: 15px;
}
	
.path-historico  #cabecera .grupo .field--name-field-titulo {
    padding-left: 0;
}
	
.path-historico #cabecera .grupo .field--name-field-entradilla {
    font-size: 32px;
    line-height: 38px;
	padding-left: 0;
}
	

.view-display-id-historico .view-empty,
.view-display-id-page_agenda .view-empty {
    min-height: 80vh;
    padding: 0;
	font-size: 32px;
    line-height: 38px;
}
	
.view-display-id-page_agenda .view-empty .no-resultados, 
.view-display-id-historico .view-empty .no-resultados, 
.view-display-id-bus .view-empty .no-resultados {
    padding-left: 15px;
    padding-right: 15px;
}
	
.view-display-id-historico .view-empty #cabecera .grupo,
.view-display-id-page_agenda .view-empty #cabecera .grupo {
    padding-left: 25px;
    padding-right: 15px;
}
	
.view-display-id-page_agenda [id^="cabecera"]  .grupo {
    padding-left: 15px;
    padding-right: 15px;
}
	
.path-historico .view-empty .view-filters {
     display: none;
  }
	
	
.view-display-id-page_agenda .view-empty .grupo .field--name-field-titulo,
.view-display-id-page_agenda [id^="cabecera"]  .grupo .field--name-field-titulo{
    font-size: 54px;
    line-height: 54px;
    letter-spacing: -1.92px;
}
	

	
.view-display-id-page_agenda .view-empty .grupo .field--name-field-subtitulo {
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.96px;
}
	
	
.path-agenda .view-empty .view-filters {
    padding-top: 30px;
}
	
.path-agenda .view-empty .btn {
    position: absolute;
    right: 8px;
    bottom: 64px;
    z-index: 8;
}
	
.path-agenda .view-empty input[data-drupal-selector="edit-title"] {
	right: 123px;
	position: absolute;
	bottom: -15px;
 }

	
.view-display-id-page_agenda [id^="cabecera"]  .grupo {
    bottom: 50px;
}
	
/* 4.- NODO EVENTO */
	
	.page-node-type-eventos .node-header .cartel .field--name-field-imagen img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		transition: all 0.3s ease-in-out;
		filter: brightness(50%);
		min-height: 550px;
	}
	
	.page-node-type-eventos h1.title,
	.page-node-type-eventos .cartel h1.title {
		width: fit-content;
		font-family: 'FKGroteskNeue';
		margin-bottom: 20px;
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: 60px;
		letter-spacing: -1.92px;
		color: #FFF;
	}
	
	.page-node-type-eventos #contenido > div > div.row{
		display: flex;
    	flex-direction: column-reverse;
	}
	
	 .page-node-type-eventos .cartel .navbar-brand img {
		filter: invert(0);
	}
	
	.page-node-type-eventos nav.navbar.cartel button.navbar-toggler,
	.page-node-type-eventos .cartel .field--name-field-cat {
		color: #FFF;
	}

	.page-node-type-eventos .titular .field--name-field-fecha, 
	.page-node-type-eventos .titular .field--name-field-comienzo,
	.page-node-type-eventos .cartel .titular .field--name-field-fecha, 
	.page-node-type-eventos .cartel .titular .field--name-field-comienzo {
		font-size: 32px;
		font-style: normal;
		font-weight: 400;
		line-height: 42px; 
		padding-right: 20px;
		color: #FFF;
	}
	
	.page-node-type-eventos .titular .field--name-field-sub,
	.page-node-type-eventos .cartel  .titular .field--name-field-sub {
		font-family: "FKRomanStandard";
		font-size: 32px;
		font-weight: 500;
		line-height: 38px;
		letter-spacing: -0.96px;
		color: #FFF;
	}
	
	.bajar {
		display: none;
	}
	
	.page-node-type-eventos .node-header .titular {
		max-width: fit-content;
		padding-right: 15px;
		left: 15px;
		bottom: 50px;
	}

	.page-node-type-eventos .node-header .botones {
		bottom: -80px;
		left: 15px;
		width: 95%;
		overflow: hidden;
		display: none;
	}
	
	.page-node-type-eventos .node-header .botones .field__item:nth-child(2) {
		margin-left: 60px;
	}
	
	.page-node-type-eventos .field--name-field-video .field__item {
		margin-bottom: 15px;
	}
	
	.page-node-type-eventos #contenido .col-dcha .field--name-field-bloque  .field--name-body h2 {
		font-size: 32px !important;
		letter-spacing: -0.96px !important;
	}
	
	.page-node-type-eventos #contenido .field__label {
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 28px !important;
		letter-spacing: -0.48px !important;
	}
	
	.paragraph--type--linea-bus .field--name-field-titulo {
		text-align: left;
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: 50px;
		letter-spacing: -1.44px;
		padding-bottom: 10px;
	}
	
	.field--name-field-paradas .field__item:first-child .paragraph--type--parada-bus .field--name-field-parada, 
	.field--name-field-paradas .field__item:last-child .paragraph--type--parada-bus .field--name-field-parada {
		font-weight: 700;
		display: inline-block;
		overflow-wrap: break-word;
		padding-right: 15px;
		margin-right: 0;
	}

	.page-node-type-eventos #contenido {
		padding-top: 40px;
		padding-left: 5px;
	}
		
	.page-node-type-eventos .until-lg .field--name-field-entradas, 
	.page-node-type-eventos .until-lg .field--name-field-enlace {
		padding-bottom: 15px;
		padding-top: 0px;
		display: inline-block;
		margin-right: 60px;
	}
		
	.page-node-type-eventos .node-header .titular.cartel {
		max-width:inherit;
	}

	.page-node-type-eventos .col-izda .field--name-field-entradas {
		display: none;
	}
	
	
	.block-views-blockagenda-eventos-rel img {
		width: 100%;
		max-width: none;
	}
	
	.block-views-blockagenda-eventos-rel {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: -5px;
	}

	.block-views-blockagenda-eventos-rel .slide__caption {
		padding: 15px;
	}
	
	/* Compartir RRSS */
	.page-node-type-eventos .social-sharing-buttons {
        display: none;
    }
	
	.page-node-type-eventos .until-lg .field--name-field-apertura {
		margin-top: 15px;
	}

	.page-node-type-eventos #contenido .field--name-field-cartel,
	.page-node-type-eventos #contenido .field--name-field-imagen {
		pointer-events: none;
	}
	
	
	.page-node-type-eventos .field--name-field-organiza {
		margin-bottom: 15px;
	}
	

	/* 7.- PARADAS ARENA BUS */

	.paragraph--type--linea-bus .field--name-field-paradas {
		display: block;
	}
	
	.paragraph--type--parada-bus {
		display: block;
	}
	
	.paragraph--type--linea-bus .field--name-field-paradas .field__item {
		width: fit-content;
		display: inline-block;
		margin-right: 15px;
		line-height: 26px;
	}

	.field--name-field-paradas .paragraph--type--parada-bus .field--name-field-lugar,
	.field--name-field-paradas .paragraph--type--parada-bus .field--name-field-hora {
		display: inline-block !important;
	}
	
	.field--name-field-paradas .paragraph--type--parada-bus .field--name-field-hora {
		margin-right: 10px;
	}
	
	.block-views-blockagenda-bus h2 {
		font-family: "FKRomanStandard";
		font-size: 32px;
		font-weight: 500;
		line-height: 38px;
		letter-spacing: -0.96px;
		padding-left: 7px;
	}
	
	.view-display-id-page_agenda .views-field-title .titular, 
	.view-display-id-historico .views-field-title .titular, 
	.view-display-id-bus .views-field-title .titular {
		font-family: "FKRomanStandard";
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: -0.72px;
	}

	
	 /* 8.- FLOAT TICKET */
	
	#float-ticket {
		border: 0;
		width: auto;
		box-shadow: none;
		display: none;
		justify-content: center;
		border-radius: 20px 20px 0 0;
		left: 50%;
		transform: translateX(-50%);
		padding: 0 44px 12px 44px;
		animation: slideUpMobile 0.5s ease-in-out;
	}

	#float-ticket .tit-date {
		display: none;
	}
	
	#float-ticket .entradas {
		right: 22px;
		bottom: 0;
	}


	
}


@keyframes slideUpMobile {
  0% {
    transform: translate(-50%, 100%);
  }

  100% {
    transform: translate(-50%, 0);
  }
}



@media (max-width: 1399px) {
	
	 
	/* 7.- PARADAS ARENA BUS */
	
	.arena-bus .paragraph--type--linea-bus {
		display: block
	}

	.paragraph--type--linea-bus .field--name-field-paradas {
		padding-left: 0;
		padding-top: 0;
	}


}





/* Ocultar los campos en pantallas pequeñas (hasta 991px) */
.only-lg {
  display: none;
}

/* Mostrar los campos en pantallas pequeñas (hasta 991px) */
.until-lg {
    display: block;
    padding-bottom: 30px;
}

/* Media query para pantallas grandes (a partir de 992px) */
@media (min-width: 992px) {
  /* Ocultar los campos en pantallas grandes */
  .until-lg {
    display: none;
  }

  /* Mostrar los campos en pantallas grandes */
  .only-lg {
    display: block; /* O flex, grid, etc. */
  }
}