@charset "UTF-8";


/*!
 * LAYOUT - GLOBAL
 */

  /* 1- COMUNES */    
  /* 2- MENU */
  /* 3- FOOTER */ 
  /* 4- SELECTOR DE IDIOMA */
  /* 5- BANNER CALL TO ACTION */
  /* 6- CABECERAS */
  /* 7- COOKIES */
  /* 8- BUSCADOR */
  /* 9- 404 Not Found */
  /* 10- 2 BLOQUES HOME  */
  /* 11- BLOQUE TEXTO 10 COLUMNAS */
  /* 12- CALL TO ACTION*/ 
  /* 13- MANTENIMIENTO */
  /* 14- PÁGINA RESULTADOS DE BÚSQUEDA */ 
 /* 15- SLIDER  SERVICIOS EN ORGANIZA TU EVENTO*/
/* 16. Bloque Paragraphs */
/* 17 .- Bloques Título con Formato y Cuerpo */
/* 18 .- Bloque Galería con pie de foto abajo  */





/* Fonts */

@font-face {
    font-family: 'Hans Grotesque';
    src: url('../../fonts/Hans-Grotesque.woff2') format('woff2'),
         url('../../onts/Hans-Grotesque.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Animaciones */

	@keyframes titular {
		0% {
			opacity: 0;
			transform: translateX(200px);
		}

		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}	

	@keyframes titular-centro {
	  0% {
		opacity: 0;
		transform: translate(-50%, -50%) translateY(200px);
	  }

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


	@keyframes arena {
		0% {
			opacity: 0;
			transform: translateY(200px);
		}

		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}



/* 1.- COMUNES */

body {
	color:#000;
}

header {
	/* background-color: #000; */
}

::selection {
  background: #000000;
  color: #FFFFFF;
}

/* Ocultar botón edtiar de "Buscar" para que pise el de la cabecera*/
#block-arena-buscar2es .contextual {
	display: none;
}


.field--name-body a {
	color:#938F76;
	text-decoration: none;
}

.field--name-body a:hover {
	color:#FF5207;
}

.views-field-body p a,
.views-field-body ul a {
	color:#938F76;
	text-decoration: none;
}

.views-field-body p a:hover,
.views-field-body ul a:hover {
	color: #FF501B;
}

/* Ocultar doble imagen en ColorBox */
.modal-content.hidden {
    display: none;
}

#faqs .views-field-body p a {
	color: #000;
	text-decoration: underline;
}

#faqs .views-field-body p a:hover {
	color: #FF501B;
	text-decoration: underline;
}


/* Página mantenimiento */
.maintenance-page main {
	text-align: center;
}
.maintenance-page h1.site-name {
	display: none;
}

.maintenance-page #loading-overlay {
	display: none;
}

.messages__wrapper {
	z-index: 9;
	position: absolute;
}

/* Botón editar */
.views-field-edit-node a, 
.views-field-edit-block-content a, 
.slick--view--slider-txt-img .views-field-edit-node a {
    font-family: "FKGroteskNeue";
    display: block;
    width: fit-content;
    color: #FFF !important;
    background-color: #000;
    font-size: 14px !important;
    padding: 8px 10px;
    line-height: 1;
    border-radius: 8px;
    z-index: 9;
    text-decoration: none;
    letter-spacing: 0;
}

.view-display-id-3_espacios_slide .views-field-edit-block-content a,
.view-display-id-3_espacios_slide_seat .views-field-edit-block-content a {
    top: -200px;
    position: relative;
}

.view-display-id-2_espacios_slide .views-field-edit-block-content a {
    position: absolute;
    bottom: 15px;
    z-index: 99;
    right: 0px;
}

.slick--view--slider-txt-img .slide__description {
    position: relative;
}

.slick--view--slider-txt-img .views-field-edit-node {
    position: absolute;
    top: -50px;
    left: 2px;
}

.path-el-recinto .block-block-contente9fdeb35-e829-4b37-bb88-b50fd318ac83 .contextual {
    top: 80px;
}

.path-accesibilidad .block-block-contentde0c355b-95d0-4dd8-a713-0665c4c78017 .contextual {
    top: 90px;
}

.view-id-cabecera_home .views-field-edit-node {
	bottom: 30px;
	position: absolute;
	left: 10px;
	z-index: 9;
}


.view-cabecera-home .contextual {
	top: 86px;
}

/* imagen del Scroll to Top */
.scrollup {
    width: 50px;
    left: unset !important;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px !important;
    text-indent: -9999px;
    display: none;
    border-radius: 40px;
    background: url(../../images/up-arrow.svg) 50% 50% no-repeat;
    background-size: 100%;
	background-color: #FFF !important;
}

/* Social Sharing */
.social-sharing-buttons {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    flex-direction: column;
    padding-left: 15px;
    font-family: 'FKGroteskNeue';
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
}

/* Añadir el titular antes de los enlaces */
/* Para español */
html[lang="es"] .social-sharing-buttons::before {
    content: "COMPARTE";
}

/* Para euskera */
html[lang="eu"] .social-sharing-buttons::before {
    content: "PARTEKATU";
}

/* Para inglés */
html[lang="en"] .social-sharing-buttons::before {
    content: "SHARE";
}

/* Estilo general */
.social-sharing-buttons::before {
    display: block; 
    font-size: 18px;
    margin-bottom: 10px; 
    color: #000; 
}


/* Ocultar los íconos SVG */
.social-sharing-buttons-button svg {
    display: none;
}

/* Mostrar solo el nombre de la red social */
.social-sharing-buttons-button::after {
    content: attr(class);
    font-size: 18px;
    color: #000;
    text-transform: capitalize; 
    display: inline-block;
    margin-left: 0; 
}

/* Reemplazar las partes innecesarias del texto */
.social-sharing-buttons-button.share-facebook::after {
    content: "Facebook";
}
.social-sharing-buttons-button.share-x::after {
    content: "X";
}
.social-sharing-buttons-button.share-whatsapp::after {
    content: "WhatsApp";
}
.social-sharing-buttons-button.share-pinterest::after {
    content: "Pinterest";
}
.social-sharing-buttons-button.share-linkedin::after {
    content: "LinkedIn";
}
.social-sharing-buttons-button.share-bluesky::after {
    content: "Bluesky";
}

.social-sharing-buttons a:hover {
    font-weight: bold;
}


/* User page */
.path-user {
	background-color: #f2f2f2;
}

.path-user .region.region-content {
    margin: 30px auto !important;
    padding: 30px 30px !important;
    background-color: #fff;
    border-radius: 20px;
    max-width: 600px;
}

.path-user .region.region-content ul {
    padding-left: 20px;
}

.path-user main {
	background-image: url("/../../../../sites/default/files/2025-05/concierto-Berri-Txarrak.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.path-user .region.region-content .field--name-field-nombre-y-bienvenida a,  
.path-user article.contextual-region.profile {
	font-family: "FKGroteskNeue";
    color: #000;
	font-size: 18px;
}


/* Animaciones */

@keyframes zoomin {
  from { 
    transform: scale(1.1);
  }
  to {
    transform: scale(1)
  }
}

@keyframes titular {
	0% {
		opacity: 0;
		transform: translateX(200px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}




/* Estilo para el overlay */
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);  
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;  
}

.path-admin #loading-overlay {
  display: none;
}

/* Estilo para el icono de carga */
#loading-overlay .spinner {
  border: 4px solid #f3f3f3;  
  border-top: 4px solid #1A1A1A;  
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite; 
}

/* Animación de rotación */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* menu flotante editar */
body.toolbar-fixed nav.tabs {
	background: #f5f5f2;
	position: fixed;
	left: 0;
	border-radius: 0;
	bottom: 0;
	z-index: 999999;
	font-size: 16px;
}

body.toolbar-fixed .tabs-primary {
  margin: 0;
}

body.toolbar-fixed .tabs-primary a.active  {
  color:#000 !important;
}

body.toolbar-fixed .tabs-primary a:hover  {
	background-color: #D0D0D0;
}




/* 2- MENU */

/* Desactiva la animación del collapse */
.collapse {
  transition: none !important;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler:focus-visible {
  outline: 2px solid #007bff; /* Solo visible al navegar con teclado */
  box-shadow: none;
}



button.navbar-toggler {
	margin-left: 13px;
	color: #FFF;
	font-family: "FKGroteskNeue";
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: -1.26px;
	border: 0;
	z-index: 9;
}


/* Navegación por Teclado */
button.navbar-toggler:focus-visible,
#block-arena-main-navigation .nav-item a:focus-visible, 
#block-arena-main-navigation .nav-item .nav-link:focus-visible {
    outline: 2px solid white; /* Borde blanco */
    outline-offset: 2px; /* Espaciado del borde */
}

