:root{
  --color-dorado: #E4C782;
  --color-dorado-omeka: #E7DCD0;
  --color-turquesa: #338C87;
  --color-turquesa-claro: #C6E1E0;
  --color-black: #333333;
  --color-white: #ffffff;
  --color-rojo: #C93338;
  --color-gris: #838383;
  --color-gris-light: #E0E0E0;
  --padding-xxs: 4px;
  --padding-xs: 8px;
  --padding-sm: 12px;
  --padding-md: 16px;
  --padding-xl: 24px;
  --padding-xxl: 32px;
  --margin-xs: 8px;
  --margin-sm: 12px;
  --margin-md: 16px;
  --margin-xl: 24px;
  --margin-xxl: 32px;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

html {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 16px; }

  body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    color: #333;
    background: #ffffff; }


/*-------------------------------- Headings & Titles ------------------------------*/
h1,
.title-xxl {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 2rem;
  color: #333;
  margin: 0;
  position: relative;
  text-align: left; }
  @media only screen and (max-width: 1199px) {
    h1,
    .title-xxl {
      font-size: 1rem;
      line-height: 1.5rem; } }
  @media only screen and (max-width: 719px) {
    h1,
    .title-xxl {
      font-size: 1rem;
      line-height: 1.5rem; } }

h2,
.title-xl,
fieldset > legend {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 2rem;
  color: #333;
  margin: 0;
  position: relative;
  text-align: left; }
  @media only screen and (max-width: 1199px) {
    h2,
    .title-xl,
    fieldset > legend {
      font-size: 1.5rem;
      line-height: 2rem; } }
  @media only screen and (max-width: 719px) {
    h2,
    .title-xl,
    fieldset > legend {
      font-size: 1.5rem;
      line-height: 2rem; } }

h3,
.title-lg {
  font-family: "Lato", sans-serif;
  font-weight: 700;

  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: initial;
  color: #333;
  margin: 0;
  position: relative;
  text-align: left; }
  @media only screen and (max-width: 1199px) {
    h3,
    .title-lg {
      font-size: 1.125rem;
      line-height: 1.25rem; } }
  @media only screen and (max-width: 719px) {
    h3,
    .title-lg {
      font-size: 1.125rem;
      line-height: 1.25rem; } }

      p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #333;
        margin: 0;
        position: relative;
        text-align: left; }
        @media only screen and (max-width: 1199px) {
          p {
            font-size: 0.875rem;
            line-height: 1rem; } }
        @media only screen and (max-width: 719px) {
          p {
            font-size: 0.875rem;
            line-height: 1rem; } }

      p, ul, ol, table, article, h2, h3, h4 {
       }
      p{
        margin-top:16px;
      }
      h2 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        text-transform: uppercase; }

      button, input, textarea, select, label {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        outline: none;
        font-size: 1rem;
        line-height: 1.5rem; }

      h1, h2, h3 {
        letter-spacing: 1px;
        font-weight: 400; }

        .link, a {
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.25rem;
            color: #333;
            text-decoration: underline;
            position: relative;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out; }
            .link:hover, a:hover {
              color: #C93338; }
            .link:focus, a:focus {
              color: #C93338; }
            .link:active, a:active {
              color: #C93338; }
            .link[href*="mailto"], a[href*="mailto"] {
              text-transform: lowercase; }

          h1 a, h2 a, h3 a, h4 a {
            font-family: "Lato", sans-serif; }

        html, body {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }

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

          *, *:after, *:before {
            margin: 0;
            padding: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }

          img {
            width: auto;
            max-width: 100%;
            height: auto; }

          .hidden, .hidden-desktop {
            display: none; }

          @media only screen and (max-width: 719px) {
            .hidden-mobile {
              display: none; } }

          .visually-hidden {
            position: absolute;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            width: 1px;
            height: 1px;
            word-wrap: normal; }

          pre {
            white-space: pre-wrap;
            margin: 1rem 0; }

          a::selection {
            background: rgba(51, 51, 51, 0.2); }

          :not(a)::selection {
            background: rgba(51, 51, 51, 0.8); }

          p:empty {
            margin: 0;
            padding: 0; }


            #logo {
                height: 112px;
                position: relative;
                letter-spacing: 1px; }
                #logo a {
                  position: relative;
                  display: block;
                  padding-left: 140px;
                  height: 112px;
                  color: #333;
                  text-decoration: none;
                  font-weight: 400; }
                  #logo a:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 131px;
                    height: 112px;
                    font-size: 1rem;
                    font-weight: 700;
                    background: url("/themes/rebiun/asset/images/logo-rebiun.svg") no-repeat 0 0 #ffffff;
                    background-size: 131px; }
                  #logo a strong {
                    display: block;
                    letter-spacing: 1px;
                    white-space: nowrap; }
                @media only screen and (max-width: 959px) {
                  #logo a {
                    font-size: 0.8rem;
                    line-height: 1rem;
                    padding-left: 132px; } }

