@charset "UTF-8";
/* prueba */
/* $background-colour: var(--main-bg-color);

body header form#search-form button  {
  background-color: $background-colour;
}
--title-color
 */
/* ------------ */
body header {
  display: flex;
}

header {
  background-color: #ffffff;
  /* Estilos para el menu secundario o menu del sitio cuando este activada la opcion */
  /* navegador */
  /* buscador */
  /*  form#search-form {
      input[type=text]{
        border-color: $color-main;
        border-radius: 0.5em;
      }
      button {
        font-size: 1.5em;
        border: initial;
        background: initial;
        color: black;
        border-radius: 0.5em;

        &:hover {
          background: $background-search-button-hover;
        }
      }
    } */
}
@media (max-width: 768px) {
  header {
    flex-wrap: nowrap;
  }
  header .site_menu {
    flex-direction: column;
    /* nav {
      min-width: initial;
    } */
  }
  header .site_menu h2 {
    width: 90%;
  }
}
header .site_menu {
  margin-top: 1em;
  padding: 1em 0;
  /* width: 100vw; */
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
  width: 100%;
}
header .site_menu nav .menu {
  /* justify-content: space-between; */
}
header .site-title {
  margin: 0;
}
header img {
  height: 2.4em;
}
header .logo-header-1 {
  height: 2.4em;
  margin: auto;
}
header .logo-header-2 {
  height: 3em;
  margin: auto;
}
header .site-title a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
}
header .sm-clean ul {
  border-color: var(--main-color);
}
header .sm-clean a {
  /* background: white; */
  color: black;
  font-weight: 600;
  /*.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted   */
}
header .sm-clean a:hover, header .sm-clean a:active, header .sm-clean a:focus, header .sm-clean a:hover, header .sm-clean a.highlighted {
  color: var(--main-color);
  font-weight: 600;
}
header nav .menu {
  justify-content: end;
}
header nav .menu li {
  /* margin: auto; */
}
header nav .menu li.active > a {
  color: var(--main-color);
}
header #search {
  position: relative;
}
@media (max-width: 900px) {
  header #search {
    min-width: 90%;
    display: flex;
    justify-content: flex-end;
  }
}
header form#search-form {
  width: 12rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
header form#search-form input[type=text] {
  z-index: 9999;
  font-size: 1.2em;
  color: black;
  border-radius: 0.33em;
  display: none;
  position: absolute;
  /* top: 2em; */
  right: 2.5rem;
  float: initial;
  width: 9.3rem;
  border-color: var(--main-color);
}
@media (max-width: 900px) {
  header form#search-form input[type=text] {
    width: 80%;
  }
}
header form#search-form button {
  padding: 0.4rem;
  border-radius: initial;
  border: initial;
  border-radius: 5px;
  float: initial;
  width: initial;
  background: #ffffff;
  color: black;
  font-size: 25px;
  cursor: pointer;
}
header form#search-form button:hover {
  background: initial;
  color: var(--main-color);
}

footer {
  background: #ffffff;
  padding: 0;
  border-top: initial;
  /*  .img-footer-background {
      background-image: url(https://th.bing.com/th/id/OIP.d5vLzTmYMHWHp_kwqI8v9gHaE8?pid=ImgDet&rs=1);
      min-height: 10em;
      padding-top: 3em;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
  } */
}
footer .img-logo-footer {
  padding: 0 1rem;
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  justify-content: center;
}
footer .Background-footer {
  height: 5em;
  width: 100%;
  margin-bottom: -2em;
  object-fit: cover;
}
footer .line1 {
  padding: 1em 0;
  background: white;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  gap: 1em;
  min-height: initial;
}
footer .line1 img {
  width: auto;
  height: 4.5rem;
  padding: 0;
}
footer .line1 .link-footer {
  width: initial;
  color: black;
  font-weight: 600;
  font-size: 1.2em;
}
footer .line1 .link-footer ul {
  /*  width: 100%; */
  justify-content: left;
  flex: 1;
}
footer .line1 .link-footer a {
  color: initial;
}
footer .line1 .social-bis {
  height: 1.2em;
}
footer .transparent-line {
  height: 2em;
  background: var(--main-color);
  width: 100%;
  opacity: 0.7;
}
footer .Social-media ul {
  display: flex;
  gap: 1em;
}