#block-arena-enlaceentradasmenu ul.navbar-nav a:focus-visible {
    background-color: #FF6131;
    border: 1px solid #000;
	transition: all 0.3s ease-in-out;
    outline: 2px solid white; /* Borde blanco */
    outline-offset: 2px; /* Espaciado del borde */
}

#block-arena-enlaceentradasmenu ul.navbar-nav a:focus-visible::after {
    background-image: url(../../images/link-40x40-naranja.svg) !important;
	transition: all 0.3s ease-in-out;
}

#block-arena-rrss .nav-item .nav-link:focus-visible,
#block-arena-rrss .nav-item .dropdown-toggle:focus-visible {
    outline: 2px solid white; /* Borde blanco */
    outline-offset: 2px;
	background-color: #000;
}






#block-arena-rrss ul.nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #000;
    border-radius: 0 10px 10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Mostrar el menú cuando tiene la clase .show */
#block-arena-rrss ul.nav li ul.show {
    display: block;
}

/* Enfocar con borde blanco */
#block-arena-rrss .nav-item .nav-link:focus-visible,
#block-arena-rrss .nav-item .dropdown-toggle:focus-visible {
    outline: 2px solid white;
    outline-offset: 2px;
}









.navbar-nav .nav-link, .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-nav a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #FFF;
}

.region-nav-additional {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 25px;
}

.region-nav-branding {
    position: absolute;
    z-index: 9;
    top: -14px;
    left: 50%;
	transform: translateX(-50%);
}

.navbar-collapse {
    padding-left: 25px;
    background-color: #000;
    padding-top: 120px;
    margin-top: -75px;
    height: 100vh;
	transition: all 0s ease-in-out;
	min-height: 535px; 
	
			/* Cambio de fondo */
		background: linear-gradient(to bottom, black 96px, white 96px);
}

.navbar {
    height: 82px;
	height: 96px;
    z-index: 9;
    background-color: transparent !important;
	transition: all 0.3s ease-in-out;
}

.navbar.black  button {
    color: #B0B0B0;
}

.nav-item .nav-link.show,
.nav-item  a.is-active {
    color:#000 !important;
}

.navbar-brand {
    margin: 0;
    justify-content: center;
    margin-top: 7px;
}

.navbar-brand img {
    height: 51px;
	margin: 0;
}

nav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 1) !important;
    transition: all 0.3s ease-in-out;
    /* min-height: 350px; */
    display: flex;
    align-items: flex-start;
}

ul.navbar-nav.justify-content-end {
  justify-content: unset !important;
}

#block-arena-account-menu {
	width: fit-content;
}

@media (min-width: 992px) {
	.navbar {
		position: relative; /* Contenedor de referencia */
	}

	.navbar .nav-item.dropdown {
		position: static; /* Hace que el dropdown-menu no se limite al tamaño del <li> */
	}

	.navbar .dropdown-menu {
		position: absolute;
		top: 91px !important;
		margin-top: 0;
		transform: none !important;
	}
}

.region-nav-additional {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    padding-top: 4px;
}

nav.navbar .container-fluid {
    top: 25px;
    position: absolute;
}

#block-arena-main-navigation .nav-item a, 
#block-arena-main-navigation .nav-item .nav-link {
    width: fit-content;
	color: #B0B0B0;
	font-family: "FKGroteskNeue";
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: -1.26px;
	transition: all 0.3s ease-in-out;
	padding-left: 0;
}

#block-arena-main-navigation .nav-item a:hover,
#block-arena-main-navigation .nav-item a.is-active,
#block-arena-main-navigation .nav-item .nav-link:hover {
	color: #000;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}

#block-arena-main-navigation .nav-item a:focus {
	background-color: transparent;
}


#block-arena-main-navigation .dropdown-toggle::after {
    border: none!important;
    font: normal normal normal 14px/1 FontAwesome;
    vertical-align: 0;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../../images/flecha-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    filter: invert(0.5);
    opacity: 1;
    margin-left: 15px;
}


#block-arena-main-navigation .nav-item .nav-link.dropdown-toggle::after {
    content: url(../../images/flecha-down.svg);
    transition: transform 0.3s ease-in-out;
}

#block-arena-main-navigation .nav-item .nav-link.dropdown-toggle:hover::after {
	 opacity: 1;
}

#block-arena-main-navigation .nav-item .nav-link.dropdown-toggle.show::after {
    transform: scaley(-1) rotate(90deg);
    opacity: 1;
    transition: transform 0.3s ease-in-out;
}




/* Botón entradas */
#block-arena-enlaceentradasmenu {
    margin-right: 175px;
    position: absolute;
}

#block-arena-enlaceentradasmenu ul.navbar-nav a {
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 10px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
    padding: 5px 15px;
    position: relative;
    height: 40px;
    display: block;
	transition: all 0.3s ease-in-out;
	font-family: "FKGroteskNeue";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.6px;
}



#block-arena-enlaceentradasmenu ul.navbar-nav a::after {
    content: "";
    background-image: url(../../images/link-40x40.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
	transition: all 0.3s ease-in-out;
}

#block-arena-enlaceentradasmenu ul.navbar-nav a:hover {
    background-color: #FF6131;
    border: 1px solid #000;
	transition: all 0.3s ease-in-out;
}

#block-arena-enlaceentradasmenu ul.navbar-nav a:hover::after {
    background-image: url(../../images/link-40x40-naranja.svg) !important;
	transition: all 0.3s ease-in-out;
}




@media (min-width: 992px) {


	ul.dropdown-menu {
		position: absolute !important;
		width: fit-content;
		right: 0;
		top: -7px !important;
		margin-left: 380px;
	}
	
}

#block-arena-main-navigation .nav-item.dropdown ul {
    background-color: transparent;
    border: 0;
}

#block-arena-main-navigation .dropdown-toggle::after {
    transform: rotate(-90deg);
    margin-top: 3px;
}


/* RRSS */

@media (min-width: 992px) {
	#block-arena-rrss{
		margin-right: 5px;
		display: none;
	}
}

#block-arena-rrss .rrss.nav-link.dropdown-toggle {
    width: fit-content;
    padding-left: 17px;
	cursor: pointer;
}

#block-arena-rrss ul {
    list-style-type: none;
	padding-left: 0;
}

#block-arena-rrss ul.nav li {
    list-style-type: none;
    text-transform: uppercase;
}

#block-arena-rrss ul.nav li a {
    padding-top: 0;
    padding-bottom: 5px;
}

#block-arena-rrss ul.nav li ul  {
	padding-left: 10px;
	padding-right: 10px;
}

#block-arena-rrss ul.nav li ul a:hover {
	color:#FF6131;
}

#block-arena-rrss ul.nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #000;
    border-radius: 0 10px 10px 10px;
    padding-top: 10px;
    padding-bottom: 3px;
}

#block-arena-rrss ul.nav li:hover{
	background-color: #000;
	border-radius: 10px 10px 0 0;
}

#block-arena-rrss ul.nav li:hover ul  {
  display: block;
}




/* Menú Color Oscuro */



