@charset "UTF-8";
/* GLOBAL */
@font-face {
  font-family: "LL Replica Pro Bold Web";
  src: url("fonts/lineto-replica-pro-bold.eot");
  src: url("fonts/lineto-replica-pro-bold.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-bold.woff2") format("woff2"), url("fonts/lineto-replica-pro-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Bold Italic Web";
  src: url("fonts/lineto-replica-pro-bolditalic.eot");
  src: url("fonts/lineto-replica-pro-bolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-bolditalic.woff2") format("woff2"), url("fonts/lineto-replica-pro-bolditalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Heavy Web";
  src: url("fonts/lineto-replica-pro-heavy.eot");
  src: url("fonts/lineto-replica-pro-heavy.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-heavy.woff2") format("woff2"), url("fonts/lineto-replica-pro-heavy.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Heavy Italic Web";
  src: url("fonts/lineto-replica-pro-heavyitalic.eot");
  src: url("fonts/lineto-replica-pro-heavyitalic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-heavyitalic.woff2") format("woff2"), url("fonts/lineto-replica-pro-heavyitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Italic Web";
  src: url("fonts/lineto-replica-pro-italic.eot");
  src: url("fonts/lineto-replica-pro-italic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-italic.woff2") format("woff2"), url("fonts/lineto-replica-pro-italic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Light Web";
  src: url("fonts/lineto-replica-pro-light.eot");
  src: url("fonts/lineto-replica-pro-light.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-light.woff2") format("woff2"), url("fonts/lineto-replica-pro-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Light Italic Web";
  src: url("fonts/lineto-replica-pro-lightitalic.eot");
  src: url("fonts/lineto-replica-pro-lightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-lightitalic.woff2") format("woff2"), url("fonts/lineto-replica-pro-lightitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LL Replica Pro Regular Web";
  src: url("fonts/lineto-replica-pro-regular.eot");
  src: url("fonts/lineto-replica-pro-regular.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-pro-regular.woff2") format("woff2"), url("fonts/lineto-replica-pro-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: Helvetica, Arial, "sans-serif";
  color: rgb(0, 0, 0);
  scroll-behavior: smooth;
}
@media (min-width: 1024px) {
  html.map-page main,
  body.map-page main {
    min-height: 0;
  }
}
@media (min-width: 1024px) {
  html.map-page footer#footer,
  body.map-page footer#footer {
    margin-top: 0;
  }
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
form legend {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.detail-page h2 span,
.category-page h1 span,
.category-map h1 span,
.search-page h1 span {
  display: block;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

/* Global parametres */
:root {
  --menu-size: 2.5rem;
  --detail-cover-page-height: calc(var(--vh, 1vh) * 100);
  --gap: 20px;
  --button:var(--gap);
  --spacing: -0.04em;
  --columnat_dret: calc(100vw - (var(--gap)*3));
  --home-section: 90vw;
  font-size: 16px;
  --title-ruta: clamp(22px, calc(18px + (31 - 22) * ((100vw - 375px) / (768 - 375))), 31px);
}
@media (min-width: 768px) {
  :root {
    --menu-size:4.3rem;
    --detail-cover-page-height: calc(100vh - (var(--menu-size) * 2));
    --home-section: 90vw;
    --margin-page: 5vw;
    --gap: 20px;
    --top-search-map: 0px;
    --columnat_dret: 90vw;
    font-size: 16px;
    --title-ruta: clamp(18px, calc(18px + (31 - 18) * ((100vw - 1024px) / (1920 - 1024))), 31px);
  }
}
@media (min-width: 1024px) {
  :root {
    --menu-size: 3.5rem;
    --detail-cover-page-height: calc(100vh - (var(--menu-size) * 1));
    --home-section: 85vw;
    --gap: 20px;
    --top-search-map: 0px;
    --height-home-map: 0px;
    --top-header-map: 0px;
    --height-map-bloc: calc(100vh - (var(--height-home-map)));
    --col_esq: 20%;
    --col_dret: 80%;
    --columnat_dret: 70%;
    --columnat_dret_menu: 100%;
    --scroll-bar: 0px;
    font-size: clamp(16px, 16px + 7.3333 * (100vw - 1360px) / 880, 23.3333px);
    --button:clamp(16px, calc(16px + (23.3333 - 16) * ((100vw - 1360px) / (2240 - 1360))), 23.3333px);
  }
}
@media (min-width: 1280px) {
  :root {
    --columnat_dret: calc((var(--gap) * 2) + ((100% - (var(--gap) * 3)) / 4) * 3);
    --columnat_dret_menu: 100%;
  }
}
@media (min-width: 1366px) {
  :root {
    --menu-size: 3rem;
    --gap: 20px;
  }
}
@media (min-width: 1500px) {
  :root {
    --gap: 20px;
  }
}

*:focus {
  outline: none;
}

.image,
img {
  max-width: 100%;
  max-height: 100%;
  margin: 0px;
}

img {
  display: block;
}

a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

a:hover,
a:focus {
  text-decoration: underline !important;
}

.error {
  height: 72vh;
  display: flex;
  align-items: center;
  width: 90vw;
  margin: auto;
  margin-bottom: calc(0px - var(--gap) * 6);
}

.fa {
  display: none;
}

.text-component h3 {
  font-family: "LL Replica Pro Bold Web", sans-serif;
  font-weight: normal;
  font-size: 1.4rem !important;
}

.text-component h3 a {
  text-decoration: underline;
}

.js .cd-h-timeline__container {
  position: relative;
  height: 46px;
}
.js .cd-h-timeline__line {
  top: 23px;
}
.js .chrono ol {
  margin-top: 1rem;
  list-style-type: none;
}
.js .chrono .cd-h-timeline__event {
  border: 1px solid rgb(236, 236, 236);
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1rem !important;
  top: 1rem;
  padding-bottom: 1rem !important;
}
.js .chrono .cd-h-timeline__event.cd-h-timeline__event--selected {
  top: 0rem;
}
.js .cd-h-timeline__event-date {
  font-style: normal;
  font-size: 0.8rem;
}
.js .cd-h-timeline__event-date:before {
  content: "";
}
.js .cd-h-timeline__dates::after {
  right: 0;
  background: #dfdfdf;
  width: 100%;
  height: 2px;
  top: 23px;
  z-index: -1;
}
.js .cd-h-timeline__date {
  white-space: nowrap;
}
.js .cd-h-timeline__date::after {
  background-color: rgb(255, 255, 255);
}

.cd-h-timeline .horizontal-timeline .events-content {
  height: unset !important;
  margin: 0;
}

.horizontal-timeline {
  overflow: hidden;
}
.horizontal-timeline .events-content {
  margin-top: 0;
}
.horizontal-timeline .timeline {
  align-items: flex-end;
}

@media only screen and (max-width: 1100px) {
  .horizontal-timeline .timeline {
    padding-bottom: 0 !important;
  }
}
.horizontal-timeline .events a {
  font-size: 0.8em;
}
.horizontal-timeline .events a.selected {
  font-weight: 700;
}

.horizontal-timeline .events-content li[data-date].selected, .horizontal-timeline .events-content li[data-horizontal-timeline] {
  background: #fff;
  border-radius: 0;
}

.horizontal-timeline .events-content li[data-date], .horizontal-timeline .events-content li[data-horizontal-timeline] {
  transition: opacity 0s;
}

h3.cd-h-timeline__event-title {
  text-align: left;
  margin-bottom: 0.3em;
}

.horizontal-timeline .events {
  background-color: rgb(233, 233, 233);
  height: 2px;
}

.horizontal-timeline .filling-line {
  background-color: #000;
}

.horizontal-timeline .events a.older-event::after, .horizontal-timeline .events a.selected::after {
  background-color: #000;
}

.horizontal-timeline .events a::after {
  bottom: -5px;
  background-color: #e9e9e9;
}

@media (max-width: 1100px) {
  .timeline-navigation#leftNav, .timeline-navigation#rightNav {
    bottom: -3px !important;
  }
}
.timeline-navigation {
  position: relative;
  top: -5px;
}

.timeline-navigation#leftNav, .timeline-navigation#rightNav {
  display: block !important;
}
.timeline-navigation#leftNav a, .timeline-navigation#rightNav a {
  width: 2rem;
  height: 2rem;
  display: block;
  border: 2px solid;
  border-radius: 50%;
  position: relative;
  transform: translateY(-20%);
}
.timeline-navigation#leftNav a.inactive:before, .timeline-navigation#rightNav a.inactive:before {
  opacity: 0.2;
}
.timeline-navigation#leftNav a.inactive:hover, .timeline-navigation#rightNav a.inactive:hover {
  border-color: #d3d3d3;
}

.fa-arrow-circle-left:before, .fa-arrow-circle-right:before {
  font-size: 0.6em;
  content: "" !important;
  position: absolute;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: url("../images/icons/previous-blk.png") no-repeat center center;
  background-size: contain;
}

.fa-arrow-circle-right:before {
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.timeline-navigation a.inactive, .timeline-navigation a:hover {
  text-decoration: none !important;
}

.timeline-navigation a:hover {
  text-decoration: none !important;
  color: #000;
}

p {
  line-height: 140%;
}

.home-cover-page,
.search-page,
.detail-page {
  margin-top: calc(0px - var(--menu-size));
}

aside h1 {
  margin-top: calc(var(--menu-size) * 1.6);
  font-size: 2.525rem;
  line-height: 1.05em;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  padding: 0px;
  font-family: "LL Replica Pro Bold Web", sans-serif;
  margin-bottom: 15vh;
  font-weight: normal;
}
@media (min-width: 1024px) {
  aside h1 {
    font-size: 2.725rem;
  }
}

h2 {
  text-transform: uppercase;
  letter-spacing: -0.06em;
  margin-top: 1em;
  line-height: 100%;
  font-family: "LL Replica Pro Bold Web", sans-serif;
}

h2 {
  font-size: 1.3rem;
}

.detail-page h2 {
  margin-bottom: 1em;
}
.detail-page section.rutes_apunts .slider-home {
  position: relative;
}
.detail-page section.rutes_apunts .swiper-slide {
  height: auto;
  padding-bottom: 1rem !important;
}
.detail-page section.rutes_apunts .swiper-slide .content-slide {
  height: 100%;
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .route_options {
  position: absolute;
  z-index: 1;
  top: 2vw;
  right: 3vw;
}
@media (min-width: 1024px) {
  .detail-page section.rutes_apunts .swiper-slide .content-slide .route_options {
    top: 0.9vw;
    right: 0.9vw;
    width: 1.7rem;
  }
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .route_options span {
  display: block;
  aspect-ratio: 1;
  width: calc(var(--gap) * 1);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #111;
  filter: invert(1);
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .detail-page section.rutes_apunts .swiper-slide .content-slide .route_options span {
    width: 1.7rem;
  }
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .route_options span.route-by-walk {
  background-image: url(../images/walking.svg);
  background-size: 34%;
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .route_options span.route-by-bike {
  background-image: url(../images/bicycle.svg);
  background-size: 68%;
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .route_options span.route-by-car {
  background-image: url(../images/car.svg);
  background-size: 65%;
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .details {
  padding: 1rem;
  position: static;
}
@media (min-width: 1024px) {
  .detail-page section.rutes_apunts .swiper-slide .content-slide .details {
    padding: 1rem;
    margin-top: 0;
  }
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .details .numero, .detail-page section.rutes_apunts .swiper-slide .content-slide .details .author {
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: 0rem;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .detail-page section.rutes_apunts .swiper-slide .content-slide .details .numero, .detail-page section.rutes_apunts .swiper-slide .content-slide .details .author {
    font-size: 0.8rem !important;
  }
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .details .author {
  text-transform: none;
  margin-top: 1rem;
}
.detail-page section.rutes_apunts .swiper-slide .content-slide .details .title {
  padding: 0;
  font-size: 1.7rem !important;
  margin-top: 0.5rem !important;
}
@media (min-width: 1024px) {
  .detail-page section.rutes_apunts .swiper-slide .content-slide .details .title {
    font-size: 1.3rem !important;
  }
}
.detail-page section.rutes_apunts .swiper-slide .content-slide:hover .title {
  background-color: transparent;
}
.detail-page .slider-works, .detail-page .slider-autors, .detail-page .slider-arxiu, .detail-page .slider-audiovisual, .detail-page .slider-bibliografia, .detail-page .slider-autors, .detail-page .slider-relacionats, .detail-page .slider-societats {
  position: relative;
  width: 100%;
  grid-row: 2;
  grid-column: 1/span 2;
}
.detail-page button.format {
  display: none;
}
.detail-page .work-relations .swiper {
  padding-top: 0;
  margin-top: 3rem;
}
.detail-page .work-relations .slider-relacionats {
  padding-bottom: 0 !important;
}
@media (min-width: 1024px) {
  .detail-page .work-relations .slider-relacionats {
    padding-bottom: 0 !important;
  }
}
.detail-page .works .slider-relacionats {
  padding-bottom: calc((100vw - var(--columnat_dret)) * 0.5) !important;
}
@media (min-width: 1024px) {
  .detail-page .works .slider-relacionats {
    padding-bottom: 0 !important;
  }
}

p.relations {
  font-size: 0.8rem;
  font-weight: 600;
}

p.relations span {
  font-weight: 400;
  font-size: 0.7rem;
  text-transform: uppercase;
}

span.span-block {
  display: block;
}

.detail-page .chrono h2 {
  margin-bottom: 0.7em;
}

.detail-page .col-right h2 span {
  display: inline;
}

input:focus::-webkit-input-placeholder {
  color: rgb(0, 0, 0);
}

input:focus:-moz-placeholder {
  color: rgb(0, 0, 0);
}

input:focus::-moz-placeholder {
  color: rgb(0, 0, 0);
}

input:focus:-ms-input-placeholder {
  color: rgb(0, 0, 0);
}

/* END GLOBAL */
/* GLOBAL NAVIGATION */
body .site > header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  background-color: rgb(255, 255, 255);
  z-index: 100;
  height: var(--menu-size);
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.6s;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.4);
  scroll-behavior: smooth;
}
body .site > header.scrolling {
  transform: translateY(-100%);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.nav-languages {
  position: sticky;
  margin-left: auto;
  height: var(--menu-size);
  width: var(--menu-size);
  right: 0;
  top: 0;
  background-color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.7em;
  z-index: 2;
  cursor: pointer;
}
@media (min-width: 768px) {
  .nav-languages {
    position: fixed;
    right: 7.5vw;
  }
}
.nav-languages > p {
  height: calc(var(--menu-size) * 0.53);
  margin: 0;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-languages ul {
  display: none;
  position: absolute;
  top: calc(var(--menu-size) * 0.73);
  padding: 1em;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
  left: 0x;
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
}
.nav-languages ul:after {
  content: "";
  width: 100%;
  height: 1em;
  display: block;
  background: #f9f9f9;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
.nav-languages ul li {
  width: 100%;
}
.nav-languages ul li a {
  display: none;
  width: 100%;
}
.nav-languages:hover, .nav-languages:focus {
  border-top: 0;
  background-color: #f9f9f9;
}
.nav-languages:hover ul, .nav-languages:focus ul {
  display: flex;
  border-top: 0;
}
.nav-languages:hover ul:after, .nav-languages:focus ul:after {
  display: block;
}
.nav-languages:hover ul li.active, .nav-languages:focus ul li.active {
  display: none;
}
.nav-languages:hover ul li a, .nav-languages:focus ul li a {
  display: block;
  margin-top: 1em;
}
.nav-languages:hover ul li a.active, .nav-languages:focus ul li a.active {
  font-weight: 700;
}
.nav-languages:hover ul li a:hover, .nav-languages:focus ul li a:hover {
  font-weight: 700;
}

body .site > header .global-navigation.hide-header {
  opacity: 0;
}

/* logo */
.global-navigation .logo-top {
  position: absolute;
  left: var(--gap);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 1024px) {
  .global-navigation .logo-top {
    left: 7.5vw;
  }
}

.global-navigation .logo-top img {
  width: auto;
  height: 31px;
  /* padding: 0.2rem; */
}

.global-navigation .logo-top img {
  height: calc(var(--menu-size) * 0.6);
}
@media (min-width: 1024px) {
  .global-navigation .logo-top img {
    height: calc(var(--menu-size) * 0.53);
  }
}

.global-intro,
.global-credits,
.global-sugg {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: auto;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
}
@media (min-width: 1024px) {
  .global-intro,
  .global-credits,
  .global-sugg {
    height: 100vh;
  }
}

.global-intro.active,
.global-credits.active,
.global-sugg.active {
  display: block;
}

.global-intro h3,
.global-credits h3,
.global-sugg h3 {
  line-height: 2.6em;
  padding-top: calc(var(--menu-size) / 2);
  padding-bottom: calc(var(--menu-size) / 1.8);
  font-size: 2rem;
  max-width: var(--columnat_dret);
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-family: "LL Replica Pro Bold Web", sans-serif;
  font-weight: normal;
}

.global-intro p {
  line-height: 160%;
  max-width: var(--columnat_dret);
  margin: auto;
  margin-bottom: 1rem;
}
.global-intro p.about_authors {
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.global-intro p.about_media {
  padding-left: 5vw;
  padding-right: 5vw;
  margin: 0;
  margin-bottom: 2rem;
  width: 100vw;
  max-width: 100vw;
}
@media (min-width: 1024px) {
  .global-intro p.about_media {
    margin: auto;
    padding: 0;
    margin-bottom: 4rem;
    margin-top: 4rem;
    width: 66vw;
    max-width: 1080px;
    margin-bottom: 4rem;
  }
}
.global-intro p.about_media iframe {
  width: 100%;
  max-width: var(--columnat_dret);
  aspect-ratio: 16/9;
  margin: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .global-intro p.about_media iframe {
    max-width: 100%;
  }
}

/* -- mod 21 -- */
.global-sugg h3.peticio-arxiu {
  display: none;
}

.global-sugg.peticio-arxiu h3 {
  display: none;
}

.global-sugg.peticio-arxiu h3.peticio-arxiu {
  display: block;
}

.global-sugg .strat.block0 p.peticio-arxiu {
  display: none;
}

.global-sugg .strat.block0 p.intro-suggeriments,
.global-sugg .strat.block0 p.peticio-arxiu {
  white-space: pre-line;
  display: block;
}

.global-sugg.peticio-arxiu .strat.block0 p {
  display: none;
}

.global-sugg.peticio-arxiu .strat.block0 p.peticio-arxiu {
  display: block;
}

.global-sugg .sugg.peticio-arxiu .current_document_image img {
  filter: invert(0);
  max-width: 100%;
  max-height: 50vh;
}

.global-sugg .block1 .sugg > .type-6 {
  display: none;
}

.global-sugg .block1.type-6 .sugg > .type-6 {
  display: block;
}

.global-sugg .block1.type-6 .sugg > #type {
  display: none;
}

.global-sugg .block2.type-6 .current_document_header {
  text-transform: uppercase;
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 1rem;
}

.global-sugg .block2.type-6 .current_document_title {
  margin-bottom: 1rem;
  font-weight: bold;
  grid-column: 2;
  grid-row: 2;
}

/*
	@media (min-width: 1024px) { 
		width: 50%;
	}
*/
.global-sugg .block2.type-6 .current_document_image {
  grid-column: 1;
}

p.sugg.type-6.peticio-arxiu {
  display: grid !important;
  grid-template-columns: 1fr 2fr;
  grid-gap: 2rem;
}
@media (min-width: 1024px) {
  p.sugg.type-6.peticio-arxiu {
    grid-template-columns: 1fr 2fr 3fr;
  }
}

.global-sugg p {
  margin: 0;
}

.global-sugg h3 {
  line-height: 1.2;
}

.global-sugg .strat {
  grid-row-gap: 0;
}

input.error-form,
span.error-form,
select.error-form {
  border: 1px solid #2ff !important;
  position: relative;
}

span.error-form.select2-container {
  border: none !important;
  background: unset;
}

span.select2.error-form .select2-selection {
  position: relative;
}

.global-sugg .sugg .error-form .select2-selection {
  border: 1px solid #2ff !important;
}

.global-sugg .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #000;
}

input.error-form:before,
span.error-form:before,
select.error-form:before {
  content: "Error";
  display: block;
  color: #2ff;
}

input.error-form[type=file]:before,
span.acceptacio.error-form:before,
span.select2.error-form:before {
  content: unset;
}

.global-sugg input,
.global-sugg select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #f5f5f5;
  padding: 1em;
  width: 100%;
  color: #000;
  font-size: 1rem;
  margin-bottom: 1rem;
  position: relative;
  font-family: Helvetica, Arial, "sans-serif";
}

input.send {
  filter: invert(1);
  cursor: pointer;
}

.global-sugg .acceptacio input,
.global-sugg .vincle input {
  width: auto;
  margin-right: 1em;
  float: left;
}

.global-sugg .acceptacio input#accepto {
  cursor: pointer;
}

.global-sugg .acceptacio [type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}

.global-sugg .acceptacio [type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  align-content: center;
}

.global-sugg .acceptacio [type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #aaa;
  background-color: #ccc;
  border-radius: 0;
  margin-right: 1rem;
}

.global-sugg .acceptacio [type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after {
  content: "✕";
  position: absolute;
  left: 0.38em;
  font-size: 1em;
  color: #000;
  line-height: 0;
}

.global-sugg .acceptacio [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(0);
}

.global-sugg .acceptacio [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.global-sugg .acceptacio input:checked,
.global-sugg .vincle input:checked {
  background-color: #f0f;
}

.global-sugg .acceptacio label,
.global-sugg .vincle label {
  line-height: 2.6rem;
}

.global-sugg .text_acceptacio {
  font-size: 0.9em;
}
.global-sugg .text_acceptacio strong {
  display: inline;
}
.global-sugg .acceptacio {
  display: flex;
  align-items: center;
}
.global-sugg .acceptacio a {
  float: left;
  line-height: 2.6rem;
}

.global-sugg select {
  background-image: url("../images/icons/down-blk.png");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 0.8em;
}

.global-sugg input#images,
.global-sugg input#memory {
  border: 0;
  padding: 0;
  color: transparent;
  margin: 0;
}

.global-sugg input#images::-webkit-file-upload-button,
.global-sugg input#memory::-webkit-file-upload-button {
  visibility: hidden;
}

.global-sugg input#images,
.global-sugg input#memory {
  display: inline-block;
  color: #000;
  border: 1px solid #aaa;
  background-color: #ccc;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  font-family: Helvetica, Arial, "sans-serif";
  font-weight: 400;
  /* padding: 1rem; */
  border-radius: 0;
  width: 100%;
  text-align: center;
}

.global-sugg p.capcha {
  background-color: #ddd;
  min-height: 6rem;
  margin-bottom: 1rem;
}

.global-sugg label {
  padding-bottom: 1rem;
  display: block;
}

.global-sugg .acceptacio label {
  padding-bottom: 0;
}

.global-sugg .acceptacio {
  padding-right: 0.5em;
  margin-bottom: 2em;
  position: relative;
}

.global-sugg .sugg.docuements {
  padding-bottom: 1rem;
}

.global-sugg .sugg.docuements label {
  padding-bottom: 0rem;
}

.global-sugg .apreciation {
  font-size: 0.8em;
  line-height: 1.2;
  margin-top: 0.6em;
  margin-bottom: 1.4em;
}

.global-sugg textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #f5f5f5;
  padding: 1em;
  font-size: 1rem;
  margin-bottom: 1rem;
  position: relative;
  font-family: Helvetica, Arial, "sans-serif";
  color: #000;
  min-height: 20vh;
  resize: vertical;
}

.global-sugg textarea#message {
  height: 50vh;
}

.global-sugg textarea#memory {
  margin-bottom: 0;
  min-height: 8rem;
}

.global-sugg select::after {
  width: 0.8em;
  height: 0.5em;
  background-color: rgba(0, 0, 0, 0.6);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  position: absolute;
  top: 50%;
  right: 0.5em;
  content: "";
  display: block;
  transform: translate(0%, -50%);
}

.global-sugg input::-webkit-input-placeholder,
.global-sugg textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}

.global-sugg input::-moz-placeholder,
.global-sugg textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}

.global-sugg input:-ms-input-placeholder,
.global-sugg textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}

.global-sugg input:-moz-placeholder,
.global-sugg textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

.strat {
  line-height: 140%;
  border-top: 1px solid;
  padding-top: 1rem;
  max-width: var(--columnat_dret);
  margin: auto;
  padding-bottom: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 1.5rem;
}

.global-sugg .strat {
  padding-top: 3rem;
}

.strat.empty {
  grid-row-gap: 0;
}

.strat strong,
.strat span {
  display: block;
}

.strat h4 {
  font-weight: normal;
  padding-bottom: 0.8em;
}

.global-sugg .block2 {
  display: none;
}
@media (min-width: 1024px) {
  .global-sugg .block2 {
    grid-template-columns: 1fr 1fr !important;
  }
}

.global-sugg .block2.type-2,
.global-sugg .block2.type-3,
.global-sugg .block2.type-4,
.global-sugg .block2.type-5,
.global-sugg .block2.type-6 {
  display: grid;
}

.global-sugg .block2 .sugg {
  display: none;
}

.global-sugg .block2.type-2 .sugg.type-2,
.global-sugg .block2.type-3 .sugg.type-3,
.global-sugg .block2.type-4 .sugg.type-4,
.global-sugg .block2.type-5 .sugg.type-5,
.global-sugg .block2.type-6 .sugg.type-6 {
  display: block;
}

.global-sugg .sugg .select2-selection {
  border-radius: 0;
  position: relative;
  border: 1px solid rgba(170, 170, 170, 0);
  background-color: #f5f5f5;
  line-height: 2.125em;
  font-size: 1rem;
  padding-left: 1em;
  height: auto;
  font-family: Helvetica, Arial, "sans-serif";
  margin-bottom: 1rem;
}

.global-sugg input,
.global-sugg select[data-url],
.global-sugg select,
.global-sugg textarea {
  margin-bottom: 1rem;
}

.global-sugg .sugg .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: Helvetica, Arial, "sans-serif";
  color: #000;
  line-height: normal;
  padding-top: 1em;
  padding-bottom: 1em;
}

.sugg.send-button {
  position: relative;
  text-transform: uppercase;
}
.sugg.send-button input {
  text-transform: uppercase;
  font-weight: 700;
}

.global-sugg .sugg.send-button.sent .block-submit-message.active {
  top: 0;
}

.global-sugg .sugg.send-button.sent input.send {
  display: none;
}

@media (min-width: 1024px) {
  .global-sugg .sugg .select2-selection {
    padding-left: 0.5em;
  }
  .global-sugg .sugg .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
.global-sugg .sugg .select2-selection__arrow {
  background-image: url(../images/icons/down-blk.png);
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 0.8em;
  width: 1.3em;
}

.global-sugg .sugg .select2-selection__arrow > b {
  display: none;
}

.global-sugg .sugg.docuements .envelope {
  display: grid;
  grid-template-columns: 1fr 2rem;
  margin-bottom: 1rem;
}
.global-sugg .sugg.docuements .envelope input {
  grid-column: 1;
  margin-bottom: 0;
}
.global-sugg .sugg.docuements .envelope .remove-file {
  grid-column: 2;
  width: 1rem;
  height: 1rem;
  color: rgba(0, 0, 0, 0);
  text-indent: -100vw;
  overflow: hidden;
  background-image: url("../images/icons/see-more-blk.png");
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 50%;
  margin-left: 50%;
  transform: rotate(-45deg) translate(-25%, -50%);
  cursor: pointer;
}
.global-sugg .sugg.docuements label {
  position: inherit;
  line-height: 4rem;
  border-top: 1px solid;
  margin-top: 1rem;
}

/*.global-sugg .sugg.docuements label {
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translate(0, -50%);
  z-index: 1;
}*/
/* modal-menu*/
.modal-menu {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: rgb(255, 255, 255);
  z-index: 110;
  display: block !important;
  padding-top: 26vh;
  padding-top: 26dvh;
  padding-bottom: 15vh;
  padding-bottom: 15dvh;
  transform: translateY(-100%);
  opacity: 0.6;
  transition: all 1s;
}
@media (min-width: 1024px) {
  .modal-menu {
    height: 100vh;
    padding-bottom: 0;
    padding-top: 26vh;
  }
}
.modal-menu .global-search p.menu.field {
  width: 100%;
}

.modal-menu-opened .modal-menu {
  transform: translateY(0%);
  opacity: 1;
}

.modal-menu-home {
  content: "";
  display: block;
  position: Absolute;
  top: calc(var(--menu-size) * 1.6);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: calc(100vw - var(--gap) * 2);
}

.modal-menu-home img {
  max-width: 60%;
  margin: auto;
}

.modal-menu,
.global-intro,
.global-credits,
.global-sugg,
.global-intro a,
.global-credits a,
.global-sugg a,
.modal-menu a {
  color: rgb(0, 0, 0);
}

.global-intro a,
.global-credits a,
.global-sugg a,
.modal-menu a {
  cursor: pointer;
}

.global-sugg .block-error-message,
.global-sugg .block-submit-message {
  filter: invert(1);
  text-align: center;
  display: none;
}

.global-sugg .block-error-message.active,
.global-sugg .block-submit-message.active {
  display: block;
}

.global-sugg .block-error-message p {
  color: #c00;
}

.global-sugg .block-submit-message p {
  color: #0c0;
}

.global-sugg.sending .button-submenu.close {
  visibility: hidden;
}

nav[aria-label=secondary] {
  font-size: 0.9rem;
}

/* button-menu */
.button-menu,
.button-submenu {
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: var(--menu-size);
  height: var(--menu-size);
  background-color: rgb(255, 255, 255);
  z-index: 100;
  cursor: pointer;
  text-indent: -200vw;
  color: rgb(0, 0, 0);
}

.button-submenu {
  position: sticky;
  width: 100%;
  left: 0%;
  transform: translateX(0%);
}

.button-menu span,
.button-menu span:before,
.button-menu span:after,
.button-submenu span,
.button-submenu span:before,
.button-submenu span:after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: calc(var(--menu-size) / 2);
  height: 8%;
  background-color: rgb(0, 0, 0);
  z-index: 1;
}

.button-menu span:before,
.button-menu span:after,
.button-submenu span:before,
.button-submenu span:after {
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.button-menu span:before,
.button-submenu span:before {
  transform: translateY(calc(var(--menu-size) * -0.15));
}

.button-menu span:after,
.button-submenu span:after {
  transform: translateY(calc(var(--menu-size) * 0.15));
}

.global-navigation .button-menu {
  position: absolute;
  z-index: 0;
}

/* button-menu close*/
.button-menu.close span,
.button-submenu.close span {
  background-color: rgb(255, 255, 255);
}

.button-menu.close span:before,
.button-submenu.close span:before {
  transform: translateY(0px) rotate(45deg);
}

.button-menu.close span:after,
.button-submenu.close span:after {
  transform: translateY(0px) rotate(-45deg);
}

/* nav */
nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

nav[aria-label=primary] {
  text-align: center;
  text-transform: uppercase;
  font-family: "LL Replica Pro Bold Web", sans-serif;
  font-size: 1.2rem;
  max-width: var(--columnat_dret);
  margin: auto;
}

nav[aria-label=primary] ul {
  display: flex;
  flex-direction: column;
}

nav[aria-label=primary] li {
  border-bottom: 1px solid;
  height: 6.8vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

nav[aria-label=secondary] {
  position: absolute;
  bottom: 4dvh;
  left: 50%;
  transform: translateX(-50%);
  width: var(--columnat_dret);
  margin: auto;
  text-transform: uppercase;
  font-family: "LL Replica Pro Bold Web", sans-serif;
}
@media (min-width: 1024px) {
  nav[aria-label=secondary] {
    bottom: 5vh;
  }
}

nav[aria-label=secondary] > ul {
  position: absolute;
  max-width: var(--columnat_dret);
  bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  max-width: 100%;
}

nav[aria-label=secondary] > ul > li {
  position: relative;
  line-height: 140%;
  width: 25%;
  text-align: center;
  font-size: 0.7em;
  padding-top: 15px;
}

nav[aria-label=secondary] > ul > li:last-child:hover ul,
nav[aria-label=secondary] > ul > li:last-child:focus ul {
  display: block;
}

nav[aria-label=secondary] ul ul {
  position: absolute;
  display: none;
  left: auto;
  right: 0;
  transform: translateX(0%);
  bottom: 3.5rem;
  text-align: center;
  background-color: rgb(220, 220, 220);
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  border: 1px solid;
  font-size: 0.8em;
  min-width: 100px;
  max-width: 150px;
}

nav[aria-label=secondary] ul ul li {
  border-bottom: 1px solid rgb(255, 255, 255);
  padding-top: 7px;
  padding-bottom: 7px;
}

nav[aria-label=secondary] ul ul li:last-child {
  border-bottom: 0px;
}

.nav-detail {
  position: sticky;
  opacity: 1;
  width: 100vw;
  margin-left: 0vw;
  z-index: 11;
  background-color: rgb(255, 255, 255);
  top: var(--menu-size);
  overflow: auto;
  border-top: 1px solid rgb(55, 55, 55);
  border-bottom: 1px solid rgb(55, 55, 55);
  margin-top: calc((var(--menu-size)));
  transition: top 0.6s;
}
.nav-detail nav[aria-labelledby=third] li {
  white-space: nowrap;
  font-family: "LL Replica Pro Regular Web";
  text-transform: uppercase;
  padding-left: 0.5em;
  padding-top: 1.3em;
  font-size: 0.8em;
  padding-right: 0.5em;
  padding-bottom: 1.1em;
  background-color: rgb(255, 255, 255);
  line-height: 100%;
  transition: all 0.6s;
}
@media (min-width: 1024px) {
  .nav-detail nav[aria-labelledby=third] li {
    border: 0px;
    padding-top: 0;
    font-size: 0.7em;
    padding-bottom: 0;
    letter-spacing: -0.025em;
    padding-left: 0;
    padding-right: 1.2em;
    flex-basis: content;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
}
.nav-detail.scrolling {
  top: 0;
}

/* .nav-detail::-webkit-scrollbar { display: none;  } */
.nav-detail::-webkit-scrollbar {
  height: 0px;
}

.nav-detail::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 0px;
}

.nav-detail::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.nav-detail.active {
  margin-top: 0px;
  opacity: 1;
}

.nav-detail:before,
.nav-detail:after {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  width: 3rem;
  height: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 1px;
  display: none;
}

.nav-detail:after {
  left: auto;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  right: 0;
}

.search-page nav[aria-labelledby=third]:before,
.search-page nav[aria-labelledby=third]:after {
  display: none;
}

nav[aria-labelledby=third]::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

nav[aria-labelledby=third] > ul {
  display: flex;
  flex-wrap: nowrap;
}

nav[aria-labelledby=third] > ul.category_button_map {
  flex-direction: row-reverse;
}

nav[aria-labelledby=third] > ul.category_button_map li {
  flex-basis: 0;
}

nav[aria-labelledby=third] li a.active {
  font-family: "LL Replica Pro Heavy Web";
  letter-spacing: -0.02em;
  text-decoration: none;
}

nav[aria-labelledby=third].result-filter {
  display: flex;
  margin: 0;
  overflow: visible;
  width: 100%;
  position: static;
  border-bottom: 0px;
  width: var(--columnat_dret);
  margin: auto;
}

nav[aria-labelledby=third].result-filter ul {
  width: 100%;
}

nav[aria-labelledby=third].result-filter li {
  font-family: "LL Replica Pro Regular Web";
  flex-basis: 1rem;
  font-size: 0.6rem;
  padding: 0;
  margin-top: 0;
}
@media (min-width: 1024px) {
  nav[aria-labelledby=third].result-filter li {
    flex-basis: 33%;
    font-size: 0.7rem;
  }
}

.block-global-details.search {
  width: var(--columnat_dret);
  margin: auto;
}
.block-global-details.search .search-form {
  margin-left: calc(0px - (100vw - var(--columnat_dret)) / 2);
  padding-left: calc(var(--gap) * 1.5);
  padding-right: calc(var(--gap) * 1.5);
  width: 100vw;
  filter: drop-shadow(0 1.5rem 2rem rgba(0, 0, 0, 0.0666666667));
}
@media (min-width: 1024px) {
  .block-global-details.search .search-form {
    margin-left: 0;
    width: 100%;
    filter: none;
    height: inherit !important;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--gap);
    padding-bottom: calc(var(--gap));
    padding-top: calc(var(--gap) * 2);
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px;
    margin-top: 0;
    background: none;
    position: relative;
  }
}
.block-global-details.search .search-form.full {
  padding-bottom: 1rem;
  height: -moz-min-content !important;
  height: min-content !important;
  overflow: visible;
}
@media (min-width: 1024px) {
  .block-global-details.search .search-form p {
    padding: 0;
  }
  .block-global-details.search .search-form p:nth-child(n+2):nth-child(-n+4) .select2-selection--single {
    text-transform: uppercase;
    font-family: "LL Replica Pro Bold Web";
  }
  .block-global-details.search .search-form p:nth-child(n+2):nth-child(-n+4) .select2-selection--single .select2-selection__rendered {
    max-width: 12em;
  }
  .block-global-details.search .search-form p:nth-child(n+2):nth-child(-n+4).contains-value .select2-selection--single {
    text-transform: none;
  }
}
.block-global-details.search .search-form .filters-map {
  grid-column: 4/span 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.block-global-details.search .search-form .filters-map input {
  display: none;
}
.block-global-details.search .search-form .filters-map #removeFilterParams {
  all: unset;
  background: black;
  color: white;
  text-transform: uppercase;
  text-align: center;
  margin-left: 0.5rem;
  font-size: 0.5rem;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 1024px) {
  .block-global-details.search .search-form .filters-map #removeFilterParams {
    font-size: 0.6rem;
    margin-left: var(--gap);
  }
}
.block-global-details.search .search-form .filters-map {
  justify-content: center;
  padding-top: 0.7rem;
  font-size: 0.8rem;
  line-height: 2em;
  font-family: "LL Replica Pro Light Web", sans-serif;
  flex-direction: row;
  flex-wrap: wrap;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .block-global-details.search .search-form .filters-map {
    padding-right: 0vw;
    padding: 0;
    padding-top: calc(var(--gap) * 0.7);
    justify-content: flex-end;
  }
}
.block-global-details.search .search-form .filters-map div {
  padding-left: 1.8em;
  padding-right: 0.5em;
  background: rgba(255, 255, 255, 0.2666666667);
  filter: invert(0);
  text-shadow: -0.5px -0.5px 0px #fff, 0.5px -0.5px 0px #fff, -0.5px 0.5px 0px #fff, 0.5px 0.5px 0px #fff;
}
.block-global-details.search .search-form .filters-map div.active {
  background: #eee;
}
.block-global-details.search .search-form .filters-map div.tots {
  padding-left: 0.5em;
}
.block-global-details.search .search-form .filters-map div.tots.active {
  filter: invert(0);
}
.block-global-details.search .search-form .filters-map div.tots.active span:before {
  filter: invert(0);
}
.block-global-details.search .search-form .filters-map label {
  background: #f9f9f9;
  color: black;
  text-shadow: none;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  padding-right: 1.2em;
  padding-left: 1.2em;
  line-height: 1;
  font-size: 0.5rem;
}
@media (min-width: 1024px) {
  .block-global-details.search .search-form .filters-map label {
    font-size: 0.6rem;
  }
}
.block-global-details.search .search-form .filters-map label:before {
  display: none;
}
.block-global-details.search .search-form .filters-map label span {
  padding-left: 1em;
  padding-right: 0;
  line-height: 1.1rem;
}
.block-global-details.search .search-form .filters-map label.tots {
  padding-left: 0em;
}
.block-global-details.search .search-form .filters-map label.premiats span:before {
  background-image: url(../images/marker-award-legend.svg);
}
.block-global-details.search .search-form .filters-map label.obsolet span:before {
  background-image: url(../images/marker-disappeared.svg);
}
.block-global-details.search .search-form .filters-map label.catalogats span:before {
  background-image: url(../images/marker-catalogued.svg);
}
.block-global-details.search .search-form .filters-map [type=checkbox]:checked + label {
  color: white;
  background: black;
}
.block-global-details.search .search-form .filters-map [type=checkbox]:checked + label.premiats span:before {
  background-image: url(../images/marker-award-legend-w.svg);
}
.block-global-details.search .search-form .filters-map [type=checkbox]:checked + label::after {
  color: White;
  position: Absolute;
  right: 0.8em;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}
.block-global-details.search .search-form .filters-map span {
  display: block;
  position: relative;
  cursor: pointer;
  width: 100%;
}
.block-global-details.search .search-form .filters-map span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 0.5px));
  width: 1em;
  height: 1em;
  right: calc(100% - 0.4em);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

/* SWIPER */
.button-next,
.button-prev {
  background-size: 32%;
  background-position: 45% center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8666666667);
  border-radius: 50%;
  padding: 0px;
  cursor: pointer;
  border: 0;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0);
  height: 2rem;
  width: 2rem;
  transition: all 0.6s;
}
.button-next:hover,
.button-prev:hover {
  transform: translateY(-50%) scale(1.1);
  border: 2px solid black;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .button-next,
  .button-prev {
    height: 2rem;
    width: 2rem;
  }
}