header .navigation {
  flex: 1 1 auto;
  position: relative;
}

header .navigation ul{
  list-style-type:none;
  margin:0;
  padding:0;
  text-transform: uppercase;
}

.header__top{
  background:#338C87;
  padding-top:0;
  padding-bottom:0;
  border-bottom:8px solid #e4c782;
}

.header__top .container {
  min-height: 48px;
}

.navigation__toggle {
  display: none;
  align-items: center;
  min-height: 48px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 var(--padding-md);
}

.navigation__toggle:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: var(--margin-xs);
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}

.navigation.open .navigation__toggle:after {
  transform: rotate(225deg) translate(-2px, -1px);
}

.child-toggle {
  display: none;
}

header .navigation .navigation__list{
  position: static;
  display: flex;
  align-items: stretch;
  gap: 0;
}

header .navigation li{
  color: #fff;
  line-height:1.5rem;
  position: relative;
}

header .navigation li a{
  align-items: center;
  color: #fff;
  display: flex;
  min-height: 48px;
  padding: 0 var(--padding-xl);
  text-decoration:none;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 1px;
}

header .navigation li a:hover,
header .navigation li a:focus {
  background: rgba(255,255,255,0.12);
  color: #fff;
  outline: 0;
}

header .navigation li a:focus-visible,
.navigation__toggle:focus-visible,
.search input:focus-visible,
.search button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
}

header .navigation li.active > a,
header .navigation li.active > .parent-link > a{
  background: rgba(0,0,0,0.12);
  font-weight: 700;
}

header .navigation .submenu {
  background: #fff;
  border-top: 4px solid var(--color-dorado);
  box-shadow: 0 12px 24px rgba(51,51,51,0.18);
  left: 0;
  min-width: 240px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: translateY(8px);
  visibility: hidden;
  z-index: 20;
}