/* titulo en browse item-set */
.item-set h3.resource-name {
  /*  text-align: center; */
}
.item-set .title-browse-item-set {
  margin-bottom: 0em;
}

.footer-pagination {
  display: flex;
  justify-content: center;
}

/* title-info-item-set */
.title-info-item-set {
  background-color: var(--main-bg-color);
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 0;
  color: var(--title-color);
  margin: 0;
  z-index: 1;
}
.title-info-item-set.with-image {
  min-height: 60vh;
}
.title-info-item-set.no-image {
  height: auto;
}
.title-info-item-set img {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -10;
}
.title-info-item-set .item-set-info {
  z-index: 2;
  width: 100%;
  /* opacity: 0.8; */
  /* background: $background-title-info; */
  background: color-mix(in srgb, var(--main-bg-color) 70%, transparent);
}
.title-info-item-set .item-set-info .description {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.title-info-item-set .item-set-info .description #display-values-actions-item-set {
  text-align: end;
  font-weight: 700;
  word-spacing: 0.5em;
  font-size: 1.2em;
  letter-spacing: 0.3em;
  cursor: pointer;
}
.title-info-item-set h2 {
  margin-left: 2rem;
}
.title-info-item-set .item-set-info h2 {
  margin-left: 0;
}
.title-info-item-set .item-set-info {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10em 0 0 0;
}
.title-info-item-set .item-set-info .description {
  padding: 1rem 1rem;
  width: 55vw;
  line-height: 1.5;
  font-size: 1.25em;
}
.title-info-item-set .item-set-info .description a {
  color: var(--title-color);
}
.title-info-item-set h2 {
  font-size: 2.5rem;
}

/* metadatos item-set (item browse) */
#item-set-values {
  display: none;
}
#item-set-values dl {
  background: var(--main-bg-color);
  color: var(--title-color);
  margin: 0;
  padding: 1em;
}
#item-set-values a {
  color: white;
}

/*title info  */
.title-info {
  background: var(--main-bg-color);
  padding: 1rem;
  color: white;
  margin: 0 0 1rem;
}
.title-info h2 {
  margin-left: 2rem;
}
.title-info .item-set-info h2 {
  margin-left: 0;
}
.title-info .item-set-info {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10em 0 0 0;
}
.title-info .item-set-info .description {
  padding: 0 1rem;
  width: 55vw;
  font-size: 1rem;
  line-height: 2;
}
.title-info .item-set-info .description a {
  color: white;
}
.title-info h2 {
  font-size: 2rem;
}

.resource-item-set .resource-link {
  color: var(--title-color);
}