.button-next {
  background-position: 54% center;
}

.detail-cover-page .button-prev {
  left: var(--gap);
  transform: translate(-50%, -50%);
}
.detail-cover-page .button-prev:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.detail-cover-page .button-next {
  left: auto;
  right: var(--gap);
  transform: translate(50%, -50%);
}
.detail-cover-page .button-next:hover {
  transform: translate(50%, -50%) scale(1.1);
}

.button-prev {
  background-image: url("../images/icons/previous-blk.png");
  left: 1vw;
}

.button-next {
  background-image: url("../images/icons/next-blk.png");
  left: auto;
  right: 1vw;
}

.swiper-button-disabled {
  display: none;
}

.swiper-wrapper.disabled {
  transform: translate3d(0px, 0, 0) !important;
}

.swiper-pagination.disabled {
  display: none;
}

/* END GLOBAL NAVIGATION */
/* FORMS */
/* global-search  - Cercador superior */
.modal-menu .global-search {
  max-width: calc(100vw - var(--gap) * 2);
  margin: auto;
  height: 9.2vh;
  height: 9.2dvh;
  margin-top: 3.4vh;
  margin-top: 3.4dvh;
  display: none;
  width: 100%;
  border-bottom: 1px solid #333;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .modal-menu .global-search {
    margin-top: 3em;
    height: 9.2vh;
  }
}

.search-top p.menu.field {
  width: 100%;
}

.modal-menu .global-search input::-moz-placeholder {
  color: rgb(0, 0, 0);
}

.modal-menu .global-search input::placeholder {
  color: rgb(0, 0, 0);
}

.sticker-search .global-search .form-field {
  line-height: 200%;
  margin-top: 0px;
  padding-left: 0px;
  font-size: 0.85rem;
  border-bottom: 1px solid;
}

.global-search .form-button,
.global-search .form-icon {
  overflow: hidden;
  background-image: url(../images/icons/search-blk.svg);
  background-color: rgb(255, 255, 255);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
  width: 38px;
  margin-right: 0px;
  margin-top: 0 !important;
  height: 31px;
  border: 0px;
  text-indent: -200vw;
  border-left: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f9f9f9;
  color: #000;
  font-weight: 700;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
}

.select2-container--default .select2-results__option {
  line-height: 1.2;
  font-size: 0.8rem;
  padding: 0.5em;
  text-align: left;
}

.modal-menu .global-search .form-button,
.modal-menu .global-search .form-icon {
  margin-top: 1.1rem;
}

.sticker-search .global-search .form-button,
.sticker-search .global-search .form-icon {
  background-repeat: no-repeat;
  background-position: right 4px center;
  width: 36px;
  margin-top: 0;
}

.global-search .form-button {
  display: none;
}

/* filter-form  - Filtre de resultats */
.category-search,
.map-search {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.search-form {
  width: 100%;
  height: 0px;
  overflow: hidden;
  max-height: -moz-fit-content;
  max-height: fit-content;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .search-form {
    overflow: visible;
  }
}

.search-form.active {
  max-height: 100%;
}

.search-form {
  margin-top: 1rem;
}

.home-search {
  margin-top: calc(var(--menu-size) * 0.53);
}

.search-form p {
  margin: 0px;
  padding-top: 0.7rem;
  position: relative;
}

.detail-page-photographer .search-form p:first-child {
  padding-top: 0;
}

.search-form label {
  display: none;
  line-height: 2.125em;
  font-size: 1rem;
  font-family: "LL Replica Pro Regular Web", sans-serif;
}

.search-form p.field > span {
  width: 100% !important;
}

.search-form .select2-container--default .select2-selection--single {
  border-radius: 0;
  border: 1px solid black;
  background-color: #f9f9f9;
  line-height: 2.125em;
  font-size: 1rem;
  padding-left: 10px;
  height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2rem;
  padding-left: 0;
  font-size: 1.05rem;
  font-family: "LL Replica Pro Regular Web", sans-serif;
  color: rgb(0, 0, 0);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(100% - 2px);
}
@media (min-width: 1024px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2rem;
  }
}

.search-form select {
  display: none;
  opacity: 0;
}

p.range-field {
  display: flex;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  p.range-field {
    display: flex;
    align-items: center;
    grid-column: 1;
    grid-row: 1;
  }
}

.search-form .range-field label {
  display: block;
  flex-basis: 50%;
  line-height: 2.425rem;
}
@media (min-width: 1024px) {
  .search-form .range-field label {
    line-height: 1 !important;
    flex-basis: auto;
  }
}

.search-form input[type=text] {
  border: 1px solid rgb(216, 216, 216);
  background-color: rgb(255, 255, 255);
  line-height: 2.425em;
  height: 2.425em;
  font-size: 1.05rem;
  padding-left: 1em;
  width: 100%;
  font-family: "LL Replica Pro Bold Web", sans-serif;
}

.search-form input::-moz-placeholder {
  color: rgb(0, 0, 0);
  font-weight: 700;
}

.search-form input::placeholder {
  color: rgb(0, 0, 0);
  font-weight: 700;
}

.reset_button,
.reset_button_photographer,
.full-button,
.filter-button,
.search_button {
  grid-column: 3;
  grid-row: 1;
  margin: 0px;
  margin-left: auto;
  text-align: center;
  font-size: 0.7rem;
  border: 0px;
  float: none;
  text-transform: uppercase;
  align-self: end;
}

.search-form-photographer .reset_button_photographer,
.search-form-photographer .search_button {
  cursor: pointer;
}

.filter-button {
  float: right;
  font-family: "LL Replica Pro Regular Web";
  color: #fff;
  display: flex;
  height: 2.2rem;
  padding-left: 1em;
  padding-right: 1em;
  flex-direction: column;
  justify-content: center;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #000;
  position: relative;
}

.search_button {
  margin-top: 1rem;
  color: #fff;
  background-color: #000;
  margin-top: 0;
  text-transform: none;
  line-height: 2.4em;
  height: 2.4em;
  width: 50%;
  line-height: 2.425em;
  font-size: 1.05rem;
  font-family: "LL Replica Pro Bold Web", sans-serif;
}

.search-page p.filter-button {
  margin-top: 0;
  position: absolute;
  right: 0;
  font-size: 0.55rem;
  margin-top: 0.3rem;
  height: 1.7rem;
  z-index: 1;
}
.search-page p.filter-button .filters-active {
  opacity: 1;
  transition: all 0.6s;
}
.search-page p.filter-button.full .filters-active {
  opacity: 0;
}
.search-page p.range-field {
  padding-top: 2rem;
}
.search-page main {
  min-height: 82svh;
}
@media (min-width: 1024px) {
  .search-page main {
    min-height: auto;
  }
}

span.filters-active {
  background-color: rgb(151, 151, 151);
  display: block;
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  width: 20px;
  top: 0;
  right: 0%;
  transform: translate(50%, -50%);
  font-weight: 700;
  top: 50%;
  right: 0;
  transform: translate(70%, -50%);
}

