@charset "UTF-8";
 
/*!
 * PAGINAS - GLOBAL
 *
 * 1 - 12 DE AGOSTO
 * 2 - MUNICIPIOS
 * 3 - PUNTOS DE OBSERVACIÓN
 * 4 - SEGURIDAD Y CONSEJOS
 */
 



/* ==========================================================================
   1 - 12 DE AGOSTO & GENERAL
   ========================================================================== */

.block-block-contentb4620e72-9263-446d-b653-f0a902fddfbe {
    background-color: #808080;
	color: #FFF;
}

.block-block-contentb4620e72-9263-446d-b653-f0a902fddfbe [id^="col3"] {
    padding-top: 100px;
    padding-bottom: 100px;
}

.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 .linea {
    display: flex;
    justify-content: space-between;
}

.linea .enlace-marca a{
    color: #FFF;
    font-family: Univers45Light;
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -1.3px;
    margin-bottom: 30px;
	transition: all 0.5s ease;
}

.linea .enlace-marca a:hover {
    color: #FFED00;
	transition: all 0.5s ease;
}


  /* 2-  MUNICIPIOS*/

/* Ordenación de tabla */
.tablesort--desc,
.tablesort--asc {
  filter: brightness(0);
  background-position: 3px 3px;
}

.path-_2-de-agosto .view-id-municipios .view-header {
    background-color: #000;
    color: #FFF;
    padding-top: 30px;
    padding-bottom: 10px;
}

.path-_2-de-agosto .view-id-municipios .view-filters {
    background-color: #000;
    color: #FFF;
    padding-bottom: 30px;
}

.path-_2-de-agosto .view-id-municipios .view-empty {
    background-color: #000;
    color: #FFF;
    font-size: 20px;
    padding-bottom: 40px;
    line-height: 24px !important;
    letter-spacing: -0.6px !important;
}

.path-_2-de-agosto  #datos-observacion {
    background-color: #000;
    color: #FFF;
    padding-top: 80px;
    padding-bottom: 10px;
}

.path-_2-de-agosto  #datos-observacion h2 {
	color: #FFF;
    font-family: Univers45Light;
	font-size: 65px;
	font-weight: 300;
	line-height: 65px;
	letter-spacing: -1.3px;
}

.path-_2-de-agosto  #datos-observacion p {
	color: #FFF;
    font-family: Univers45Light;
	font-size: 27px;
	font-weight: 300;
	line-height: 32px; 
	letter-spacing: -0.81px;
}

.path-_2-de-agosto .view-id-municipios #edit-actions {
    width: fit-content;
    display: inline-block;
    padding-top: 38px;
}

.path-_2-de-agosto .view-id-municipios .views-exposed-form, 
.path-_2-de-agosto .view-id-municipios .view-content table, 
.path-_2-de-agosto .view-id-municipios .view-empty {
    max-width: 1320px;
    margin: auto;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 27px;
}

.path-_2-de-agosto .view-id-municipios .view-content table {
	--bs-table-striped-bg: #ffed00 !important;
	--bs-table-border-color: #000000;
}

.path-_2-de-agosto .view-id-municipios .view-empty {
	font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.6px;
    margin-bottom: 30px;
}

.view-id-municipios {
    background-color: #000;
    padding-bottom: 40px;
}

.view-id-municipios .view-content {
    background-color: #FFED00;
    padding-top: 60px;
    padding-bottom: 60px;
}

.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-actions {
    width: fit-content;
    display: inline-block;
    padding-top: 38px;
	margin-left: 10px;
}

.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-control, 
.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-select {
	font-family: Univers45Light;
    border-radius: 30px;
    font-size: 27px;
    line-height: 34px;
    padding-top: 11px;
    height: 57px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 300px;
}

.path-_2-de-agosto .view-id-municipios .views-exposed-form .form-control {
	margin-right: 10px;
}



.path-_2-de-agosto .view-id-municipios th.views-field a {
    border: 1px solid #000;
    text-decoration: none;
    border-radius: 30px;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    min-width: max-content;
    font-weight: 100;
    padding: 13px 20px;
    height: 45px;
    font-size: 18px;
	position: relative;
}



.path-_2-de-agosto .view-id-municipios .table > :not(caption) > * > * {
    vertical-align: middle;
    line-height: 1.2;
    font-size: 24px;
    background-color: #FFED00;
    padding-top: 15px;
}

.view-id-municipios  ul.pagination {
    background-color: #FFED00;
	padding-bottom: 50px;
}

.path-_2-de-agosto .table-striped > tbody > tr:nth-of-type(odd) > * {
	background-color: #FFED00 !important;
}

.path-_2-de-agosto .table-striped > tbody > tr > td:first-child {
	padding-left: 0;
	
}

.path-_2-de-agosto .view-id-municipios thead {
    padding-bottom: 30px;
}