.resource-list {
  margin: 2em 1em;
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
  justify-content: center;
}
.resource-list .item.resource {
  align-items: flex-start;
  width: 27em;
  flex: initial;
  /* flex: 1 1 22em; */
  gap: initial;
  box-shadow: initial;
  border: 1px solid var(--main-color);
  border-radius: 1.5em;
  display: flex;
  justify-content: start;
  height: initial;
  /*  max-width: 33vw; */
  overflow: hidden;
}
.resource-list .item.resource img {
  border: initial;
}
.resource-list .item.resource.resource-card-2 {
  justify-content: space-between;
}
.resource-list .item.resource.resource-card-3 .metadata-card-2 {
  margin-top: 1rem;
}
.resource-list .item.resource.resource-card-4 {
  width: 35rem;
}
.resource-list .item.resource.resource-card-4 .metadata-card {
  margin: 1rem;
}
.resource-list .item.resource .metadata-card {
  width: 90%;
  margin: 0 auto;
  /* height: 15em; */
  /* width: 15em; */
  /* line-height: 1em; */
  /* max-height: 2em; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 13;
  overflow: hidden;
  /* margin: 0 0 1em; */
  /* white-space:nowrap; */
  text-overflow: ellipsis;
  /* white-space: pre-wrap; */
  word-break: break-word;
  /* word-wrap: break-word; */
}
.resource-list .item.resource .metadata-card > div {
  margin: 0 0 1em;
}
.resource-list .item.resource a.resource-link {
  width: 100%;
  text-decoration: none;
  height: initial;
}
.resource-list .item.resource a.resource-link:hover {
  color: var(--main-color);
}
.resource-list .item.resource a.resource-link h3 {
  text-align: initial;
  padding: 0;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resource-list .item.resource a.resource-link img {
  width: 100%;
  height: 25em;
  margin: initial;
  /*  border-radius: $border-radius-card $border-radius-card 0 0; */
}

.is-part-of .resource-list, .has-part .resource-list {
  /*  width: 14em; */
}
.is-part-of .resource-list .item.resource, .has-part .resource-list .item.resource {
  width: 14em;
}
.is-part-of .resource-list .item.resource a.resource-link h3.resource-name, .has-part .resource-list .item.resource a.resource-link h3.resource-name {
  font-size: 1em;
}
.is-part-of .resource-list .item.resource a.resource-link img, .has-part .resource-list .item.resource a.resource-link img {
  height: 13em;
}

.resource-list.view-mode-list {
  flex-direction: column;
  align-items: center;
}
.resource-list.view-mode-list .item.resource {
  display: flex;
  width: 90%;
  flex-direction: row;
  min-height: 14em;
}
@media (max-width: 750px) {
  .resource-list.view-mode-list .item.resource {
    flex-wrap: wrap;
  }
}
.resource-list.view-mode-list .item.resource a.resource-link.image {
  display: flex;
  width: 25em;
  height: 14em;
}
.resource-list.view-mode-list .item.resource a.resource-link.image img {
  width: auto;
  height: 11em;
  margin: auto;
  max-width: 16em;
  object-fit: cover;
}
.resource-list.view-mode-list .resource-card-2 .metadata-card {
  margin-left: 1em;
}
.resource-list.view-mode-list .resource-card-3 .metadata-card {
  margin: 0 1em;
}
.resource-list.view-mode-list .resource-card-3 .metadata-card a.resource-link h3 {
  text-wrap: wrap;
}

form#advanced-search {
  margin: 0;
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
}
form#advanced-search .advanced-search-content {
  width: 75vw;
  background-color: initial;
  box-shadow: initial;
  padding: 2em;
  border: 1px solid var(--main-color);
  border-radius: 1.5em;
}
form#advanced-search .advanced-search-content .field {
  margin-bottom: 4em;
}
form#advanced-search .advanced-search-content select,
form#advanced-search .advanced-search-content input {
  border: 1px solid var(--main-color);
}
form#advanced-search div#page-actions {
  width: 80vw;
}
form#advanced-search div#page-actions input[type=submit] {
  color: var(--main-color);
  border: 1px solid var(--main-color);
}
form#advanced-search div#page-actions input[type=submit]:hover {
  background-color: var(--main-color);
  color: white;
  /* border: $border-main; */
}

.view-mode {
  display: flex;
  gap: 0.7em;
  align-items: center;
}
.view-mode span {
  opacity: initial;
  cursor: pointer;
  font-weight: normal;
}
.view-mode span i {
  color: var(--main-color);
}
.view-mode span.enabled {
  /* color: $color-main; */
  font-weight: 600;
}

.title-info h1 {
  margin-left: 2em;
}

.site_pages {
  /* margin: 2em; */
}
.site_pages .resource-list {
  display: flex;
}
.site_pages .resource-list a {
  text-decoration: none;
}
.site_pages .resource-list a:hover {
  color: var(--main-color);
}

.results > a {
  margin-left: 2em;
}
.results h2 {
  margin-left: 2em;
}
.results span {
  margin: 1rem 1rem;
}