.buttons {
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.buttons .reset_button,
.buttons .reset_button_photographer {
  flex-basis: 48%;
  align-self: flex-start;
  margin: 0;
  border: 0;
  color: rgba(51, 51, 51, 0);
  background: rgba(0, 0, 0, 0.1);
  padding: 0;
  background-image: url("../images/refresh.png");
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -1000vw;
  overflow: hidden;
  font-size: 0.86rem;
  line-height: 2.425em;
  font-size: 1.05rem;
}

.buttons .cancel_button {
  font-weight: 700;
}

/* Input type range */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: rgb(255, 255, 255);
  border: 3px solid black;
  border-radius: 50%;
  font-weight: normal;
  color: black;
  margin-top: -0.3em;
  width: 1.2rem;
  height: 1.2rem;
}
@media (min-width: 1024px) {
  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  .ui-button,
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
    background: #eee;
    border: 3px solid black;
    border-radius: 50%;
    font-weight: normal;
    color: black;
    margin-top: -0.2rem;
    width: 1rem;
    height: 1rem;
    margin-left: 0;
  }
  .ui-state-default:last-child,
  .ui-widget-content .ui-state-default:last-child,
  .ui-widget-header .ui-state-default:last-child,
  .ui-button:last-child,
  html .ui-button.ui-state-disabled:hover:last-child,
  html .ui-button.ui-state-disabled:active:last-child {
    margin-left: -1rem;
  }
}

.ui-widget.ui-widget-content {
  border: 0;
  height: 1px;
  background: black;
}

.ui-corner-all {
  background-color: #000;
}

.range-field {
  position: relative;
}

#dateRange {
  border: 0;
  text-align: right;
  position: absolute;
  right: 0;
  flex-basis: 50%;
  max-width: 150px;
  font-family: "LL Replica Pro Regular Web", sans-serif;
}
@media (min-width: 1024px) {
  #dateRange {
    line-height: 1;
    height: auto;
    background: transparent;
    right: 0rem;
    position: inherit;
    flex-basis: auto;
  }
}

@media (min-width: 1024px) {
  .range-global {
    grid-column: 4/span 2;
    grid-row: 1;
    width: 100%;
    gap: var(--gap);
    display: grid;
    grid-template-columns: 8.8em auto;
  }
}

div#slider-range {
  margin-left: 0.6em;
  margin-right: 0.6em;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  div#slider-range {
    margin-bottom: 0;
    top: 50%;
    grid-column: 2;
    grid-row: 1;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 3px;
}

/* END FORMS */
/* MAP */
section.home-map .map_bloc,
section.home-map .banner-map {
  height: 90vw;
  width: 100%;
  position: relative !important;
  z-index: 0;
}

section.home-map .banner-map {
  height: 90vw;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #E5E3DF;
  margin-top: var(--gap);
  text-indent: -1000vw;
  height: 80vw;
}
@media (min-width: 1024px) {
  section.home-map .banner-map {
    height: 100vh;
    position: absolute !important;
    top: 0;
    left: 0px;
    width: 100%;
    margin: 0;
  }
}

#detail .map_bloc {
  height: 75vh;
  width: 100%;
  position: relative !important;
  z-index: 0;
}

section.map-list .map_bloc {
  height: 100%;
  width: 100%;
  position: relative !important;
  top: 0px;
  left: 0px;
  z-index: 0;
}

section.map-list {
  height: 100vw;
  width: 100%;
  position: relative !important;
  z-index: 0;
}

.search-page section.map-list {
  height: 75vh;
  width: calc(100% - var(--gap) * 3);
  position: relative !important;
  z-index: 0;
}
@media (min-width: 1024px) {
  .search-page section.map-list {
    height: calc(100vh - (var(--gap) * 2 + 2.1rem)) !important;
    width: 100%;
    margin-left: calc((100vw - var(--home-section)) * -0.5);
    margin-right: calc((100vw - var(--home-section)) * -0.5);
    margin-top: calc(var(--gap) * -1);
    width: calc(100% + 100vw - var(--home-section));
  }
}

.gm-svpc {
  display: none;
}

.gmnoprint:last-child {
  left: auto !important;
  right: 0px;
  top: 0 !important;
}

.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  top: 50px !important;
}

.gm-fullscreen-control {
  top: 140px !important;
  bottom: auto !important;
}

.gm-bundled-control {
  top: 100px !important;
  bottom: auto !important;
  left: auto !important;
  right: 0 !important;
}

.gm-bundled-control .gmnoprint {
  left: auto !important;
  right: 0px;
  top: 0 !important;
}

/* Swiper */
.swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 3rem;
}

#detail .swiper {
  padding-top: 0rem;
  margin-top: 0rem;
  padding-right: 1px;
}

.home-map > p {
  font-family: "LL Replica Pro Bold Web";
  text-transform: uppercase;
}

body.mobile .home-map p.near {
  font-family: "LL Replica Pro Regular Web";
  width: calc(100% - var(--gap) * 2);
  margin: auto;
  font-size: 0.7em;
  text-align: center;
  background: #000;
  margin-top: var(--gap);
  padding: 1.2em;
  height: calc(var(--menu-size) * 0.53);
  display: none;
  align-items: center;
  justify-content: center;
}
body.mobile .home-map p.near a {
  color: #fff;
}

/* marker */
.gm-style .gm-style-iw-c {
  border-radius: 0px;
  padding: 0 !important;
}

.gm-style-iw-d {
  overflow: visible !important;
  width: 132px;
}

.gm-style-iw-d #content a {
  font-size: 14px;
  font-family: "LL Replica Pro Light Web";
  display: block;
  padding-right: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

.gm-style-iw-tc {
  display: none;
}

.gm-style .gm-style-iw #content {
  margin-left: -5px;
  margin-top: -5px;
}
.gm-style .gm-style-iw button {
  top: 6px !important;
  right: 6px !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 1;
  z-index: 2;
  border: 1px solid rgba(0, 0, 0, 0) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.gm-style .gm-style-iw button span {
  margin: 0 !important;
  margin-top: -4px !important;
  margin-right: -4px !important;
  height: 20px !important;
}

.gm-style .gm-style-iw .image-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.0666666667);
  border: 0px solid rgba(0, 0, 0, 0);
}

.gm-style .gm-style-iw .image-container img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}

.map_bloc #content::before {
  background: #fff;
  top: 1px;
  right: 1px;
  width: 21px;
  height: 21px;
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
}

.map_bloc #content.obsolet::before {
  background: #fff2f2;
}

.map_bloc #content.catalogued-info-w::before {
  background: #e4f1fa;
}

.gm-ui-hover-effect img {
  width: 14px !important;
  height: 14px !important;
  margin: 4px !important;
}

.gm-style .gm-style-iw-d,
.gm-style .gm-style-iw-c {
  max-height: 242px !important;
  overflow: visible;
}

.map_bloc #content {
  padding: 7px;
  margin: 0 !important;
  padding-bottom: 0;
}

.map_bloc #content.obsolet,
.map_bloc #content.obsolet button {
  background: #fff2f2 !important;
}

.map_bloc #content.catalogued-info-w,
.map_bloc #content.catalogued-info-w button {
  background: #e4f1fa !important;
}

.gm-style .gm-style-iw-t::after {
  display: none;
}

.map_bloc #content::after {
  background: linear-gradient(45deg, #fff 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, 0.4);
  content: "";
  height: 15px;
  left: 50%;
  position: absolute;
  bottom: -15px;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 15px;
}

.map_bloc #content.obsolet::after {
  background: linear-gradient(45deg, #fff2f2 50%, rgba(255, 242, 242, 0) 51%, rgba(255, 255, 255, 0) 100%);
}

.map_bloc #content.catalogued-info-w::after {
  background: linear-gradient(45deg, #e4f1fa 50%, rgba(228, 241, 250, 0) 51%, rgba(255, 255, 255, 0) 100%);
}

.map-list .filters-map, .map-detail .filters-map {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.7rem;
  font-size: 0.5rem;
  line-height: 2em;
  font-family: "LL Replica Pro Light Web", sans-serif;
  flex-direction: row;
  flex-wrap: wrap;
  padding-right: 0;
  padding-bottom: 0.7rem;
}
@media (min-width: 1024px) {
  .map-list .filters-map, .map-detail .filters-map {
    padding-right: 0vw;
    font-size: 0.8rem;
    justify-content: flex-end;
    padding-bottom: 0;
  }
}
.map-list .filters-map div, .map-detail .filters-map div {
  padding-left: 1.8em;
  padding-right: 0.5em;
  background: rgba(255, 255, 255, 0.2666666667);
  filter: invert(0);
  text-shadow: -0.5px -0.5px 0px #fff, 0.5px -0.5px 0px #fff, -0.5px 0.5px 0px #fff, 0.5px 0.5px 0px #fff;
}
.map-list .filters-map div.active, .map-detail .filters-map div.active {
  background: #eee;
}
.map-list .filters-map div.tots, .map-detail .filters-map div.tots {
  padding-left: 0.5em;
}
.map-list .filters-map div.tots.active, .map-detail .filters-map div.tots.active {
  filter: invert(0);
}
.map-list .filters-map div.tots.active span:before, .map-detail .filters-map div.tots.active span:before {
  filter: invert(0);
}
.map-list .filters-map div, .map-detail .filters-map div {
  background: #f5f5f5;
  color: black;
  text-shadow: none;
  text-transform: uppercase;
  padding-left: 2.3em;
  line-height: 1;
  font-size: 0.8em;
}
.map-list .filters-map div span, .map-detail .filters-map div span {
  padding: 1em;
}
.map-list .filters-map div.tots, .map-detail .filters-map div.tots {
  padding-left: 0em;
}
.map-list .filters-map div.premiats span:before, .map-detail .filters-map div.premiats span:before {
  background-image: url(../images/marker-award-legend.svg);
}
.map-list .filters-map div.desapareguts span:before, .map-detail .filters-map div.desapareguts span:before {
  background-image: url(../images/marker-disappeared.svg);
}
.map-list .filters-map div.catalogats span:before, .map-detail .filters-map div.catalogats span:before {
  background-image: url(../images/marker-catalogued.svg);
}
.map-list .filters-map div.active, .map-detail .filters-map div.active {
  color: white;
  background: black;
}
.map-list .filters-map div.active.premiats span:before, .map-detail .filters-map div.active.premiats span:before {
  background-image: url(../images/marker-award-legend-w.svg);
}
.map-list .filters-map span, .map-detail .filters-map span {
  display: block;
  position: relative;
  cursor: pointer;
}
.map-list .filters-map span:before, .map-detail .filters-map span:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  right: calc(100% + 0.25em);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.map-list .filters-map {
  display: none;
}

.home-page .map-list .filters-map {
  display: flex;
}

/* HOME */
.home-cover-page {
  width: 100%;
  background-size: auto 75vw;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 101;
  position: relative;
  background-color: rgb(255, 255, 255);
  margin-top: 0;
  height: 100vh;
  height: 100svh;
  padding: 0px;
  padding-top: 0 !important;
}
@media (min-width: 1024px) {
  .home-cover-page {
    padding-top: 0vh;
    height: 100vh;
    background-size: cover;
  }
}

.home-cover-page .button-menu {
  position: absolute;
  top: 56px;
}
@media (min-width: 1024px) {
  .home-cover-page .button-menu {
    top: 0px;
    height: var(--menu-size);
  }
}

html .site, body .site {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100%;
  scroll-behavior: smooth;
}
body.home-page .site {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100%;
  scroll-behavior: smooth;
}
body.home-page section {
  scroll-snap-align: start;
}