.path-_2-de-agosto .view-id-municipios thead tr th:first-child {
    padding-left: 0;
}

.path-_2-de-agosto .view-id-municipios [id^="edit-actions"]  input.button {
    height: 57px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    font-size: 27px;
    background: transparent;
    border: 1px solid #FFF;
    font-family: Univers45Light;
    border-radius: 30px;
}



.pagination {
    background-color: #FFF;
}

.page-item:not(:first-child) .page-link {
    margin-left: auto !important;
}

.page-item .page-link {
	background-color: #FFF;
    color: #000;
    border: 0;
}
 
.page-item:last-child .page-link,
.page-item:first-child .page-link {
    color: transparent;
	border-radius: 30px;
}

.page-item.active.is-active .page-link {
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: -0.81px;
    padding-top: 16px;
	color:#000 !important;
	background: transparent;
}

.page-item .page-link {
    background-color: #ffed00;
}

.pagination li.pager__item--previous,
.pagination li.pager__item--next {
    width: 58px;
}

.pager__item--previous  a.page-link {
    background: url(/themes/custom/eklipse/images/right.svg);
    height: 57px;
    width: 57px;
    background-repeat: no-repeat;
	rotate: 180deg;
	display: block;
}

.pager__item--next  a.page-link {
    background: url(/themes/custom/eklipse/images/right.svg);
    height: 57px;
    width: 57px;
    background-repeat: no-repeat;
}


.path-_2-de-agosto .view-id-municipios .views-exposed-form label {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.6px;
    margin-bottom: 10px;
}

/* Bloque Más información */
.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 {
    background-color: #000;
    color: #FFF;
    padding-top: 120px;
    padding-bottom: 100px;
    border-top: 1px solid #FFF;
    margin-top: -56px;
}

.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 h2{
	color: #FFF;
    font-family: Univers45Light;
	font-size: 65px;
	font-style: normal;
	font-weight: 300;
	line-height: 65px; /* 100% */
	letter-spacing: -1.3px;
	margin-bottom: 30px;
}

.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 p {
	color: #FFF;
    font-family: Univers45Light;
	font-size: 27px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 118.519% */
	letter-spacing: -0.81px;
}

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

.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 a.enlace::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;
    filter: invert(1);
	transform: rotate(-45deg);
	    transition: all 0.5s ease;
}



.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 a.enlace:hover {
    background-color: #FFED00;
	color: #000;
	border-color: #000;
	    transition: all 0.5s ease;
}

.block-block-content5fcfda1d-4eea-4d0d-b46f-6d4e0a6a0967 a.enlace:hover::after {
    filter: invert(0);
	    transition: all 0.5s ease;
}

 /* 3-  PUNTOS DE OBSERVACIÓN */

/*Cabecera*/

.page-node-type-puntos-observacion #cabecera {
    background-color: #000;
    color: #FFF;
    padding: 150px 30px 50px 30px;
    /* height: calc(100vh - 90px); */
    height: 100vh;
}

.page-node-type-puntos-observacion #cabecera h1 {
    text-align: center;
    text-transform: uppercase;
	color: #FFF;
	font-size: 118.221px;
	font-style: normal;
	font-weight: 300;
	line-height: 118.221px; 
	letter-spacing: -2.364px;
    animation: aparecerTexto 0.6s ease-out forwards;
}

@keyframes aparecerTexto {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.block-block-content758d3df2-2c78-4077-b713-473f0595d4fa {
	padding-top: 40px;
}

.page-node-type-puntos-observacion #cabecera .numero, 
.page-node-type-puntos-observacion #cabecera .red,
.page-node-type-puntos-observacion #cabecera .fecha, 
.page-node-type-puntos-observacion #cabecera .navarra{
	color: #FFF;
	font-size: 65px;
	font-style: normal;
	font-weight: 300;
	line-height: 65px; 
	letter-spacing: -1.3px;    
    font-family: Univers45Light;
}

.page-node-type-puntos-observacion #cabecera .fecha, 
.page-node-type-puntos-observacion #cabecera .navarra {
    text-align: right;
	animation: aparecerTexto 1s ease-out forwards;
}

.page-node-type-puntos-observacion article.node {
    padding: 0;
}

.page-node-type-puntos-observacion #cabecera .numero {
	display: flex;
	animation: aparecerTexto 1s ease-out forwards;
}

.page-node-type-puntos-observacion #cabecera .abajo {
    display: flex;
    align-items: flex-end;
	animation: aparecerTexto 1s ease-out forwards;
}

.page-node-type-puntos-observacion #cabecera .red {
    border-bottom: 1px solid #FFF;
    width: fit-content;
}


/* Contenido */

.page-node-type-puntos-observacion #contenido {
	padding-top: 90px;
	padding-bottom: 90px;
}

.page-node-type-puntos-observacion #contenido h2 {
	color: #000;
    font-family: Univers45Light;
	font-size: 27px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; 
	letter-spacing: -0.54px;
}