header .navigation .has-children:hover > .submenu,
header .navigation .has-children:focus-within > .submenu {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

header .navigation .submenu a {
  color: var(--color-black);
  min-height: 40px;
  padding: var(--padding-sm) var(--padding-md);
}

header .navigation .submenu a:hover,
header .navigation .submenu a:focus {
  background: var(--color-turquesa-claro);
  color: var(--color-black);
}

.header__bottom{
  background:#765f34;
  color: #fff;
}

.header__bottom .container {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.header__bottom--large .container {
  background-image: url("/themes/osuna/asset/images/osuna-header-large.jpg");
  min-height: 220px;
}

.header__bottom--short .container {
  background-image: url("/themes/osuna/asset/images/osuna-header-short.jpg");
  min-height: 88px;
}

.header__claim {
  padding: var(--padding-xl) 0;
}

.header__claim h1 {
  color: #fff;
  font-size: 1.125rem;
  letter-spacing: 2px;
  line-height: 1.5rem;
  max-width: 520px;
}

.header__bottom--short .header__claim h1 {
  font-size: 0.9375rem;
  line-height: 1.25rem;
}

.header__cta {
  background: var(--color-dorado);
  color: var(--color-black);
  display: inline-block;
  font-size: 0.6875rem;
  letter-spacing: 1px;
  line-height: 1rem;
  margin-top: var(--margin-xl);
  min-width: 190px;
  padding: var(--padding-xs) var(--padding-xl);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.header__cta:hover,
.header__cta:focus {
  color: var(--color-black);
  opacity: .85;
}

/** CONTENT **/

main h2{
  padding-top:var(--padding-xxl);
}

/** HOME **/
.home-section {
  padding-bottom: 56px;
  padding-top: 56px;
}

.home-section--muted {
  background: var(--color-dorado-omeka);
}

.home-section--cta {
  background: #765f34;
  padding-bottom: 36px;
  padding-top: 36px;
}

.home-title {
  margin-bottom: var(--margin-xl);
}

.home-text {
  margin-top: var(--margin-md);
}

.home-highlight {
  font-style: italic;
  font-weight: 700;
  padding: 0 2px;
}

.home-rebiun-link {
  color: var(--color-rojo);
  font-weight: 700;
}

.home-rebiun-link:visited {
  color: var(--color-rojo);
}

.home-link {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 1px;
  line-height: 1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.home-link-row {
  margin-top: var(--margin-xl);
  text-align: right;
}

.home-project-image {
  display: block;
  height: auto;
  margin-left: auto;
  max-width: 430px;
  width: 100%;
}

.home-exhibitions-intro {
  margin-bottom: var(--margin-xxl);
}

.home-exhibition {
  border-bottom: 1px solid var(--color-dorado);
  margin-bottom: var(--margin-xl);
  padding-bottom: var(--padding-md);
}

.home-exhibition-title {
  color: var(--color-turquesa);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--margin-xs);
  text-transform: uppercase;
}

.home-cta {
  background: var(--color-dorado);
  color: var(--color-black);
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 1px;
  line-height: 1rem;
  min-width: 220px;
  padding: var(--padding-sm) var(--padding-xxl);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.home-cta:hover,
.home-cta:focus {
  color: var(--color-black);
  opacity: .85;
}

/** MATERIAS **/
.materials-page {
  padding-bottom: 72px;
  padding-top: 48px;
}

.materials-title {
  margin-bottom: var(--margin-xxl);
  text-align: center;
}

.materials-card {
  display: block;
  margin-bottom: var(--margin-xl);
  position: relative;
  text-decoration: none;
}

.materials-card img {
  display: block;
  height: auto;
  width: 100%;
}

.materials-card__title {
  background: var(--color-dorado);
  bottom: 0;
  color: var(--color-black);
  display: block;
  font-size: 0.75rem;
  letter-spacing: .5px;
  line-height: 1rem;
  padding: var(--padding-xxs) var(--padding-xs);
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}

.materials-card:hover .materials-card__title,
.materials-card:focus .materials-card__title {
  background: var(--color-turquesa-claro);
}

/** CREDITOS **/
.credits-page {
  padding-bottom: 72px;
  padding-top: 48px;
}

.credits-page h2 {
  margin-bottom: var(--margin-xxl);
  text-align: center;
}

.credits-section {
  margin-bottom: var(--margin-xxl);
}

.credits-section h3 {
  color: var(--color-turquesa);
  font-size: 0.9375rem;
  letter-spacing: .5px;
  line-height: 1.25rem;
  margin-bottom: var(--margin-sm);
  text-transform: uppercase;
}

.credits-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.credits-section li {
  border-bottom: 1px solid var(--color-dorado);
  font-size: 0.9375rem;
  line-height: 1.5rem;
  padding: var(--padding-xs) 0;
}

/** BROWSE **/
.osuna-browse {
  padding-bottom: 56px;
  padding-top: 40px;
}

.osuna-browse__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: var(--margin-md);
}

.osuna-browse__materia-title {
  color: var(--color-black);
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.5rem;
  margin-bottom: var(--margin-xxl);
  text-align: center;
  text-transform: uppercase;
}

.osuna-browse .search-filters,
.osuna-browse .browse-controls,
.osuna-browse .layout-toggle,
.osuna-browse .sorting {
  display: none;
}

.osuna-subject-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.osuna-subject-nav li {
  margin-bottom: 6px;
}

.osuna-subject-nav a {
  background: var(--color-dorado);
  color: var(--color-black);
  display: flex;
  font-size: 0.6875rem;
  justify-content: flex-start;
  letter-spacing: .5px;
  line-height: 1rem;
  padding: 5px var(--padding-xs);
  text-decoration: none;
  text-transform: uppercase;
}

.osuna-subject-nav__count {
  margin-left: 3px;
}

.osuna-subject-nav a:hover,
.osuna-subject-nav a:focus,
.osuna-subject-nav .active a {
  background: #765f34;
  color: #fff;
}

.osuna-resource-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.osuna-resource-card {
  flex: 0 0 33.333%;
  margin: 0;
  padding: 0 var(--padding-md) var(--padding-xxl);
}

.osuna-resource-card .resource-image {
  margin-bottom: var(--margin-md);
}

.osuna-resource-card .thumbnail {
  align-items: center;
  background: #f4f1ec;
  border: 1px solid #eadfca;
  display: flex;
  height: 250px;
  justify-content: center;
  padding: var(--padding-xs);
  text-align: center;
  width: 100%;
}

.osuna-resource-card img {
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.osuna-resource-card h4 {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: var(--margin-xs);
  text-transform: none;
}

.osuna-resource-card h4 a {
  color: var(--color-black);
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}

.osuna-resource-card .description {
  color: var(--color-turquesa);
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.osuna-materia-pager {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

.osuna-materia-pager__link {
  background: var(--color-dorado);
  color: var(--color-black);
  display: inline-block;
  font-size: 0.6875rem;
  letter-spacing: 1px;
  line-height: 1rem;
  min-width: 180px;
  padding: var(--padding-sm) var(--padding-xl);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.osuna-materia-pager__link--prev,
.osuna-materia-pager__link.disabled {
  background: var(--color-dorado-omeka);
}

.osuna-materia-pager__link.disabled {
  color: var(--color-gris);
}

.osuna-materia-pager__link:not(.disabled):hover,
.osuna-materia-pager__link:not(.disabled):focus {
  color: var(--color-black);
  opacity: .85;
}

/** ITEM DETAIL **/
.item-detail {
  padding-bottom: 64px;
  padding-top: 32px;
}

.item-detail__back {
  margin-bottom: var(--margin-xl);
}

.item-detail__back a {
  background: var(--color-dorado-omeka);
  color: var(--color-black);
  display: inline-block;
  font-size: 0.6875rem;
  letter-spacing: 1px;
  line-height: 1rem;
  padding: var(--padding-xxs) var(--padding-sm);
  text-decoration: none;
  text-transform: uppercase;
}

.item-detail__main {
  align-items: flex-start;
}

.item-detail__media {
  margin-bottom: var(--margin-xl);
}

.item-detail__main-image {
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: zoom-in;
  display: inline-block;
  padding: 0;
  text-align: left;
}

.item-detail__main-image img {
  display: block;
  height: auto;
  margin: 0;
  max-height: none;
  max-width: 100%;
  width: auto;
}

.item-detail__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--margin-xs);
  justify-content: flex-start;
  padding-top: var(--padding-md);
}

.item-detail__thumb {
  border: 1px solid transparent;
  display: block;
  padding: 2px;
}

.item-detail__thumb.active,
.item-detail__thumb:hover,
.item-detail__thumb:focus {
  border-color: var(--color-dorado);
}

.item-detail__thumb img {
  display: block;
  max-height: 70px;
  width: auto;
}

.item-detail__header {
  margin-bottom: var(--margin-xl);
}

.item-detail__creator {
  color: var(--color-black);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: var(--margin-xl);
}

.item-detail__creator h2 {
  color: var(--color-turquesa);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.125rem;
  margin-bottom: var(--margin-xs);
  padding-top: 0;
  text-transform: none;
}

.item-detail__creator .value {
  color: var(--color-black);
  font-size: 1rem;
  line-height: 1.5rem;
}

.item-detail__header h1 {
  color: var(--color-black);
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.75rem;
  max-width: 560px;
  text-transform: none;
}

.item-detail__metadata {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.item-detail__property {
  border-bottom: 1px solid var(--color-dorado);
  flex: 0 0 50%;
  margin-bottom: var(--margin-lg, 20px);
  padding: 0 12px var(--padding-sm);
}

.item-detail__property h3 {
  color: var(--color-turquesa);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1rem;
  margin-bottom: var(--margin-xs);
  text-transform: uppercase;
}

.item-detail__property .value {
  color: var(--color-black);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: 4px;
  overflow-wrap: anywhere;
  text-transform: none;
}

.item-detail__property .value:last-child {
  margin-bottom: 0;
}

.item-detail__property .uri a {
  border: 1px solid var(--color-dorado);
  color: var(--color-black);
  display: inline-block;
  font-size: 0.6875rem;
  letter-spacing: 1px;
  line-height: 1rem;
  padding: var(--padding-xs) var(--padding-xl);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.item-detail__property .uri a:hover,
.item-detail__property .uri a:focus {
  background: var(--color-dorado);
  color: var(--color-black);
}

.item-detail__property--dcterms-description,
.item-detail__property--dcterms-title {
  flex-basis: 100%;
}

.item-detail__description {
  margin-top: var(--margin-xl);
}

.item-detail__description .item-detail__property {
  border-bottom: 0;
  display: block;
  margin-left: 0;
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
}

.item-detail__description .value {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}

.item-detail__pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}

.item-detail__pager {
  background: var(--color-dorado);
  color: var(--color-black);
  display: inline-block;
  font-size: 0.6875rem;
  letter-spacing: 1px;
  line-height: 1rem;
  min-width: 160px;
  max-width: 42%;
  padding: var(--padding-sm) var(--padding-xl);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.item-detail__pager--prev {
  background: var(--color-dorado-omeka);
}

.item-detail__pager.disabled {
  color: var(--color-gris);
}

body.item-modal-open {
  overflow: hidden;
}

.item-image-modal {
  align-items: center;
  background: rgba(0,0,0,.78);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.item-image-modal.open {
  display: flex;
}

.item-image-modal__dialog {
  height: 100vh;
  max-height: none;
  max-width: none;
  position: relative;
  width: 100vw;
}

.item-image-modal__dialog img {
  display: block;
  height: 100vh;
  max-height: none;
  max-width: none;
  object-fit: contain;
  padding: 48px;
  width: 100vw;
}

.item-image-modal__close {
  background: var(--color-dorado);
  border: 0;
  border-radius: 0;
  color: var(--color-black);
  font-size: 0.6875rem;
  letter-spacing: 1px;
  line-height: 1rem;
  padding: var(--padding-xs) var(--padding-md);
  position: fixed;
  right: var(--padding-md);
  text-transform: uppercase;
  top: var(--padding-md);
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .header__bottom .container {
    background-position: center bottom;
    background-size: 100% auto;
  }

  .header__bottom--large .container {
    min-height: 320px;
  }

  .header__bottom--short .container {
    min-height: 190px;
  }

  .header__claim {
    padding-top: var(--padding-xl);
  }

  .header__claim h1 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .home-section {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .home-link-row {
    text-align: left;
  }

  .home-project-image {
    margin-top: var(--margin-xl);
    margin-right: auto;
  }

  .materials-page {
    padding-bottom: 48px;
    padding-top: 40px;
  }

  .osuna-browse {
    padding-top: 32px;
  }

  .osuna-subject-nav {
    margin-bottom: var(--margin-xl);
  }

  .osuna-resource-card {
    flex-basis: 50%;
  }

  .item-detail__property {
    flex-basis: 100%;
  }

  .item-detail__pagination {
    gap: var(--margin-md);
  }

  .item-detail__pager {
    min-width: 0;
    max-width: none;
    width: 50%;
  }

  .osuna-materia-pager {
    gap: var(--margin-md);
  }

  .osuna-materia-pager__link {
    min-width: 0;
    width: 50%;
  }

  .item-image-modal__dialog img {
    padding: 48px 16px 24px;
  }
}

@media only screen and (max-width: 575px) {
  .osuna-resource-card {
    flex-basis: 100%;
  }
}

.resource-list{
  display:flex;
  flex-wrap: wrap;
  list-style:none;
}

.resource-list .item{
  flex-grow: 1;
  width: 33%;
  padding-bottom:var(--padding-xl);
  padding-right:var(--padding-md);
}

.resource-list .item:nth-child(3n){
  padding-right:0;
}


.resource-list .item a{
  display:block;
  text-decoration:none;
}

.resource-list .item img{
  border:2px solid var(--color-dorado);
}

.resource-list .item h4{
  padding-top:var(--padding-md);
}

.property h4 {
    font-size: 1.15rem;
}

.box-coleccion{
  display:flex;
  background:var(--color-dorado);
}
.box-coleccion img{
  padding-right:24px;
}

.search {
  flex: 0 0 310px;
}

.search form {
  display: flex;
  margin: 0;
}

.search input{
  border:0;
  border-radius: 0;
  color:var(--color-black);
  font-size: 0.75rem;
  height: 36px;
  line-height: 1rem;
  min-width: 0;
  padding:0 var(--padding-md);
  width: 100%;
}

.search input::placeholder {
  color: var(--color-gris);
  font-style: normal;
}

.search button{
  border:0;
  border-radius: 0;
  background-color:var(--color-turquesa-claro);
  color: var(--color-black);
  font-size: 0.6875rem;
  font-weight: 700;
  height: 36px;
  letter-spacing: 1px;
  line-height: 1rem;
  padding:0 var(--padding-xl);
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .header__top .d-md-flex {
    display: block;
  }

  .navigation__toggle {
    display: flex;
    width: 100%;
  }

  header .navigation.closed .navigation__list {
    display: none;
  }

  header .navigation .navigation__list {
    display: block;
    border-top: 1px solid rgba(255,255,255,0.2);
  }

  header .navigation li a {
    justify-content: space-between;
    min-height: 44px;
    padding: 0 var(--padding-md);
  }

  header .navigation .submenu {
    background: rgba(0,0,0,0.08);
    border-top: 0;
    box-shadow: none;
    min-width: 0;
    opacity: 1;
    position: static;
    transform: none;
    visibility: visible;
  }

  header .navigation .submenu li {
    height: 0;
    overflow: hidden;
  }

  header .navigation .submenu.open li {
    height: auto;
    overflow: visible;
  }

  header .navigation .submenu a {
    color: #fff;
    padding-left: var(--padding-xxl);
  }

  header .navigation .submenu a:hover,
  header .navigation .submenu a:focus {
    background: rgba(255,255,255,0.12);
    color: #fff;
  }

  header .navigation ul .parent-link {
    display: flex;
  }

  header .navigation ul .parent-link > a {
    flex: 1 1 auto;
  }

  header .navigation ul .child-toggle {
    background: rgba(0,0,0,0.1);
    border: 0;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-radius: 0;
    color: #fff;
    display: block;
    flex: 0 0 48px;
    min-height: 44px;
    padding: 0;
  }

  header .navigation ul .child-toggle:before {
    content: "+";
    font-family: "Lato", sans-serif;
  }

  header .navigation ul .child-toggle.open:before {
    content: "-";
  }

  .search {
    border-top: 1px solid rgba(255,255,255,0.2);
    flex-basis: auto;
    padding: var(--padding-sm) 0;
  }
}

.ficha .property h4{
  color:var(--color-turquesa);
  padding-top:var(--padding-sm);
  padding-bottom:var(--padding-xs);
  margin:0;
}

.raya{
  border-bottom:2px solid var(--color-turquesa);
}

.browse-controls{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom:var(--padding-xxl);
  padding-top:var(--padding-md);
  align-items: center;
}

.browse-controls .navigation{
  padding-right:var(--padding-md);
}

.browse-controls .pagination{
  align-items: center;
}

.browse-controls input, .browse-controls select{
  border:1px solid var(--color-gris-light);
  min-height:32px;
}
.browse-controls .page-count{
  margin-right:var(--margin-md);
}

.browse-controls button{
  border:0;
  background-color:var(--color-turquesa-claro);
  padding:var(--padding-xxs) var(--padding-md);
}

.ficha h3{
  color:var(--color-turquesa);
  border-bottom:  2px solid var(--color-turquesa);
  font-size:1.5rem;
  line-height:2rem;
}

.descripcion {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 26px;
  text-align: justify;
}

/** PIE PAGINA **/
.bg-beige{
  background:#F1E4C6;
  height:50px;
  width:100%;
  margin-bottom:var(--margin-md);
  margin-top:var(--margin-md);
}
.pie-pagina {
    color: #838383; }

    .pie-pagina.wrapper {
      padding-top: 40px;
      padding-bottom: 16px; }
    .pie-pagina p {
      font-size: 1rem;
      line-height: 1.25rem;
      color: #838383; }
    .pie-pagina .logos-pie {
      text-align: center; }
      .pie-pagina .logos-pie > div {
        display: inline-block;
        margin-right: 8px;
        margin-left: 8px; }
      .pie-pagina .logos-pie .ifla {
        background: url("/themes/rebiun/asset/images/IFLA_positivo.svg") 0px 0px no-repeat;
        background-size: 60px;
        width: 63px;
        height: 60px; }
      .pie-pagina .logos-pie .liber {
        background: url("/themes/rebiun/asset/images/LIBER_positivo.svg") 0px 0px no-repeat;
        background-size: 63px;
        width: 63px;
        height: 63px; }
      .pie-pagina .logos-pie .sparc {
        background: url("/themes/rebiun/asset/images/sparc-logo6.png") 0px 0px no-repeat;
        background-size: 97px;
        width: 105px;
        height: 81px; }
      .pie-pagina .logos-pie .agenda {
        background: url("/themes/rebiun/asset/images/logo_agenda2030.jpg") 0px 0px no-repeat;
        background-size: 74px;
        width: 105px;
        height: 67px; }
      @media only screen and (max-width: 959px) {
        .pie-pagina .logos-pie {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          padding-top: 16px; } }
    .pie-pagina .legal li {
      display: inline-block; }
      .pie-pagina .legal li a {
        font-size: 0.875rem;
        line-height: 1rem;
        color: #838383;
        padding-right: 4px;
        font-weight: 400; }
        .pie-pagina .legal li a:after {
          content: "|";
          padding-left: 4px; }
      .pie-pagina .legal li:last-child a:after {
        content: ""; }
    @media only screen and (max-width: 959px) {
      .pie-pagina .legal {
        text-align: center; } }
.site-footer__top{
    display:flex;
}

/*** xzoom ***/
.xzoom-source img,.xzoom-preview img,.xzoom-lens img{display:block;max-width:none;max-height:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.xzoom-container{display:inline-block}.xzoom-thumbs{text-align:center;margin-bottom:10px}.xzoom{}.xzoom2,.xzoom3,.xzoom4,.xzoom5{}.xzoom-gallery,.xzoom-gallery2,.xzoom-gallery3,.xzoom-gallery4,.xzoom-gallery5{border:1px solid #cecece;margin-left:5px;margin-bottom:10px}.xzoom-source,.xzoom-hidden{display:block;position:static;float:none;clear:both}.xzoom-hidden{overflow:hidden}.xzoom-preview{border:1px solid #888;background:#2f4f4f;box-shadow:-0px -0px 10px rgba(0,0,0,0.5)}.xzoom-lens{cursor:crosshair}.xzoom-loading{background-position:center center;background-repeat:no-repeat;border-radius:100%;opacity:0.7;;width:48px;height:48px}.xactive{}.xzoom-caption{position:absolute;bottom:-43px;left:0;background:#000;width:100%;text-align:left}.xzoom-caption span{color:#fff;font-family:Arial,sans-serif;display:block;font-size:0.75em;font-weight:bold;padding:10px}
.xzoom-thumbs{
  padding-top:var(--padding-sm);
}
.xzoom-thumbs img{
  width:20%;
}
.xzoom-container{
  height:500px;
  text-align:center;
  width:100%;
}
.xzoom-container img{
  width:auto;
  max-height:500px;
  margin:0 auto;
}

.btn--primary{
  background: var(--color-turquesa);
  color: #fff;
}