.home-page h2 {
  font-size: 11vw;
  text-align: center;
  margin-top: 0px;
  margin-bottom: -0.43rem;
}
@media (min-width: 1024px) {
  .home-page h2 {
    margin-left: 0;
    width: 100%;
    font-size: 6vw;
    align-self: end;
  }
}
.home-page .filter-button {
  right: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .home-page .filter-button {
    margin-top: -1rem;
  }
}
.home-page .swiper {
  width: 100%;
  flex-basis: 80%;
  position: relative;
  overflow: hidden;
  padding-top: 0rem;
}
@media (min-width: 1024px) {
  .home-page .swiper {
    min-height: 51vh;
  }
}
.home-page .home-work,
.home-page .home-authors,
.home-page .home-photographers,
.home-page .home-map,
.home-page section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  padding-top: calc(var(--menu-size) * 1.2);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .home-page .home-work,
  .home-page .home-authors,
  .home-page .home-photographers,
  .home-page .home-map,
  .home-page section {
    min-height: 100vh;
    padding-top: calc(var(--menu-size) * 1.5);
    padding-left: calc(var(--gap) * 2);
    padding-right: calc(var(--gap) * 2);
    justify-content: start;
  }
}
.home-page .home-work > div,
.home-page .home-authors > div,
.home-page .home-photographers > div,
.home-page .home-map > div,
.home-page section > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .home-page .home-work > div,
  .home-page .home-authors > div,
  .home-page .home-photographers > div,
  .home-page .home-map > div,
  .home-page section > div {
    height: 86vh;
  }
}
.home-page .home-work header > a,
.home-page .home-authors header > a,
.home-page .home-photographers header > a,
.home-page .home-map header > a,
.home-page section header > a {
  text-decoration: none !important;
}
.home-page .home-work .slider-home,
.home-page .home-authors .slider-home,
.home-page .home-photographers .slider-home,
.home-page .home-map .slider-home,
.home-page section .slider-home {
  width: calc(100% - var(--gap) * 3);
  flex-basis: 80%;
  position: relative;
  margin-top: calc(var(--gap) * 1);
  margin-bottom: calc(var(--gap) * 1);
  margin-left: calc(var(--gap) * 1.5);
  margin-right: calc(var(--gap) * 1.5);
}
@media (min-width: 1024px) {
  .home-page .home-work .slider-home,
  .home-page .home-authors .slider-home,
  .home-page .home-photographers .slider-home,
  .home-page .home-map .slider-home,
  .home-page section .slider-home {
    width: 100%;
    margin-top: calc(var(--gap) * 1);
    margin-bottom: calc(var(--gap) * 2);
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .home-page .home-work .slider-home .swiper-wrapper,
  .home-page .home-authors .slider-home .swiper-wrapper,
  .home-page .home-photographers .slider-home .swiper-wrapper,
  .home-page .home-map .slider-home .swiper-wrapper,
  .home-page section .slider-home .swiper-wrapper {
    align-items: center;
  }
}
.home-page .home-work .introduction,
.home-page .home-authors .introduction,
.home-page .home-photographers .introduction,
.home-page .home-map .introduction,
.home-page section .introduction {
  grid-column: auto;
  grid-row: auto;
  align-self: end;
  margin-bottom: -0.35rem;
  letter-spacing: -0.01em;
  word-spacing: -0.09em;
  padding-left: calc(var(--gap) * 1.5);
  padding-right: calc(var(--gap) * 1.5);
  font-size: 0.9em;
}
@media (min-width: 1024px) {
  .home-page .home-work .introduction,
  .home-page .home-authors .introduction,
  .home-page .home-photographers .introduction,
  .home-page .home-map .introduction,
  .home-page section .introduction {
    padding-left: 20%;
    padding-right: 20%;
    font-size: 1;
  }
}
.home-page .home-work .introduction p,
.home-page .home-authors .introduction p,
.home-page .home-photographers .introduction p,
.home-page .home-map .introduction p,
.home-page section .introduction p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.home-page .home-work .details,
.home-page .home-authors .details,
.home-page .home-photographers .details,
.home-page .home-map .details,
.home-page section .details {
  position: absolute;
  z-index: 0;
  top: auto;
  bottom: 7vw;
  left: 6vw;
  width: calc(100% - 12vw);
}
@media (min-width: 1024px) {
  .home-page .home-work .details,
  .home-page .home-authors .details,
  .home-page .home-photographers .details,
  .home-page .home-map .details,
  .home-page section .details {
    bottom: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
  }
}
.home-page .home-work .full-button,
.home-page .home-authors .full-button,
.home-page .home-photographers .full-button,
.home-page .home-map .full-button,
.home-page section .full-button {
  top: auto;
  bottom: 7vh;
  left: 50%;
  font-size: 1em;
  transform: translate(0%);
  margin: auto;
  margin-top: 0;
  width: -moz-max-content;
  width: max-content;
  padding-right: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .home-page .home-work .full-button,
  .home-page .home-authors .full-button,
  .home-page .home-photographers .full-button,
  .home-page .home-map .full-button,
  .home-page section .full-button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--gap) * 1);
  }
}
.home-page .home-work .full-button a,
.home-page .home-authors .full-button a,
.home-page .home-photographers .full-button a,
.home-page .home-map .full-button a,
.home-page section .full-button a {
  padding: 1.2em;
  width: 100%;
  font-family: "LL Replica Pro Bold Web";
  color: #fff;
  line-height: 1;
  background-color: #000;
  display: flex;
  height: 100%;
  padding-left: 1.2em;
  padding-right: 1.2em;
  flex-direction: column;
  justify-content: center;
  font-size: 0.7em;
}
@media (min-width: 1024px) {
  .home-page .home-work .full-button a,
  .home-page .home-authors .full-button a,
  .home-page .home-photographers .full-button a,
  .home-page .home-map .full-button a,
  .home-page section .full-button a {
    font-size: 1em;
    padding: 1em;
  }
}
.home-page .home-work .filter-button,
.home-page .home-authors .filter-button,
.home-page .home-photographers .filter-button,
.home-page .home-map .filter-button,
.home-page section .filter-button {
  display: none;
}
@media (min-width: 1024px) {
  .home-page .home-work.home-photographers,
  .home-page .home-authors.home-photographers,
  .home-page .home-photographers.home-photographers,
  .home-page .home-map.home-photographers,
  .home-page section.home-photographers {
    padding-bottom: inherit;
  }
}
.home-page .home-work.home-map,
.home-page .home-authors.home-map,
.home-page .home-photographers.home-map,
.home-page .home-map.home-map,
.home-page section.home-map {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-top: calc(var(--menu-size) * 1.2 + var(--gap));
  padding-bottom: calc(var(--menu-size) * 1);
}
@media (min-width: 1024px) {
  .home-page .home-work.home-map,
  .home-page .home-authors.home-map,
  .home-page .home-photographers.home-map,
  .home-page .home-map.home-map,
  .home-page section.home-map {
    height: 100vh;
    display: block;
    padding-top: calc(var(--menu-size) * 1.5);
    padding-bottom: inherit;
  }
}
.home-page .home-work.home-map .introduction,
.home-page .home-authors.home-map .introduction,
.home-page .home-photographers.home-map .introduction,
.home-page .home-map.home-map .introduction,
.home-page section.home-map .introduction {
  text-shadow: -0.5px -0.5px 0px #fff, 0.5px -0.5px 0px #fff, -0.5px 0.5px 0px #fff, 0.5px 0.5px 0px #fff;
}
@media (min-width: 1024px) {
  .home-page .home-work.home-map .map-list,
  .home-page .home-authors.home-map .map-list,
  .home-page .home-photographers.home-map .map-list,
  .home-page .home-map.home-map .map-list,
  .home-page section.home-map .map-list {
    height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.home-page .home-work.home-map .map-list .filters-map,
.home-page .home-authors.home-map .map-list .filters-map,
.home-page .home-photographers.home-map .map-list .filters-map,
.home-page .home-map.home-map .map-list .filters-map,
.home-page section.home-map .map-list .filters-map {
  justify-content: flex-start;
  padding-left: var(--gap);
}
@media (min-width: 1024px) {
  .home-page .home-work.home-map .map-list .filters-map,
  .home-page .home-authors.home-map .map-list .filters-map,
  .home-page .home-photographers.home-map .map-list .filters-map,
  .home-page .home-map.home-map .map-list .filters-map,
  .home-page section.home-map .map-list .filters-map {
    padding-top: 0;
    justify-content: flex-end;
    position: absolute;
    bottom: calc(var(--gap) * 1);
    right: 9vw;
    height: calc(clamp(16px, 16px + 7.3333 * (100vw - 1360px) / 880, 23.3333px) * 3);
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .home-page .home-work.home-map .full-button,
  .home-page .home-authors.home-map .full-button,
  .home-page .home-photographers.home-map .full-button,
  .home-page .home-map.home-map .full-button,
  .home-page section.home-map .full-button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--gap) * 1);
  }
}
.home-page .home-work.home-map .slider-home,
.home-page .home-authors.home-map .slider-home,
.home-page .home-photographers.home-map .slider-home,
.home-page .home-map.home-map .slider-home,
.home-page section.home-map .slider-home {
  margin: 0;
  width: 100%;
  margin-top: calc(var(--gap) * 1);
}
@media (min-width: 1024px) {
  .home-page .home-work.home-map .slider-home,
  .home-page .home-authors.home-map .slider-home,
  .home-page .home-photographers.home-map .slider-home,
  .home-page .home-map.home-map .slider-home,
  .home-page section.home-map .slider-home {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    padding: 0;
    margin-top: 0;
  }
}
.home-page .home-work.home-map .slider-home .map_bloc,
.home-page .home-authors.home-map .slider-home .map_bloc,
.home-page .home-photographers.home-map .slider-home .map_bloc,
.home-page .home-map.home-map .slider-home .map_bloc,
.home-page section.home-map .slider-home .map_bloc {
  height: 60vh;
  height: 60svh;
}
@media (min-width: 1024px) {
  .home-page .home-work.home-map .slider-home .map_bloc,
  .home-page .home-authors.home-map .slider-home .map_bloc,
  .home-page .home-photographers.home-map .slider-home .map_bloc,
  .home-page .home-map.home-map .slider-home .map_bloc,
  .home-page section.home-map .slider-home .map_bloc {
    height: 100vh;
  }
}
.home-page .home-work.home-routes, .home-page .home-work.home-apunts,
.home-page .home-authors.home-routes,
.home-page .home-authors.home-apunts,
.home-page .home-photographers.home-routes,
.home-page .home-photographers.home-apunts,
.home-page .home-map.home-routes,
.home-page .home-map.home-apunts,
.home-page section.home-routes,
.home-page section.home-apunts {
  padding-left: 0;
  padding-right: 0;
  background: #eee;
}
@media (min-width: 1024px) {
  .home-page .home-work.home-routes .slider-home, .home-page .home-work.home-apunts .slider-home,
  .home-page .home-authors.home-routes .slider-home,
  .home-page .home-authors.home-apunts .slider-home,
  .home-page .home-photographers.home-routes .slider-home,
  .home-page .home-photographers.home-apunts .slider-home,
  .home-page .home-map.home-routes .slider-home,
  .home-page .home-map.home-apunts .slider-home,
  .home-page section.home-routes .slider-home,
  .home-page section.home-apunts .slider-home {
    padding-left: calc(var(--gap) * 2);
    padding-right: calc(var(--gap) * 2);
  }
}
@media (min-width: 1024px) {
  .home-page .home-work.home-routes .slider-home .button-next, .home-page .home-work.home-apunts .slider-home .button-next,
  .home-page .home-authors.home-routes .slider-home .button-next,
  .home-page .home-authors.home-apunts .slider-home .button-next,
  .home-page .home-photographers.home-routes .slider-home .button-next,
  .home-page .home-photographers.home-apunts .slider-home .button-next,
  .home-page .home-map.home-routes .slider-home .button-next,
  .home-page .home-map.home-apunts .slider-home .button-next,
  .home-page section.home-routes .slider-home .button-next,
  .home-page section.home-apunts .slider-home .button-next {
    right: calc(var(--gap) * 2 + 1vw);
  }
}
@media (min-width: 1024px) {
  .home-page .home-work.home-routes .slider-home .button-prev, .home-page .home-work.home-apunts .slider-home .button-prev,
  .home-page .home-authors.home-routes .slider-home .button-prev,
  .home-page .home-authors.home-apunts .slider-home .button-prev,
  .home-page .home-photographers.home-routes .slider-home .button-prev,
  .home-page .home-photographers.home-apunts .slider-home .button-prev,
  .home-page .home-map.home-routes .slider-home .button-prev,
  .home-page .home-map.home-apunts .slider-home .button-prev,
  .home-page section.home-routes .slider-home .button-prev,
  .home-page section.home-apunts .slider-home .button-prev {
    left: calc(var(--gap) * 2 + 1vw);
  }
}
.home-page .home-work.home-routes h2, .home-page .home-work.home-apunts h2,
.home-page .home-authors.home-routes h2,
.home-page .home-authors.home-apunts h2,
.home-page .home-photographers.home-routes h2,
.home-page .home-photographers.home-apunts h2,
.home-page .home-map.home-routes h2,
.home-page .home-map.home-apunts h2,
.home-page section.home-routes h2,
.home-page section.home-apunts h2 {
  position: relative;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.home-page .home-work.home-routes h2:before, .home-page .home-work.home-apunts h2:before,
.home-page .home-authors.home-routes h2:before,
.home-page .home-authors.home-apunts h2:before,
.home-page .home-photographers.home-routes h2:before,
.home-page .home-photographers.home-apunts h2:before,
.home-page .home-map.home-routes h2:before,
.home-page .home-map.home-apunts h2:before,
.home-page section.home-routes h2:before,
.home-page section.home-apunts h2:before {
  content: "";
  width: 1em;
  aspect-ratio: 1;
  height: auto;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/rutes_icon_b.svg);
  position: absolute;
  left: calc(var(--gap) * -0.5);
  transform: translate(-100%, -50%);
  top: 50%;
}
@media (min-width: 1024px) {
  .home-page .home-work.home-routes h2:before, .home-page .home-work.home-apunts h2:before,
  .home-page .home-authors.home-routes h2:before,
  .home-page .home-authors.home-apunts h2:before,
  .home-page .home-photographers.home-routes h2:before,
  .home-page .home-photographers.home-apunts h2:before,
  .home-page .home-map.home-routes h2:before,
  .home-page .home-map.home-apunts h2:before,
  .home-page section.home-routes h2:before,
  .home-page section.home-apunts h2:before {
    bottom: calc(100% + 0.5rem);
    width: 0.7em;
  }
}
.home-page .home-work.home-routes .objects li, .home-page .home-work.home-apunts .objects li,
.home-page .home-authors.home-routes .objects li,
.home-page .home-authors.home-apunts .objects li,
.home-page .home-photographers.home-routes .objects li,
.home-page .home-photographers.home-apunts .objects li,
.home-page .home-map.home-routes .objects li,
.home-page .home-map.home-apunts .objects li,
.home-page section.home-routes .objects li,
.home-page section.home-apunts .objects li {
  height: auto;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .home-page .home-work.home-routes .objects li, .home-page .home-work.home-apunts .objects li,
  .home-page .home-authors.home-routes .objects li,
  .home-page .home-authors.home-apunts .objects li,
  .home-page .home-photographers.home-routes .objects li,
  .home-page .home-photographers.home-apunts .objects li,
  .home-page .home-map.home-routes .objects li,
  .home-page .home-map.home-apunts .objects li,
  .home-page section.home-routes .objects li,
  .home-page section.home-apunts .objects li {
    aspect-ratio: auto;
  }
}
.home-routes .content-slide, .home-apunts .content-slide {
  height: auto;
  position: static;
  border: none;
  background: none;
  display: grid;
  gap: var(--gap);
  aspect-ratio: auto;
}
.home-routes .content-slide .image, .home-apunts .content-slide .image {
  flex-basis: 100%;
  aspect-ratio: 0.9;
  grid-column: 1;
  grid-row: 1/span 2;
}
@media (min-width: 1024px) {
  .home-routes .content-slide .image, .home-apunts .content-slide .image {
    aspect-ratio: 0.8;
  }
}
.home-routes .content-slide .image:before, .home-apunts .content-slide .image:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 66.66%;
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33.33%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.home-routes .content-slide .details, .home-apunts .content-slide .details {
  margin-top: calc(var(--gap) * 0.5);
  display: block;
  padding: 6vw;
  position: inherit;
  width: 100%;
  grid-column: 1;
  grid-row: 2;
  letter-spacing: -0.025em;
  z-index: 2;
  color: white;
}
@media (min-width: 1024px) {
  .home-routes .content-slide .details, .home-apunts .content-slide .details {
    padding: 1vw;
  }
}
.home-routes .content-slide .details p, .home-apunts .content-slide .details p {
  margin: 0;
  height: auto;
  min-height: -moz-fit-content;
  min-height: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.home-routes .content-slide .details p.numero, .home-apunts .content-slide .details p.numero {
  font-size: 0.9em;
  text-transform: uppercase;
  font-family: "LL Replica Pro Light Web";
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  letter-spacing: 0.1em;
}
.home-routes .content-slide .details p.title, .home-apunts .content-slide .details p.title {
  padding: 0;
  background: none;
  font-size: calc(var(--title-ruta) * 1.4);
  margin-top: calc(var(--gap) * 0.2);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  margin-bottom: 0.5em;
}
.home-routes .content-slide .details p.title a, .home-apunts .content-slide .details p.title a {
  font-family: "liberation-serif", serif;
  font-weight: 700;
  color: white;
}
.home-routes .content-slide .details .author, .home-apunts .content-slide .details .author {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid;
  font-family: "LL Replica Pro Light Web";
}
@media (min-width: 1024px) {
  .home-routes .content-slide .details .author, .home-apunts .content-slide .details .author {
    margin-top: 1.2em;
    padding-top: 1em;
    min-height: 2.4em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.home-routes .content-slide .details .route_options, .home-apunts .content-slide .details .route_options {
  position: absolute;
  top: 2vw;
  right: 3vw;
}
@media (min-width: 1024px) {
  .home-routes .content-slide .details .route_options, .home-apunts .content-slide .details .route_options {
    top: 0.9vw;
    right: 0.9vw;
    width: 1.7rem;
  }
}
.home-routes .content-slide .details .route_options span, .home-apunts .content-slide .details .route_options span {
  display: block;
  aspect-ratio: 1;
  width: calc(var(--gap) * 1);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #111;
  filter: invert(1);
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .home-routes .content-slide .details .route_options span, .home-apunts .content-slide .details .route_options span {
    width: 1.7rem;
  }
}
.home-routes .content-slide .details .route_options span.route-by-walk, .home-apunts .content-slide .details .route_options span.route-by-walk {
  background-image: url(../images/walking.svg);
  background-size: 34%;
}
.home-routes .content-slide .details .route_options span.route-by-bike, .home-apunts .content-slide .details .route_options span.route-by-bike {
  background-image: url(../images/bicycle.svg);
  background-size: 68%;
}
.home-routes .content-slide .details .route_options span.route-by-car, .home-apunts .content-slide .details .route_options span.route-by-car {
  background-image: url(../images/car.svg);
  background-size: 65%;
}
.home-routes.list .image, .home-routes.grid-list .image, .home-apunts.list .image, .home-apunts.grid-list .image {
  aspect-ratio: 1;
}

.home-apunts {
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  .home-apunts {
    padding-bottom: 0rem;
  }
}
.home-apunts h2 {
  position: relative;
}
.home-apunts h2:before {
  background-image: url(../images/apunts_icon_b_2.svg);
}

.home-page section {
  opacity: 1;
  transition: opacity 1s;
}
.home-page section.visible {
  opacity: 1;
}
.home-page footer#footer {
  margin-top: 0;
  scroll-snap-align: start;
}

.home-sticker {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding-left: 5vw;
  padding-right: 5vw;
  padding-bottom: calc(var(--menu-size) * 2.5);
  line-height: 120%;
  letter-spacing: -0.06em;
  background-color: #fff;
  background-image: url(../images/COA_Logo_Primario_Negro.svg);
  background-position: center bottom 25px;
  background-repeat: no-repeat;
  background-size: auto var(--menu-size);
}
@media (min-width: 768px) {
  .home-sticker {
    background-position: center bottom 5.5rem;
  }
}
@media (min-width: 10248px) {
  .home-sticker {
    background-position: center bottom 1rem;
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media (min-width: 1280px) {
  .home-sticker {
    background-position: center bottom 1.2rem;
  }
}
.home-sticker .nav-languages {
  position: absolute;
  top: 0;
  right: 5vw;
}
@media (min-width: 1024px) {
  .home-sticker .nav-languages {
    right: 0;
  }
}

.home-sticker .arrow-down a,
.detail-page .arrow-down a {
  background-image: url("../images/icons/go-down-blk.png");
  background-size: 40%;
  background-color: #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  width: calc(var(--menu-size) - 10px);
  height: calc(var(--menu-size) - 10px);
  display: block;
  margin: auto;
  transform: scale(1);
  transition: transform 0.6s;
}
.home-sticker .arrow-down a:hover,
.detail-page .arrow-down a:hover {
  transform: scale(1.1);
}

.home-logo {
  width: 65%;
  margin: auto;
  margin-top: 0px;
  padding-top: calc(var(--gap) * 2);
  margin-bottom: 0px;
  display: block;
}

.home-claim {
  font-family: "LL Replica Pro Light Web";
  letter-spacing: -0.02em;
  width: 70%;
  margin: auto;
  padding-left: 7px;
  font-weight: 200;
  padding-top: var(--gap);
  font-size: 1rem;
  text-align: center;
}

.sticker-search {
  margin: auto;
  padding-top: calc(var(--gap) * 1.2);
  width: 80%;
}

.arrow-down {
  margin: 0px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .arrow-down {
    display: block;
  }
}

.detail-cover-page .arrow-down {
  bottom: 0px;
  display: none;
}

.home-search,
.category-search {
  position: relative;
  z-index: 99;
  margin-top: var(--menu-size);
  width: var(--columnat_dret);
  height: 0px;
}

.category-search {
  background: white;
}

.home-page .claim {
  background: #fff;
  padding-top: calc(var(--menu-size) * 0.75);
  height: 70vw;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
@media (min-width: 1024px) {
  .home-page .claim {
    height: 40vh;
  }
}
.home-page .claim ul {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 2);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .home-page .claim ul {
    flex-direction: row;
    gap: var(--gap);
    justify-content: space-between;
    width: 100%;
  }
}
.home-page .claim ul li {
  flex-basis: 33.33%;
  display: flex;
  justify-content: center;
}
.home-page .claim ul li h2 {
  font-size: 8vw;
  text-align: center;
}
@media (min-width: 1024px) {
  .home-page .claim ul li h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1024px) {
  .home-page .claim ul li span {
    display: block;
  }
}

.home-page .claim,
.home-page .home-work,
.home-page .home-map,
.home-page .home-authors,
.home-page .home-photographers,
.home-page .home-apunts,
.home-page .home-routes {
  opacity: 1;
}
@media (min-width: 1024px) {
  .home-page .claim,
  .home-page .home-work,
  .home-page .home-map,
  .home-page .home-authors,
  .home-page .home-photographers,
  .home-page .home-apunts,
  .home-page .home-routes {
    opacity: 0;
    transition: all 0.3s;
  }
}
.home-page .claim.visible,
.home-page .home-work.visible,
.home-page .home-map.visible,
.home-page .home-authors.visible,
.home-page .home-photographers.visible,
.home-page .home-apunts.visible,
.home-page .home-routes.visible {
  opacity: 1;
  transition: all 1.5s;
}

.home-work header,
.home-map header,
.home-authors header,
.home-photographers header,
.home-apunts header,
.home-routes header {
  display: -ms-grid;
  display: flex;
  z-index: 1;
  flex-direction: column;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--gap);
  grid-row-gap: calc(var(--gap));
  position: relative;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .home-work header,
  .home-map header,
  .home-authors header,
  .home-photographers header,
  .home-apunts header,
  .home-routes header {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

/* CATEGORIA - CATEGORIA_MAPA*/
.category-list,
.map-search {
  margin-bottom: var(--gap);
}

.category-favorites {
  display: none;
}

.category-list ul.objects {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--gap);
  grid-row-gap: var(--gap);
}
@media (min-width: 768px) {
  .category-list ul.objects {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .category-list ul.objects {
    grid-template-columns: repeat(5, 1fr);
  }
}

ul.objects.searched_author,
ul.objects.best_authors_results {
  border-bottom: 1px solid;
  padding-bottom: var(--gap);
  margin-bottom: var(--gap);
}

.button {
  text-align: center;
}

.button .next,
#loadMore {
  border: 0px;
  width: var(--menu-size);
  height: var(--menu-size);
  margin: auto;
  background-color: rgb(0, 0, 0);
  text-indent: -200vw;
  overflow: hidden;
  cursor: pointer;
  background-image: url("../images/icons/see-more-wht.svg");
  background-size: 33%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

#loadMore.active,
.button .next.active {
  background-image: url("../images/icons/loading.png");
  background-size: 43%;
}

/* CERCA */
.search-page section {
  display: none;
  width: var(--columnat_dret);
  margin: auto;
}
.search-page section.active {
  display: block;
  padding-top: 1rem;
}

.search-page article {
  padding-top: 5rem;
}
.search-page article header.scrolling {
  top: 0;
}

@media (min-width: 1024px) {
  .search-page .results-view {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--gap);
    align-items: end;
    position: absolute;
    bottom: var(--gap);
    width: 100%;
    max-width: var(--home-section);
    pointer-events: none;
  }
}
@media (min-width: 1024px) {
  .search-page .results-view .icons-search-bar {
    grid-column: 1/span 3;
  }
}
.search-page nav[aria-labelledby=third].result-filter {
  pointer-events: all;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter {
    grid-column: 1;
    position: relative;
    height: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul {
    position: absolute;
    gap: 0;
    grid-template-columns: 2fr 1fr;
    top: 0;
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul a {
  opacity: 0.5;
  max-width: -moz-min-content;
  max-width: min-content;
  display: block;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul a {
    max-width: inherit;
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul li .type-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul li .type-list {
    display: block;
    position: absolute;
    top: 0;
    border: 1px solid transparent;
    filter: invert(1);
    background-color: white;
    width: calc(70% - var(--gap));
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul li .type-list:after {
  content: "";
  display: block;
  border-color: #000 transparent transparent transparent;
  margin-left: -8px;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 0.6rem;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 0.7rem;
  width: 0;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul li .type-list li {
    line-height: 1.6rem;
    padding-left: 10px;
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul li .type-list li.active {
    display: block !important;
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul li .type-list li.active a {
  text-decoration: none;
  opacity: 1;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul li .type-list li.active a {
    max-width: 75.7%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul li .type-list li.active a:focus {
  text-decoration: none !important;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul li .type-list:hover {
    border: 1px solid black;
  }
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul li .type-list:hover > li {
    display: block !important;
    background: white;
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul .visualization-menu {
  display: flex;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--gap));
  padding-left: 18%;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul .visualization-menu {
    padding-left: 10%;
    gap: calc(var(--gap) * 0.5);
  }
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third].result-filter > ul .visualization-menu li :last-child {
    grid-column: 3;
  }
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button {
  font-size: 0.7em;
  display: none;
  aspect-ratio: 1;
  overflow: hidden;
  text-align: left;
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button a {
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
  aspect-ratio: 1;
  font-size: 0;
  display: block;
  max-width: 10vw;
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button.timeline-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button.timeline-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button.timeline-button a {
  background-image: url(../images/timeline-menu.svg);
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button.list-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button.list-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button.list-button a {
  background-image: url(../images/grid-menu.svg);
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button.map-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button.map-button a, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button.map-button a {
  background-image: url(../images/marker-menu.svg);
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button.visible, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button.visible, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button.visible {
  display: block;
}
.search-page nav[aria-labelledby=third].result-filter > ul li.timeline-button.active a, .search-page nav[aria-labelledby=third].result-filter > ul li.list-button.active a, .search-page nav[aria-labelledby=third].result-filter > ul li.map-button.active a {
  opacity: 1;
}

.search-page aside h1 {
  margin-top: calc(var(--menu-size));
  margin-bottom: 0vh;
  min-height: 5.3025rem;
  max-width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .search-page aside h1 {
    margin-top: calc(var(--menu-size) * 1.5);
    width: -moz-min-content;
    width: min-content;
    max-width: 100%;
    display: block;
  }
}

.search-page nav[aria-labelledby=third] li {
  border: 0;
  line-height: 1em;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third] li#photographer-button {
    white-space: nowrap;
  }
}
.search-page nav[aria-labelledby=third] li#photographer-button span {
  display: block;
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third] li#photographer-button span {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .search-page nav[aria-labelledby=third] li {
    font-size: 0.6rem;
    line-height: 0.6;
  }
}

/* LISTS */
ul.objects, ul.audiovis {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.objects li {
  overflow: hidden;
  position: relative;
}

.objects .content-slide, .audiovis .content-slide {
  top: 0%;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  left: 0%;
  background: #f9f9f9;
}

/* Obres obsoletes */
.content-slide {
  /* &.obsolet.catalogued{
     &:before {
       background-image: url('../images/marker-award-disapeared.svg');
     }
   }*/
}
.content-slide:before, .content-slide:after {
  content: "";
  position: absolute;
  top: 1vw;
  right: 1vw;
  z-index: 10;
  overflow: hidden;
  font-size: 2.8em;
  width: var(--gap);
  height: var(--gap);
  text-indent: 0.1em;
  line-height: 1.1;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 1024px) {
  .content-slide:before, .content-slide:after {
    top: 1rem;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.content-slide:after {
  right: calc(1.25vw + 1.4rem);
}
.content-slide.obsolet:before {
  background-image: url("../images/marker-disappeared.svg");
}
.content-slide.catalogued:before {
  background-image: url("../images/marker-catalogued.svg");
}
.content-slide.awarded:before {
  background-image: url("../images/marker-award.svg");
}
.content-slide.obsolet.awarded:before {
  background-image: url("../images/marker-award-disapeared.svg");
}
.content-slide.awarded.catalogued:before {
  background-image: url("../images/marker-award-catalogued.svg");
}

.icons-search-bar {
  z-index: -1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: calc(var(--gap) * 1.5);
       column-gap: calc(var(--gap) * 1.5);
  height: 0;
  line-height: 1.4rem;
  font-size: 0.65rem;
  margin-right: 0;
  margin-left: -1px;
  padding-left: 1.3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  opacity: 0;
  transition: opacity 0.4s;
  padding-left: 1.25em;
  background: white;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .icons-search-bar {
    overflow: hidden;
    background: transparent;
    position: static;
    font-size: 0.8rem;
    padding-bottom: 0;
    padding-top: 0;
    transition: all 0.6s 0.8s;
  }
}
.icons-search-bar.active {
  opacity: 1;
  height: calc(var(--gap) * 0.5 + 1.4rem);
}
@media (min-width: 1024px) {
  .icons-search-bar.active {
    padding-bottom: calc(var(--gap));
  }
}
.icons-search-bar .obsolet, .icons-search-bar .catalogat, .icons-search-bar .premiat {
  color: inherit;
  display: block;
  position: relative;
}
.icons-search-bar .obsolet:before, .icons-search-bar .catalogat:before, .icons-search-bar .premiat:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  right: calc(100% + 0.25em);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.icons-search-bar .premiat:before {
  background-image: url(../images/marker-award-legend.svg);
}
.icons-search-bar .obsolet:before {
  background-image: url(../images/marker-disappeared.svg);
}
.icons-search-bar .catalogat:before {
  background-image: url(../images/marker-catalogued1.svg);
}

.detail-page .block-global-details p.obsolet_icon {
  position: relative;
  top: 0;
  line-height: 1.4rem;
  margin-bottom: 1rem !important;
  margin-left: -1px !important;
  padding: 0;
  padding-left: 1.3rem;
  padding-right: 0.7em;
}

.obsolet_icon:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0em;
  z-index: 10;
  overflow: hidden;
  width: 1em;
  height: 1rem;
  line-height: 1em;
  background-image: url(../images/marker-disappeared.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.documents .objects .type {
  display: none;
}

.documents .objects .cont-slider {
  cursor: pointer;
}

.detail-cover-page .objects .content-slide {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translate(-50%, -50%);
  max-width: var(--columnat_dret);
  max-height: var(--detail-cover-page-height);
  border: 0;
}
@media (min-width: 667px) {
  .detail-cover-page .objects .content-slide {
    max-height: 100vh;
  }
}

.detail-cover-page .objects li {
  width: 80vw;
  height: 110vw;
  padding: 0px;
  margin-top: calc(var(--gap) * 3);
}
@media (min-width: 667px) {
  .detail-cover-page .objects li {
    height: 115vw;
    max-height: 100vh;
    margin-top: 0;
  }
}

.col-left {
  padding-bottom: 10vh !important;
}

.col-right {
  padding-bottom: calc(var(--gap) * 1.5);
}
@media (min-width: 1024px) {
  .col-right {
    padding-bottom: 10vh !important;
  }
}

.works-page-detail .detail-cover-page .objects li {
  margin-top: 0;
}
.works-page-detail section.work-relations .list {
  position: relative;
  padding-top: 12.4vh;
  background: #eee;
  padding-top: calc(var(--gap) * 6);
  width: 100vw !important;
  padding-left: calc((100vw - var(--columnat_dret)) * 0.5);
  padding-right: calc((100vw - var(--columnat_dret)) * 0.5);
  z-index: 2;
}
@media (min-width: 1024px) {
  .works-page-detail section.work-relations .list {
    padding-left: calc((100vw - var(--home-section)) * 0.5);
    padding-right: calc((100vw - var(--home-section)) * 0.5);
    padding-bottom: calc(var(--gap) * 6);
  }
}
.works-page-detail section.work-relations .list h2 {
  margin-top: 0rem;
  margin-bottom: 2rem;
}
.works-page-detail section.work-relations .list h2 span {
  display: inline;
}
.works-page-detail footer#footer {
  margin-top: 0;
}

.objects .content-slide.more {
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
}

.objects .content-slide.no-image .details {
  display: flex;
}

.objects .image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.en-imatges .objects .image {
  width: auto;
  height: auto;
  position: static;
  z-index: 1;
}
.en-imatges .objects .image .swiper img {
  max-width: 90vw;
  max-height: 90vw;
}
@media (min-width: 667px) {
  .en-imatges .objects .image .swiper img {
    max-height: calc(90vh - 3rem);
  }
}

.objects .more .image {
  width: auto;
  height: auto;
  margin: auto;
}

.objects img, .audiovisual img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.audiovisual p.image {
  width: 100%;
  height: 0;
  padding-top: 54.5%;
  background: #ececec;
}

.detail-cover-page .en-imatges .objects .content-slide {
  background-color: transparent;
  width: 100%;
}
@media (min-width: 1024px) {
  .detail-cover-page .en-imatges .objects .content-slide {
    width: auto;
    min-width: calc(var(--detail-cover-page-height) * 0.65);
  }
}
.detail-cover-page .en-imatges .objects img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  transform: inherit;
  position: static;
  top: 0;
  left: 0;
  max-height: 85vw;
}
@media (min-width: 1024px) {
  .detail-cover-page .en-imatges .objects img {
    max-height: calc(var(--detail-cover-page-height) - 6.5em);
    max-width: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    transform: inherit;
    position: static;
    top: 0;
    left: 0;
  }
}

section.en-imatges p.footer-text {
  margin-bottom: 0;
  margin-top: 1em;
  font-size: 0.8rem;
}
@media (min-width: 1024px) {
  section.en-imatges p.footer-text {
    margin-bottom: 0;
    margin-top: 1em;
  }
}

.footer-text > span.creator-item > a {
  text-decoration: underline;
}

section.en-imatges .footer-text-has-sugg-button-arxius {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

section.en-imatges .footer-text-has-sugg-button-arxius .sugg-button-arxius {
  display: block;
  margin-top: 0.5rem;
  background-color: #000;
  color: #fff;
  font-size: 0.547em;
  font-family: "LL Replica Pro Regular Web", sans-serif;
  width: 2rem;
  line-height: 2rem;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  padding-left: 2rem;
  padding-right: 0;
  height: 2rem;
}
@media (min-width: 1024px) {
  section.en-imatges .footer-text-has-sugg-button-arxius .sugg-button-arxius:hover {
    padding-right: 0.6em;
    width: -moz-max-content;
    width: max-content;
  }
}

section.en-imatges .footer-text-has-sugg-button-arxius p.footer-text {
  flex-basis: 80%;
}

section.en-imatges .footer-text-has-sugg-button-arxius .sugg-button-arxius:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
  left: 0;
  background-image: url("../images/icons/share.svg");
}

.details {
  position: absolute;
  z-index: 0;
  top: auto;
  bottom: 2vw;
  left: 2vw;
  width: calc(100% - 4vw);
}

.promo .details {
  z-index: 2;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.promo .details .title {
  height: 100%;
  max-height: 100% !important;
  background: #eee;
  color: #fff;
  padding: 0;
  font-size: 1.3em;
  letter-spacing: -0.02em;
}
.promo .details .title a {
  color: #000;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1rem;
}
.promo .details .title:hover {
  background: #fff;
}
.promo .details .title:hover a {
  background: #fff;
}

.audiovis .details {
  position: static;
}

.content-slide:hover .details, .content-slide:focus .details {
  z-index: 2;
}
.content-slide:hover .details .title, .content-slide:focus .details .title {
  background: rgba(249, 249, 249, 0.8666666667);
}

.objects .title,
.audiovis .title {
  margin: 0px;
  z-index: 1;
  align-items: center;
  font-size: 1rem;
  font-family: "LL Replica Pro Bold Web", sans-serif;
}
@media (min-width: 1024px) {
  .objects .title,
  .audiovis .title {
    font-size: 1.1rem;
  }
}

#detail .objects .title,
.home-page .objects .title,
#detail .audiovis .title {
  font-size: 1.1rem;
  margin-top: 1rem;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  #detail .objects .title,
  .home-page .objects .title,
  #detail .audiovis .title {
    font-size: 0.9rem;
  }
}

#detail .objects .title,
#detail .audiovis .title {
  font-size: 1.3rem;
}
@media (min-width: 1024px) {
  #detail .objects .title,
  #detail .audiovis .title {
    font-size: 1.1rem;
  }
}

.home-page .objects .title {
  font-size: 1.15rem;
}

#detail .audiovis .title {
  margin-top: 0.5em;
  padding: 0;
  max-height: 100vh !important;
  display: block;
  background-color: transparent;
}

.documents .content-slide .details .title {
  margin-top: 0.5em;
  padding: 0;
  max-height: 100vh !important;
  display: block;
  background-color: transparent;
}

.objects a {
  color: rgb(0, 0, 0);
  z-index: 1;
}

.objects .title {
  background-color: rgba(255, 255, 255, 0);
  padding-left: 2vw;
  padding-right: 2vw;
  padding: 0.6em;
  min-height: calc(var(--menu-size) * 0.73);
  max-height: 5.46em !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.objects .title a {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  min-height: 0 !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: #000;
  text-decoration: none;
  line-height: 110%;
}

.search-page {
  padding-top: var(--menu-size);
}
@media (min-width: 1024px) {
  .search-page {
    padding-top: 0;
  }
}
.search-page .objects .title {
  padding-left: 1vw;
  padding-right: 1vw;
}
.search-page .objects .title:hover a {
  color: rgb(0, 0, 0);
}
.search-page .objects .title a {
  min-height: calc((90vw - var(--gap)) / 4 - 2vw);
}
.search-page main > aside {
  position: sticky;
  top: calc(((var(--menu-size)) - 2rem) * 1);
  z-index: 98;
  background: white;
  transition: all 0.6s;
}
.search-page main > aside.scrolling {
  top: calc((var(--menu-size) - 0.5rem) * -1);
}
.search-page .select2-results {
  border: 1px solid;
  border-top: 0;
}
@media (min-width: 1024px) {
  .search-page .select2-search--dropdown {
    border-left: 1px solid;
    border-right: 1px solid;
  }
}

.en-imatges .images_thumb_cap {
  display: none;
  position: fixed;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: calc((100vw - var(--home-section)) * 0.5);
  width: 10rem !important;
  max-height: 2em;
  height: auto !important;
  background: white;
  padding-left: 0;
  padding-right: 0;
  border-top: 0 solid white;
  border-bottom: 0 white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1333333333);
  transition: all 0.6s;
}
@media (min-width: 1280px) {
  .en-imatges .images_thumb_cap {
    display: block;
  }
}
.en-imatges .images_thumb_cap .claim-thumbs {
  background: black;
  font-size: 0.547em;
  font-family: "LL Replica Pro Regular Web", sans-serif;
  color: white;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  height: 100%;
}
.en-imatges .images_thumb_cap:hover {
  top: 50%;
  transform: translateY(-50%);
  max-height: calc(100vh - var(--menu-size) * 3);
  width: calc(var(--home-section) * 0.191 + (100vw - var(--home-section)) * 0.5) !important;
  right: 0;
  border-top: var(--gap) solid white;
  border-bottom: var(--gap) solid white;
  padding-left: var(--gap) !important;
  padding-right: var(--gap) !important;
  right: var(--gap);
}
.en-imatges .images_thumb_cap:hover .claim-thumbs {
  min-height: 0;
  height: 0;
}
.en-imatges .images_thumb_cap:hover .swiper-wrapper {
  height: 100%;
  overflow: auto;
  max-height: calc(100vh - var(--menu-size) * 3);
}
.en-imatges .images_thumb_cap .swiper-wrapper {
  transform: none !important;
  height: auto;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
}
.en-imatges .images_thumb_cap .swiper-wrapper .content-slide:before, .en-imatges .images_thumb_cap .swiper-wrapper .content-slide:after {
  display: none;
}
.en-imatges .images_thumb_cap .swiper-wrapper li {
  opacity: 0.5;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  transition: all 0.6s;
}
.en-imatges .images_thumb_cap .swiper-wrapper li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.en-imatges .images_thumb_cap .swiper-wrapper li.swiper-slide-thumb-active, .en-imatges .images_thumb_cap .swiper-wrapper li:hover {
  opacity: 1;
}
.en-imatges .swiper {
  width: 100vw;
  margin: auto;
}

/* constelation */
svg#constellation-graph {
  border: 0px solid rgb(236, 236, 236) !important;
  background-color: rgb(247, 247, 247);
  height: 60vh !important;
}

/*svg#constellation-graph text.work {

  display: none;

}

svg#constellation-graph rect.work {

  display: none;

}*/
/* bibliography */
.swiper.bibliography .swiper-wrapper {
  align-items: stretch;
}
.swiper.bibliography .swiper-wrapper li {
  padding: 0;
  height: auto;
  background-color: #f9f9f9;
  padding: 1rem;
  padding-bottom: 3.5rem;
}
.swiper.bibliography .swiper-wrapper .title {
  padding: 0;
  padding-left: 0rem;
  padding-right: 0.5rem;
}

.swiper.bibliography li .content-slide {
  height: 40vh;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.188em;
}

.swiper.bibliography li p {
  margin-top: 0;
}

.swiper.bibliography li .type {
  text-transform: uppercase;
  font-size: 0.7rem;
  margin: 0;
  margin-top: 1em;
}

.swiper.bibliography li .publication-year {
  position: absolute;
  bottom: 1rem;
  font-size: 0.8rem;
  margin: 0px;
  padding-right: 1rem;
  margin-bottom: 0rem;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
@media (min-width: 1024px) {
  .swiper.bibliography li .publication-year {
    font-size: 0.6rem;
  }
}

.swiper.bibliography li .title {
  background-color: transparent;
  max-height: 100vh !important;
}
.swiper.bibliography li .title a {
  font-size: 1.2rem;
  line-height: 1.1;
  margin-bottom: 1rem;
  padding: 0;
  white-space: pre-wrap;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  filter: invert(0);
}

/* Block details */
.block-details {
  background-color: rgb(255, 255, 255);
  padding-top: 0;
  position: relative;
  font-size: 0.8em;
  line-height: 140%;
  font-weight: 700;
  width: var(--columnat_dret);
  margin: auto;
}

.block-details .sugg-button p,
.detail-page .bloc-vertical-details .sugg-button p,
.modal-content .sugg-button-arxiu p {
  font-weight: 400;
  color: #fff;
  background: #000;
  text-transform: uppercase;
  height: calc(var(--menu-size) * 0.53);
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.7rem;
  margin-top: 1.5rem;
  cursor: pointer;
  line-height: 1;
  transition: filter 0.3s, border 3s;
}

.modal-content .sugg-button-arxiu {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.block-details .sugg-button p,
.detail-page .bloc-vertical-details .sugg-button p,
.modal-content .sugg-button-arxiu p {
  position: relative;
  padding-left: 2rem;
  padding-right: 0.6rem;
  border-radius: 2px;
  height: 2rem;
}

.block-details .sugg-button p:before,
.detail-page .bloc-vertical-details .sugg-button p:before,
.modal-content .sugg-button-arxiu p:before {
  display: block;
  content: "";
  position: absolute;
  background-color: #000;
  left: 0;
  top: 0%;
  transform: translate(0%, 0%);
  width: 2rem;
  height: 100%;
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icons/sugg.svg");
}

.modal-content .sugg-button-arxiu p:before {
  background-image: url("../images/icons/share.svg");
}

.block-details .sugg-button p:hover,
.bloc-vertical-details .sugg-button p:hover,
.modal-content .sugg-button-arxiu p:hover {
  text-decoration: underline;
}

.block-details dt {
  overflow: hidden;
  text-transform: uppercase;
  font-weight: normal;
  padding-top: 1.1em;
}

.block-details dd {
  margin-left: 0;
  position: relative;
}

.block-details a {
  text-decoration: underline;
}

.block-details h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.block-details ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.block-details li {
  margin-bottom: 1rem;
}

.global-fixed-button {
  position: fixed;
  left: 0;
  bottom: 0;
  background: black;
  color: white;
  font-size: 0.6em;
  z-index: 99;
  padding: calc(var(--gap) * 2.5);
  padding-right: calc(var(--gap) * 1.5);
  padding-left: calc(var(--gap) * 1.5);
  padding-top: 1em;
  padding-bottom: 1em;
  transform: translateX(calc(-100% + var(--gap) * 1.2));
  transition: all 0.6s;
  width: 90vw;
  height: 15em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .global-fixed-button {
    padding-right: calc(var(--gap) * 2);
    padding-left: calc(var(--gap) * 2);
    transform: translateX(calc(-100% + var(--gap) * 1.7));
    width: 30em;
    height: 15em;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
}
.global-fixed-button:hover {
  background: #eee;
  color: black;
}
.global-fixed-button p a {
  cursor: pointer;
  display: block;
  width: -moz-min-content;
  width: min-content;
  margin-top: 1em;
  line-height: 1;
  padding: 1em;
  background: black;
  color: white;
  text-transform: uppercase;
}
.global-fixed-button:hover {
  transform: translateX(0);
}
.global-fixed-button h4 {
  transform: rotate(-90deg);
  transform-origin: right top;
  position: absolute;
  right: calc(var(--gap) * 1.2);
  line-height: calc(var(--gap) * 1.2);
  top: 2em;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "LL Replica Pro Light Web", sans-serif;
  text-transform: uppercase;
  font-weight: 100;
}
@media (min-width: 1024px) {
  .global-fixed-button h4 {
    right: calc(var(--gap) * 1.7);
    line-height: calc(var(--gap) * 1.7);
  }
}

.googlelink {
  display: none;
  position: absolute;
  padding: 0.6em;
  padding-left: 2rem;
  padding-right: 0.8rem;
  border-radius: 2px;
  right: 0rem;
  top: 7rem;
  font-size: 0.7rem;
  line-height: 2;
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  z-index: 2;
}
.googlelink:before {
  display: block;
  content: "";
  position: absolute;
  background-color: #000;
  left: 0;
  top: 0%;
  transform: translate(0%, 0%);
  width: 2rem;
  height: 100%;
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icons/map.svg");
}
.googlelink:hover {
  text-decoration: underline;
}

.googlelink.top {
  font-weight: 400;
  color: #fff;
  background: #000;
  text-transform: uppercase;
  height: 2rem;
  border: 1px solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.7rem;
  margin-top: 8vh;
  cursor: pointer;
  line-height: 1;
  transition: filter 0.3s, border 3s;
  position: relative;
  padding-left: 2rem;
  padding-right: 0.8rem;
  border-radius: 2px;
  top: 0;
  width: calc(100% - 10vw);
  margin-left: 5vw;
  align-items: center;
  margin-bottom: 1rem;
}
.googlelink.top:before {
  background-color: #000;
}

.map-detail.refer-block {
  position: relative;
}

nav[aria-labelledby=fourth] ul {
  display: flex;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  text-align: center;
  margin-top: 1rem;
  height: 1.1rem;
}

nav[aria-labelledby=fourth] li {
  text-align: center;
  flex-basis: 1.6rem;
}

.twitter,
.facebook,
.linkedin,
.mail,
.whatsapp {
  font-size: 1rem;
  display: block;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000vw;
  color: rgba(0, 0, 0, 0);
}

.twitter {
  background-image: url("../images/twitter.svg");
}

.facebook {
  background-image: url("../images/facebook.svg");
}

.linkedin {
  background-image: url("../images/linkedin.svg");
}

.mail {
  background-image: url("../images/mail.svg");
}

.whatsapp {
  background-image: url("../images/whatsapp.svg");
}

/* FITXA */
/* detail cover page */
.detail-page .block-global-details {
  display: flex;
  flex-direction: column-reverse;
}

.detail-page article {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.detail-page article#detail {
  margin-top: 0rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .detail-page article#detail {
    flex-direction: row;
  }
}

.detail-page article.detail-cover-page {
  position: relative;
  z-index: 11;
  background-color: rgb(255, 255, 255);
  min-height: 0vh;
}

.detail-page-photographer.detail-page article.detail-cover-page {
  z-index: 1;
}
@media (min-width: 1024px) {
  .detail-page-photographer.detail-page article.detail-cover-page {
    z-index: 2;
  }
}

.detail-cover-page .col-right {
  padding-top: calc(var(--menu-size) + 0.5rem);
  margin-bottom: -2rem;
}
.detail-cover-page .col-left {
  padding-top: calc(var(--menu-size) * 0.5);
  padding-left: calc(var(--gap) * 1.5);
  padding-right: calc(var(--gap) * 1.5);
}
.detail-cover-page .swiper {
  padding-top: 0;
}

.arrow-up a {
  background-image: url(../images/icons/go-down-blk.png);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center center;
  height: calc(var(--gap) * 1.8);
  width: calc(var(--gap) * 1.8);
  display: block;
  position: fixed;
  bottom: calc(var(--menu-size) * 0.5);
  right: calc(var(--gap) * 1.5 + 1vw);
  background-color: #fff;
  border: 2px solid white;
  border-radius: 50%;
  transform: rotate(180deg) translateY(0) scale(1);
  transition: all 0.6s;
  z-index: 99;
}
.arrow-up a:hover {
  border: 2px solid black;
  transform: rotate(180deg) translateY(0) scale(1.1);
}
@media (min-width: 1024px) {
  .arrow-up a {
    left: calc(100% - var(--gap) * 5 - 1vw);
    height: calc(clamp(16px, 16px + 7.3333 * (100vw - 1360px) / 880, 23.3333px) * 3);
    width: calc(clamp(16px, 16px + 7.3333 * (100vw - 1360px) / 880, 23.3333px) * 3);
  }
}
.arrow-up.scrolling a {
  bottom: 0;
  transform: rotate(180deg) translateY(-100%);
}

/* Estils específics per a navegadors compatibles amb la personalització de la barra de desplaçament (p. ex., Edge a partir de Windows 10) */
@media screen\0  {
  .scrollbar {
    width: 10px; /* ancho de la barra de desplazamiento */
  }
  .arrow-up a {
    left: calc(100% - var(--gap) * 5 - (1vw + 10px));
  }
}
.detail-page h1 {
  text-transform: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-wrap: break-word;
  overflow: hidden;
  width: 100%;
  padding-bottom: 0.1rem;
}

.detail-page-photographer h1 {
  margin-top: 3.8rem;
  overflow: visible;
}

.author-details {
  font-size: 0.8rem;
  line-height: 140%;
  display: flex;
  flex-wrap: nowrap;
  /* justify-content: space-evenly; */
  font-weight: 700;
  width: 100%;
}

.author-details div {
  padding-right: 1rem;
  width: 33%;
}

.author-details p {
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 1em;
}

.author-details span {
  display: block;
}

.author-details,
.socials {
  margin: 0;
  padding-top: 1rem;
}

.socials {
  border: 0;
}

.bloc-vertical-details h3 {
  text-transform: uppercase;
}

.author-details div:first-child {
  margin-top: 0;
}

.detail-page .block-global-details p {
  margin: 0;
  line-height: 100%;
}

.detail-page p.categoria {
  font-family: "LL Replica Pro Bold Web";
}

.detail-page .block-global-details .author-details p {
  line-height: 140%;
}

.detail-page .block-global-details .categoria {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .detail-page .block-global-details .categoria {
    margin-top: 2rem;
  }
}

.detail-page h1,
.detail-page .block-global-details .categoria,
.block-global-details .autor ul {
  text-align: left;
}

.detail-page .block-global-details p.work_date,
.bloc-vertical-details,
.bloc-vertical-details h3 {
  font-size: 0.9rem;
  padding-bottom: 1rem;
}

.block-global-details .autor ul {
  margin: 0;
  padding: 0;
  padding-bottom: 0rem;
  list-style: none;
}

.block-global-details .autor li {
  padding-bottom: 0.5em;
}

.block-global-details .categoria a {
  text-transform: uppercase;
  font-size: 0.8rem;
  text-decoration: underline;
}

.block-global-details .autor a {
  text-decoration: underline;
}

.autor.contributors {
  margin-top: 1rem;
}
.autor.contributors h3 {
  padding-top: 1rem;
  font-weight: normal;
  padding-bottom: 0.5rem;
  font-size: 0.7rem;
}
.autor.contributors li {
  grid-template-columns: 1fr 2fr;
}
.autor.contributors span {
  display: inline-block;
  padding-bottom: 0.1em;
  grid-column: 2;
  font-weight: 400;
  line-height: 1.4;
}
.autor.contributors span:after {
  content: ", ";
}
.autor.contributors span:last-child:after {
  content: " ";
}
.autor.contributors span.section-title {
  grid-column: 1;
  padding-left: 0;
  font-weight: 700;
  display: block;
}
.autor.contributors span.section-title:after {
  content: " ";
}

.detail-page #detail .col-right > section,
.detail-page #detail .col-right > .reports-main-list {
  padding-top: 6rem;
  padding-bottom: 0rem;
}

.detail-page .col-right > section,
.detail-page .col-right > .reports-main-list {
  padding-top: 20vh;
  width: var(--columnat_dret);
  margin: auto;
}

.detail-page section.memoria {
  margin-bottom: -3rem !important;
}

.detail-page .detail-cover-page .col-right > section {
  padding-top: 0vh;
  width: 100vw;
  margin-left: 0;
}

.detail-page .details {
  bottom: 2vw;
  left: 2vw;
  width: calc(100% - 4vw);
}

/* memoria */
.memoria .text-bloc {
  white-space: pre-wrap;
  /* Fallback for non-webkit */
  padding-right: 0px;
  line-height: 140%;
  font-size: 0.9rem;
  position: relative;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 18;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .memoria .text-bloc {
    font-size: 1rem;
  }
}
.memoria .text-bloc.over span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
.memoria .text-bloc.over span:after {
  display: block;
  content: "";
  width: 22px;
  height: 2.6em;
  border: 0px solid;
  background-image: url("../images/plus.png");
  background-position: left center;
  background-color: rgb(255, 255, 255);
  background-size: 22px;
  background-repeat: no-repeat;
  position: relative;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.memoria .text-bloc p {
  margin: 1em 0 1em 0;
  display: inline;
}
.memoria .text-bloc p:after {
  content: " \a\a";
  white-space: pre;
}
.memoria .text-bloc p:first-child {
  margin-top: 0;
}
.memoria .text-bloc p:nth-last-child(2) {
  margin-bottom: 0;
}
.memoria .text-bloc.active {
  -webkit-line-clamp: 1000;
}
.memoria .text-bloc.active.over span {
  display: none;
}

.details_memory {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  /* margin-top:-1rem; */
}
@media (min-width: 1024px) {
  .details_memory {
    display: flex;
    gap: calc(var(--gap) * 2);
    width: 100%;
  }
}
.details_memory p {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 0.85em;
  line-height: 1.4;
}
.details_memory p span {
  font-weight: 700;
  text-transform: none;
}
@media (min-width: 1024px) {
  .details_memory p span {
    display: block;
  }
}

/* chrono */
.chrono ol {
  padding: 0px;
  margin: 0px;
}

.js .chrono .cd-h-timeline__event {
  padding: 0px;
}
@media (min-width: 1024px) {
  .js .chrono .cd-h-timeline__event {
    padding-bottom: 0 !important;
  }
}

.chrono .container {
  width: 100%;
  max-width: 100%;
}

.chrono .cd-h-timeline__navigation:hover {
  border-color: rgb(0, 0, 0);
}

.chrono section {
  padding: 0px;
}

.js .cd-h-timeline__filling-line,
.js .cd-h-timeline__date--selected::after,
.js .cd-h-timeline__date:hover::after {
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
}

.js .cd-h-timeline__date--older-event::after {
  border-color: rgb(0, 0, 0);
}

.timeline-details-image {
  padding-top: 1rem;
  border-top: 1px solid rgb(236, 236, 236);
}

h3.cd-h-timeline__event-title {
  margin-top: 0;
}

.js .cd-h-timeline__date--selected {
  font-weight: 600;
  text-decoration: none !important;
}

.timeline-image.active {
  margin: 0px !important;
  overflow: hidden;
  aspect-ratio: 1;
  position: relative;
  margin-bottom: 1rem !important;
}
@media (min-width: 1024px) {
  .timeline-image.active {
    margin-bottom: 0rem !important;
  }
}

.cd-h-timeline__event-content.container.acknowledgement {
  padding-left: 0px;
}

.timeline-acknowledgement-image {
  width: 140px;
  float: left;
  margin-right: 10px;
}

.timeline-image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.container.acknowledgement .timeline-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
  top: 0;
  left: 0;
  transform: translate(0%, 0%);
}

.cd-h-timeline__event-description,
.cd-h-timeline__award__details {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  margin-top: -4px;
  font-size: 0.9rem;
  line-height: 140%;
  text-align: justify;
}
@media (min-width: 1024px) {
  .cd-h-timeline__event-description,
  .cd-h-timeline__award__details {
    font-size: 1rem;
  }
}

.timeline-text .cd-h-timeline__award-description {
  font-weight: 700;
}

.cd-h-timeline__award-description,
.cd-h-timeline__award__details {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 0.8rem;
  line-height: 140%;
  text-align: justify;
}

.cd-h-timeline__award-description {
  font-size: 0.9rem;
}

.cd-h-timeline__award__details {
  line-height: normal;
  margin: var(--space-xs) auto;
  font-size: 0.8rem;
  padding-bottom: 0.5em;
}

p.cd-h-timeline__event-description {
  font-size: 0.8rem;
  padding-bottom: 1rem;
}

.cd-h-timeline img,
.cd-h-timeline video,
.cd-h-timeline svg {
  max-width: 100%;
  max-height: none;
  width: 100%;
  height: auto;
}

.margin-bottom-md {
  margin-bottom: 0;
}

.en-imatges h2 {
  display: none;
}

.modal.modal_report.active .modal-content .swiper-slide-thumb-active .content-slide-thumb .image {
  transform: translateY(-33%) !important;
}

.modal.image, .modal.video, .modal.modal_report {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: auto;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.9333333333);
  left: 0;
  top: 0;
  display: none;
  align-items: center;
}
.modal.image.active, .modal.video.active, .modal.modal_report.active {
  display: block;
  max-height: none;
  overflow: auto;
}
.modal.image.active .modal-content, .modal.video.active .modal-content, .modal.modal_report.active .modal-content {
  padding-top: 0;
  height: 100vh;
}
.modal.image.active .modal-content .details_memory, .modal.video.active .modal-content .details_memory, .modal.modal_report.active .modal-content .details_memory {
  margin-bottom: 0;
}
.modal.image.active .modal-content .swiper, .modal.video.active .modal-content .swiper, .modal.modal_report.active .modal-content .swiper {
  padding-top: 0;
  height: 100vh;
}
.modal.image.active .modal-content .swiper .swiper-slide-thumb-active .content-slide-thumb .image, .modal.video.active .modal-content .swiper .swiper-slide-thumb-active .content-slide-thumb .image, .modal.modal_report.active .modal-content .swiper .swiper-slide-thumb-active .content-slide-thumb .image {
  transform: translateY(-33%);
}
.modal.image.active .modal-content .swiper-wrapper, .modal.video.active .modal-content .swiper-wrapper, .modal.modal_report.active .modal-content .swiper-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}
.modal.image.active .content-container, .modal.video.active .content-container, .modal.modal_report.active .content-container {
  height: 100vh;
  overflow: auto;
}
.modal.image.active .content-slide, .modal.video.active .content-slide, .modal.modal_report.active .content-slide {
  background: #f9f9f9;
  display: block;
  align-items: flex-start;
  align-content: center;
  justify-content: flex-end;
  width: var(--columnat_dret);
  margin: auto;
  position: relative;
  padding-top: var(--menu-size);
  padding-bottom: var(--menu-size);
  min-height: 100vh;
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide, .modal.video.active .content-slide, .modal.modal_report.active .content-slide {
    margin-top: 0;
    display: flex;
    justify-content: center;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
    margin-top: 0;
    padding: calc(var(--gap) * 1);
    padding-bottom: calc(var(--gap) * 3);
    width: 44vw;
    overflow: auto;
    height: -moz-max-content;
    height: max-content;
    min-height: 100vh;
  }
}
.modal.image.active .content-slide .block-image, .modal.video.active .content-slide .block-image, .modal.modal_report.active .content-slide .block-image {
  width: 100%;
}
.modal.image.active .content-slide .block-image .position-image, .modal.video.active .content-slide .block-image .position-image, .modal.modal_report.active .content-slide .block-image .position-image {
  left: 0;
  position: static;
}
.modal.image.active .content-slide .block-image .details_memory, .modal.video.active .content-slide .block-image .details_memory, .modal.modal_report.active .content-slide .block-image .details_memory {
  padding: var(--gap);
  margin: 0;
}
.modal.image.active .content-slide .block-image iframe, .modal.video.active .content-slide .block-image iframe, .modal.modal_report.active .content-slide .block-image iframe {
  aspect-ratio: 16/9;
}
.modal.image.active .content-slide .image, .modal.video.active .content-slide .image, .modal.modal_report.active .content-slide .image {
  width: 100%;
  aspect-ratio: 1;
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .image, .modal.video.active .content-slide .image, .modal.modal_report.active .content-slide .image {
    aspect-ratio: 1.3;
    padding: 0;
    height: auto;
  }
}
.modal.image.active .content-slide .image img, .modal.video.active .content-slide .image img, .modal.modal_report.active .content-slide .image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  margin: 0px;
}
.modal.image.active .content-slide .tech-description, .modal.video.active .content-slide .tech-description, .modal.modal_report.active .content-slide .tech-description {
  padding: 0.6rem;
  margin-top: 0;
  width: 100%;
  position: inherit;
  transform: translate(0%, 0);
  text-align: left;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
  font-size: 0.9em;
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .tech-description, .modal.video.active .content-slide .tech-description, .modal.modal_report.active .content-slide .tech-description {
    padding: 0;
    gap: calc(var(--gap) * 1);
  }
}
.modal.image.active .content-slide .tech-description h3, .modal.video.active .content-slide .tech-description h3, .modal.modal_report.active .content-slide .tech-description h3 {
  text-transform: none;
  width: 100%;
  font-size: 1.3em;
  padding-right: 3rem;
  line-height: 1.2;
  min-height: 2.4em;
  letter-spacing: -0.03em;
  line-height: 100%;
  font-family: "LL Replica Pro Bold Web", sans-serif;
  display: block;
  position: relative;
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .tech-description h3, .modal.video.active .content-slide .tech-description h3, .modal.modal_report.active .content-slide .tech-description h3 {
    padding-right: 0;
    gap: var(--gap);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.modal.image.active .content-slide .tech-description h3 span, .modal.video.active .content-slide .tech-description h3 span, .modal.modal_report.active .content-slide .tech-description h3 span {
  /*a{
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:1em;
    aspect-ratio:1;
    background-size:80%;
    background-image: url("../images/icons/go-down-blk.png");
    background-repeat:no-repeat;
    background-position:center center;
  }*/
}
.modal.image.active .content-slide .tech-description h3 span .sugg-button-arxiu, .modal.video.active .content-slide .tech-description h3 span .sugg-button-arxiu, .modal.modal_report.active .content-slide .tech-description h3 span .sugg-button-arxiu {
  padding: 0;
  display: flex;
  transition: 0.3s;
}
.modal.image.active .content-slide .tech-description h3 span .sugg-button-arxiu p, .modal.video.active .content-slide .tech-description h3 span .sugg-button-arxiu p, .modal.modal_report.active .content-slide .tech-description h3 span .sugg-button-arxiu p {
  font-size: 0.547em;
  font-family: "LL Replica Pro Regular Web", sans-serif;
  width: 2rem;
  padding-right: 0;
  overflow: hidden;
}
.modal.image.active .content-slide .tech-description h3 span .sugg-button-arxiu p:hover, .modal.video.active .content-slide .tech-description h3 span .sugg-button-arxiu p:hover, .modal.modal_report.active .content-slide .tech-description h3 span .sugg-button-arxiu p:hover {
  padding-right: 0.6em;
  width: -moz-max-content;
  width: max-content;
}
.modal.image.active .content-slide .tech-description .box, .modal.video.active .content-slide .tech-description .box, .modal.modal_report.active .content-slide .tech-description .box {
  font-size: 0.85em;
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: calc(var(--gap) * 2);
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .tech-description .box, .modal.video.active .content-slide .tech-description .box, .modal.modal_report.active .content-slide .tech-description .box {
    margin-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
    row-gap: calc(var(--gap) * 2);
  }
}
.modal.image.active .content-slide .tech-description .box dl, .modal.video.active .content-slide .tech-description .box dl, .modal.modal_report.active .content-slide .tech-description .box dl {
  overflow: auto;
  margin: 0rem;
}
.modal.image.active .content-slide .tech-description .box .col-2, .modal.video.active .content-slide .tech-description .box .col-2, .modal.modal_report.active .content-slide .tech-description .box .col-2 {
  grid-column: span 2;
}
.modal.image.active .content-slide .tech-description .box > dl, .modal.video.active .content-slide .tech-description .box > dl, .modal.modal_report.active .content-slide .tech-description .box > dl {
  overflow: auto;
  margin: 0rem;
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .tech-description .box > dl, .modal.video.active .content-slide .tech-description .box > dl, .modal.modal_report.active .content-slide .tech-description .box > dl {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: calc(var(--gap) * 1);
    -moz-column-gap: calc(var(--gap) * 2);
         column-gap: calc(var(--gap) * 2);
  }
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .tech-description .box, .modal.video.active .content-slide .tech-description .box, .modal.modal_report.active .content-slide .tech-description .box {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
  }
}
.modal.image.active .content-slide .text-description, .modal.video.active .content-slide .text-description, .modal.modal_report.active .content-slide .text-description {
  padding: 0.6rem;
}
@media (min-width: 1024px) {
  .modal.image.active .content-slide .text-description, .modal.video.active .content-slide .text-description, .modal.modal_report.active .content-slide .text-description {
    padding: 0;
    padding-top: var(--gap);
  }
}
.modal.image.active .tech-content, .modal.video.active .tech-content, .modal.modal_report.active .tech-content {
  position: sticky;
  top: calc(28vh - var(--menu-size));
}
.modal.image.active .button-prev, .modal.video.active .button-prev, .modal.modal_report.active .button-prev {
  left: calc((100% - (var(--columnat_dret))) * 0.15);
}
@media (min-width: 1024px) {
  .modal.image.active .button-prev, .modal.video.active .button-prev, .modal.modal_report.active .button-prev {
    left: 13vw;
  }
}
.modal.image.active .button-next, .modal.video.active .button-next, .modal.modal_report.active .button-next {
  right: calc((100% - (var(--columnat_dret))) * 0.15);
}
@media (min-width: 1024px) {
  .modal.image.active .button-next, .modal.video.active .button-next, .modal.modal_report.active .button-next {
    right: 13vw;
  }
}
.modal.image .swiper-documents-modal-thumb, .modal.image .swiper-thumbs-photographer, .modal.image .swiper-multimedia-modal-thumb, .modal.video .swiper-documents-modal-thumb, .modal.video .swiper-thumbs-photographer, .modal.video .swiper-multimedia-modal-thumb, .modal.modal_report .swiper-documents-modal-thumb, .modal.modal_report .swiper-thumbs-photographer, .modal.modal_report .swiper-multimedia-modal-thumb {
  position: fixed;
  bottom: 0;
  font-size: 0.6em;
  transform: translateY(66.66%);
  transition: all 0.5s;
  z-index: 2;
  display: none;
  height: auto !important;
  padding-top: calc(var(--gap) * 0.5) !important;
  background: white;
  overflow: visible;
}
@media (min-width: 1024px) {
  .modal.image .swiper-documents-modal-thumb, .modal.image .swiper-thumbs-photographer, .modal.image .swiper-multimedia-modal-thumb, .modal.video .swiper-documents-modal-thumb, .modal.video .swiper-thumbs-photographer, .modal.video .swiper-multimedia-modal-thumb, .modal.modal_report .swiper-documents-modal-thumb, .modal.modal_report .swiper-thumbs-photographer, .modal.modal_report .swiper-multimedia-modal-thumb {
    display: block;
    padding-left: 7.5vw;
    width: 100%;
  }
}
.modal.image .swiper-documents-modal-thumb:hover, .modal.image .swiper-thumbs-photographer:hover, .modal.image .swiper-multimedia-modal-thumb:hover, .modal.video .swiper-documents-modal-thumb:hover, .modal.video .swiper-thumbs-photographer:hover, .modal.video .swiper-multimedia-modal-thumb:hover, .modal.modal_report .swiper-documents-modal-thumb:hover, .modal.modal_report .swiper-thumbs-photographer:hover, .modal.modal_report .swiper-multimedia-modal-thumb:hover {
  transform: translateY(0%);
}
.modal.image .swiper-documents-modal-thumb .swiper, .modal.image .swiper-thumbs-photographer .swiper, .modal.image .swiper-multimedia-modal-thumb .swiper, .modal.video .swiper-documents-modal-thumb .swiper, .modal.video .swiper-thumbs-photographer .swiper, .modal.video .swiper-multimedia-modal-thumb .swiper, .modal.modal_report .swiper-documents-modal-thumb .swiper, .modal.modal_report .swiper-thumbs-photographer .swiper, .modal.modal_report .swiper-multimedia-modal-thumb .swiper {
  height: auto;
}
.modal.image .swiper-documents-modal-thumb .swiper-wrapper, .modal.image .swiper-thumbs-photographer .swiper-wrapper, .modal.image .swiper-multimedia-modal-thumb .swiper-wrapper, .modal.video .swiper-documents-modal-thumb .swiper-wrapper, .modal.video .swiper-thumbs-photographer .swiper-wrapper, .modal.video .swiper-multimedia-modal-thumb .swiper-wrapper, .modal.modal_report .swiper-documents-modal-thumb .swiper-wrapper, .modal.modal_report .swiper-thumbs-photographer .swiper-wrapper, .modal.modal_report .swiper-multimedia-modal-thumb .swiper-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: flex-end;
}
.modal.image .swiper-documents-modal-thumb .swiper-slide, .modal.image .swiper-thumbs-photographer .swiper-slide, .modal.image .swiper-multimedia-modal-thumb .swiper-slide, .modal.video .swiper-documents-modal-thumb .swiper-slide, .modal.video .swiper-thumbs-photographer .swiper-slide, .modal.video .swiper-multimedia-modal-thumb .swiper-slide, .modal.modal_report .swiper-documents-modal-thumb .swiper-slide, .modal.modal_report .swiper-thumbs-photographer .swiper-slide, .modal.modal_report .swiper-multimedia-modal-thumb .swiper-slide {
  max-width: 6.88vw;
}
.modal.image .swiper-documents-modal-thumb .content-slide-thumb, .modal.image .swiper-thumbs-photographer .content-slide-thumb, .modal.image .swiper-multimedia-modal-thumb .content-slide-thumb, .modal.video .swiper-documents-modal-thumb .content-slide-thumb, .modal.video .swiper-thumbs-photographer .content-slide-thumb, .modal.video .swiper-multimedia-modal-thumb .content-slide-thumb, .modal.modal_report .swiper-documents-modal-thumb .content-slide-thumb, .modal.modal_report .swiper-thumbs-photographer .content-slide-thumb, .modal.modal_report .swiper-multimedia-modal-thumb .content-slide-thumb {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding-bottom: calc(var(--gap) * 1);
  transition: all 0.6s;
}
.modal.image .swiper-documents-modal-thumb .content-slide-thumb .image, .modal.image .swiper-thumbs-photographer .content-slide-thumb .image, .modal.image .swiper-multimedia-modal-thumb .content-slide-thumb .image, .modal.video .swiper-documents-modal-thumb .content-slide-thumb .image, .modal.video .swiper-thumbs-photographer .content-slide-thumb .image, .modal.video .swiper-multimedia-modal-thumb .content-slide-thumb .image, .modal.modal_report .swiper-documents-modal-thumb .content-slide-thumb .image, .modal.modal_report .swiper-thumbs-photographer .content-slide-thumb .image, .modal.modal_report .swiper-multimedia-modal-thumb .content-slide-thumb .image {
  aspect-ratio: 1.3;
  background: #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal.image .swiper-documents-modal-thumb .content-slide-thumb .image img, .modal.image .swiper-thumbs-photographer .content-slide-thumb .image img, .modal.image .swiper-multimedia-modal-thumb .content-slide-thumb .image img, .modal.video .swiper-documents-modal-thumb .content-slide-thumb .image img, .modal.video .swiper-thumbs-photographer .content-slide-thumb .image img, .modal.video .swiper-multimedia-modal-thumb .content-slide-thumb .image img, .modal.modal_report .swiper-documents-modal-thumb .content-slide-thumb .image img, .modal.modal_report .swiper-thumbs-photographer .content-slide-thumb .image img, .modal.modal_report .swiper-multimedia-modal-thumb .content-slide-thumb .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal.image .swiper-documents-modal-thumb .content-slide-thumb > p, .modal.image .swiper-thumbs-photographer .content-slide-thumb > p, .modal.image .swiper-multimedia-modal-thumb .content-slide-thumb > p, .modal.video .swiper-documents-modal-thumb .content-slide-thumb > p, .modal.video .swiper-thumbs-photographer .content-slide-thumb > p, .modal.video .swiper-multimedia-modal-thumb .content-slide-thumb > p, .modal.modal_report .swiper-documents-modal-thumb .content-slide-thumb > p, .modal.modal_report .swiper-thumbs-photographer .content-slide-thumb > p, .modal.modal_report .swiper-multimedia-modal-thumb .content-slide-thumb > p {
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.4s;
  min-height: 3.3em;
}
.modal.image .swiper-documents-modal-thumb .content-slide-thumb > p:hover, .modal.image .swiper-thumbs-photographer .content-slide-thumb > p:hover, .modal.image .swiper-multimedia-modal-thumb .content-slide-thumb > p:hover, .modal.video .swiper-documents-modal-thumb .content-slide-thumb > p:hover, .modal.video .swiper-thumbs-photographer .content-slide-thumb > p:hover, .modal.video .swiper-multimedia-modal-thumb .content-slide-thumb > p:hover, .modal.modal_report .swiper-documents-modal-thumb .content-slide-thumb > p:hover, .modal.modal_report .swiper-thumbs-photographer .content-slide-thumb > p:hover, .modal.modal_report .swiper-multimedia-modal-thumb .content-slide-thumb > p:hover {
  -webkit-line-clamp: 10;
}
.modal.image .swiper-documents-modal-thumb .content-slide-thumb:hover, .modal.image .swiper-thumbs-photographer .content-slide-thumb:hover, .modal.image .swiper-multimedia-modal-thumb .content-slide-thumb:hover, .modal.video .swiper-documents-modal-thumb .content-slide-thumb:hover, .modal.video .swiper-thumbs-photographer .content-slide-thumb:hover, .modal.video .swiper-multimedia-modal-thumb .content-slide-thumb:hover, .modal.modal_report .swiper-documents-modal-thumb .content-slide-thumb:hover, .modal.modal_report .swiper-thumbs-photographer .content-slide-thumb:hover, .modal.modal_report .swiper-multimedia-modal-thumb .content-slide-thumb:hover {
  transform: translateY(-33%);
}

.modal.image .block-image iframe,
.modal.video .block-image iframe,
.modal.video .block-image video {
  width: 100%;
}

.modal.video .block-image iframe {
  aspect-ratio: 16/9;
}

.modal.image .block-image dd p {
  margin-bottom: 1rem;
}

.modal.image .block-image .footer-text {
  max-width: calc(100% - 6vw);
  font-size: 0.8rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0em;
  line-height: 120%;
}

.modal .close {
  width: var(--menu-size);
  height: var(--menu-size);
  border: 0px solid rgb(51, 51, 51);
  position: absolute;
  left: 50%;
  top: 0vw;
  z-index: 3;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -1000vw;
  color: rgb(0, 0, 0);
  transform: translateX(-50%);
  cursor: pointer;
}

.modal.video .close {
  background-color: #fff;
}

.modal .close:before,
.modal .close:after {
  width: 40%;
  height: 6%;
  background-color: rgb(0, 0, 0);
  content: "";
  display: block;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.modal .tech-description dt,
.desc-image-tit {
  text-transform: uppercase;
  margin: 0;
  font-weight: 400;
  font-size: 0.7em;
  line-height: 140%;
  padding-top: 0.5rem;
  line-height: 140%;
}

.modal .tech-description dd,
.desc-image-text {
  font-size: 0.9em;
  font-weight: 700;
  margin-left: 0;
  line-height: 140%;
}

.desc-image-text {
  margin-bottom: 0.5rem;
  font-size: 0.9em;
  font-weight: 400;
  text-align: justify;
  padding-top: 1rem;
  border-top: 0;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .desc-image-text {
    padding: 0;
  }
}
.desc-image-text p {
  margin: 1em 0 1em 0;
}
.desc-image-text p:first-child {
  margin-top: 0;
}
.desc-image-text p:nth-last-child(2) {
  margin-bottom: 0;
}

.desc-image-tit {
  font-weight: 600;
  text-transform: none;
  font-size: 0.9rem;
  display: none;
}

.socials {
  display: none;
}

.modal .close:before {
  transform: translateX(-50%) rotate(-45deg);
}

.multimedias-modal-opened .modal.modal_report.active .content-slide .image {
  aspect-ratio: 1.5;
}
@media (min-width: 1024px) {
  .multimedias-modal-opened .modal.modal_report.active .content-slide .image {
    aspect-ratio: 1.3;
  }
}

/* FOOTER */
footer#footer {
  border-top: 1px solid rgb(51, 51, 51);
  margin-top: calc(var(--gap) * 4.2);
  padding-top: 0;
  padding-bottom: calc(var(--gap) * 4);
  width: 100%;
  padding-left: calc((100vw - var(--columnat_dret)) / 2);
  padding-right: calc((100vw - var(--columnat_dret)) / 2);
  background-color: rgb(255, 255, 255);
  filter: invert(100%);
  -webkit-filter: invert(100%);
  z-index: 99;
  position: relative;
}
@media (min-width: 1024px) {
  footer#footer {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: calc(var(--gap) * 6);
    width: 100%;
    margin-right: 0;
    position: relative;
    z-index: 2;
  }
}

#footer a {
  text-decoration: underline;
}

#footer .col {
  padding-top: 2rem;
  font-size: 0.9rem;
  line-height: 160%;
  margin-left: 1rem;
}

#footer .col.first {
  margin-left: 0rem;
}
#footer .col.first .by {
  margin-top: 0;
}
#footer .col.first .by.coac {
  width: 40%;
  margin-bottom: 2rem;
}
#footer .col.first .by.coac span {
  display: block;
  white-space: nowrap;
  margin-bottom: 1rem;
}
#footer .col.first .by.centre_arquitectura {
  width: 65%;
  margin-bottom: 2rem;
}
#footer .col.first .by img.logo-coac-bottom, #footer .col.first .by img.logo-centre_obert-bottom {
  width: 100%;
}

#footer h6 {
  font-size: 1em;
  margin-bottom: 0rem;
  margin-left: -1rem;
  font-weight: normal;
}

#footer .suport {
  text-transform: uppercase;
  padding-top: 2rem;
}