/* mapa de mapping se desborda la url del medio */
.mapping-marker-popup-content {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* bloques creados por el builder */
.lib-section {
  /* margin: 0 auto; */
  margin-top: 0;
  margin-bottom: 0;
}

/* Bloque item gallery swiper item-gallery-fullwidth */
.item-gallery-fullwidth .swiper-description {
  color: white;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  max-width: 40%;
  width: 28em;
  padding: 2em 1em;
  margin: 0;
  max-height: 27em;
}
.item-gallery-fullwidth .swiper-description p {
  margin: 0;
}
.item-gallery-fullwidth .swiper-slide.item {
  position: relative;
}
.item-gallery-fullwidth .swiper-slide.item img {
  height: 30em;
}
.item-gallery-fullwidth .swiper-slide.item h5.item-title {
  position: absolute;
  z-index: 100;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  margin: 0;
  padding: 1em 2em 1em 1em;
  max-width: 40%;
}
.item-gallery-fullwidth .swiper-slide.item h5.item-title a {
  color: white;
}

/* sites-list-grip  */
.title-sites-list {
  background: var(--main-bg-color);
  padding: 1rem 2rem;
  color: white;
  margin: 0;
  font-size: 2rem;
}

.title-browse-item-set {
  margin-bottom: 0;
}

.sites-list-grip {
  gap: 0;
}
.sites-list-grip .grip-site {
  position: relative;
  height: 35em;
  min-width: 20em;
  display: inline-block;
}
.sites-list-grip .grip-site .site-thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sites-list-grip .grip-site .site-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sites-list-grip .grip-site .grip-site-link {
  width: 100%;
  background: color-mix(in srgb, var(--main-bg-color) 70%, transparent);
  position: absolute;
  bottom: 0;
  padding: 2em 0;
}
.sites-list-grip .grip-site a.site-link {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  padding: 0 2.5%;
  white-space: nowrap;
  display: block;
  color: white;
  font-size: 2em;
}
.sites-list-grip .grip-site a.site-link:hover {
  color: white;
}
.sites-list-grip .grip-site p.site-summary {
  color: white;
}

.blocks {
  margin: 0 5%;
  /* TODO: css para mostrar bien lib-block-item-set( Revisar )  */
  padding: 0;
  /* margin: 1rem; */
  background-color: initial;
  box-shadow: initial;
  /* cabeceras para home y about 

    class -> ucm-about-header
          ->ucm-home-header

  */
  /* cabecera como item-set (igual que item-set/{id} ) 

  -ucm-item-set-header

  */
  /* pagina intermedia */
  /* item-set pagina inicio (home) */
  /*  */
  /* &>h2 {
    font-size: 2.5em;
    background: $background-title-info;
    padding: 1em;
    color: white;
    margin-bottom: 1em;
    padding: 1em 2em;
  } */
  /* builder */
  /* bloque item-set */
  /* @-moz-document url-prefix() {

    .info-item-set{

      height:initial;
      width: initial;
      .item-set{
      display: block;

    }
    }

  } */
}
.blocks .lib-block-item-set .item-set-selection {
  gap: 0;
}
.blocks .lib-block-item-set .item-content {
  margin: 3em;
  padding: 2em;
}
.blocks .lib-block-item-set .item-content img {
  height: 50vh;
  width: 100%;
  object-fit: contain;
}
.blocks .lib-block {
  margin: 0;
}
.blocks .lib-column {
  gap: 0;
}
.blocks .ucm-home-header p,
.blocks .ucm-about-header p,
.blocks .ucm-item-set-header p {
  margin-left: 0;
}
.blocks .ucm-home-header .background,
.blocks .ucm-about-header .background,
.blocks .ucm-item-set-header .background {
  padding: 0;
  justify-content: flex-end;
  min-height: 35rem;
}
.blocks .ucm-home-header .header-description,
.blocks .ucm-about-header .header-description,
.blocks .ucm-item-set-header .header-description {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  margin: 0;
  padding: 1rem;
  border-radius: 0;
  width: 20rem;
  max-width: 85vw;
  margin-top: 3em;
  display: flex;
  align-items: center;
}
.blocks .ucm-about-header .header-description {
  width: initial;
  max-width: initial;
}
.blocks .ucm-item-set-header .header-description {
  width: initial;
  max-width: initial;
  min-height: initial;
}
.blocks .ucm-item-set-header .header-description h2 {
  font-size: 2.5rem;
  white-space: nowrap;
  padding: 0 1em 0;
  margin: 0.5em 0;
}
.blocks .ucm-item-set-header .header-description .text {
  display: flex;
  justify-content: center;
}
@media (max-width: 650px) {
  .blocks .ucm-item-set-header .header-description .text {
    flex-wrap: wrap;
  }
}
.blocks .ucm-item-set-header .header-description p {
  line-height: 1.5;
  padding: 0 9%;
  font-size: 1.25em;
}
.blocks .title-info {
  padding: 1rem 2.5%;
  /*  margin: 0 -1rem; */
}
.blocks .title-info .text p {
  margin-left: 0;
}
.blocks .title-info h2 {
  margin-left: 1rem;
}
.blocks .title-info p {
  font-size: 1.1em;
}
.blocks .title-info .title-libnamic-text {
  font-size: 2rem;
}
.blocks .item-set {
  /* min-height: 70vh; */
}
.blocks .item-set .item-swiper {
  margin: 2rem 0 4rem;
  width: calc(100% - 19em);
}
@media (max-width: 950px) {
  .blocks .item-set .item-swiper {
    width: 100%;
  }
}
.blocks .ucm-home-item-set {
  margin: 0em 4%;
}
.blocks .ucm-home-item-set .item-set {
  margin: 2rem 0;
}
.blocks .ucm-Intermediate-item-set-gallery .grid-slider {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding-inline-start: 0;
  justify-content: center;
}
.blocks .ucm-Intermediate-item-set-gallery .grid-item {
  position: relative;
  flex: 1 1 40em;
}
.blocks .ucm-Intermediate-item-set-gallery .grid-item a {
  width: 100%;
}
.blocks .ucm-Intermediate-item-set-gallery .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* background: $background-title-info; */
  background: color-mix(in srgb, var(--main-bg-color) 70%, transparent);
  color: var(--title-color);
}
.blocks .ucm-Intermediate-item-set-gallery .text p {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  font-size: 2em;
  font-weight: 500;
  /* padding: 0 0 2em 4%; */
  opacity: 1;
  white-space: nowrap;
}
.blocks .ucm-Intermediate-item-set-gallery img {
  height: 65vh;
  width: 100%;
  object-fit: cover;
  max-height: initial;
}
.blocks a:hover {
  color: var(--main-color);
}
.blocks .item-media .item a {
  border: 1px solid var(--main-color);
  border-radius: 1.5em;
}
.blocks .lib-block-title {
  background: var(--main-bg-color);
  padding: 1rem;
  /* margin: 0 -1rem; */
  color: white;
  /* margin: 0 -2.1%; */
}
.blocks .lib-block-title h2 {
  color: var(--title-color);
  font-size: 2.5rem;
  margin: 0.5em;
}
.blocks .text p {
  margin-left: 2.5%;
  /*  font-size: 1.2em; */
}
.blocks .info-item-set {
  /* padding: 1em; */
  width: 19em;
  color: white;
  background: initial;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 950px) {
  .blocks .info-item-set {
    height: initial;
    width: initial;
  }
}
.blocks .info-item-set p {
  margin: 0;
}
.blocks .text-item-set {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 1em;
}
.blocks .item-set {
  display: flex;
  flex-direction: row;
  /* margin: 2em; */
}
@media (max-width: 950px) {
  .blocks .item-set {
    display: block;
  }
}
.blocks .item-content {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 0 0 1.5em 1.5em;
  overflow: hidden;
}
.blocks .text-item-slide {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.blocks .item-swiper-button-next::after,
.blocks .item-swiper-button-prev:after {
  color: white;
  background-color: initial;
}
.blocks .item-swiper-button-prev:after {
  content: url("../images/icons/prev.svg");
}
.blocks .item-swiper-button-next::after {
  content: url("../images/icons/next.svg");
}

/* Exposición */
.site-page-exposiciones .title-info {
  background: var(--main-color);
}
.site-page-exposiciones .sites-list-grip .grip-site-link {
  /* margin: 2em 2.5%; */
}
.site-page-exposiciones .sites-list-grip .grip-site .grip-site-link {
  background: color-mix(in srgb, var(--main-color) 80%, transparent);
}

/* ================================
   IZI MODAL – FIX RESPONSIVE GLOBAL
   ================================ */
/* Modal base */
.iziModal {
  width: 100%;
  max-width: 100%;
  /* margin: 0; */
  overflow: hidden;
  border-radius: 1rem !important;
}

/* ================= HEADER ================= */
.iziModal-header {
  padding: 1rem !important;
  text-align: left;
  background: var(--main-color) !important;
  color: #ffffff;
}

.iziModal-header h2 {
  color: #ffffff;
}

/* Botones del header */
.iziModal-header-buttons a {
  filter: brightness(0) invert(1);
}

/* ================= WRAPPER ================= */
.iziModal-wrap {
  height: auto !important;
  max-height: 100%;
}

/* ================= CONTENT ================= */
.iziModal-content {
  width: 100%;
  padding: 1rem !important;
  box-sizing: border-box;
  overflow-y: auto;
  /* Firefox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: #c62828 #f2f2f2;
}

/* ================= SCROLLBAR (Chrome / Edge / Safari) ================= */
.iziModal-content::-webkit-scrollbar {
  width: 8px;
}

.iziModal-content::-webkit-scrollbar-track {
  background: #f2f2f2;
}

.iziModal-content::-webkit-scrollbar-thumb {
  background-color: #c62828;
  border-radius: 4px;
}

.iziModal-content::-webkit-scrollbar-thumb:hover {
  background-color: #a81d1d;
}

/* ================================
   MOBILE
   ================================ */
@media (max-width: 768px) {
  .iziModal {
    height: 95vh !important;
    border-radius: 0 !important;
  }
}
.iziModal-wrap {
  height: calc(95vh - 60px) !important;
}

.iziModal .iziModal-content {
  height: 100%;
  overflow: auto;
}

/* ================================
   DESKTOP
   ================================ */
@media (min-width: 769px) {
  .iziModal {
    max-width: 80%;
    max-height: 90vh;
    border-radius: 6px;
  }
  .iziModal-wrap {
    max-height: calc(90vh - 70px);
  }
}
.page ul.resource-list {
  margin: 2em;
}
.page ul.resource-list li {
  flex: 1 1 22em;
}
.page ul.resource-list li a {
  text-decoration: none;
}
.page ul.resource-list li a:hover {
  color: var(--main-color);
}

.details-media {
  margin: 2em;
}

.media-parent-item {
  font-size: 1.4em;
}
.media-parent-item a:hover {
  color: var(--main-color);
}

.media-render {
  border-color: red 1px solid;
}
.media-render a {
  width: 75vw;
  display: block;
  margin: auto;
}
.media-render a img {
  width: 100%;
  max-height: initial;
  max-width: initial;
}

.item-show-content {
  margin: 2em 12%;
}

/* h3 span {
  font-weight: 300;
} */
.item-link {
  display: flex;
  gap: 1em;
  align-items: center;
  margin-top: 1em;
}

.description {
  justify-content: space-between;
}

i.fas.fa-download {
  color: white;
}

.container-values {
  border: 2px solid var(--main-color);
  /* padding: 1em; */
  border-radius: 1em;
}

div#display-values {
  padding: 1em;
  display: none;
}

dl {
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  justify-content: flex-start;
  /* justify-content: space-between; */
  /* align-content: stretch; */
  gap: 1em 4em;
}
dl div {
  flex: 0 1 24em;
}

.label-display-values {
  display: flex;
  justify-content: flex-end;
}
.label-display-values #display-values-actions {
  font-weight: 700;
  word-spacing: 0.5em;
  font-size: 1.2em;
  /* color: #7D7D7D; */
  letter-spacing: 0.1em;
  cursor: pointer;
  word-spacing: 0;
}

