@charset "UTF-8";


/*!
 * LAYOUT - GLOBAL
 */

  /* 1- COMUNES */
  /* 2- MENU */
  /* 3- SELECTOR DE IDIOMA */
  /* 4- FOOTER */ 
  /* 5- ADMIN */ 
  /* 6- CABECERAS */
 /* 7.- NEWSLETTER */
/* 8.- VIDEO BLOQUE CABECERA */
/* 9- CUENTA ATRÁS */
/* 10- ZONAS*/
/* 11- BLOQUE 3 COLUMNAS */
/* 12- CONTENEDOR 2 IMAGENES CON ROLLOVER */
/* 13- IMAGEN A 10 COLUMNAS*/
/* 14- ANIMACIONES */
/* 15 - ERROR 404 */
/* 16 - PAGINA BÁSICA */
/* 17. COOKIES POPUP */
/* 18. PAGINA 404 */





/* Fonts */
/*
    font-family: Univers55Roman;
    font-family: Univers45Light;
*/



/* OCULTAR ELEMENTOS TEMPORALMENTE */

/* Selector de idiomas activar en  diseño de bloques structure/block */

#zonas .views-field-view-node a { /* Botón MÁS INFORMACIÓN */
	display: none !important;
}

#zonas  #filtrar { /* Filtros Puntos de obsevación */
	display: none;
}




/* FOCUS */

#block-eklipse-main-navigation li a:focus-visible,
#block-eklipse-main-navigation li.dropdown .dropdown-toggle:focus-visible {
  outline: 2px solid #FFF; 
  outline-offset: 0px;
}

[id^="col3"] .field--name-field-enlace a:focus-visible,
#imagenes a:focus-visible {
  outline: 3px solid #000; 	
  outline-offset: 0px;
}

/* Reset de estilos por defecto */
#zonas button {
  outline: none;
  box-shadow: none;
}

/* Focus SOLO con teclado */
#zonas button:focus-visible {
  outline: 3px solid #FFF;
  outline-offset: 2px;
}

/* Remover focus visible cuando se hace clic con ratón */
#zonas button:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.view-id-actividades .enlace a:focus-visible {
  outline: 3px solid #FFF;
  outline-offset: 2px;
}

.block-views-blockactividades-actividades-home a.carousel-control-prev:focus-visible,
.block-views-blockactividades-actividades-home a.carousel-control-next:focus-visible,
.block-views-blockdestacados-home-destacados a.carousel-control-prev:focus-visible,
.block-views-blockdestacados-home-destacados a.carousel-control-next:focus-visible ,
#views-bootstrap-galeria-de-fotos-galeria a.carousel-control-prev:focus-visible,
#views-bootstrap-galeria-de-fotos-galeria a.carousel-control-next:focus-visible {
  outline: 3px solid #FFF;
  outline-offset: 2px;
  background-color: #000;
}

#views-bootstrap-galeria-de-fotos-galeria a.carousel-control-prev:focus-visible,
#views-bootstrap-galeria-de-fotos-galeria a.carousel-control-next:focus-visible {
  outline: 3px solid #FFF;
  outline-offset: 2px;
  background-color: #252525;
}

#newsletter input:focus-visible {
	outline: 3px solid #000;
	outline-offset: 0px;
	box-shadow: none;
}
 
/* Focus solo con teclado (no con mouse) */
.sib-form .input_replaced:focus+.checkbox{
	outline: 3px solid black;
	outline-offset: 0px; 
	box-shadow: none !important;
}

.sib-form .entry__field:focus-within {
  box-shadow: none !important;
}

.sib-form-block button.sib-form-block__button:focus {
  outline: none;
  box-shadow: none;
}

.sib-form-block button.sib-form-block__button:focus-visible,
[id^="col3"] a.correo:focus-visible {
  outline: 3px solid #000;
  outline-offset: 4px; 
}

/* Focus por ratón (NO teclado) */
.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-control:focus:not(:focus-visible),
.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-select:focus:not(:focus-visible),
.path-_2-de-agosto .view-id-municipios [id^="edit-actions"] input.button:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Focus por teclado (accesibilidad) */
.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-control:focus-visible,
.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-select:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 4px;
  box-shadow: none !important;
}

.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-control:focus,
.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-select:focus,
.path-_2-de-agosto .view-id-municipios [id^="edit-actions"] input.button:focus {
  border-color: initial !important;
} 


.path-_2-de-agosto .view-id-municipios [id^="edit-actions"] input.button:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 0px;
  box-shadow: none !important;
}

.path-_2-de-agosto .view-id-municipios th.views-field a:focus-visible,
.view-id-noticias .views-field-nothing .leer-mas a:focus-visible {
	outline: 3px solid #000 !important;
    outline-offset: 0px;
    box-shadow: none !important; 
}


.pager__item--next a.page-link:focus,
.pager__item--previous a.page-link:focus  {
  outline: none;
  box-shadow: none;
}