#footer .suport img {
  width: 100%;
}

#footer .suport p.logo {
  max-width: 250px;
}

#footer .col .links-footer i.fa {
  margin-right: 0.5em;
  text-align: left;
}

.swiper.documents .objects li,
.swiper .audiovis li {
  height: auto;
  padding-top: 0;
  padding: 0rem;
  padding-bottom: 3.5rem;
  background-color: #f9f9f9;
}
@media (min-width: 1024px) {
  .swiper.documents .objects li,
  .swiper .audiovis li {
    padding: 0rem;
    padding-bottom: 3.5rem;
  }
}
.swiper.documents .objects li .image,
.swiper .audiovis li .image {
  width: 100%;
  height: auto;
  aspect-ratio: 1.41;
  background: #eee;
  display: flex;
  padding-top: 0;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1024) {
  .swiper.documents .objects li .image,
  .swiper .audiovis li .image {
    pading: 0;
  }
}

.swiper.documents .objects li,
.swiper.audiovis li,
.swiper.bibliography li {
  height: auto;
  padding-top: 0;
  padding: 0rem;
  padding-bottom: 3.5rem;
  background-color: #f9f9f9;
}
.swiper.documents .objects li .details,
.swiper.audiovis li .details,
.swiper.bibliography li .details {
  padding: 1rem;
}