/* por defecto color negro */
.path-agenda nav.navbar button.navbar-toggler,
.path-historico nav.navbar button.navbar-toggler,
.path-prensa nav.navbar button.navbar-toggler,
.path-como-llegar nav.navbar button.navbar-toggler,
.path-visitas-guiadas nav.navbar button.navbar-toggler,
.path-faqs nav.navbar button.navbar-toggler,
.page-node-type-page nav.navbar button.navbar-toggler,
.path-webform nav.navbar button.navbar-toggler,
.page-node-type-eventos nav.navbar.cartel button.navbar-toggler,
.path-agenda #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-historico #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-prensa #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-como-llegar #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-visitas-guiadas #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-faqs #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-page #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-webform #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-eventos #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-agenda #block-arena-alternadordeidiomacontenido a,
.path-historico #block-arena-alternadordeidiomacontenido a,
.path-prensa #block-arena-alternadordeidiomacontenido a,
.path-como-llegar #block-arena-alternadordeidiomacontenido a,
.path-visitas-guiadas #block-arena-alternadordeidiomacontenido a,
.path-faqs #block-arena-alternadordeidiomacontenido a,
.page-node-type-page #block-arena-alternadordeidiomacontenido a,
.path-webform #block-arena-alternadordeidiomacontenido a,
.page-node-type-eventos .cartel #block-arena-alternadordeidiomacontenido a,
.path-agenda #block-arena-buscar2es a,
.path-historico #block-arena-buscar2es a,
.path-prensa #block-arena-buscar2es a,
.path-como-llegar #block-arena-buscar2es a,
.path-visitas-guiadas #block-arena-buscar2es a,
.path-faqs #block-arena-buscar2es a,
.page-node-type-page #block-arena-buscar2es a,
.path-webform #block-arena-buscar2es a,
.page-node-type-eventos .cartel #block-arena-buscar2es a,
.path-agenda #block-arena-buscar2es .field--name-body a,
.path-agenda #block-arena-buscar2es .field--name-body a:hover,
.path-historico #block-arena-buscar2es .field--name-body a,
.path-historico #block-arena-buscar2es .field--name-body a:hover,
.path-prensa #block-arena-buscar2es .field--name-body a, 
.path-prensa #block-arena-buscar2es .field--name-body a:hover,
.path-como-llegar #block-arena-buscar2es .field--name-body a, 
.path-como-llegar #block-arena-buscar2es .field--name-body a:hover,
.path-visitas-guiadas #block-arena-buscar2es .field--name-body a, 
.path-visitas-guiadas #block-arena-buscar2es .field--name-body a:hover,
.path-faqs #block-arena-buscar2es .field--name-body a, 
.path-faqs #block-arena-buscar2es .field--name-body a:hover,
.page-node-type-page #block-arena-buscar2es .field--name-body a, 
.page-node-type-page #block-arena-buscar2es .field--name-body a:hover,
.path-webform #block-arena-buscar2es .field--name-body a, 
.path-webform #block-arena-buscar2es .field--name-body a:hover,
.page-node-type-eventos .cartel #block-arena-buscar2es .field--name-body a, 
.page-node-type-eventos .cartel #block-arena-buscar2es .field--name-body a:hover,
.path-agenda #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.path-historico #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.path-prensa #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.path-como-llegar #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.path-visitas-guiadas #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.path-faqs #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.page-node-type-page #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.path-webform #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a,
.page-node-type-eventos .cartel #block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a {
	color:#000;
}


.page-node-type-eventos .cartel #block-arena-alternadordeidiomacontenido ul:hover:not(.contextual-links) a,
.page-node-type-eventos .cartel #block-arena-alternadordeidiomacontenido ul:focus:not(.contextual-links) a {
	color:#FFF;
}



/* Logo */
.path-agenda .navbar-brand img,
.path-historico .navbar-brand img,
.path-prensa .navbar-brand img,
.path-como-llegar .navbar-brand img,
.path-visitas-guiadas .navbar-brand img,
.path-faqs .navbar-brand img,
.page-node-type-page .navbar-brand img,
.path-webform .navbar-brand img,
.page-node-type-eventos .cartel .navbar-brand img {
    filter: invert(1);
}

.path-agenda nav.navbar.sticky .navbar-brand img,
.path-historico nav.navbar.sticky .navbar-brand img,
.path-prensa nav.navbar.sticky .navbar-brand img,
.path-como-llegar nav.navbar.sticky .navbar-brand img,
.path-visitas-guiadas nav.navbar.sticky .navbar-brand img,
.path-faqs nav.navbar.sticky .navbar-brand img,
.page-node-type-page nav.navbar.sticky .navbar-brand img,
.path-webform nav.navbar.sticky .navbar-brand img,
.page-node-type-eventos nav.navbar.sticky .navbar-brand img,
.path-agenda nav.navbar.black .navbar-brand img,
.path-historico nav.navbar.black .navbar-brand img,
.path-prensa nav.navbar.black .navbar-brand img,
.path-como-llegar nav.navbar.black .navbar-brand img,
.path-visitas-guiadas nav.navbar.black .navbar-brand img,
.path-faqs nav.navbar.black .navbar-brand img,
.page-node-type-page nav.navbar.black .navbar-brand img,
.path-webform nav.navbar.black .navbar-brand img,
.page-node-type-eventos nav.navbar.black .navbar-brand img {
    filter: invert(0) !important;
	transition: all 0s ease-in-out;
}



/* RRSS */
.path-agenda #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-historico #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-prensa #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-como-llegar #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-visitas-guiadas #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-faqs #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-page #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-webform #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-eventos .cartel #block-arena-rrss .rrss.nav-link.dropdown-toggle {
    color: #000;
	transition: all 0s ease-in-out;
}

.path-agenda #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.path-historico #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.path-prensa #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.path-como-llegar #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.path-visitas-guiadas #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.path-faqs #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.page-node-type-page #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.path-webform #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle,
.page-node-type-eventos .cartel #block-arena-rrss:hover .rrss.nav-link.dropdown-toggle {
    color: #FFF;
	transition: all 0s ease-in-out;
}

/* Selector Idiioma */
.path-agenda nav.navbar #block-arena-alternadordeidiomacontenido::after,
.path-historico nav.navbar #block-arena-alternadordeidiomacontenido::after,
.path-prensa nav.navbar #block-arena-alternadordeidiomacontenido::after,
.path-como-llegar nav.navbar #block-arena-alternadordeidiomacontenido::after,
.path-visitas-guiadas nav.navbar #block-arena-alternadordeidiomacontenido::after,
.path-faqs nav.navbar #block-arena-alternadordeidiomacontenido::after,
.page-node-type-page nav.navbar #block-arena-alternadordeidiomacontenido::after,
.path-webform nav.navbar #block-arena-alternadordeidiomacontenido::after,
.page-node-type-eventos nav.navbar.cartel #block-arena-alternadordeidiomacontenido::after {
    color: #000;
	transition: all 0s ease-in-out;
}

.path-agenda nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-historico nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-prensa nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-como-llegar nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-visitas-guiadas nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-faqs nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.page-node-type-page nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-webform nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.page-node-type-eventos nav.navbar.sticky.cartel #block-arena-alternadordeidiomacontenido::after{
    color: #FFF;
	transition: all 0s ease-in-out;
}

.path-agenda nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-historico nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-prensa nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-como-llegar nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-visitas-guiadas nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-faqs nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.page-node-type-page nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-webform nav.navbar #block-arena-alternadordeidiomacontenido:hover a,
.path-agenda nav.navbar #block-arena-alternadordeidiomacontenido:hover::after,
.path-historico nav.navbar #block-arena-alternadordeidiomacontenido:hover::after,
.path-prensa nav.navbar #block-arena-alternadordeidiomacontenido:hover::after,
.path-como-llegar nav.navbar #block-arena-alternadordeidiomacontenido:hover::after,
.path-visitas-guiadas nav.navbar #block-arena-alternadordeidiomacontenido:hover::after,
.path-faqs nav.navbar #block-arena-alternadordeidiomacontenido:hover::after,
.page-node-type-page #block-arena-alternadordeidiomacontenido:hover::after,
.path-webform #block-arena-alternadordeidiomacontenido:hover::after,
.page-node-type-eventos .cartel #block-arena-alternadordeidiomacontenido:hover::after {
	color:#FFF !important;
	transition: all 0s ease-in-out;
}

.path-agenda nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.path-historico nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.path-prensa nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.path-como-llegar nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.path-visitas-guiadas nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.path-faqs nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.page-node-type-page nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.path-webform nav.navbar #block-arena-alternadordeidiomacontenido a:hover,
.page-node-type-eventos nav.navbar #block-arena-alternadordeidiomacontenido a:hover {
	color:#FF6131 !important;
	transition: all 0s ease-in-out;
}




/* Color gris Cuando se despliega menú o búsqueda "black" */
.path-agenda nav.navbar.black button.navbar-toggler,
.path-historico nav.navbar.black button.navbar-toggler,
.path-prensa nav.navbar.black button.navbar-toggler,
.path-como-llegar nav.navbar.black button.navbar-toggler,
.path-visitas-guiadas nav.navbar.black button.navbar-toggler,
.path-faqs nav.navbar.black button.navbar-toggler,
.page-node-type-page nav.navbar.black button.navbar-toggler,
.path-webform nav.navbar.black button.navbar-toggler,
.page-node-type-eventos nav.navbar.black button.navbar-toggler,
.path-agenda nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-historico nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-prensa nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-como-llegar nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-visitas-guiadas nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-faqs nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-page nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-webform nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-eventos nav.navbar.black #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-agenda nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-historico nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-prensa nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-como-llegar nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-visitas-guiadas nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-faqs nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.page-node-type-page nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-webform nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.page-node-type-eventos nav.navbar.black #block-arena-alternadordeidiomacontenido a,
.path-agenda nav.navbar.black #block-arena-busca2es a,
.path-historico nav.navbar.black #block-arena-busca2res a,
.path-prensa nav.navbar.black #block-arena-buscar2es a,
.path-como-llegar nav.navbar.black #block-arena-buscar2es a,
.path-visitas-guiadas nav.navbar.black #block-arena-buscar2es a,
.path-faqs nav.navbar.black #block-arena-buscar2es a,
.page-node-type-page nav.navbar.black #block-arena-buscar2es a,
.path-webform nav.navbar.black #block-arena-buscar2es a,
.page-node-type-eventos nav.navbar.black #block-arena-buscar2es a,
.path-agenda nav.navbar.black #block-arena-buscar2es .field--name-body a,
.path-historico nav.navbar.black #block-arena-buscar2es .field--name-body a,
.path-prensa nav.navbar.black #block-arena-buscar2es .field--name-body a,
.path-como-llegar nav.navbar.black #block-arena-buscar2es .field--name-body a,
.path-visitas-guiadas nav.navbar.black #block-arena-buscar2es .field--name-body a,
.path-faqs nav.navbar.black #block-arena-buscar2es .field--name-body a,
.page-node-type-page nav.navbar.black #block-arena-buscar2es .field--name-body a,
.path-webform nav.navbar.black #block-arena-buscar2es .field--name-body a,
.page-node-type-eventos nav.navbar.black #block-arena-buscar2es .field--name-body a {
	color:#B0B0B0;
	transition: all 0s ease-in-out;
}