.pager__item--next a.page-link:focus-visible,
.pager__item--previous a.page-link:focus-visible {
	outline: 3px solid #000 !important;
    outline-offset: 0px;
    box-shadow: none !important; 
}

.node--type-jornadas #contenido .col-dcha .field--name-field-enlace a:focus-visible,
.page-node-type-noticias #contenido .enlace a:focus-visible,
.page-node-type-actividades #contenido .col-centro a.bloque__pdf:focus-visible {
	outline: 3px solid #000 !important;
    outline-offset: 0px;
    box-shadow: none !important; 
}


.page-node-type-actividades .accordion-item.active .accordion-header:focus-visible  {
	outline: 0px solid #000 !important;
    outline-offset: 0px;
    box-shadow: none !important; 
}
 


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


/* 1.- COMUNES */

.g-recaptcha {
    z-index: 11;
    position: relative;
}

.g-recaptcha.oculto  {
	display: none;
} 


#block-eklipse-local-tasks {
	z-index: 9;
	background-color: #FFF;
	position: fixed;
	bottom: 0;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    margin-right: 4px;
    margin-left: 4px;
    background-color: #959595;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    transition: opacity 0.6s ease;
    border-radius: 15px;
}

body {
	color:#000;
    font-family: Univers45Light;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
}

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

a {
	color:#000;
}


a.scrollup {
    height: 57px;
    width: 57px;
    left: auto !important;
    bottom: 16px;
    right: 16px;
    border-radius: 40px;
    background: url(/themes/custom/eklipse/images/right.svg) 50% 45% no-repeat;
	filter: invert(1);
    background-color: #FFF !important;
	rotate: 630deg;
}

a.scrollup:hover {
    filter: invert(0);
    background-color: #FFF !important;
}

.region-content {
	padding: 0;
	overflow-x: hidden;
}

.views-field-edit-node a  {
	background-color: #000;
	color: #FFF;
	border-radius: 15px;
	font-size: 16px;
	padding: 8px 12px 5px 12px;
	text-decoration: none;
}

.editar a {
    display: block;
    z-index: 9;
    background-color: #000;
    position: relative;
    text-decoration: none;
    border: 1px solid #FFF;
    border-radius: 15px;
    padding: 8px 15px 5px 15px;
    line-height: 1;
    font-size: 18px;
    margin-top: 10px;
}



/* 2.- MENÚ */


/* Mostrar idiomas ocultos al hacer focus dentro del bloque */
#block-eklipse-alternadordeidiomacontenido ul:focus-within li,
#block-eklipse-alternadordeidiomacontenido ul:hover li {
  display: block; /* o visibility: visible, según cómo los tengas ocultos */
}

#block-eklipse-alternadordeidiomacontenido ul li:not(.is-active) {
  display: none; /* ocultos por defecto */
}

#block-eklipse-alternadordeidiomacontenido ul:hover li,
#block-eklipse-alternadordeidiomacontenido ul.focus-within li {
  display: block;
}


/* También para los estados active y focus */
.navbar .dropdown-menu a.dropdown-item:active,
.navbar .dropdown-menu a.dropdown-item:focus {
    background-color: white !important;
	color: #000 !important;
    outline: none;
}

.user-logged-in .navbar .dropdown-menu {
  z-index: 2000;
}


.user-logged-in.path-frontpage .navbar {
	background-color: #000;
} 


/* Forzamos el estado 'hamburguesa' hasta los 1625px */
@media (max-width: 1624.98px) {
  .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }
  .navbar-expand-lg .navbar-collapse {
    display: none !important;
    flex-basis: 100%;
    grow: 1;
    align-items: center;
  }
  .navbar-expand-lg .navbar-collapse.show {
    display: block !important;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
  }
.navbar-expand-lg {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.navbar {background-color: #000;}
.block-language {
    display: block !important;
    width: max-content !important;
    position: absolute !important;
    top: auto !important;
    right: 30px !important;
    bottom: 10px !important;
}
}




/* Solo aplicar a navbar-collapse, NO a dropdowns */
#navbarSupportedContent.mostrar {
  display: block !important;
}

#navbarSupportedContent.ocultar {
  display: none !important;
}

/* Asegurar que los dropdowns usen .show normalmente */
.navbar .dropdown-menu.show {
  display: block !important;
}



.collapsed .navbar-toggler-icon {
     filter: invert(1);
}

.navbar-toggler.collapsed {
    border: 1px solid #FFF;
    border-radius: 25px;
    height: 40px;
    width: 40px;
    padding: 0;
    /* background-color: #000; */
	background-color: transparent;
}

.navbar-toggler {
    border: 1px solid #FFF;
    border-radius: 25px;
    height: 40px;
    width: 40px;
    padding: 0;
	background-color: #FFF;
}

#block-eklipse-main-navigation li a,
#block-eklipse-main-navigation li.dropdown .dropdown-toggle {
    color: #FFF;
    text-decoration: none;
    font-size: 27px;
    border-radius: 30px;
    padding: 4px 22px 0px 22px;
    line-height: 60px;
    display: inline-block;
    height: 57px !important;
    margin-right: 14px;
    transition: all 0.3s ease;
}