section.grid-list .swiper.documents .objects li,
section.grid-list .swiper.audiovis li,
section.grid-list .swiper.bibliography li {
  height: auto;
  padding-top: 0;
  padding: 0rem;
  padding-bottom: 3.5rem;
  background-color: #f9f9f9;
}
section.grid-list .swiper.documents .objects li .details,
section.grid-list .swiper.audiovis li .details,
section.grid-list .swiper.bibliography li .details {
  padding: 0.6rem;
}
@media (min-width: 1024px) {
  section.grid-list .swiper.documents .objects li,
  section.grid-list .swiper.audiovis li,
  section.grid-list .swiper.bibliography li {
    padding: 0rem;
    padding-bottom: 3.5rem;
  }
}

.swiper .audiovis li {
  padding-bottom: 2rem;
}
.swiper.documents .objects .content-slide,
.swiper.documents .swiper .audiovis .content-slide {
  position: static;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
}

.swiper .audiovis .image {
  width: 100%;
  height: 0;
  padding-top: 54.6%;
  aspect-ratio: 16/9;
  position: relative;
}

.swiper .audiovis .image:before {
  display: block;
  content: "";
  position: absolute;
  right: 50%;
  top: 0%;
  transform: translate(50%, 0%);
  width: 20%;
  height: 100%;
  background-size: 93%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icons/boto-play.svg");
  z-index: 1;
}

.swiper .audiovis li,
.swiper.documents .objects li {
  cursor: pointer;
}

.swiper.documents li:hover p.title,
.swiper.audiovisual li:hover p.title {
  text-decoration: underline;
}

.swiper.documents .objects .image img {
  width: 100%;
  height: 100%;
  position: inherit;
  top: auto;
  left: auto;
}

.swiper.documents .objects .type,
.swiper .audiovis .type {
  display: block;
}