/* Color blanco cuando menu está fijo "sticky" al hacer scroll*/
.path-agenda nav.navbar.sticky button.navbar-toggler,
.path-historico nav.navbar.sticky button.navbar-toggler,
.path-prensa nav.navbar.sticky button.navbar-toggler,
.path-como-llegar nav.navbar.sticky button.navbar-toggler,
.path-visitas-guiadas nav.navbar.sticky button.navbar-toggler,
.path-faqs nav.navbar.sticky button.navbar-toggler,
.page-node-type-page nav.navbar.sticky button.navbar-toggler,
.path-webform nav.navbar.sticky button.navbar-toggler,
.page-node-type-eventos nav.navbar.sticky button.navbar-toggler,
.path-agenda nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-historico nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-prensa nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-como-llegar nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-visitas-guiadas nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-faqs nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-page nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-webform nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.page-node-type-eventos nav.navbar.sticky #block-arena-rrss .rrss.nav-link.dropdown-toggle,
.path-agenda nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-historico nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-prensa nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-como-llegar nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-visitas-guiadas nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-faqs nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.page-node-type-page nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-webform nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.page-node-type-eventos nav.navbar.sticky #block-arena-alternadordeidiomacontenido a,
.path-agenda nav.navbar.sticky #block-arena-buscar2es a,
.path-historico nav.navbar.sticky #block-arena-buscar2es a,
.path-prensa nav.navbar.sticky #block-arena-buscar2es a,
.path-como-llegar nav.navbar.sticky #block-arena-buscar2es a,
.path-visitas-guiadas nav.navbar.sticky #block-arena-buscar2es a,
.path-faqs nav.navbar.sticky #block-arena-buscar2es a,
.page-node-type-page nav.navbar.sticky #block-arena-buscar2es a,
.path-webform nav.navbar.sticky #block-arena-buscar2es a,
.page-node-type-eventos nav.navbar.sticky #block-arena-buscar2es a {
	color:#FFF;
	transition: all 0s ease-in-out; 
}

.path-webform #block-arena-buscar2es .field--name-body a


.path-agenda nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-historico nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-prensa nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-como-llegar nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-visitas-guiadas nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-faqs nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.page-node-type-page nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-webform nav.navbar.black #block-arena-alternadordeidiomacontenido::after,
.path-agenda nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-historico nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-prensa nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-como-llegar nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-visitas-guiadas nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-faqs nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.page-node-type-page nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.path-webform nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after,
.page-node-type-eventos nav.navbar.sticky #block-arena-alternadordeidiomacontenido::after {
    color: #FFF;
	transition: all 0s ease-in-out;
}









  /* 3- FOOTER */ 

.footer-dark {
	background-color: #000 !important;
	padding-left: 20px;
}

#block-arena-arenapiees {
    background-image: url(../../images/arena-foot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 99%;
    display: block;
	padding-top: 34%;
    position: relative;
}

#block-arena-arenapiees .izda {
    text-align: left;
}

#block-arena-arenapiees .ctro {
    text-align: center;
}

#block-arena-arenapiees .dcha {
    text-align: right;
}

#block-arena-arenapiees .ctro a:hover, #block-arena-arenapiees .dcha a:hover  {
	text-decoration: underline;
}

footer {
    padding-left: 12px;
    padding-right: 12px;
	padding-top: 80px;
}


/* Síguenos Footer */
#block-arena-siguenoscanalfooteres .field--name-body {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 40px;
}

#block-arena-siguenoscanalfooteres .field--name-body ul {
	padding: 0;
}

#block-arena-siguenoscanalfooteres .field--name-body ul li {
	list-style: none;
	display: inline-block;
}

#block-arena-siguenoscanalfooteres .field--name-body ul li a {
    font-size: 42px;
    line-height: 48px;
    padding-right: 25px;
    font-family: 'FKRomanStandard';
    font-weight: 400;
    letter-spacing: -1.26px;
	transition: all 0.3s ease-in-out;
}

#block-arena-siguenoscanalfooteres .field--name-body ul li a:hover {
    color:#FF6131;
	transition: all 0.3s ease-in-out;
	border: 0;
}
#block-arena-siguenoscanalfooteres .field--name-body .col-lg-3 ul li a:hover {
    color:#3BD44C;
	transition: all 0.3s ease-in-out;
	border: 0;
}

/* Menú Footer */
#block-arena-menufooteres .field--name-body {
    font-size: 16px;
    line-height: 18px;
    margin-top: 30px;
    overflow: hidden;
}
#block-arena-menufooteres .field--name-body .label {
    font-size: 42px;
    line-height: 42px;
	font-family: 'FKGroteskNeue';
    font-weight: 700; 
}

#block-arena-menufooteres .field--name-body ul {
    padding: 0;
}

#block-arena-menufooteres .field--name-body ul li {
	list-style: none;
	padding-top: 10px;
	text-transform: uppercase;
	font-family: 'FKGroteskNeue';
    font-weight: 700;
	color:#FFF;
}

#block-arena-menufooteres .field--name-body ul li a {
	color:#FFF;
}

#block-arena-menufooteres .field--name-body ul li a:hover  {
	text-decoration: underline;
}

#block-arena-menufooteres .field--name-body ul li.menu {
	font-size: 42px;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: -1.26px;
	text-transform: capitalize;
	padding-top: 0;
}



/* Logotipos Footer  */

#block-arena-logotipospiees {
	margin-top: 50px;
	font-family: "FKGroteskNeue";
	font-size: 16px;
	font-weight: 700;
	line-height: 28px; 
	text-transform: uppercase;
}

#block-arena-logotipospiees .col-izda,
#block-arena-logotipospiees .col-dcha {
	display: flex;
	padding-bottom: 30px;
}

#block-arena-logotipospiees .media--type-image{
	padding: 0 30px;
}





/* 5- BANNER CALL TO ACTION */

.gin-table-scroll-wrapper {
	overflow: visible !important;
}

.block-views-blockcabecera-home-header-home .views-field-field-titular,
.view-cabecera-home  .views-field-field-titular,
.page-node-type-servicios section.cta .node__content .field--name-field-subtitulo {
    position: absolute;
    bottom: 55px;
    font-size: 42px;
    line-height: 42px;
    left: 50%;
    transform: translateX(-50%);
	font-family: 'FKRomanStandard';
    font-weight: 400; /* Regular weight */
}

.block-views-blockcabecera-home-header-home .views-field-field-subtitulo,
.view-cabecera-home .views-field-field-subtitulo,
.page-node-type-servicios section.cta .field--name-field-titular {
    position: absolute;
	top: 50px;
	left: 25px;
	font-size: 16px;
	line-height:28px;
	text-transform: uppercase;
	font-weight: 600;   
	color:#FFF;
}

.view-cabecera-home .field--name-field-media-image img {
    width: 100%;
    object-fit: cover;
    height: 80vh;
    min-height: 500px;
    filter: brightness(0.8);
    transition: all 0.7s ease;
}

.view-display-id-header_home .field--name-field-media-image img {
    height: 100vh;
    min-height: 500px;
}

.view-display-id-header_home .views-field-field-lema {
	animation: titular-centro 1s ease 0s 1 normal forwards;
}



.path-que-somos .view-cabecera-home .field--name-field-media-image img {
    height: 80vh;
    min-height: 500px;
}

.path-restauracion .view-cabecera-home .field--name-field-media-image img {
    height: 85vh;
    min-height: 500px;
}

.view-display-id-footer_home .field--name-field-media-image img {
    width: 100%;
    object-fit: cover;
    height: 90vh;
    min-height: 300px;
    filter: brightness(0.8);
	transition: all 0.7s ease;
}


.path-restauracion .view-cabecera-home .field__item,
.page-node-type-servicios section.cta .node__content .field--name-field-media-image {
  position: relative;
  overflow: hidden;
  height: 80vh; /* Ajusta la altura del contenedor */
}