#block-eklipse-main-navigation li a.dropdown-item {
	line-height: 54px;
}

#block-eklipse-main-navigation li a.active.is-active::after {
    content: " ";
    border-bottom: 1px solid #FFF;
    height: 1px;
    display: block;
    margin-top: -15px;
	width: auto; 
}


	
#block-eklipse-main-navigation ul li ul li a:hover {
    color:#000 !important;
	padding-left: 15px !important;
}

#block-eklipse-main-navigation  ul  li  ul  li a.is-active {
    /* background-color: transparent !important;    */ 
	background-color: black;
    color: #FFF;
    width: auto;
}



#block-eklipse-main-navigation  ul  li  ul  li a.is-active:hover {
    color:#FFF !important;
}

.navbar {
    /* background-color: #000; */
    padding-left: 30px;
    padding-right: 30px;
	/* Cambios video cabecera */
   position: absolute;
    z-index: 9;
    width: 100%;
}

.navbar-brand img {
	 height: 39px;
}

.navbar a {
	 color: #FFF;
}

.navbar a.site-title {
	font-family: Univers45Light;
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 300;
    line-height: 64px;
    letter-spacing: -1.7px;
	text-transform: capitalize;
	margin-top: 7px;
    display: block;
	position: relative;
    padding-left: 123px; /* espacio para el logo */
}

.navbar a.site-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 100px;
    height: 42px;
    background-image: url('/themes/custom/eklipse/images/ekllipse-symbol.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.navbar-brand .site-title {
    color: #FFF !important;
}

.navbar-nav li a {
    color: #FFF;
    font-family: Univers45Light;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.navbar-nav li a:hover,
.navbar-nav li a.is-active,
.navbar-nav li a.active {
    color: #FFF !important;
}

ul.dropdown-menu {
    background-color: #000;
    color: #FFF;
    border-radius: 0 0 30px 30px;
    padding-bottom: 0px;
}





/* 3- SELECTOR DE IDIOMA */
#block-eklipse-main-navigation {
	margin-right: 55px;
}

.block-language {
    display: block;
    width: max-content;
    position: absolute;
    top: 28px;
    right: 30px;
    z-index: 9;
}

.block-language a {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 8px 10px;
    color: #000;
    background: #FFF !important;
    border: 1px solid #000;
    line-height: 1.7;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 22px;
    margin-bottom: 5px;
}

.block-language a.is-active {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 8px 10px;
    /* background: #000 !important; */
	background: transparent !important;
	border: 1px solid #FFF;
    color: #FFF;
    line-height: 1.7;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 22px;
}

.block-language:hover  a.is-active {
	background: #000 !important;
}

/* 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; 
}




/* 4- FOOTER */

footer {
	background-color: #000;
	color: #FFF;
    padding: 0 0 2rem 0;
}

footer a {
	color: #FFF;
	text-decoration: none;
}

footer .footer1, 
footer .footer2 {
    padding: 90px 0;
}

footer .footer2, 
footer .footer3 {
    border-top: 1px solid #FFF;
}

footer .footer3 {
    padding: 90px 0 25px 0;
}

.footer1 a.email {
    color: #000;
    font-family: Univers45Light;
    font-size: 27px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.81px;
    background-color: #FFF;
    padding: 15px 30px 15px 30px;
    border-radius: 30px;
    height: 57px;
    display: block;
    width: fit-content;
    margin-top: 36px;
	border: 1px solid #000;
	transition: all 0.3s ease;
}

.footer1 a.email:hover {
    color: #FFF;
    background-color: #000;
	border: 1px solid #FFF;
	text-decoration: none;
	transition: all 0.3s ease;
}

.footer1 h2 {
	color: #FFF;
    font-family: Univers45Light;
	font-size: 65px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; 
	letter-spacing: -1.95px;
}


.footer1,
.footer1 a {
	color: #FFF;
    font-family: Univers45Light;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px; 
	letter-spacing: -0.6px;
}

.footer1 a:hover {
	text-decoration: underline;
}

.footer1 .subtitulo {
    font-family: Univers55Roman;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.6px;
    margin-bottom: 0;
    display: block;
}

.footer1 .rrss {
	margin-top: 12px;
}