.swiper.documents .objects .title a,
.swiper.documents .audiovis .title a {
  padding: 0;
  min-height: inherit;
  font-size: 1.2rem;
}

.swiper.documents .objects img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  position: static;
  top: 0%;
  left: 0%;
  transform: translateY(0%);
}

.swiper.documents .detail-page .details,
.swiper.documents .details {
  width: 100%;
  position: static;
}
@media (min-height: 1024px) {
  .swiper.documents .detail-page .details,
  .swiper.documents .details {
    font-size: 0.7rem;
    aspect-ratio: 1.9;
  }
}
.swiper.documents .detail-page .details .copy-doc,
.swiper.documents .details .copy-doc {
  margin-bottom: 0;
  font-size: 0.6rem;
  padding-bottom: 1rem;
  position: absolute;
  bottom: 0;
}

.swiper.documents li {
  font-size: 0.8rem;
}

.swiper.documents li .type,
.swiper .audiovis li .type {
  text-transform: uppercase;
  font-size: 0.7rem;
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: 0rem;
}

.swiper .audiovis li .type.empty:after {
  content: " ";
}

.swiper .audiovis li .type.empty {
  white-space: pre;
  display: none;
}

.swiper .audiovis li .details {
  width: 100%;
  padding: 1rem;
}

/* FOTOGRAF */
.photographer-category-search {
  position: relative;
}

.photographer-category-search .filter-button {
  position: absolute;
  top: -2rem;
  right: 0;
  display: none;
}
.photographer-category-search .search-form {
  height: -moz-fit-content;
  height: fit-content;
}
.photographer-category-search .search-form.full {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.home-page .home-photographers h2 {
  margin-top: 0px;
  margin-bottom: -0.43rem;
  grid-column: 1/span 2;
}
.home-page .home-map .introduction {
  grid-column: auto;
  grid-row: auto;
}
.home-page .home-map header h2 {
  grid-column: 1/span 2;
}
.home-page .button-next, .home-page .button-prev {
  height: calc(var(--gap) * 1.8);
  width: calc(var(--gap) * 1.8);
}
@media (min-width: 1024px) {
  .home-page .button-next, .home-page .button-prev {
    height: calc(var(--gap) * 3);
    width: calc(var(--gap) * 3);
  }
}
.home-page .button-next {
  right: 1vw;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.home-page .button-next:hover {
  transform: translateY(-50%) scale(1.1);
}
.home-page .button-prev {
  left: 1vw;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.home-page .button-prev:hover {
  transform: translateY(-50%) scale(1.1);
}

.home-search .search-form {
  margin-top: calc(var(--menu-size) * 0.53);
}

@media (min-width: 768px) {
  .global-intro p {
    text-align: justify;
    text-justify: inter-character;
  }
  nav[aria-label=primary],
  .modal-menu .global-search {
    max-width: var(--columnat_dret);
  }
  nav[aria-label=secondary] {
    top: 90vh;
    width: var(--columnat_dret);
    font-size: 1rem;
  }
  nav[aria-label=primary] {
    font-size: 1.6rem;
  }
  .modal-menu-home img {
    max-width: 50%;
  }
  .global-search .form-field {
    font-size: 1.33rem;
  }
  .modal-menu .global-search .form-button,
  .modal-menu .global-search .form-icon {
    margin-top: 1.4rem;
  }
  .global-intro.active {
    font-size: 1.1em;
  }
  .global-credits.active,
  .global-sugg.active {
    font-size: 1em;
  }
  .global-intro h3,
  .global-credits h3,
  .global-sugg h3 {
    padding-top: calc(var(--menu-size) * 1.4);
    padding-bottom: calc(var(--menu-size));
  }
  .strat {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
  body .site > header {
    position: fixed;
    width: 100%;
    margin: 0;
    left: 0;
    max-width: 100%;
  }
  .strat.empty div:last-child h4 {
    display: block;
  }
  .home-cover-page,
  .search-page,
  .detail-page {
    margin-top: 0;
  }
  /* SLIDER */
  #detail .swiper {
    overflow: hidden;
  }
  .swiper.bibliography li {
    height: calc((var(--home-section) - 20px) / 2);
  }
  .swiper.bibliography li .title a {
    font-size: 1.2rem;
    line-height: 120%;
  }
  /* HOME */
  .home-cover-page {
    background-position: top -13% center;
  }
  .home-sticker {
    bottom: 0;
    top: auto;
  }
  .home-logo {
    width: 50%;
  }
  .home-claim {
    width: 50%;
    font-size: 1.3rem;
  }
  .sticker-search {
    width: 50%;
  }
  .global-search .form-button,
  .global-search .form-icon {
    height: 2rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  .js .chrono .cd-h-timeline__event {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: rgba(252, 252, 252, 0);
    border: 0;
  }
  .details {
    bottom: 1vw;
    left: 1vw;
    width: calc(100% - 2vw);
  }
  .objects li {
    padding-top: 0%;
  }
  .button .next,
  #loadMore {
    border: 0px;
    width: calc(var(--menu-size) - 10px);
    height: calc(var(--menu-size) - 10px);
  }
  .search-form {
    width: calc((var(--columnat_dret)) / 2);
    padding-left: var(--gap);
    margin-left: auto;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .search-form.full {
    box-shadow: -13px 14px 10px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgb(236, 236, 236);
    padding-bottom: var(--gap);
    padding-top: calc(var(--menu-size) * 0.53);
    height: -moz-max-content !important;
    height: max-content !important;
    margin-top: 0;
  }
  .search-page section.active {
    padding-top: 0;
  }
  section.home-work .objects .swiper-slide,
  section.home-authors .objects .swiper-slide,
  section.home-photographers .objects .swiper-slide {
    height: calc((var(--home-section) - 20px) / 2);
    padding: 0;
  }
  .timeline-details-image {
    display: grid;
    grid-column-gap: var(--gap);
    grid-template-columns: 3fr 6fr;
  }
  /* FOOTER */
  .footer-inner {
    display: flex;
    padding-top: 23vh;
    position: relative;
    justify-content: space-around;
  }
  #footer .col {
    margin-left: 0rem;
    width: 25%;
  }
  #footer .col.first {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
  }
  img.logo-coac-bottom {
    width: 50%;
  }
  #footer h6 {
    margin-left: 0rem;
  }
  .works p.relations {
    grid-column: 1;
    grid-row: 2;
  }
  .works h2 {
    margin-bottom: 0;
  }
  .works .slider-relacionats {
    grid-row: 3 !important;
  }
  .googlelink {
    top: 9.1rem;
  }
  html[lang=en] .home-page .home-photographers .full-button {
    grid-row: 1/1;
  }
}
@media (max-width: 450px) {
  nav[aria-labelledby=third].result-filter > ul {
    display: grid;
    row-gap: 0.7rem;
    grid-column-gap: var(--gap);
    padding-bottom: 0.7rem;
    grid-template-columns: repeat(4, 1fr);
    background-color: white;
  }
  nav[aria-labelledby=third].result-filter > ul > li {
    text-align: left !important;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  nav[aria-labelledby=third].result-filter > ul {
    display: grid;
    align-items: end;
    row-gap: 0rem;
    grid-column-gap: var(--gap);
    padding-bottom: 0.7em;
    grid-template-columns: 2fr 1fr;
    background-color: white;
    padding-top: 2.6em;
  }
}
@media (min-width: 1024px) {
  /* HEADER */
  .author-details div {
    width: 50%;
  }
  .detail-page-photographer .author-details div {
    width: 100%;
    padding-right: 0;
  }
  nav[aria-label=secondary] ul ul {
    bottom: 2.2rem;
  }
  .detail-page .block-global-details .categoria {
    display: none;
  }
  nav[aria-label=secondary] > ul {
    justify-content: space-between;
  }
  nav[aria-label=secondary] > ul > li {
    position: relative;
    line-height: 140%;
    width: auto;
    text-align: center;
    font-size: 1em;
    padding-top: 15px;
  }
  .strat {
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 2rem;
    -ms-grid-column-gap: 1rem;
    grid-column-gap: 1rem;
  }
  .global-sugg .strat {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
  }
  .global-sugg .strat p:first-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .global-sugg .strat p:first-child input {
    margin: 0;
  }
  .global-sugg .strat.block0 {
    grid-template-columns: 1fr;
  }
  .global-sugg .strat > .sugg.peticio-arxiu {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .global-sugg .block-error-message,
  .global-sugg .block-submit-message {
    display: none;
    position: absolute;
    top: -2.7em;
    filter: invert(1);
    width: 100%;
    border: none;
    padding-top: 0;
    text-align: center;
  }
  .global-sugg .block-submit-message p {
    color: #000;
    border: solid 1px #ccc;
    filter: invert(100%);
    -webkit-filter: invert(100%);
  }
  .global-sugg .block-error-message.active,
  .global-sugg .block-submit-message.active {
    display: block;
  }
  .global-sugg .block-error-message p {
    position: relative;
    padding: 0.5em;
  }
  .global-sugg .block-submit-message p {
    position: relative;
    padding: 0.5em;
  }
  .global-sugg .strat.type-sugg {
    grid-row-gap: 0rem;
  }
  .global-sugg input,
  .global-sugg select,
  .global-sugg textarea {
    padding: 0.5em;
  }
  .global-sugg .acceptacio input,
  .global-sugg .vincle input {
    margin-top: 0.7rem;
  }
  .global-sugg .sugg.docuements {
    padding-bottom: 0rem;
  }
  .global-sugg .sugg.docuements label {
    padding-bottom: 0;
  }
  .global-sugg .apreciation {
    margin-top: 1em;
    margin-bottom: 2em;
  }
  .global-sugg textarea {
    min-height: 0;
  }
  .global-sugg textarea#biography {
    min-height: 100px;
  }
  .global-sugg textarea#message {
    height: 40vh;
  }
  .global-sugg .sugg-col-2 {
    grid-column: 1/3;
  }
  .strat.empty h4 {
    white-space: nowrap;
  }
  .strat .generalitat {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .global-intro h3,
  .global-credits h3,
  .global-sugg h3 {
    padding-top: calc(var(--menu-size) * 0.5);
    padding-bottom: calc(var(--menu-size) * 0.1);
    line-height: 2.6em;
  }
  .global-sugg .strat.block1 .sugg *:last-child {
    margin-bottom: 0;
  }
  .global-sugg .strat.block1:not(.type-6) .sugg *:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .modal .close {
    position: fixed;
  }
  nav[aria-label=primary] li {
    font-size: 1.2rem;
  }
  .modal-menu-home img {
    max-width: 100%;
  }
  .modal-menu-home {
    top: 8vh;
    width: 40vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .modal-menu-home a {
    width: 80%;
    padding-top: 3.5vh;
    display: block;
    margin: auto;
    text-align: center;
  }
  .home-cover-page {
    background-position: center center;
  }
  .global-navigation .logo-top img {
    height: calc(var(--menu-size) * 0.6);
    max-width: none;
  }
  nav[aria-labelledby=third] li {
    font-size: 0.8rem;
  }
  .global-navigation .search-top {
    max-width: var(--home-section);
    right: calc(var(--menu-size) + 7.5vw);
  }
  body .site > header .global-navigation .search-top.active input.form-field {
    margin-right: 5vw;
    line-height: var(--menu-size);
  }
  body .site > header .search-top .global-search .form-button,
  body .site > header .search-top .global-search .form-icon {
    width: var(--menu-size);
    margin-top: 0;
    height: calc(var(--menu-size) - 1px);
    position: absolute;
    right: 0;
    background-color: #f5f5f5;
  }
  .position-image {
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: calc(var(--home-section) - 5vw);
    left: 5vw;
  }
  .modal.image .position-image,
  .modal.video .position-image {
    width: 100%;
    height: auto;
    position: inherit;
    max-width: 100%;
    left: 0;
  }
  .modal.image .block-image iframe,
  .modal.video .block-image iframe,
  .modal.video .block-image video {
    width: 100%;
    max-width: 100vw;
    min-width: 40vw;
    min-height: 50vh;
    aspect-ratio: 16/9;
  }
  .modal.image .block-image,
  .modal.video .block-image {
    padding: 0;
    padding-top: 12vh;
    padding-bottom: 6rem;
    position: static;
    top: auto;
    display: flex;
    left: auto;
    margin: auto;
    margin-top: 0;
    flex-basis: var(--col_dret);
    transform: none;
    flex-direction: column;
    max-width: 64%;
    /* justify-content: center; */
  }
  .modal.image .block-image img,
  .modal.video .block-image img {
    width: auto;
    max-width: 100%;
    max-height: 77vh;
    margin: auto;
  }
  .modal .tech-description .box {
    display: block;
    background-color: transparent;
    width: calc(100% + 1px);
    overflow-y: auto;
    font-size: 0.9rem;
    text-align: left;
    margin: 0px;
    margin-left: auto;
    padding-bottom: 0;
  }
  .modal .tech-description {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    padding-left: 0rem;
    flex-basis: var(--col_esq);
    padding-bottom: calc(var(--gap) * 1);
  }
  .modal .tech-description h3 {
    font-size: 1.4rem;
    position: static;
    text-align: left;
    top: auto;
    bottom: auto;
    font-size: 1.4rem;
    line-height: 110%;
    left: auto;
    text-transform: none;
    right: auto;
    padding-right: calc(var(--gap) * 1.5);
  }
  .modal .tech-description h3:before {
    display: none;
  }
  .modal .tech-description dl {
    margin-left: 0;
    padding-right: 0;
    max-height: none;
  }
  .modal .desc-image-text {
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    margin-top: 0;
  }
  .block-global-details nav[aria-labelledby=third].result-filter {
    display: block;
  }
  .home-sticker {
    background-size: 7rem;
    padding-bottom: calc(var(--menu-size) * 1.2);
  }
  .search-page article {
    padding-top: 0rem;
  }
  .socials {
    display: block;
    border-top: 1px solid;
    margin-top: 1rem;
  }
  .socials nav[aria-labelledby=fourth] li {
    flex-basis: 1.6rem;
  }
  /* LIST */
  .swiper {
    padding-top: 0;
  }
  .detail-page .details,
  .details {
    width: calc(100% - 2rem);
    left: 1rem;
    bottom: 1rem;
  }
  .promo .details .title {
    font-size: 1.4em;
  }
  .objects .image {
    z-index: 1;
  }
  .objects .title a,
  .search-page .objects .title a {
    min-height: 4em;
  }
  .timeline-details-image {
    grid-template-columns: calc((100% - var(--gap) * 3) / 4) auto;
  }
  .swiper.bibliography li .title a {
    position: static;
    padding-right: 0rem;
  }
  .swiper.bibliography li .type {
    top: 1em;
  }
  .objects .title {
    font-size: 1rem;
  }
  /* FITXA */
  /*   .detail-page-photographer .reports-main-list h3 {
    padding-right: 1.8rem;
  } */
  /*   .detail-page-photographer .reports-main-list .grid-list h3 {
    padding-right: 3.6rem;
  } */
  /* format Grid -list */
  /*  header.header-format {

    display: flex;

    justify-content: space-between;

  } */
  /* CHRONO */
  /*.js .cd-h-timeline__container {
    height: 46px;
  }
  .js .cd-h-timeline__line {
    top: 23px;
  }*/
  /* SEARCH */
  /* CATEGORY */
  /*  nav[aria-labelledby='third'] ul {
      position: -webkit-sticky;
      position: sticky;
      top: 10vh;
      padding-top:1em;
      padding-bottom:var(--gap);
    }
  */
  /* MAP */
  /* HOME */
  /* CATEGORIA - CATEGORIA_MAPA*/
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .objects .title {
    font-size: 1.1rem;
  }
}
@media (min-width: 1024px) {
  .button {
    margin: 0;
  }
  .button .next,
  #loadMore {
    width: 3rem;
    height: 3rem;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(var(--gap) * 2);
  }
  .detail-page .block-global-details {
    display: block;
  }
  .back_whithe {
    background-color: rgb(255, 255, 255);
  }
  .detail-page article#detail {
    margin-top: 4rem;
  }
  .block-global-details .block-vertical {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0rem;
    top: auto;
    height: 100%;
    padding-top: var(--menu-size);
    width: 100%;
  }
  .bloc-vertical-details {
    position: absolute;
    top: calc(32vh + 1rem);
    width: 100%;
  }
  .detail-page .block-global-details p.work_date,
  .bloc-vertical-details,
  .bloc-vertical-details h3 {
    font-size: 0.8rem;
  }
  .detail-page .block-global-details p.work_date {
    padding-top: 0rem;
  }
  .block-details dd,
  .tech-description dd {
    font-size: 0.9em;
    font-weight: 700;
    margin-left: 0;
    line-height: 140%;
  }
  .block-details dl {
    margin: 0px;
  }
  .block-details dt,
  .tech-description dt,
  .block-details .socials h3,
  .bloc-vertical-details .socials h3,
  .bloc-vertical-details h3 {
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 140%;
    padding-top: 1rem;
    padding-bottom: 0;
    line-height: 140%;
  }
  .block-details .socials li,
  .bloc-vertical-details .socials li {
    margin-bottom: 1rem;
  }
  .author-details dt {
    font-size: 0.7rem;
  }
  .author-details {
    font-size: 0.8rem;
    line-height: 140%;
  }
  .autor {
    opacity: 1;
    min-height: 1rem;
    height: auto;
    transition: opacity 0.3s, min-height 0.3s, height 3s;
  }
  .author-details {
    margin: 0;
    padding-top: 1.9em;
    padding-bottom: 1.9em;
    border-bottom: 0;
  }
  .autor.contributors {
    margin-top: 1rem;
    border-top: 1px solid;
  }
  .detail-page.author .remove-autor {
    opacity: 1;
    height: auto;
  }
  .remove-autor,
  .remove-obsolet {
    opacity: 0;
    min-height: 0;
    height: 0;
    overflow: hidden;
  }
  .home-page .objects .title {
    font-size: 1.25rem;
  }
  .detail-page aside h1 {
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-size: 2.4rem;
    height: auto;
    white-space: pre-wrap;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    position: absolute;
    bottom: 1rem;
  }
  .detail-page aside h1 span {
    display: inline;
  }
  .detail-page aside h1.active {
    -webkit-line-clamp: 7;
    font-size: 1.6rem;
  }
  aside .search h1 {
    padding-top: 14vh;
  }
  .author-details {
    padding-top: 1rem;
    padding-bottom: 0;
  }
  .socials {
    padding-top: 0;
    padding-bottom: 0;
  }
  body {
    max-width: 100%;
  }
  .detail-page article,
  .category-page main,
  .search-page main,
  .search-map main,
  .category-map main {
    max-width: var(--home-section);
    display: flex;
    flex-direction: row;
    gap: var(--menu-size);
    padding-top: var(--menu-size);
    min-height: 100vh;
    margin: auto;
    flex-direction: column;
  }
  .detail-page article {
    flex-direction: row;
  }
  .search-page main {
    gap: 0;
  }
  .detail-page article {
    padding-top: 0;
  }
  .col-left,
  .col-right {
    height: auto;
  }
  .detail-page #detail .col-right > section,
  .detail-page #detail .col-right > .reports-main-list {
    width: 100%;
    padding-top: 11vh;
  }
  .detail-page #detail .col-right > section.works,
  .detail-page #detail .col-right > section.authors,
  .detail-page #detail .col-right > section.documents,
  .detail-page #detail .col-right > section.bibliography {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .search-page main > aside {
    position: sticky;
    top: calc((1rem + var(--gap) * 3 - var(--gap) + 4.8rem) * -1 + var(--menu-size));
    transition: all 0.8s;
    padding-bottom: 0;
    z-index: 1;
    flex-basis: 20%;
  }
  .search-page main > aside.scrolling {
    top: calc((var(--gap) * 2 - 3.3rem + var(--menu-size) * 3) * -1);
  }
  .search-page .block-global-details.search {
    background-color: rgb(255, 255, 255);
  }
  .search-page article header {
    top: auto;
    left: auto;
    right: 0;
    width: 100%;
    z-index: inherit;
  }
  .search-page article header.scrolling {
    top: auto;
  }
  .search-page header .result-filter li {
    padding-bottom: 0;
    flex-basis: auto;
  }
  .search-page header .result-filter li.timeline-button, .search-page header .result-filter li.list-button, .search-page header .result-filter li.map-button {
    font-size: 0.7em;
    text-align: right;
    padding-bottom: 0em;
    display: none;
  }
  .search-page header .result-filter li.timeline-button.visible, .search-page header .result-filter li.list-button.visible, .search-page header .result-filter li.map-button.visible {
    display: block;
  }
  .search-page header .result-filter li.work-button.visible {
    font-family: "LL Replica Pro Bold Web";
  }
  .search-page article .result-filter li.map-button.active {
    display: block;
  }
  .search-page nav[aria-labelledby=third] li.map-button a {
    line-height: 100%;
    white-space: normal;
    text-indent: 0px;
  }
  .col-right,
  .category-page main > article,
  .search-page main > article,
  .search-map main > article,
  .category-map main > article {
    grid-column: 2/2;
    z-index: 0;
    position: relative;
    grid-row: 1/1;
  }
  .detail-page .col-right {
    padding-bottom: 14vh;
    flex-basis: 80%;
    width: 0px;
  }
  .detail-page .detail-cover-page .col-right {
    padding-bottom: 0;
  }
  .detail-cover-page .col-right {
    padding-top: 0;
    margin-bottom: 0;
  }
  .detail-cover-page .col-left,
  #detail .col-left {
    background-color: #fff;
    padding-top: 0;
    padding-left: 0vw;
    padding-right: 0vw;
    flex-basis: 20%;
    z-index: 1;
    position: relative;
    padding-bottom: 0.3rem;
    padding-top: calc(2.7rem + 1px);
  }
  #detail.no-image .col-left {
    padding-top: 100vh;
  }
  .detail-cover-page .swiper {
    padding-left: 0vw;
    padding-right: 0vw;
  }
  .detail-cover-page .button-next,
  .detail-cover-page .button-prev {
    transform: translateY(-50%);
    top: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    box-shadow: none;
    transition: transform 0.3s;
  }
  .detail-cover-page .button-next:hover,
  .detail-cover-page .button-prev:hover {
    transform: translateY(-50%) scale(1.1);
  }
  .detail-cover-page .button-prev {
    background-position: center center;
    left: 0;
  }
  .detail-cover-page .button-next {
    background-position: center center;
    left: auto;
    right: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .detail-cover-page .button-next {
    right: calc((var(--home-section) - var(--gap) * 2) / 3 - var(--gap) * 2);
    background-position: center center;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .content-slide {
    position: relative;
    height: 100%;
  }
  .audiovisual .content-slide {
    width: 100%;
  }
  .swiper-wrapper.disabled {
    /* transform: translate3d(calc(25vw + (var(--gap))), 0, 0) !important; */
    transform: translate3d(0px, 0, 0) !important;
    position: relative;
  }
  #detail .swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
    position: relative;
  }
  .detail-page article {
    z-index: 1;
  }
  .detail-page article.detail-cover-page {
    z-index: 2;
    position: relative;
    padding-top: var(--menu-size);
    height: 100vh;
    /*  overflow-x: hidden; */
  }
  .detail-page article.detail-cover-page.no-image {
    z-index: 2;
    position: relative;
    min-height: 0vh;
    max-height: 0vh;
    padding-top: 0;
    margin-bottom: 0;
  }
  .detail-cover-page.no-image .col-left {
    background-color: rgba(0, 0, 0, 0);
  }
  .block-global-details {
    position: fixed;
    top: 0px;
    width: calc(var(--home-section) * 0.191);
    height: calc(32vh + 1rem);
    display: flex;
    flex-direction: column-reverse;
  }
  .detail-page .col-right > section,
  .detail-page .col-right > .reports-main-list {
    margin-left: 0px;
    margin-right: 0px;
  }
  .block-global-details.search {
    position: static;
    height: auto;
    display: block;
    width: 100%;
    flex-direction: initial;
  }
  .block-details {
    position: sticky;
    top: calc(32vh + 3rem - 3px);
    filter: none;
    border-top: 1px solid;
    background-color: rgba(0, 0, 0, 0);
    width: auto;
    margin: 0;
    padding: 0px;
    opacity: 1;
    transition: opacity 0.3s;
  }
  .contains-obsolet_icon .block-details {
    top: calc(32vh + 3rem + 2.3rem - 3px);
  }
  .block-details.bottom {
    opacity: 0;
  }
  .nav-detail {
    position: sticky;
    top: var(--menu-size);
    background-color: rgb(255, 255, 255);
    z-index: 100;
    border-top: 0;
    margin-left: 0;
    padding-rop: 4vh;
    padding-bottom: 2vh;
    width: var(--columnat_dret_menu);
    margin-top: 0;
    opacity: 1;
  }
  .memoria,
  .map-detail,
  .constelation,
  .chrono {
    width: 66%;
  }
  section.bibliography .objects .swiper-slide {
    height: auto;
    padding: 1rem !important;
    padding-bottom: 4rem !important;
  }
  .swiper.bibliography li .title a {
    -webkit-line-clamp: 6;
    font-size: 1.1rem;
    line-height: 1.1;
  }
  section.en-imatges .objects .content-slide {
    width: auto;
    height: auto;
    top: 50%;
    left: 2rem;
    transform: translate(0%, -50%);
    max-width: var(--columnat_dret);
    max-height: var(--detail-cover-page-height);
    border: 0;
  }
  section.en-imatges .swiper,
  section.en-imatges .swiper-slide {
    height: var(--detail-cover-page-height);
  }
  section.en-imatges .objects .content-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  section .swiper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  section.en-imatges .swiper .image {
    max-height: calc(var(--detail-cover-page-height) - 5rem);
  }
  .en-imatges .swiper {
    width: 100%;
  }
  #detail section.grid-list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--gap);
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #detail section.grid-list .list-works ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
  section.grid-list .objects .swiper-slide {
    margin-right: 0 !important;
  }
  .detail-page button.format {
    position: absolute;
    right: 0;
    z-index: 2;
    /* float: right; */
    display: block;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/icons/feather-grid.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 0;
    margin-top: -3.7rem;
    margin-bottom: 2rem;
    width: 1.4rem;
    height: 1.4rem;
    background-size: 1.4rem;
    cursor: pointer;
    text-align: right;
    background-position: right center;
    padding-right: 1.8rem;
    font-family: "LL Replica Pro Bold Web", sans-serif;
    line-height: 1;
    background-color: #fff;
    border: 0;
    width: -moz-min-content;
    width: min-content;
    height: auto;
    min-height: 1.4rem;
  }
  .detail-page button.format span {
    display: flex;
    height: 1.4rem;
    align-items: flex-end;
    line-height: 0.8;
    position: relative;
    margin-bottom: -0.1em;
  }
  button.format.disabled {
    display: none;
  }
  .detail-page .reports button.format {
    margin-top: 0;
    margin-bottom: 0;
  }
  .detail-page-photographer .reports-main-list .report-title {
    width: calc(100% - 2.4rem);
  }
  .detail-page-photographer .reports-main-list .grid-list .report-title {
    width: calc(100% - 4.6rem);
  }
  .detail-page-photographer .reports-main-list a.h3 {
    display: inline-block;
  }
  .detail-page .grid-list button.format {
    background-image: url("../images/icons/slider.svg");
    background-size: 3.6rem;
    padding-right: 4rem;
  }
  .detail-page .grid-list button.format span {
    align-items: center;
  }
  .detail-page .grid-list .button-next,
  .detail-page .grid-list .button-prev {
    display: none;
  }
  .col-left aside {
    height: 100%;
  }
  .col-right section.chrono section {
    padding-top: 0vh;
  }
  .col-right section h2 {
    line-height: 100%;
    margin-top: -1em;
    margin-bottom: 0rem;
    transform: translateY(-4rem);
  }
  .detail-page .col-right section h2,
  .detail-page-photographer .col-right h2 {
    margin-top: -1.8rem;
    margin-bottom: 2rem;
    line-height: 100%;
    transform: translateY(0rem);
  }
  .detail-page .col-right section.chrono h2 {
    margin-bottom: 1.6rem;
  }
  .col-right section.chrono section h2 {
    line-height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    transform: translateY(0rem);
  }
  .detail-page .detail-cover-page .col-right > section {
    padding-top: 0vh;
    width: 100%;
    height: var(--detail-cover-page-height);
  }
  .arrow-down {
    bottom: calc(var(--menu-size) * 0.5);
  }
  nav[aria-label=primary],
  .modal-menu .global-search {
    max-width: var(--columnat_dret);
  }
  .js .cd-h-timeline__container {
    height: 50px;
  }
  .js .cd-h-timeline__line {
    top: 27px;
  }
  .js .cd-h-timeline__dates::after {
    top: 27px;
  }
  .js .cd-h-timeline__navigation {
    top: calc(50% + 2px);
  }
  .search-page aside .search h1 {
    padding-top: 0;
    margin-top: 0px;
    width: -moz-min-content;
    width: min-content;
    white-space: break-space;
    margin-right: auto;
    position: static;
    margin-bottom: calc(var(--gap) * 1.5);
  }
  .search-page aside .search .category-search {
    position: relative;
    background: #eee;
    padding-top: 0;
    left: calc((100vw - var(--home-section)) * -0.5);
    right: calc((100vw - var(--home-section)) * -0.5);
    width: calc(100% + 100vw - var(--home-section));
    padding-left: calc((100vw - var(--home-section)) * 0.5);
    padding-right: calc((100vw - var(--home-section)) * 0.5);
  }
  .search-page aside .search p.search {
    margin-top: 0;
    padding-top: 0;
  }
  .windows-os .search-page aside .search .category-search {
    width: calc(100% + 100vw - 9px - var(--home-section));
  }
  .category-page main > article,
  .search-page main > article {
    padding-top: var(--menu-size);
    flex-basis: 80%;
  }
  .search-page main > article {
    padding-top: var(--gap);
  }
  nav[aria-labelledby=third] {
    display: block;
    position: static;
    top: auto;
    overflow: visible;
    margin: 0;
  }
  nav[aria-labelledby=third].result-filter {
    width: 100%;
  }
  nav[aria-labelledby=third] li {
    white-space: wrap;
    border: 0px;
    padding-top: 0;
    padding-bottom: 0;
    letter-spacing: -0.025em;
    border-left: 1px solid;
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
  nav[aria-labelledby=third] li:first-child {
    padding-left: 0px;
    border: 0;
  }
  nav[aria-labelledby=third] li:last-child {
    padding-right: 0px;
  }
  section.home-map .map_bloc {
    height: auto;
    height: 56vh;
  }
  section .map_bloc {
    height: 50vh;
  }
  article .map_bloc,
  #detail .map_bloc {
    height: 60vh;
  }
  .category-map article .map_bloc {
    height: 100vh;
    top: 0px;
    left: 0px;
    position: fixed !important;
  }
  .map-search {
    position: static;
    width: 100%;
    z-index: 1;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-bottom: 4vw;
  }
  .search-map h1,
  .category-map h1 {
    width: 100%;
    z-index: 1;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 4vw;
    background-color: rgb(255, 255, 255);
  }
  .search-map main > aside,
  .category-map main > aside {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
  }
  .full-button {
    width: auto;
  }
  .detail-cover-page .arrow-down {
    bottom: calc(var(--menu-size) * 0.5);
    display: none;
  }
  .home-sticker {
    top: 0px;
    bottom: auto;
    left: 50%;
    width: 40vw;
    aspect-ratio: 1.1;
    position: absolute;
    transform: translateX(-50%);
    height: auto !important;
    background-position: center bottom 1rem;
  }
  .home-sticker .arrow-down {
    width: calc(var(--menu-size) - 10px);
    height: calc(var(--menu-size) - 10px);
    bottom: calc(var(--menu-size) * 0.5);
    top: calc(100vh - var(--menu-size) * 1.5);
  }
  .home-logo,
  .home-claim {
    width: 80%;
    margin: auto;
    font-size: 1.3rem;
    padding-top: 10.5vh;
    line-height: 120%;
  }
  .home-claim {
    padding-top: 2vh;
  }
  .home-logo img {
    width: 100%;
  }
  .sticker-search {
    bottom: 3.5vh;
    width: 80%;
  }
  .sticker-search .buttons {
    padding-top: 0px;
  }
  h2 {
    font-size: 1.8rem;
  }
  .button-next,
  .button-prev {
    background-size: 32%;
  }
  .button-next {
    right: 1vw;
  }
  .button-prev {
    left: 1vw;
  }
  section.home-work .objects .swiper-slide,
  section.home-authors .objects .swiper-slide,
  section.home-photographers .objects .swiper-slide {
    height: auto;
    aspect-ratio: 1;
  }
  .home-search {
    display: none;
    position: static;
    height: auto;
    margin-top: 0;
    width: 100%;
  }
  .category-search {
    height: auto;
    margin-top: 0;
    padding: var(--gap);
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: calc(var(--gap) - 0.5rem);
    padding-bottom: 0;
    z-index: 2;
    background-color: rgb(255, 255, 255);
  }
  .home-search .search-form {
    padding-bottom: 0.5rem;
    margin-top: 0;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .search-form input[type=text],
  .search-form label,
  div#slider-range,
  .select2-results {
    font-size: 0.9rem;
    line-height: 2rem;
  }
  .reset_button,
  .reset_button_photographer,
  .full-button,
  .filter-button,
  .search_button {
    line-height: calc(2.425em + 2px);
    height: 2.5rem;
    font-size: 0.7em;
  }
  .full-button {
    padding-right: 0.2rem;
    height: auto;
    transform: scale(1);
  }
  .buttons .reset_button,
  .buttons .reset_button_photographer {
    text-align: right;
    text-transform: none;
    font-weight: 400;
  }
  .search_button {
    font-size: 0.9rem;
    margin-top: 0;
    text-transform: none;
    line-height: 2.4em;
    height: 2.4em;
  }
  .reset_button,
  .reset_button_photographer,
  .filter-button,
  .search_button {
    width: 50%;
  }
  .search-page section {
    display: none;
    width: 100%;
  }
  .category-favorites {
    display: block;
  }
  .category-favorites ul.objects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: calc(var(--gap) / 2);
    grid-row-gap: calc(var(--gap) / 2);
  }
  .search-form {
    display: block;
    height: auto;
    width: 100%;
    padding-left: 0;
    max-height: 100vh;
  }
  .category-search {
    position: static;
    width: 100%;
  }
  .filter-button {
    display: none;
  }
  .buttons .reset_button,
  .buttons .reset_button_photographer {
    flex-basis: 48%;
    align-self: flex-start;
    margin: 0;
    border: 0;
    color: rgba(51, 51, 51, 0);
    background: rgba(0, 0, 0, 0.1);
    padding: 0;
    background-image: url("../images/refresh.png");
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -1000vw;
    overflow: hidden;
    line-height: 2.4em;
    height: 2.4em;
    font-size: 0.9rem;
  }
  .footer-inner {
    max-width: var(--home-section);
    width: auto;
    margin: auto;
    display: -webkit-flex;
    display: grid;
    grid-column-gap: var(--menu-size);
    grid-template-columns: 20% 1fr 1fr 1fr;
    padding-top: 2rem;
  }
  .footer-inner .col,
  #footer .col {
    width: 100%;
  }
  #footer .col.first {
    position: inherit;
    display: grid;
    flex-direction: column;
  }
  #footer .col.first .by {
    margin-bottom: 2rem;
  }
  #footer .col.first .by.centre_arquitectura {
    margin-bottom: 2rem;
  }
  #footer .col.first .tb-column-inner {
    align-self: flex-end;
    width: 300%;
  }
  .swiper.documents .swiper-slide,
  .swiper.audiovisual .swiper-slide {
    max-width: 25vw;
  }
  p.obsolet_icon {
    opacity: 1;
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 1rem !important;
    margin-left: 0rem !important;
    transition: opacity 0.3s;
    width: 100%;
  }
  .obsolet_icon {
    position: absolute;
    top: auto;
    bottom: -2.5em;
    right: auto;
    font-size: 0.9rem;
    margin-right: 0;
    margin-left: auto;
    display: inline-block;
  }
  .obsolet_icon:before {
    line-height: 1.05em;
  }
  .googlelink {
    top: 12.4vh;
    margin-top: -1.8rem;
    padding-top: 0;
    padding-bottom: 0;
    height: 2rem;
    line-height: 1;
    padding-right: 1em;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .googlelink.top,
  .home-map p.near {
    display: none;
  }
  html[lang=en] .home-page .home-photographers .introduction {
    grid-row: auto;
    grid-column: 2/2;
  }
  .home-page .home-photographers h2 {
    grid-column: 1/1;
  }
  .home-page .home-map header h2 {
    grid-column: 1/1;
    padding-top: 0;
    text-shadow: -0.5px -0.5px 0px #fff, 0.5px -0.5px 0px #fff, -0.5px 0.5px 0px #fff, 0.5px 0.5px 0px #fff;
    pointer-events: none;
  }
  .home-search .search-form {
    margin-top: 0rem;
  }
  nav[aria-labelledby=third].result-filter > ul {
    display: grid;
    height: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--gap) * 0.5);
    grid-column-gap: var(--gap);
    align-items: center;
    padding-top: 0;
  }
  nav[aria-labelledby=third].result-filter > ul .work-button {
    grid-row: 1;
  }
  nav[aria-labelledby=third].result-filter > ul .author-button {
    grid-row: 2;
  }
  nav[aria-labelledby=third].result-filter > ul .photographer-button {
    grid-row: 3;
  }
  nav[aria-labelledby=third].result-filter > ul .visualization-menu {
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    height: 100%;
  }
  .search-page article .result-filter li {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .windows-os .en-imatges .swiper.images {
    width: calc(100vw - 12px);
  }
  .en-imatges .swiper.images {
    width: 100vw;
    transform: translateX(calc((100vw - var(--home-section)) * -0.5 - (var(--menu-size) + var(--home-section) * 0.191)));
    background: #f5f5f5;
  }
  .detail-cover-page .col-left, #detail .col-left, .block-global-details, .detail-page .block-global-details p.work_date {
    background: transparent !important;
  }
  section.en-imatges .swiper,
  section.en-imatges .swiper-slide {
    height: var(--detail-cover-page-height);
  }
  #detail section.grid-list ul {
    gap: var(--gap);
  }
  #detail section.grid-list .list-works ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .detail-page #detail .col-right > section, .detail-page #detail .col-right > .reports-main-list {
    width: 100%;
    padding-top: 12.4vh;
    padding-bottom: 2vh;
  }
  .detail-page #detail .col-right > section {
    width: 100%;
    padding-top: 12.4vh;
    padding-bottom: 0;
  }
  .detail-page .col-right {
    padding-bottom: 10vh;
  }
  .modal.image .block-image img,
  .modal.video .block-image img {
    width: auto;
    max-width: 100%;
  }
  .modal.image .block-image iframe,
  .modal.video .block-image iframe,
  .modal.video .block-image video {
    width: 100%;
    max-width: 100vw;
    min-width: 40vw;
    aspect-ratio: 16/9;
  }
  nav[aria-label=primary] li {
    font-size: 1.33rem;
  }
  nav[aria-label=primary],
  nav[aria-label=secondary],
  .modal-menu .global-search,
  .global-intro p,
  .global-intro h3,
  .global-credits h3,
  .global-sugg h3,
  .strat,
  .modal-menu-home {
    width: 66vw;
    max-width: 1080px;
  }
  .home-sticker {
    width: 35vw;
  }
  .modal-menu-home {
    width: 35vw;
  }
  section.en-imatges .objects .content-slide {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: var(--columnat_dret);
    max-height: var(--detail-cover-page-height);
    border: 0;
  }
  .detail-cover-page .button-prev {
    background-position: center center;
    left: calc((var(--home-section) - var(--gap) * 2) / 3 - var(--gap) * 2);
  }
}
.block-global-details.search .obsolet_icon {
  display: none;
}
.block-global-details.search .obsolet_icon.active {
  display: block;
}
@media (min-width: 768px) {
  .block-global-details.search .obsolet_icon.active {
    top: 4rem;
  }
}
@media (min-width: 1024px) {
  .block-global-details.search .obsolet_icon.active {
    top: auto;
  }
}