.path-restauracion .view-cabecera-home .field__item img,
.page-node-type-servicios section.cta .node__content .field--name-field-media-image img {
  width: 100%;
  /* height: auto; */
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  will-change: transform;
  height: 80vh;
  filter: brightness(0.7);
}

.page-node-type-servicios section.cta h2 {
	display: none;
}

.block-views-blockcabecera-home-footer-home,
.block-views-blockcabecera-home-que-somos,
.block-views-blockcabecera-home-pabellon,
.block-views-blockcabecera-home-restaura,
.view-display-id-agenda,
.page-node-type-servicios section.cta {
	margin-left: -8px;
	margin-right: -8px;
	color:#FFF;
	overflow: hidden;
}

.page-node-type-servicios section.cta .node__content {
	position:relative;
}

.block-views-blockcabecera-home-header-home .views-field-field-enlace,
.view-cabecera-home .views-field-field-enlace,
.page-node-type-servicios section.cta .field--name-field-enlace {
    position: absolute;
    right: 74px;
    bottom: 55px;
}

.block-views-blockcabecera-home-header-home .views-field-field-enlace a,
.view-cabecera-home .views-field-field-enlace a,
.page-node-type-servicios section.cta .field--name-field-enlace a {
	font-family: "FKRomanStandard";
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    padding: 5px 15px;
    display: inline-block;
    position: relative;
	font-weight: 500;
	letter-spacing: -0.48px;
}

.block-views-blockcabecera-home-header-home .views-field-field-enlace a::after,
.view-cabecera-home .views-field-field-enlace a::after,
.page-node-type-servicios section.cta .field--name-field-enlace a::after {
    content: "";
    background-image: url(../../images/link-40x40.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
}

.view-cabecera-home .views-field-field-enlace a:hover,
.page-node-type-servicios section.cta .field--name-field-enlace a:hover {
    background-color: #000;
	color: #FFF;
    border: 1px solid #000;
	transition: all 0.3s ease-in-out;
}

.view-cabecera-home .views-field-field-enlace a:hover::after,
.page-node-type-servicios section.cta .field--name-field-enlace a:hover::after {
    background-image: url(../../images/link-40x40-black.svg) !important;
	transition: all 0.3s ease-in-out;
}



.block-views-blockcabecera-home-header-home .views-field-field-lema,
.view-cabecera-home .views-field-field-lema,
.page-node-type-servicios .cta .node--type-cta .field--name-field-lema {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    width: 95%;
    font-size: clamp(16px, 6vw, 120px);
    line-height: clamp(20px, 5.5vw, 110px);
	font-family: 'FKRomanStandard';
    font-weight: 400;
	/* max-width: 1110px;	*/
	max-width: 1200px;
}

.view-cabecera-home .views-field-field-lema strong,
.page-node-type-servicios .cta .node--type-cta .field--name-field-lema strong{
	  font-family: 'FKGroteskNeue';
	  font-weight: 700; 
}



/*  linea*/

.block-views-blockcabecera-home-header-home .views-field-field-lema p em,
.view-cabecera-home .views-field-field-lema p em,
section.cta .field--name-field-lema p em {
  font-style: normal;
}


.block-views-blockcabecera-home-header-home .views-field-field-lema p em:last-of-type::after,
.view-cabecera-home .views-field-field-lema p em:last-of-type::after,
section.cta .field--name-field-lema p em:last-of-type::after {
  content: "";
  background-color: #FFF;
  display: inline-block; 
  vertical-align: middle; 
  margin-left: 0.2em; 
  width: 132px;
  height: 2px;
}


.view-cabecera-home .views-field-field-links-abajo-izda,
.view-cabecera-home .views-field-field-links-abajo-dcha,
section.cta .node__content .field--name-field-links-abajo-izda,
section.cta .node__content .field--name-field-links-abajo-dcha {
	font-family: "FKGroteskNeue";
	font-size: 42px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: -1.26px;
	position: absolute;
	bottom: 25px;
}

.view-cabecera-home .views-field-field-links-abajo-izda,
section.cta .node__content .field--name-field-links-abajo-izda {
	left: 25px;
}

.view-cabecera-home .views-field-field-links-abajo-dcha, section.cta .node__content .field--name-field-links-abajo-dcha {
    right: 25px;
}

.block-views-blockcabecera-home-restaura .views-field-field-links-abajo-izda a, 
.block-views-blockcabecera-home-restaura .views-field-field-links-abajo-dcha a,
section.cta .node__content .field--name-field-links-abajo-dcha a,
section.cta .node__content .field--name-field-links-abajo-izda a {
    font-family: "FKRomanStandard";
    font-size: 42px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: -1.26px;
    color: #FFF;
    text-decoration: none;
}

.block-views-blockcabecera-home-restaura .views-field-field-links-abajo-izda a:hover,
.block-views-blockcabecera-home-restaura .views-field-field-links-abajo-dcha a:hover {
	color:#FF501B;
}


/* Banner en Agenda */
.view-display-id-agenda {
	margin-left: -25px;
    margin-right: -25px;
}
.view-display-id-agenda .view-content {
	margin: 0 !important;
	padding: 0 !important;
}
.view-display-id-agenda img {
	border-radius: 0 !important;
	height: 85vh !important;
}



  /* 6- CABECERAS */

	#cabecera {
		margin-left: -8px;
		margin-right: -8px;
		margin-top: -96px;
		position: relative;
		height: 100%;
		overflow: hidden;
	}

	#cabecera .field--name-field-imagen img {
		width: 100%;
		object-fit: cover;
		height: 100vh;
		filter: brightness(0.7);
	}

	#cabecera .grupo {
		position: absolute;
		color: #FFF;
		padding-left: 25px;
		padding-right: 25px;
		bottom: 35px;
		width: 100vw;
        max-width: 58vw;
		animation: titular 1s ease 0s 1 normal forwards;
	}

	@keyframes titular {
		0% {
			opacity: 0;
			transform: translateX(200px);
		}

		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}

	#cabecera .grupo .field--name-field-titulo {
		font-size: 120px;
		line-height: 120px;
		font-family: 'FKGroteskNeue';
		font-weight: 700;
		width: fit-content;
		margin-bottom: 10px;
		letter-spacing: -3.6px;
		text-align: left;
	}

#cabecera .grupo .field--name-field-entradilla {
    font-family: "FKRomanStandard";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: -1.26px;
    padding-left: 25px;
}

#cabecera .grupo .field--name-field-subtitulo {
    font-size: 42px;
    line-height: 42px;
    font-family: 'FKRomanStandard';
    font-weight: 400;
    letter-spacing: -1.26px;
}

.path-que-somos .contextual {
	top: 75px;
}


/* 4 - SELECTOR DE IDIOMA */


#block-arena-alternadordeidiomacontenido {
    margin-right: 15px;
    position: relative;
    padding-top: 3px;
}

#block-arena-alternadordeidiomacontenido  ul li::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
	color: transparent;
}

#block-arena-alternadordeidiomacontenido::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #FFF;
    position: absolute;
    top: 18px;
    right: 5px;
	transition: all 0s ease;
}



#block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a {
    color:#FFF;
	text-decoration: none;
	transition: all 0.3s ease;
}

#block-arena-alternadordeidiomacontenido ul:not(.contextual-links) a:hover {
    color:#FF6131;
	transition: all 0.3s ease;
}

#block-arena-alternadordeidiomacontenido ul:not(.contextual-links)  {
	margin: 0;
	height: 34px;
	padding: 0 !important;
}

#block-arena-alternadordeidiomacontenido ul:not(.contextual-links):hover li {
	background-color: #000;
}




#block-arena-alternadordeidiomacontenido ul:not(.contextual-links) li {
    list-style: none;
    width: 45px;
    height: 35px;
    text-align: center;
    line-height: 34px;
    margin: 0px;
    font-size: 15px;
    transform: translateZ(0);
    backface-visibility: hidden;
    padding-left: 10px;
    text-transform: uppercase;
	border-radius: 0;
}

#block-arena-alternadordeidiomacontenido ul:not(.contextual-links) li.black{
    background-color: #000;
	display: block !important;
}

#block-arena-alternadordeidiomacontenido ul:not(.contextual-links) li:first-child {
    border-radius: 10px 10px 0 0;
    padding-right: 5px;
}

#block-arena-alternadordeidiomacontenido ul:not(.contextual-links) li:last-child {
    border-radius: 0 0 10px 10px;
    padding-bottom: 40px;
}

/* Ocultar todos los elementos del menú excepto el activo */
.language-switcher-language-url ul:not(.contextual-links) li {
  display: none; 
}
.language-switcher-language-url ul:not(.contextual-links) li.is-active {
  display: block; 
}
.language-switcher-language-url ul:hover li {
  display: block; 
}