.footer2 .col-dcha .logo {
    padding-left: 5px;
    padding-right: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.footer2 .col-dcha .logo:first-child{
    padding-left: 0;
}

.footer2 .col-dcha .logo:last-child{
    padding-right: 0;
}

.footer2 .col-izda .titulo {
    font-family: Univers45Light;
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 300;
    line-height: 64px;
    letter-spacing: -1.7px;
    padding-left: 80px;
    margin-top: 5px;
    display: block;
}

.footer2 .col-izda {
	display: flex;
    align-items: center;
}

.footer2 .col-dcha {
	display: flex;
    align-items: center;
}

.footer2 .col-izda p {
	margin: 0;
}

footer .legal {
    padding-top: 80px;
	color:#FFF;
    font-family: Univers45Light;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px; 
	letter-spacing: -0.6px;
    overflow: hidden;
}

footer .legal a {
	color:#FFF;
    font-family: Univers45Light;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px; 
	letter-spacing: -0.6px;
}

footer .legal .col:first-child {
	text-align: left;
}

footer .legal .col:last-child {
	text-align: right;
}




/* 5- ADMIN */

.path-user  article {
	  margin: 110px auto 80px auto !important;
	  padding: 30px 30px !important;
	  background-color: #f2f2f2;
	  border-radius: 20px;
	  max-width: 600px;
}



/* 6- CABECERAS */








/* 7.- NEWSLETTER */

#newsletter {
	background-color: #FFED00;
	padding: 90px 0 !important;
}

#newsletter h3,
#newsletter input,
#newsletter .form-check,
#newsletter button.btn,
#newsletter .form-control::placeholder,
#newsletter a {
	color: #000;
	font-weight: 300;
	font-style: normal;
}

#newsletter h3 {
	font-size: 65px;
	line-height: 1;
	letter-spacing: -1.3px;
	font-family: Univers45Light; 
	padding-bottom: 5px;
}

#newsletter p {
	font-family: Univers55Roman; 
	font-size: 27px;
	font-weight: 400; 
	line-height: 24px;
	letter-spacing: -0.81px;
}

#newsletter input {
    background-color: transparent !important;
    border: 1px solid #000;
    border-radius: 40px;
    height: 57px;
    padding: 0px 24px 0 24px;
    font-size: 27px;
    line-height: 1;
    letter-spacing: -0.81px;
	font-weight: 300;
	width: 100%;
}

/* --- Placeholder --- */
#newsletter .form-control::placeholder {
	font-family: Univers45Light;
	font-size: 27px;
	line-height: 24px;
	letter-spacing: -0.81px;
	opacity: 1;
}

/* --- Checkbox (Input específico) --- */
#newsletter input.form-check-input {
	height: 57px;
	width: 57px;
	cursor: pointer;
}

/* --- Contenedor del Checkbox (.form-check) --- */
#newsletter .form-check {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.6px;
	height: 57px;
	display: flex;
	align-items: center;
	padding-left: 40px;
}

#newsletter .form-check label {
	padding-left: 20px;
	padding-top: 8px;
	font-size: 18px;
	max-width: 800px;
}

/* --- Botón (button.btn) --- */
#newsletter button.btn {
	font-family: Univers45Light !important;
	color: #FFF;
	height: 57px;
	padding: 14px 40px 9px 40px;
	border-radius: 30px;
	font-size: 27px;
	line-height: 30px;
	letter-spacing: -0.81px;
	background-color: #000;
	width: fit-content !important;
}

/* --- Estilos de Layout --- */
#newsletter form .col10,
#newsletter .bloque {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

#newsletter .col {
	margin-top: 25px;
}

/* --- Icono de Checkbox --- */
.form-check-input:checked[type=checkbox] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}


#sib-container {
	background: transparent !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: inline-block !important;
	width: 100% !important;
}


.sib-form {
	width: 100% !important;
}

#sib-form .campos imput{
    margin-top: 25px !important;
}

#sib-form label {
    padding-left: 0 !important;
    padding-bottom: 8px !important;
    max-width: 800px !important;
    color: #000 !important;
    display: flex !important;
    align-items: center !important;
    font-family: Univers45Light !important;
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: 300 !important;
	line-height: 24px !important; /* 120% */
	letter-spacing: -0.6px !important;
}

#sib-container .entry__field {
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
}

.sib-form .entry__choice .checkbox, .sib-form .entry__choice .radio-button {
    margin-right: 2em !important;
}

.entry__choice {
    font-family: Univers45Light !important;
    padding: 0 !important;
}

.sib-form ::placeholder {
	color: #000 !important;
	opacity: 1 !important;
}

.sib-form-block {
	padding: 0 !important;
	word-wrap: break-word !important;
	outline: none !important;
}

.sib-form {
	background-attachment: fixed !important;
	font-size: 16px !important;
	font-family: Univers45Light !important;
	padding: 0 !important;
	margin: 0 !important;
}

.sib-form-block button.sib-form-block__button {
    text-align: left !important;
    border-width: 0px !important;
    border-radius: 100px !important;
    background: #000 !important;
    height: 57px !important;
    color: #FFF !important;
	border: 1px solid #000 !important;
	font-family: Univers45Light !important;
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: -0.81px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
	padding-top: 12px !important;
	transition: all 0.3s ease !important;
}

.sib-form-block button.sib-form-block__button:hover {
    background: #FFF !important;
	color:#000 !important;
	border: 1px solid #000 !important;
	transition: all 0.3s ease !important;
}



.sib-form .checkbox {
    width: 57px !important;
    height: 57px !important;
    border-radius: 30px !important;
    border: 1px solid #000 !important;
    background-color: transparent !important;
}