#arrow {
  display: inline-block;
}

.rotate {
  transform: rotate(180deg);
}

.item-main-content {
  display: flex;
  position: relative;
}
@media (max-width: 900px) {
  .item-main-content {
    flex-wrap: wrap;
  }
}
.item-main-content hr {
  height: 0.5em;
  background: var(--main-color);
}
.item-main-content > div {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  margin: 1em;
}
.item-main-content .thumbnail {
  border: initial;
  padding: initial;
}
.item-main-content .title {
  font-size: 1.5rem;
  padding: 0;
}
.item-main-content img {
  width: 80%;
  display: block;
  margin: auto;
}
.item-main-content .eye {
  position: relative;
  margin-right: 7%;
  margin-top: -1rem;
  float: right;
  width: 3rem;
  height: auto;
  z-index: 10;
}

.icon.pdf {
  background: #B71234;
  width: 3rem;
  height: 3rem;
  border-radius: 2em;
  /* text-align: center; */
  /* vertical-align: bottom; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon img {
  width: 3.7em;
}

dl {
  margin-top: 0;
}

.property.bibo\:annotates, .property.dcterms\:abstract, .property.bibo\:transcriptOf {
  flex: 1 1 100%;
  order: 1000;
}
.property.dcterms\:isPartOf, .property.dcterms\:hasPart {
  display: none;
}
.property.dcterms\:isPartOf dd.resource, .property.dcterms\:hasPart dd.resource {
  display: none;
}
.property.dcterms\:isPartOf:has(dd[class=value]), .property.dcterms\:isPartOf:has(dd.value.uri), .property.dcterms\:hasPart:has(dd[class=value]), .property.dcterms\:hasPart:has(dd.value.uri) {
  display: initial;
}
.property dt {
  font-weight: 600;
}
.property .value {
  margin-left: 0;
  /* max-height: 14em;
  overflow-y: auto; */
}