.page-node-type-puntos-observacion #contenido h2.bloque__titulo {
	margin-top: 20px;
}

.page-node-type-puntos-observacion #contenido .bloque__cuerpo h3{
    font-weight: 600;
}

.page-node-type-puntos-observacion #contenido .field--name-field-latitud, 
.page-node-type-puntos-observacion #contenido .field--name-field-longitud {
    color: #000;
    font-family: Univers45Light;
    /* font-size: 141px;
	line-height: 141px;     */
	font-size: 110px;
	line-height: 110px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -7.095px;
    /* padding-top: 15px; */
}

.page-node-type-puntos-observacion #contenido .field--name-field-segundos {
    color: #000;
    font-family: Univers45Light;
     font-size: 141px;
	line-height: 141px;     
    font-style: normal;
    font-weight: 300;
    letter-spacing: -7.095px;
    padding-top: 50px;
}

.page-node-type-puntos-observacion #contenido .field--name-field-aforo {
    color: #000;
    font-family: Univers45Light;
    font-size: 141.907px;
    font-style: normal;
    font-weight: 300;
    line-height: 141px;
    letter-spacing: -7.095px;
    padding-top: 20px;
}

.page-node-type-puntos-observacion #contenido .field--name-field-titulo {
	color: #000;
    font-family: Univers45Light;
	font-size: 65px;
	font-style: normal;
	font-weight: 300;
	line-height: 65px;
	letter-spacing: -1.3px;
}

.page-node-type-puntos-observacion #contenido .field--name-field-cuerpo p {
    color: #000;
    font-family: Univers45Light;
    font-size: 27px;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.81px;
    padding-top: 17px;
    padding-bottom: 10px;
}

.page-node-type-puntos-observacion #contenido .field--name-field-cuerpo ul {
    color: #000;
    font-family: Univers45Light;
    font-size: 27px;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.81px;
    padding-top: 17px;
    padding-bottom: 10px;
	 padding-left: 18px;
}

.page-node-type-puntos-observacion #contenido .field--name-field-cuerpo ul li {
	padding-bottom: 15px;
}

.page-node-type-puntos-observacion #contenido .bloque-txt-links {
    padding-bottom: 70px;
}

.page-node-type-puntos-observacion .imagen img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.page-node-type-puntos-observacion #contenido .col-centro .field--name-field-enlace a,
.page-node-type-puntos-observacion #contenido .col-centro a.bloque__pdf,
.page-node-type-actividades #contenido .col-centro .field--name-field-enlace a,
.page-node-type-actividades #contenido .col-centro a.bloque__pdf {
    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: 0 0 30px;
    height: 57px;
    position: relative;
    color: #000;
    transition: all 0.5s ease;
    width: max-content;
}

.page-node-type-puntos-observacion #contenido .col-centro .field--name-field-enlace a:hover,
.page-node-type-puntos-observacion #contenido .col-centro a:hover.bloque__pdf,
.page-node-type-actividades #contenido .col-centro .field--name-field-enlace a:hover,
.page-node-type-actividades #contenido .col-centro a:hover.bloque__pdf {
	background-color: #FFF;
	transition: all 0.5s ease;
}


.page-node-type-puntos-observacion #contenido .col-centro .field--name-field-enlace a::after,
.page-node-type-actividades #contenido .col-centro .field--name-field-enlace a:after {
    background-image: url(/images/right.svg);
    background-repeat: no-repeat;
    background-position: center;
    content: " ";
    height: 57px;
    width: 57px;
    border: 1px solid #000;
    border-radius: 30px;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    rotate: -45deg;
}

.page-node-type-puntos-observacion #contenido .col-centro a.bloque__pdf::after,
.page-node-type-actividades #contenido .col-centro a.bloque__pdf::after {
    background-image: url(/images/right.svg);
    background-repeat: no-repeat;
    background-position: center;
    content: " ";
    height: 57px;
    width: 57px;
    border: 1px solid #000;
    border-radius: 30px;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    rotate: 90deg;
}





/* 4-  SEGURIDAD Y CONSEJOS */

.path-seguridad-consejos #col10img  {
    background-color: #000;
    padding-top: 90px;
    padding-bottom: 90px;
	color: #FFF;
	text-align: center;
    font-family: Univers45Light;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; 
	letter-spacing: -0.6px;
}

.path-seguridad-consejos #col10img .field--name-field-pie-foto {
	padding-top: 20px;
}

.path-seguridad-consejos #col3--2,
.path-seguridad-consejos #col3--4,
.path-accesibilidad #col3--2,
.path-accesibilidad #col3--3,
.path-accesibilidad #col3--4  {
	padding-top: 0;
}

.path-seguridad-consejos [id^="col3"] .field--name-field-titulo,
.path-accesibilidad [id^="col3"] .field--name-field-titulo {
    margin-bottom: 0px;
}