/* 7. COOKIES POPUP
------------------------*/

#popup-text h2 {
    text-transform: none;
    border: 0px solid;
    padding: 5px 0;
}

div#sliding-popup, 
div#sliding-popup .eu-cookie-withdraw-banner, 
.eu-cookie-withdraw-tab {
    z-index: 8;
}



#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
    color: #ffffff;
    max-width: 95%;
    padding-top: 3px;
}

#sliding-popup {
    height: auto;
    width: 25% !important;
	bottom: 0px;
}

#popup-buttons{
    margin-top: 15px;
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: #000;
}

#sliding-popup .eu-cookie-compliance-banner {
    padding-top: 30px;
    border-radius: 0;
    letter-spacing: 0.05em;
    padding-bottom: 20px;
    border-left: 0;
}

#sliding-popup .eu-cookie-withdraw-tab {
    position: absolute;
    top: 1px;
    transform: translate(0,-100%);
    left: -3px;
    padding: 5px 15px 0px 10px;
    letter-spacing: 0.08rem;
    border-top: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 0;
    border-left: 0;
    text-indent: -9999px;
    border-radius: 0 20px 0 0;
    border: 0;
    width: 38px;
    height: 35px;
}

#sliding-popup .eu-cookie-withdraw-tab::after {
    content: "";
    background-image: url(../../images/cookie-icon.png);
    border: none;
    width: 22px;
    height: 40px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    left: 7px;
}

.sliding-popup-bottom .eu-cookie-withdraw-tab {
    border-width: 0;
    border-radius: 0 5px 0 0;
}

#sliding-popup .eu-cookie-compliance-content {
    padding: 0px 3% 0 3%;
    max-width: none;
	display: flex;
    flex-direction: column;
}

.eu-cookie-compliance-category {
    padding-bottom: 15px;
    font-size: 16px;
}

.eu-cookie-compliance-message p {
    font-size: 14px;
    display: inline;
    font-weight: 100;
}

.eu-cookie-compliance-categories label {
    padding-left: 5px;
}

.eu-cookie-compliance-categories {
    height: 90px;
    overflow-y: scroll;
    background-color: #000;
    padding: 15px 0;
}

.eu-cookie-compliance-category-description {
		font-size: 14px;
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
    -moz-box-shadow: inset 0 0px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 0px 0 0 #ffffff;
    box-shadow: inset 0 0px 0 0 #ffffff;
    background-color: #fff;
    background-image: none;
    border-radius: 0px;
    border: 1px solid #dcdcdc;
    color: #000;
    font-weight: 400;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0;
    letter-spacing: 0.05rem;
}

.disagree-button.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-withdraw-button:hover {
  background-color: #000000 !important;
  background-image: -moz-linear-gradient(top, #000000 5%, #000000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #000000 5%, #000000 100%);
  background-image: -o-linear-gradient(top, #000000 5%, #000000 100%);
  background-image: -ms-linear-gradient(top, #000000 5%, #000000 100%);
  background-image: linear-gradient(to bottom, #000000 5%, #000000 100%);
		border: 1px solid #FFF !important;
    -moz-box-shadow: inset 0 0px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 0px 0 0 #ffffff;
    box-shadow: inset 0 0px 0 0 #ffffff;
	    font-weight: 400;
}


  /* 8.- BUSCADOR */


.path-search .search-help-link {
    display: none;
}

.path-search ol.search-results.node_search-results, 
.path-search ol.search-results.node_search-results li {
	padding: 0;
	margin: 0;
}

#search-block-form {
    margin-left: 25px;
    border-radius: 0;
    border-bottom: 1px solid #FFF;
    width: calc(100% - 50px);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

input[type='search']::-webkit-search-cancel-button {
    filter: grayscale(1);
	cursor: pointer;
}

.search-block-form #edit-submit {
    width: 28px;
    height: 28px;
    background: url("../../images/lupa.svg");
    background-size: contain;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    z-index: 8;
    position: relative;
    filter: invert(1);
}



#search-block-form .form-actions {
    margin-bottom: 17px;
}

#block-arena-buscar2es {
    display: flex;
    align-items: center;
}

#block-arena-buscar2es p {
	margin: 0;
}

#block-arena-buscar2es .field--name-body a {
	color:#FFF;
}

#block-arena-buscar2es .field--name-body a:hover {
	color:#FFF;
}

.cartel #block-arena-buscar2es .field--name-body a:hover {
	color:#FF6131 !important;
}


/* Email */

.navbar-collapse .email {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: -webkit-fill-available;
    z-index: 9;
    display: flex;
    justify-content: space-between;
}

.navbar-collapse .email a {
	font-size: 32px;
    line-height: 42px;
    padding-right: 25px;
    font-family: 'FKRomanStandard';
	color:#B0B0B0;
	text-decoration:none;
    font-weight: 400;
    letter-spacing: -1.26px;
    transition: all 0.3s ease-in-out;
}


.navbar-collapse .email a.correo {
	font-family: "FKGroteskNeue";
	color:#B0B0B0;
	text-decoration:none;
    font-size: 32px;
    line-height: 42px; 
	font-weight: 700;
	letter-spacing: -1.26px;
	transition: all 0.3s ease-in-out;
}


.navbar-collapse .email a:hover {
	color:#000;
	transition: all 0.3s ease-in-out;
}






.block-search {
    background-color: #000;
    overflow: hidden;
    height: 0vh;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: flex-end;
    position: absolute;
    z-index: 9;
    width: 100%;
}

.block-search.mostrar {
    background-color: #000;
    overflow: hidden;
    height: 80vh;
	transition: all 0.3s ease-in-out;
	padding-bottom: 50px;
}

.block-search input {
    width: 90vw;
    background-color: transparent;
    color: #FFF;
    border: 0;
    font-family: "FKGroteskNeue";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -1.26px;
    padding-left: 0;
}

#search-block-form::before {
    content: "¿Qué estás buscando?";
	display: block;
	position: absolute;
    bottom: 120px;
	color: #FFF;
	font-family: "FKGroteskNeue";
	font-size: 42px;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: -1.26px;
}

/* Para el idioma en español */
html[lang="es"] #search-block-form::before {
    content: "¿Qué estás buscando?";
}

/* Para el idioma en euskera */
html[lang="eu"] #search-block-form::before {
    content: "Zer bilatzen ari zara?";
}

/* Para el idioma en inglés (si lo necesitas) */
html[lang="en"] #search-block-form::before {
    content: "What are you looking for?";
}

.block-search input::placeholder {
    color: #B0B0B0;
	font-family: "FKGroteskNeue";
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 42px; 
	letter-spacing: -1.26px;
}

.block-search input:focus {
    background-color: transparent;
    color: #FFF;
	border: 0;
	box-shadow: none;
}






 /* 9. 404 Not Found */


article[data-history-node-id="44"] {
    padding-bottom: 0;
    padding-top: 30px;
}

#pag404 {
    background-image: url(/themes/custom/skinnia/images/404-cat.png);
    background-repeat: no-repeat;
    height: calc(100vh - 280px);
    object-fit: contain;
    background-size: contain;
    background-position: right;
    background-position-y: bottom;
}




/* 10. 2 BLOQUES HOME */

.path-frontpage .video {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFF;
  position: relative;
}

.path-frontpage .video .field--name-field-titulo {
  position: absolute;
  top: 30px;
  left: 25px;
  font-family: 'FKGroteskNeue';
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: #000;
}

.path-frontpage .video .field--name-field-lema {
  position: absolute;
  top: 32%;
  text-align: center;
  font-family: 'FKRomanStandard';
  font-weight: 400;
  font-size: 6vw;
  line-height: 5vw;
  letter-spacing: -3.6px;
}

.path-frontpage .video .field--name-field-lema strong {
  font-family: 'FKGroteskNeue';
  font-weight: 700;
}

.path-frontpage .video .field--name-field-enlace {
  position: absolute;
  bottom: 30px;
  right: 76px;
}

.path-frontpage .video .field--name-field-enlace a {
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    padding: 5px 15px;
    position: relative;
    height: 40px;
    display: block;
    font-family: "FKRomanStandard";
	font-weight: 500;
	letter-spacing: -0.48px;
}