.related-title,
.collections > h3,
.is-part-of > h3,
.has-part > h3,
.show-map > h3 {
  border-bottom: 1px solid var(--main-color);
  padding: 0.5em;
  /* border-radius: 10px; */
}

.related-title {
  margin: 2em 0 1em;
}
.related-title h3 {
  padding: 0;
  margin: 0;
}

.link-related:hover {
  color: var(--main-color);
}

div#mapping-section {
  min-width: initial;
  margin: 0 auto;
  max-width: initial;
}

.external iframe {
  width: 100%;
  height: 80vh;
}

/* Has-part en modo lista*/
.has-part .resource-list .item.resource .metadata-card {
  min-height: 10em;
  margin: auto;
}

.mirador {
  height: 85vh;
}
.mirador nav {
  width: 100%;
}
.mirador nav .mirador16.mirador15 {
  border-top-color: var(--main-color);
}

a.tab-header {
  background-color: black;
  /* border: none; */
  /* color: $color-main;  */
  color: white;
  padding: 15px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  /* border: $border-card; */
  border: 1px solid white;
  margin: 0.4rem 0;
  border-radius: 0.3rem;
}

a.tab-header.tab_active {
  color: black;
  /* background-color: $color-main; */
  background-color: white;
}

#media_modal {
  display: none;
}
#media_modal .tab {
  display: none;
}
#media_modal .tab.active {
  display: block;
}