.sib-form .checkbox:focus,
.sib-form .checkbox:active {
	border: 1px solid #000 !important;
	box-shadow: 0 0 0 2px #000 !important;
}

.sib-form .input_replaced:checked+.checkbox_tick_positive {
    background: transparent !important;
    border-color: transparent !important;
    border: 1px solid #000 !important;
}

.sib-form .input_replaced:checked+.checkbox_tick_positive:before {
    background: transparent !important;
    border-color: #000 !important;
}

.sib-form .checkbox_tick_positive:before {
    border-color: transparent !important;
    border-style: solid !important;
    border-width: 0 2px 2px 0 !important;
    bottom: 1px !important;
    content: "" !important;
    left: 50% !important;
    margin-left: -25% !important;
    position: absolute !important;
    top: 1px !important;
    -webkit-transform-origin: 80% 45% !important;
    transform-origin: 80% 45% !important;
    width: 50% !important;
}

.sib-form .input_replaced:active+.checkbox, 
.sib-form .input_replaced:active+.radio-button, 
.sib-form .input_replaced:focus+.checkbox, 
.sib-form .input_replaced:focus+.radio-button {
    border: 1px solid #000 !important;
}




/* 8.- VIDEO BLOQUE CABECERA */


.page-node-type-actividades #cabecera .video {
    position: absolute;
    /* top: -90px; */
    width: 100%;
    left: 0;
}

.page-node-type-actividades #cabecera .video video {
    width: 100%;
    height: 100vh;
}

#video {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    top: 0;
    height: 100vh;
}

#video .field--name-field-media-video-file {
    background-color: #000;
}

#video video {
    position: inherit;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    /* margin-top: -90px; */
    /* filter: contrast(0.5); */
}

.path-home #video video,
.path-frontpage #video video {
    position: absolute;
    top: calc(50% - 50px );
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
	margin-top: 30px;
    object-fit: contain;
	background-color: #000;
}


.user-logged-in #video video {
	height: auto;
}


.path-frontpage.user-logged-in #video video {
    margin-top: 280px;
}


#video h1 {
    position: absolute;
    bottom: 30px;
    left: 30px;
	background-color: #000; 
	color: #FFF;
	font-size: 65px;
	font-style: normal;
	font-weight: 300;
	line-height: 65px; /* 100% */
	letter-spacing: -1.3px;
	border-bottom: 2px solid #FFF;
	animation: aparecerTexto 1.5s ease-out forwards;
}


/* 9- CUENTA ATRÁS */



#cuenta  {
	background-color: #FFED00;
}

#cuenta h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#cuenta .container-fluid {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
	min-height: 700px;
}

#countdown {
    color: #000;
    font-family: Univers45Light;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -11.25px;
    font-size: 16vw;
}

#cuenta .titulo {
	color: #000;
    font-family: Univers45Light;
	font-size: 65px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px; 
	letter-spacing: -1.3px;
}

.n01 {
    width: 121px;
    height: 56px;
    background-image: url("../../images/01.svg");
    background-repeat: no-repeat;
    padding-bottom: 60px;
    display: block;
}

.n02 {
    height: 60px; 
    width: 112px; 
    background-image: url("../../images/02.svg");
    background-repeat: no-repeat;
    background-position: center; 
    display: block;
    filter: grayscale(1);
    margin: 0 auto; 
}

.n03 {
    width: 100px;
    height: 56px;
    background-image: url("/images/03.svg");
    background-repeat: no-repeat;
    padding-bottom: 110px;
	display: block;
}

.n03-white {
    width: 100px;
    height: 56px;
    background: url(/themes/custom/eklipse/images/03-white.svg);
    background-repeat: no-repeat;
    padding-bottom: 90px;
	display: block;
}

.path-home .block-views-blockpuntos-observacion-puntos-observacion .n02,
.path-frontpage .block-views-blockpuntos-observacion-puntos-observacion .n02 {
    width: 100px;
    height: 56px;
    background: url(/themes/custom/eklipse/images/03.svg);
    background-repeat: no-repeat;
    padding-bottom: 90px;
	display: block;
	filter: invert(1);
}

.path-home .view-id-actividades .n04,
.path-frontpage .view-id-actividades .n04 {
    width: 85px;
    height: 56px;
    background-image: url("../../images/04.svg");
    background-repeat: no-repeat;
    padding-bottom: 110px;
    background-position-x: center;
    display: block;
    text-align: center;
    filter: invert(1);
}

.path-home section#cuenta .n04,
.path-frontpage section#cuenta .n04 {
    width: 100px;
    height: 56px;
    background: url(/themes/custom/eklipse/images/05.svg);
    background-repeat: no-repeat;
    padding-bottom: 90px;
	display: block;
	filter: invert(1);
}

.n04 {
	width: 85px;
    height: 56px;
    background-image: url("../../images/04.svg");
    background-repeat: no-repeat;
    padding-bottom: 110px;
    background-position-x: center;
    display: block;
    text-align: center;
}