@media (min-width: 768px) {
  nav[aria-labelledby=third].result-filter {
    padding-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  nav[aria-labelledby=third].result-filter {
    padding-bottom: 0;
  }
}

/*** < rgpd ***/
#emergenteRGPD .rgpd-bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}

#emergenteRGPD .rgpd-box {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: none;
  z-index: 10001;
  width: 453px;
  max-width: 90%;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 40px 40px 24px 40px;
}

#emergenteRGPD p {
  margin: 0 0 30px 0;
}

#botonRGPD {
  background-color: #1f1010 !important;
  padding: 10px 10px;
  color: white;
  cursor: pointer;
}

#emergenteRGPD {
  font-size: 0.8em;
}

#emergenteRGPD .rgpd-box a {
  text-decoration: underline;
}

#emergenteRGPD .button-box {
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

/*** rgpd /> ***/
/*** < photographer ***/
.modal.image.photographer {
  display: none;
}

.modal.image.photographer .modal-content {
  display: block;
}

.modal.photographer .swiper {
  padding: 0;
  margin-left: 0;
}

.modal.photographer .objects .content-slide {
  border: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal.photographer .objects li {
  height: 80vh;
  padding: 0;
}

.modal.photographer .objects img {
  max-height: 80vh;
}

.modal.photographer .objects .footer-text {
  text-align: center;
}

.detail-page.photographer #detail .col-right > section.work-list.images-list {
  padding-top: 2.5rem;
}

.photographer nav[aria-labelledby=third].result-filter {
  justify-content: flex-end;
}

.result-filter select {
  margin-bottom: 0.9em;
  font-family: "LL Replica Pro Regular Web";
  width: calc((100% - var(--gap)) / 2);
  padding: 0.4rem;
  font-size: 0.7em;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (min-width: 1024px) {
  .detail-page.photographer #detail .col-right > section.work-list.images-list {
    padding-top: 0;
  }
  .result-filter select {
    width: calc((100% - var(--gap) * 3) / 4);
  }
  .bloc-vertical-details > .photographer-category-search {
    margin-top: 1rem;
  }
}
.detail-page-photographer .reports-main-list,
.detail-page-photographer .reports-main-list section.reports {
  margin-bottom: calc(var(--gap) * 3);
}
.detail-page-photographer .reports-main-list .slider-phpypgraphs,
.detail-page-photographer .reports-main-list section.reports .slider-phpypgraphs {
  margin-top: 1rem;
  position: relative;
}

.detail-page-photographer .reports-main-list .authors {
  font-size: 0.8rem;
  margin-top: 0;
  margin-bottom: var(--gap);
  line-height: var(--component-body-line-height);
}

.detail-page-photographer .reports-main-list h3 {
  font-family: "LL Replica Pro Bold Web", sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

.detail-page-photographer .reports-main-list section.reports .content-slide {
  cursor: pointer;
}

.detail-page-photographer .reports-main-list section.reports .content-slide.loading {
  cursor: wait;
}

.detail-page-photographer .reports-main-list section.reports .content-slide.loading > .image {
  background: url("../images/icons/loading-icon.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center center;
  background-color: #f5f5f5;
}

.detail-page-photographer .reports-main-list section.reports .content-slide.loading > .image > img {
  visibility: hidden;
}

.modal_report .modal-content > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.modal_report .content-slide {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .modal_report .modal-content > ul li {
    padding-top: 0vh;
  }
  .modal_report .sugg-button-arxiu,
  .modal-content .sugg-button-arxiu {
    bottom: 0;
    /* margin-left: 0; */
  }
  .modal-content .sugg-button-arxiu {
    padding-left: 0;
    padding-right: 0;
  }
  .modal_report .sugg-button-arxiu p,
  .modal-content .sugg-button-arxiu p {
    margin: 0;
  }
}
/*** photographer /> ***/
.grecaptcha-badge {
  opacity: 0 !important;
  visibility: hidden !important;
}

.map_loading.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/icons/loading.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.map_loading.loading:after {
  content: "";
}

#map.loading:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  z-index: 1;
}

.map_loading_progress {
  display: none;
}

.map_loading_progress.loading {
  display: block;
}

.map_loading {
  display: none;
}

.map_loading.loading {
  display: block;
}

.map_loading_progress {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1rem;
  background-color: #fff;
  z-index: 1;
  transition: width 2s linear;
}

body.global-sugg-form-opened,
body.global-credits-form-opened,
body.global-intro-form-opened,
body.modal_report-opened,
body.documents-modal-opened,
body.audiovisual-modal-opened,
body.modal-menu-opened {
  overflow: hidden;
}

@media (min-width: 1024px) {
  .global-credits .gencat, .global-credits .fad, .global-credits .mies, .global-credits .docomomo, .global-credits .mas, .global-credits .familia, .global-credits .disseny, .global-credits .eina, .global-credits .amb, .global-credits .fomento, .global-credits .iefc, .global-credits .fdm {
    flex-basis: 32%;
  }
}
.global-credits .gencat strong, .global-credits .fad strong, .global-credits .mies strong, .global-credits .docomomo strong, .global-credits .mas strong, .global-credits .familia strong, .global-credits .disseny strong, .global-credits .eina strong, .global-credits .amb strong, .global-credits .fomento strong, .global-credits .iefc strong, .global-credits .fdm strong {
  overflow: hidden;
  display: block;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  text-indent: -400vw;
  filter: invert(1);
  height: 2.3em;
}
.global-credits .amb strong, .global-credits .fomento strong, .global-credits .iefc strong, .global-credits .fdm strong {
  filter: invert(0);
}
.global-credits .gencat strong {
  background-image: url(../images/parthners/Gen-Cat-dep-cult.png);
  font-size: 1.1rem;
}
.global-credits .fad strong {
  background-image: url(../images/parthners/arquinfad.svg);
  font-size: 1rem;
  margin-top: 1em;
}
.global-credits .mies strong {
  background-image: url(../images/parthners/fundacio-mies-van-der-rohe.svg);
  font-size: 1.1rem;
}
@media (min-width: 1024px) {
  .global-credits .mies strong {
    font-size: 1.4rem;
  }
}
.global-credits .mas strong {
  background-image: url(../images/parthners/institut-amatller.svg);
  font-size: 1rem;
}
.global-credits .docomomo strong {
  background-image: url(../images/parthners/f-do-co-mo-mo-ib.png);
  font-size: 0.9rem;
}
@media (min-width: 1024px) {
  .global-credits .docomomo strong {
    font-size: 0.8rem;
  }
}
.global-credits .familia strong {
  background-image: url(../images/parthners/sagrada-familia.svg);
  font-size: 1.1rem;
}
@media (min-width: 1024px) {
  .global-credits .familia strong {
    font-size: 1.3rem;
  }
}
.global-credits .disseny strong {
  background-image: url(../images/parthners/museu-disseny.svg);
  font-size: 1.1rem;
}
.global-credits .eina strong {
  background-image: url(../images/parthners/eina-centre-diss-art.svg);
  font-size: 1.1rem;
}
.global-credits .amb strong {
  background-image: url(../images/parthners/amb.svg);
  font-size: 1.1rem;
}
.global-credits .fomento strong {
  background-image: url(../images/parthners/gob_es.png);
  font-size: 1.1rem;
}
.global-credits .iefc strong {
  background-image: url(../images/parthners/iefc.svg);
  font-size: 1.1rem;
}
.global-credits .fdm strong {
  background-image: url(../images/parthners/logo_fldm.png);
  font-size: 2.2rem;
}
@media (min-width: 1024px) {
  .global-credits .parthners {
    display: flex;
    flex-wrap: wrap;
  }
}

/*   GLOBAL CREDITS */
.global-credits .centre_arquitectura img, .global-credits .coac img {
  height: 3.3em;
  width: auto;
}
.global-credits .centre_arquitectura span, .global-credits .coac span {
  padding-bottom: 1em;
}

.gm-style-iw-chr {
  position: absolute;
  right: 0;
  top: 2px;
}