.path-frontpage .video .field--name-field-enlace a::after {
  content: "";
  background-image: url(../../images/link-40x40.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
}

.path-frontpage .video .field--name-field-enlace a:hover {
    background-color: #000;
	color: #FFF;
    border: 1px solid #000;
	transition: all 0.3s ease-in-out;
}

.path-frontpage .video .field--name-field-enlace a:hover::after  {
    background-image: url(../../images/link-40x40-black.svg) !important;
	transition: all 0.3s ease-in-out;
}

.path-frontpage .field--name-field-video-local {
  width: 100%;
  display: block;
  justify-content: center;
  padding: 100px 0;
}

.path-frontpage .field--name-field-media-video-file {
  width: 100%;
  position: relative;
}

.block-block-content65227981-8089-4358-9b5b-d35a504b3a04 .field--name-field-media-video-file video,
.block-block-content5c9ff6f4-e332-4c22-ac4f-18bfe7c09e50 .field--name-field-media-video-file video {
  width: 67%; 
  height: auto; 
  aspect-ratio: 1;  
  max-width: 67%; 
  object-fit: cover; 
  min-width: 320px; 
  min-height: 320px; 
  margin: 0 auto;  
}

.block-block-content65227981-8089-4358-9b5b-d35a504b3a04 .field--name-field-media-video-file video {
  border-radius: 20px;
  cursor: pointer;
}

.block-block-content5c9ff6f4-e332-4c22-ac4f-18bfe7c09e50 .field--name-field-media-video-file video {
  border-radius: 50%;
  cursor: pointer;
}

.path-frontpage .custom-play-button {
  position: absolute;
  top: 64%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}

.custom-play-button img {
  width: 64px;
  height: 64px;
  transition: all 0.3s ease-in-out;
}

.custom-play-button:hover img{
  filter: invert(1);
  transition: all 0.3s ease-in-out;
}

.path-frontpage .custom-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
    width: 67%;
    height: 100%;
    text-align: center;
}


/* Bloque Espacios en Home a 2 columnas si lleva imagen en lugar de vídeo */
.path-frontpage .block-block-content65227981-8089-4358-9b5b-d35a504b3a04 .field--name-field-media-image .field__item {
    display: flex;
}
.path-frontpage .block-block-content65227981-8089-4358-9b5b-d35a504b3a04 .video .field--name-field-lema {
    position: absolute;
    top: 40%;
    text-align: center;
    font-family: 'FKRomanStandard';
    font-weight: 400;
    font-size: 6vw;
    line-height: 5vw;
    letter-spacing: -3.6px;
}
.block-block-content65227981-8089-4358-9b5b-d35a504b3a04  .field--name-field-media-image img {
    width: 67%;
    height: auto;
    aspect-ratio: 1;
    max-width: 67%;
    object-fit: cover;
    min-width: 320px;
    min-height: 320px;
    margin: 0 auto;
    border-radius: 20px;
	filter: brightness(0.8);
}

.path-frontpage .custom-play-button img {
    width: 64px;
    height: 64px;
    transition: all 0.3s ease-in-out;
    top: 60%;
    position: relative;
}

.field--name-field-titulo {
  margin-top: 20px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.field--name-field-enlace {
  margin-top: 10px;
  text-align: center;
  width: fit-content;
}

.field--name-field-enlace a {
  color: #007BFF;
  text-decoration: none;
}

.field--name-field-enlace a:hover {
  text-decoration: underline;
}

.block-block-content65227981-8089-4358-9b5b-d35a504b3a04, 
.block-block-content5c9ff6f4-e332-4c22-ac4f-18bfe7c09e50 {
	width: calc(50vw - 14px);
	display: inline-block;
	max-height: calc(100vw - 82px);
	overflow: hidden;
}

.block-block-content65227981-8089-4358-9b5b-d35a504b3a04 {
	background-color: #FF501B;
	margin-left: -8px;
	border-radius: 0px 20px 20px 0px;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-right: 5px;
}

.block-block-content5c9ff6f4-e332-4c22-ac4f-18bfe7c09e50 {
	background-color: #8D7CF2;
	margin-right: -8px;
	border-radius: 20px 0px 0px 20px;
	margin-top: 9px;
	margin-bottom: 9px;
}

.path-frontpage .video .field--name-field-video-local .media--type-video {
  display: flex;
  justify-content: center;
  align-items: center;
}

.path-frontpage .field--name-field-media-video-file .field__item {
  display: flex; 
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}



 /* 11. BLOQUE TEXTO 10 COLUMNAS */

#col10,
.col10 {
    padding: 90px 0;
}

#col10 .field--name-body,
.col10 .field--name-body {
    font-size: 32px;
    line-height: 42px;
    font-family: 'FKRomanStandard';
    letter-spacing: -0.96px;
	margin-bottom: 30px;
}

#col10 .field--name-body strong:first-child,
.col10 .field--name-body strong:first-child {
    font-family: 'FKGroteskNeue';
	font-weight: 700;
    letter-spacing: -0.96px;
}

#views-bootstrap-espacios-espacios {
    counter-reset: item; 
}

.col10 .field--name-field-enlace a {
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    padding: 5px 15px;
    position: relative;
    height: 40px;
    display: block;
    font-family: "FKRomanStandard";
    font-weight: 500;
    letter-spacing: -0.48px;
}
.col10 .field--name-field-enlace a:hover {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
    transition: all 0.3s ease-in-out;
}
.col10 .field--name-field-enlace a::after {
    content: "";
    background-image: url(../../images/link-40x40.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
}
.col10 .field--name-field-enlace a:hover::after {
    background-image: url(../../images/link-40x40-black.svg) !important;
	transition: all 0.3s ease-in-out;
}


.field--name-body a.boton {
	font-family: "FKRomanStandard";
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    padding: 5px 15px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: -0.48px;
	position: relative;
	transition: all 0.3s ease-in-out;
	margin-top: 20px;
	margin-bottom: 20px;
}

.field--name-body a.boton:hover {
    background-color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 28px;
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.field--name-body a.boton::after {
    content: "";
    background-image: url(../../images/link-40x40.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
	transition: all 0.3s ease-in-out;
}

.field--name-body a.boton:hover::after {
    background-image: url(../../images/link-40x40-black.svg);
	transition: all 0.3s ease-in-out;
}




/* 12. CALL TO ACTION */


.block-views-blockcabecera-home-header-home  {
    margin-left: -8px;
	margin-right: -8px;
    margin-top: -96px;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    height: 100vh;
	position: relative;
	color: #FFF;
    overflow: hidden;
    min-height: 500px;
}



.view-id-cabecera_home .views-row {
	position: relative;
}

.block-views-blockcabecera-home-header-home video {
    width: 100vw;
    height: 100vh;
    filter: brightness(0.8);
    object-fit: cover !important;
}

.block-views-blockcabecera-home-header-home img {
    width: 100vw;
    height: 100vh;
    filter: brightness(0.8);
    object-fit: cover !important;
}

.block-views-blockcabecera-home-header-home .views-field-field-imagen {
    position: relative; 
}

.block-views-blockcabecera-home-header-home .views-field-field-mostrar .si {
    position: absolute; 
    bottom: 25px; 
  /*   left: 50%; 
    transform: translateX(-50%);  */
    width: 97%; 
    height: 100%; 
    background: url(../../images/arena-foot.svg) center bottom no-repeat;
    background-size: contain; 
    z-index: 1;
	animation: arena 1s ease 0s 1 normal forwards;
}




.block-views-blockcabecera-home-header-home .media--type-video {
    position: relative;
    z-index: 0; 
}



.block-views-blockcabecera-home-header-home  .views-field-field-subtitulo,
.block-views-blockcabecera-home-header-home  .views-field-field-enlace,
.block-views-blockcabecera-home-header-home  .views-field-field-lema,
.block-views-blockcabecera-home-header-home  .views-field-field-links-abajo-dcha,
.block-views-blockcabecera-home-header-home  .views-field-field-links-abajo-izda,
.block-views-blockcabecera-home-header-home  .views-field-field-titular {
	position: absolute;
}



  /* 13- MANTENIMIENTO */

.maintenance-page {
	background-color: #D9D9D9;
	font-family: "FKGroteskNeue";
	font-style: normal;
	font-weight: 400;
}

.maintenance-page header img {
	filter: invert(1);
}

.maintenance-page main {
	background-color: #FFF;
	border-radius: 20px;
	margin-top: 30px;
	padding: 3%;
}

.maintenance-page main  a{
	color:#000;
}

.maintenance-page main a:hover {
	color:#FF5207;
}





/* 14- PÁGINA RESULTADOS DE BÚSQUEDA */

.path-search nav.navbar {
    background-color: #000 !important;
}

.path-search .region-content,
.page-node-type-page .region-content {
    max-width: 1320px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    font-family: "FKGroteskNeue";
}

.path-search #block-arena-page-title h1,
.path-search #block-arena-content h2  {
	    font-family: "FKRomanStandard";
}

.path-search #block-arena-content h2 {
    border-bottom: 1px solid;
    margin-bottom: 30px;
}


.path-search form.search-form  {
    padding-bottom: 60px;
}

.path-search .search-form #edit-submit  {
    background-color: #000;
    border: 1px solid #000;
    margin-bottom: 5px;
}