.n05 {
    height: 56px;
    background-image: url("../../images/05.svg");
    background-repeat: no-repeat;
    padding-bottom: 80px;
    background-position-x: center;
    display: block;
    width: 100%;
    text-align: center;
}

.n06 {
    height: 56px;
    background-image: url("../../images/06.svg");
    background-repeat: no-repeat;
    padding-bottom: 110px;
    background-position-x: center;
    display: block;
    width: 100%;
    text-align: center;
}

#countdown.countdown {
    gap: 1.5vw;
}

#countdown .time-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
}

#countdown .label {
    color: #000;
	font-family: Univers55Roman;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -1px;
    width: 100%;
    text-align: left;
	padding-bottom: 30px;
	padding-left: 10px;
}

#countdown .value {
  line-height: 1;
}

#countdown .separator {
    align-self: flex-end;
    margin-bottom: 0.5rem;
    bottom: calc(50% - 24px);
    position: relative;
    /* width: 16px;
    height: 16px; */
    width: 1.2vw;
    height: 1.2vw;
}

  #countdown .no-resize {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
  }

  #countdown  h1 img {
    display: block;
    margin: 0 auto;
  }


  #countdown div.bola{
	height: 100%;
    display: flex;
  }










/* 3.- ZONAS */
#zonas {
    background-color: #707070;
    width: 100%;
    /* min-height: 880px; */
    color: #000;
    padding-top: 100px;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
}

#zonas .bandas {
    margin-left: 5px;
}

#zonas .banda1,
#zonas .banda2,
#zonas .banda3 {
	padding-left: 35px;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: -0.6px;
	font-family: Univers45Light;
	position: relative;
}

#zonas .banda1 .label,
#zonas .banda2 .label,
#zonas .banda3 .label {
	font-family: Univers55Roman;
}

#zonas .banda1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0; 
  width: 24px;
  height: 24px;
  background-image: url("/images/banda1.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

#zonas .banda2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0; 
  width: 24px;
  height: 24px;
  background-image: url("/images/banda2.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

#zonas .banda3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0; 
  width: 24px;
  height: 24px;
  background-image: url("/images/banda3.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

#zonas .accordion-body {
    padding: 0;
}

#zonas .accordion-body .views-label {
    color: #FFF;
    font-family: Univers45Light;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.6px;
    display: block;
    margin-top: 8px;
    margin-bottom: 5px;
}

#zonas .accordion-item {
	border: 0;
    color: #FFF;
    font-family: "Univers LT Std";
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.54px;
    background-color: transparent;
}

#zonas .accordion-button:not(.collapsed) {
    box-shadow: none;
}

#zonas .accordion-button {
    color: #FFF;
    background-color: transparent;
    font-family: Univers45Light;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.54px;
    padding-left: 0;
	padding-top: 8px;
    padding-bottom: 8px;
}

#zonas .mapa-eclipse img {
    width: 100%;
    height: auto;
    display: block;
}

#zonas .titulo h3 {
    font-family: Univers55Roman;
    font-size: 27px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.54px;
    margin-bottom: 20px;
    color: #e0e0e0;
}

#zonas .titulo h2 {
    font-family: Univers45Light;
    font-size: 45px;
    line-height: 1;
    letter-spacing: -1.3px;
    margin-bottom: 30px;
    color: white;
    font-weight: 300;
}

#zonas .views-field-field-latitud .field-content, 
#zonas .views-field-field-segundos .field-content {
    font-family: Univers45Light;
    color: #FFED00;
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -1.3px;
    padding-top: 8px;
    margin-bottom: 0;
}

#zonas .accordion-button::after {
    background-image: url("/images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center;
}


#zonas .views-field-view-node a,
#zonas .views-field-nothing a {
    border-radius: 100px;
    border: 1px solid #ffed00;
    color: #000000;
    background-color: #ffed00;
    text-decoration: none;
    font-family: Univers45Light;
    font-size: 20px;
    font-style: normal;
    line-height: 1.45;
    /* letter-spacing: 0.81px; */
    padding: 12px 22px 12px 22px;
    margin-right: 24px;
    display: block;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    width: fit-content;
    height: 50px;
}

#zonas .views-field-view-node a:hover,
#zonas .views-field-nothing a:hover {
    border-radius: 100px;
    border: 1px solid #000;
    color: #FFF;
    background-color: #000;
    text-decoration: none;
    font-size: 20px;
    font-style: normal;
    line-height: 1.45;
    padding: 12px 22px 12px 22px;
    margin-right: 24px;
    display: block;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    width: fit-content;
}


#zonas .views-exposed-form .form-check-label {
    font-size: 18px;
    line-height: 2;
}

#zonas .views-exposed-form .form--inline {
    display: flex;
    align-items: flex-end;
    margin-top: 30px;
}

#zonas .views-exposed-form  .form-actions {
    width: fit-content;
    display: inline-block;
    margin-bottom: 30px;
}

article.node {
    padding-bottom: 100px;
    padding-top: 100px;
}

#zonas ul {
    padding-left: 0;
}

#zonas ul li {
    display: inline-block;
	margin-right: 20px;
}