@media (max-width: 750px) {
  .blocker {
    padding: 0;
  }
}

.modal {
  width: 80vw;
  max-width: 80vw;
  background-color: black;
}
@media (max-width: 750px) {
  .modal {
    max-width: 100%;
    width: 100%;
  }
}
.modal iframe {
  max-width: 100%;
}

video {
  width: 100%;
}

.type-html {
  color: white;
}

.type-text {
  color: white;
}
.type-text a {
  color: white;
}
.type-text a:visited {
  color: white;
}

.ucm-header-item-set {
  color: var(--title-color);
  min-height: 60vh;
}
.ucm-header-item-set .background {
  height: 100%;
  padding: 0;
  justify-content: end;
}
.ucm-header-item-set .header-description {
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0em;
  margin-top: 10rem;
}
.ucm-header-item-set .text {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: end;
}
.ucm-header-item-set h2 {
  font-size: 2.5rem;
}
.ucm-header-item-set .description {
  padding: 1rem;
  width: 55vw;
  line-height: 1.5;
  font-size: 1.25em;
}
.ucm-header-item-set .description a {
  color: var(--title-color);
}

.lib-row:has(.ucm-header-collection) {
  gap: 0;
}

.ucm-header-collection {
  color: var(--title-color);
}
.ucm-header-collection .background {
  min-height: 65vh;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: end;
}
.ucm-header-collection .background .header-description {
  margin: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: initial;
}
.ucm-header-collection .background h2.header-title {
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0;
  padding: 2rem 0 2rem 1rem;
  font-size: 2rem;
}
.ucm-header-collection .background h2.header-title .text {
  max-width: 90vw;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  font-size: 2rem;
  font-weight: 500;
  /* padding: 0 0 2em 4%; */
  opacity: 1;
  white-space: nowrap;
}