.path-search .region-content a {
	color: #000;
}

.path-search .region-content a:hover {
	color: #FF6131;
}

.path-user .navbar {
	background-color: #000 !important;
}




/* Menú RRSS */

.menu-rrss {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: fit-content;
    z-index: 9;
}

.menu-rrss  .navbar-nav {
	display: flex;
    flex-direction: row;
}

.menu-rrss  li.nav-item:first-child a {
    font-family: "FKGroteskNeue";
    color: #B0B0B0;
    text-decoration: none;
    font-size: 42px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -1.26px;
    transition: all 0.3s ease-in-out;
    padding-left: 0;
    padding-right: 28px;
}

.menu-rrss  li.nav-item a {
    font-size: 42px;
    line-height: 48px;
    font-family: 'FKRomanStandard';
    color: #B0B0B0 !important;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: -1.26px;
    transition: all 0.3s ease-in-out;
    padding: 0 25px 0 0;
}




 /* 15- SLIDER  SERVICIOS EN ORGANIZA TU EVENTO*/

.block-views-blockslider-txt-img-slide-organiza {
    background-color: #ACA88F;
	color:#000;
    position: relative;
    padding-left: 25px;
    overflow-x: hidden;
	margin: -8px;
}

.block-views-blockslider-txt-img-slide-sostenible,
.block-views-blockslider-txt-img-slide-seguro {
    background-color: #000;
	color:#FFF;
    position: relative;
    padding-left: 25px;
    overflow-x: hidden;
	margin: -8px;
}

.block-views-blockslider-txt-img-slide-organiza .slide__caption,
.block-views-blockslider-txt-img-slide-sostenible .slide__caption ,
.block-views-blockslider-txt-img-slide-seguro .slide__caption {
    padding-top: 0;
    padding-bottom: 0;
}

.block-views-blockslider-txt-img-slide-organiza h2,
.block-views-blockslider-txt-img-slide-sostenible h2,
.block-views-blockslider-txt-img-slide-seguro h2 {
    position: absolute;
    width: 42vw;
    top: 50px;
    left: 25px;
	font-family: "FKRomanStandard";
	font-size: 65px;
	font-style: normal;
	font-weight: 400;
	line-height: 65px; 
	letter-spacing: -1.95px;
}

.block-views-blockslider-txt-img-slide-organiza .noticias,
.block-views-blockslider-txt-img-slide-sostenible .noticias,
.block-views-blockslider-txt-img-slide-seguro .noticias {
    margin-left: -35px;
    margin-right: -20px;
}

.block-views-blockslider-txt-img-slide-organiza .noticias .dcha img,
.block-views-blockslider-txt-img-slide-sostenible .noticias .dcha img,
.block-views-blockslider-txt-img-slide-seguro .noticias .dcha img {
    width: 100%;
    height: 85vh;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.7s ease;
}

.block-views-blockslider-txt-img-slide-organiza .noticias .izda,
.block-views-blockslider-txt-img-slide-sostenible .noticias .izda,
.block-views-blockslider-txt-img-slide-seguro .noticias .izda {
    padding-right: 50px;
    position: relative;
    padding-left: 25px;
    margin-right: -5px;
}

.block-views-blockslider-txt-img-slide-organiza .noticias .izda .bloque {
    position: absolute;
    width: calc(100% - 80px );
    bottom: 25px;
    color: #000;
    font-family: "FKRomanStandard";
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.96px;
}

.block-views-blockslider-txt-img-slide-sostenible .noticias .izda .bloque,
.block-views-blockslider-txt-img-slide-seguro .noticias .izda .bloque {
    position: absolute;
    width: calc(100% - 80px );
    bottom: 25px;
    color: #FFF;
    font-family: "FKRomanStandard";
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.96px;
}

.block-views-blockslider-txt-img-slide-organiza .noticias .izda .bloque .titulo,
.block-views-blockslider-txt-img-slide-sostenible .noticias .izda .bloque .titulo,
.block-views-blockslider-txt-img-slide-seguro .noticias .izda .bloque .titulo {
	font-family: "FKGroteskNeue";
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: -0.96px;
}

.block-views-blockslider-txt-img-slide-organiza .noticias .izda .bloque .titulo::after,
.block-views-blockslider-txt-img-slide-sostenible .noticias .izda .bloque .titulo::after ,
.block-views-blockslider-txt-img-slide-seguro .noticias .izda .bloque .titulo::after {
    content: "";
    background-image: url("../../images/guion-largo.svg");
    display: inline-block;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    width: 50px;
    height: 8px;
    margin-left: 12px;
    margin-right: 12px;
}

.block-views-blockslider-txt-img-slide-organiza .noticias .dcha,
.block-views-blockslider-txt-img-slide-sostenible .noticias .dcha,
.block-views-blockslider-txt-img-slide-seguro .noticias .dcha {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.block-views-blockslider-txt-img-slide-organiza .slick-vertical .slick-slide,
.block-views-blockslider-txt-img-slide-sostenible .slick-vertical .slick-slide,
.block-views-blockslider-txt-img-slide-seguro .slick-vertical .slick-slide {
    border: 0;
    height: 85vh;
}

.block-views-blockslider-txt-img-slide-organiza .slick__arrow,
.block-views-blockslider-txt-img-slide-sostenible .slick__arrow,
.block-views-blockslider-txt-img-slide-seguro .slick__arrow {
    position: absolute;
	right: calc(50% + 20px);
    display: flex;
    flex-direction: column;
    bottom: 50%;
}

.block-views-blockslider-txt-img-slide-organiza .slick__arrow .slick-disabled,
.block-views-blockslider-txt-img-slide-sostenible .slick__arrow .slick-disabled ,
.block-views-blockslider-txt-img-slide-seguro .slick__arrow .slick-disabled {
    cursor: default;
    opacity: 0.5;
}

.block-views-blockslider-txt-img-slide-organiza .slick__arrow .slick-prev,
.block-views-blockslider-txt-img-slide-sostenible .slick__arrow .slick-prev,
.block-views-blockslider-txt-img-slide-seguro .slick__arrow .slick-prev {
    margin: 0;
    transform: rotate(90deg);
    margin-bottom: 4px;
}

.block-views-blockslider-txt-img-slide-organiza .slick__arrow .slick-next,
.block-views-blockslider-txt-img-slide-sostenible .slick__arrow .slick-next,
.block-views-blockslider-txt-img-slide-seguro .slick__arrow .slick-next {
    margin: 0;
    transform: rotate(90deg);
    margin-top: 4px;
}



/* Bloque Paragraphs */
.field--name-field-bloques {
    padding-top: 80px;
    padding-bottom: 80px;
}
.field--name-field-bloques .field__item{
    padding-top: 20px;
	padding-bottom: 10px;
}


/* 16. Bloques Título con Formato y Cuerpo */

.paragraph--type--tit-format-txt-format .col-izda .field--name-field-title-format {
    font-family: "FKGroteskNeue";
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.96px;
    padding-right: 10%;
}


.paragraph--type--tit-format-txt-format .col-dcha .field--name-field-body-format {
	font-family: "FKGroteskNeue";
	font-size: 18px;
	font-weight: 400;
	line-height: 26px; 
	letter-spacing: -0.54px;
}

.paragraph--type--foto-container .field--name-field-imagen .field__item {
	padding-top: 0;
    margin-bottom: 30px;
}

.paragraph--type--foto-container .field--name-field-imagen .field__item img {
    max-height: 60vh;
    object-fit: cover;
}


/* 17 .- Bloques Título con Formato y Cuerpo */

.paragraph--type--tit-format-txt-format .col-izda .field--name-field-title-format,
.paragraph--type--tit-format-txt-format .col-dcha .field--name-field-body-format{
    padding-top: 0;
}

.paragraph--type--tit-format-txt-format .col-izda .field--name-field-title-format a,
.paragraph--type--tit-format-txt-format .col-dcha .field--name-field-body-format a {
    color:#000;
}

.paragraph--type--tit-format-txt-format .col-izda .field--name-field-title-format a:hover,
.paragraph--type--tit-format-txt-format .col-dcha .field--name-field-body-format a:hover {
    color:#FF6131;
	text-decoration: none;
}


/* 18 .- Bloque Galería con pie de foto abajo  */
#galeria .slick--field-bloque {
    display: flex;
    flex-direction: column-reverse;
}

.path-restauracion #galeria  {
    margin-left: -8px;
    margin-right: -8px;
}

.path-restauracion #galeria .field--name-field-title-galeria {
    font-family: "FKGroteskNeue";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.48px;
    text-transform: uppercase;
	margin-bottom: 10px;
}