#zonas ul li:last-child {
	margin-right: 0px;
}

#zonas ul li a {
    font-family: Univers45Light;
    color: #FFF;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solid #FFF;
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.81px;
    padding: 18px 30px 20px 30px;
    height: 57px;
    display: block;
	transition: all 0.3s ease;
}

#zonas ul li a:hover {
    background-color: #666;
	transition: all 0.3s ease;
}

#zonas ul li a.bef-link--selected {
	background-color: #000;
	color:#FFF;
	border-radius: 100px;
	border: 1px solid #000;
}

#zonas .titulo .col-izda {
    padding: 0;
}

#zonas .titulo .col-izda .n02 {
    margin: 0;
}


/* 11- BLOQUE 3 COLUMNAS */

.block-block-contentdfb09994-cb9e-49c8-a425-944ce3de14b6 [id^="col3"] {
	padding-top: 0;
}

[id^="col3"] {
	/* padding-top: 60px;	
	padding-bottom: 60px;	*/
	padding-top: 100px;	
	padding-bottom: 80px;
}

[id^="col3"] .field--name-field-subtitulo {
    font-family: Univers55Roman;
    font-size: 27px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.54px;
    margin-bottom: 20px;
}

[id^="col3"] .field--name-field-titulo,
[id^="col3"] .field--name-field-titulo-format h2 {
    font-family: Univers45Light;
	font-size: 65px;
    line-height: 1;
    letter-spacing: -1.3px;
    /* margin-bottom: 30px; */
}

[id^="col3"] .field--name-body  {
	color: #000;
    font-family: Univers45Light;
    font-size: 27px;
    line-height: 32px;
    letter-spacing: -0.81px;
    padding-top: 20px;
}

.block-block-contentc40d7627-c5d5-49fe-9670-eed0a66b678a,
.block-block-contentd84b3fe2-823b-4a95-b72d-4d596aa1dee2{
	background-color: #FFED00;
}

.block-block-content31643aea-574b-41ad-abdb-c4b6ce5d0e35 {
	background-color: #FFED00;
}

.block-block-contentf503125d-0993-4de2-bcef-89dfb9533254 {
    background-color: #FF8357;
}

.block-block-contentfe5a74ff-7405-4e19-9fb1-71218d7a54f1 {
	background-color: #9F9D9D;
}

.block-block-contentb4620e72-9263-446d-b653-f0a902fddfbe  [id^="col3"] .field--name-body  {
	color: #FFF;
}

.block-block-contentaa333b14-dfee-4cb8-8f2d-0ef2bf24792c {
	padding-top: 40px;
}

.block-block-content8386c5b8-b7f0-41a9-9c0c-7b1800b7b2e5 [id^="col3"]  {
	padding-top:  0;
}

[id^="col3"] .col-dcha {
    padding-top: 45px;
}

[id^="col3"] .col-centro {
    padding-right: 60px;
}

[id^="col3"] .field--name-field-cifra {
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -5px;
    font-size: clamp(50px, 15vw, 125px);
    margin-left: -10px;
}

[id^="col3"] .field--name-field-txt-col {
    font-family: Univers45Light;
	font-size: 20px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.6px;
    text-align: left;
}

[id^="col3"] .field--name-field-enlace a {
	font-family: Univers45Light;
    text-decoration: none;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: -0.81px;
    display: block;
    border: 1px solid #000;
    padding: 12px 75px 12px 25px;
    border-radius: 30px;
    margin: 45px 0 30px;
    height: 57px;
    position: relative;
    color: #000;
    transition: all 0.5s ease;
    width: max-content;
}


[id^="col3"] .field--name-field-enlace a::after {
    content: " ";
    height: 57px;
    width: 57px;
    border: 1px solid #000;
    border-radius: 30px;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
	background-image: url(/images/right.svg);
    background-repeat: no-repeat;
    background-position: center;
}



[id^="col3"]  .field--name-field-col-izda {
    color: #000;
    font-family: Univers45Light;
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -1.3px;
}

[id^="col3"] a.correo {
    font-family: Univers45Light;
    text-decoration: none;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: -0.81px;
    display: block;
    border: 1px solid #000;
    padding: 12px 35px 12px 35px;
    border-radius: 30px;
    margin: 40px 0 40px;
    height: 57px;
    color: #FFF;
    background-color: #000;
    transition: all 0.5s ease;
    width: max-content;
}

[id^="col3"] a.enlace {
	font-family: Univers45Light;
    text-decoration: none;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: -0.81px;
    display: block;
    border: 1px solid #000000;
    padding: 12px 35px 12px 35px;
    border-radius: 30px;
    margin: 40px 0 40px;
    height: 57px;
    color: #000000;
    background-color: #ffffff;
    transition: all 0.5s ease;
    width: max-content;
}

/* 12- CONTENEDOR 2 IMAGENES CON ROLLOVER */
#imagenes .container-fluid.no-padding {
	padding-left: 0;
	padding-right: 0;
}