/* common */
#content {
  padding: 0;
  /* min-height: initial; */
  flex: 1;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}
a:hover {
  /*  color: $color-main; */
}

.title-info h2,
.title-info h1 {
  color: var(--title-color);
}

/* paginación */
.pagination {
  display: flex;
  justify-content: space-between;
  /* order: 1; */
  flex-wrap: wrap;
  margin: initial;
  width: 20em;
  font-size: 1em;
  background-color: #ffffff;
  padding: 0.5em 2em;
}
.pagination input {
  border-radius: 0.5em;
  border: 1px solid var(--main-color);
  padding: 0.2em 0.5em;
  font-size: 1em;
}
.pagination span.button,
.pagination a.button {
  color: black;
  border: initial;
  font-size: x-large;
  font-size: x-large;
  padding: 4px 8px;
  border-radius: 5px;
}
.pagination span.button:hover,
.pagination a.button:hover {
  background-color: initial;
  color: var(--main-color);
}
.pagination span.inactive,
.pagination a.inactive {
  opacity: 0.4;
}
.pagination .previous {
  order: 0;
}
.pagination form {
  order: 1;
}
.pagination .next {
  order: 10;
}
.pagination .row-count {
  flex: 1 1 100%;
  order: 100;
  text-align: center;
  /* margin-top: 0.5em; */
}

.browse-controls {
  padding: 1em;
  justify-content: space-around;
  background-color: #ffffff;
  /* ordenar */
}
.browse-controls .advanced-search {
  font-size: 1rem;
  color: black;
}
.browse-controls .advanced-search:hover {
  /* font-weight: 600; */
  color: var(--main-color);
}
.browse-controls .sorting {
  /* order: 2; */
  gap: 0.5em;
}
.browse-controls .sorting > select, .browse-controls .sorting > button {
  border-radius: 0.33em;
  border: solid 1px black;
  padding: 0.2em 0.5em;
}
.browse-controls .sorting button {
  background: initial;
  color: black;
}
.browse-controls .sorting button:hover {
  border: 1px solid var(--main-color);
  background: initial;
}

/* filtros busqueda */
.search-filters {
  margin: 2em 3em;
}
.search-filters .filter {
  margin: 0.5em 0;
}
.search-filters .filter span {
  border: 1px solid var(--main-color);
  color: black;
}
.search-filters .filter span.filter-label, .search-filters .filter span.filter-value {
  background-color: white;
  padding: 2px 8px;
}
.search-filters .filter span.filter-value {
  border-radius: 0 1em 1em 0;
}

/* Vista intermedia */
ul.resource-list {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding-inline-start: 0;
}
ul.resource-list li {
  box-sizing: border-box;
  flex: 1 1 40em;
  list-style-type: none;
  min-width: 20em;
  position: relative;
  display: inline-block;
}
ul.resource-list li img {
  height: 65vh;
  width: 100%;
  object-fit: cover;
  max-height: initial;
}
ul.resource-list li div {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* background: rgba(0, 0, 0, .8); */
  background: color-mix(in srgb, var(--main-bg-color) 70%, transparent);
  color: var(--title-color);
}
ul.resource-list li div h3 {
  font-size: 2em;
  padding: 0 0 2em 4%;
  opacity: 1;
}

.exporters {
  margin: 1em 2em;
}

/*# sourceMappingURL=base-child.css.map */