/* Fila sin márgenes ni gap */
.row.no-gutters {
	margin-left: 0;
	margin-right: 0;
	gap: 0;
}

/* Columnas sin padding horizontal */
#imagenes .col-izda,
#imagenes .col-dcha {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	min-height: 400px;
	overflow: hidden;
}

/* Imagen a ancho completo */
#imagenes .col-izda img, 
#imagenes .col-dcha img {
    width: 100%;
    display: block;
    min-height: 400px;
    object-fit: cover;
	transition:  transform .5s ease;
}

#imagenes .col-izda:hover img, 
#imagenes .col-dcha:hover img {
    width: 100%;
    display: block;
    min-height: 400px;
    object-fit: cover;
	transition:  transform .5s ease;
	transform:  scale(1.1); 
}


#imagenes h3,
#imagenes p,
#imagenes a.enlace {
	color: #000;
	font-family: Univers45Light;
	font-weight: 300;
	font-style: normal;
}














#imagenes {
	position: relative;
	overflow: hidden;
}

#imagenes .col-izda {
	position: relative;
}

#imagenes .sede {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.75);
	width: 100%;
	height: 100%;
	top: 0;
   /* padding: 70px 45px; */
    padding: 5vw 5vw;
	opacity: 0;
	transition: opacity 0.5s ease;
}

#imagenes .sede p {
	padding-left: 5px;
}

#imagenes .sede:hover,
#imagenes .sede:focus-within {
  opacity: 1;
  border: 0;
}

#imagenes .col-izda img, #imagenes .col-dcha img {
    width: 100%;
    display: block;
    min-height: 400px;
    object-fit: cover;
    transition: transform .5s ease;
}

/* --- Título H3 --- */
#imagenes h3 {
	font-size: 65px;
	line-height: 30px;
	letter-spacing: -1.3px;
}

#imagenes .subtitulo {
	font-family: Univers55Roman; 
	font-weight: 400; 
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.6px;
	margin-bottom: 0px;
	display: block;
	padding-right: 75px;
	padding-top: 10px;
}

#imagenes p {
	margin: 0;
}

#imagenes p.ancho {
	max-width: 600px;
}


/* --- Enlace y enlace con Icono --- */



#imagenes a {
font-family: Univers45Light;
    text-decoration: none;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: -0.81px;
    display: block;
    border: 1px solid #000;
    padding: 12px 75px 12px 25px;
    border-radius: 30px;
    margin: 45px 0 30px;
    height: 57px;
    position: relative;
    color: #000;
    transition: all 0.5s ease;
    width: max-content;
}

#imagenes a:hover {
	background-color: #FFF;
	transition: all 0.5s ease;
	color:#000 !important;
	border: 1px solid #000;
}

#imagenes a::after {
    content: " ";
    height: 57px;
    width: 57px;
    border: 1px solid #000;
    border-radius: 30px;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    background-image: url(/themes/custom/eklipse/images/right.svg);
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(0);
    transition: all 0.5s ease;
}

#imagenes a:hover::after {
    transition: all 0.5s ease;
    filter: invert(0);
}

#imagenes a.enlace {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.6px;
	text-decoration: none;
	padding-left: 70px;
	position: relative;
	display: inline-block;
	margin-top: 30px;
}

#imagenes a.enlace::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	background-image: url("../images/localizador.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#imagenes a.enlace:focus {
  outline: none;
}






/* 13- IMAGEN A 10 COLUMNAS*/


#col10img  {
    background-color: #000;
    padding-top: 90px;
    padding-bottom: 90px;
}

#col10img .field--name-field-imagen img {
	width: 100%;
}





/* 14- ANIMACIONES */

/* animation: zoomout 5s ease-out normal; */
@keyframes zoomout{
    from {
        transform: scale(1.1);
    }

    to {
        transform: scale(1)
    }
}
	
 
 /* animation: aparecerTexto 0.6s ease-out forwards; */
@keyframes aparecerTexto {
  from {
    opacity: 0;
    transform: translateY(150px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
	



/* 15 - ERROR 404 */
.page-route-system-404 .region-content {
    min-height: 370px;
    padding: 100px;
    margin-top: 97px;
    display: flex;
    align-items: center;
}

.page-route-system-404 .navbar {
    background-color: #000;
}





/* 16 - PAGINA BÁSICA */
.page-node-type-page  .navbar {
	 background-color: #000 !important;
}

.page-node-type-page  article.node--type-page {
    max-width: 1320px;
    margin: auto;
    padding-top: 180px;
}






/* 17. COOKIES POPUP
------------------------*/

#popup-text button.find-more-button {
    font-size: 16px;
}

#popup-text  {
    line-height: 1.1;
    margin-bottom: 10px;
}

#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;
}




/* 18. PAGINA 404 */

#pag404 {

}

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

#pag404 h1{
	color: #000;
    font-family: Univers45Light;
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -1.3px;
}

#pag404 h2{
	color: #000;
    font-family: Univers45Light;
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -1.3px;
}

ul.links-404 {
    padding-left: 20px;
}