:root {
  --section-color: #F39400;
  --section-color-transparent: #F3940050;
  --header-color: #F39400;
  --slider-color: #00A096;
  --category-color: #F39400;
}

/*
* ALMENDRA *
*/
@font-face {
  font-family: "aleo";
  src: url("assets/fonts/aleo.woff2") format("woff2"), url("assets/fonts/aleo.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "almendra";
  src: url("assets/fonts/aleo-italic.woff2") format("woff2"), url("assets/fonts/aleo.italic.woff") format("woff");
  font-style: italic;
}
.blur {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

* {
  color: #000000;
  font-size: 1rem;
  line-height: 1.25;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "aleo";
}

a {
  text-decoration: none;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1rem;
}

mark {
  font-size: inherit;
  background: linear-gradient(180deg, transparent 50%, var(--section-color) 50%);
  padding: 0 1rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.flexible-block {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(3rem, 2.358974359rem + 2.0512820513vw, 4rem) 1rem;
  position: relative;
}
.flexible-block > header {
  margin-bottom: 4rem;
  text-align: center;
  width: 100%;
}
.flexible-block > header h2 {
  text-decoration: underline;
  margin-bottom: 2rem;
}
.flexible-block > header .button {
  margin: 0 auto 2rem;
}
@media screen and (min-width: 501px) {
  .flexible-block > header {
    display: grid;
    grid-template-columns: auto auto;
    text-align: left;
  }
  .flexible-block > header .button {
    margin: 0;
    margin-left: auto;
  }
}

ul.splide__pagination {
  gap: clamp(0.75rem, 0.2835820896rem + 1.4925373134vw, 1rem);
  position: relative;
  bottom: 0;
  padding: 2rem 0 1rem;
  height: auto;
}
ul.splide__pagination li {
  position: relative;
}
ul.splide__pagination button {
  background-color: #707172;
  width: 0.75rem;
  height: 0.75rem;
  box-shadow: 1px 1px 2px 2px #000000;
}

.splide__arrows {
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.splide__arrows .splide__arrow {
  background-color: #000000;
  opacity: 1;
}
.splide__arrows .splide__arrow svg {
  fill: #ffffff;
}
.splide__arrows .splide__arrow:hover:not(:disabled) {
  opacity: 1;
}
.splide__arrows .splide__arrow--prev {
  left: clamp(0.25rem, -0.391025641rem + 2.0512820513vw, 1.25rem);
}
.splide__arrows .splide__arrow--next {
  right: clamp(0.25rem, -0.391025641rem + 2.0512820513vw, 1.25rem);
}

.image-slide {
  height: 100%;
}
.image-slide img {
  width: 100%;
  height: 100%;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6235294118);
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  font-size: clamp(2rem, 0.7179487179rem + 4.1025641026vw, 4rem);
  text-shadow: 3px 3px 5px #000000;
  color: #ffffff;
  font-weight: 700;
}
.image-slide:hover a {
  opacity: 1;
}

.text-slider {
  padding: 0;
}

.text-slide {
  width: 100%;
}
.text-slide p {
  text-align: center;
  width: 100%;
  margin: 4rem auto;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .text-slide p {
    width: 80%;
  }
}

.post-higlight-block .highlight-grid {
  display: grid;
  row-gap: 4rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
@media screen and (min-width: 501px) {
  .post-higlight-block .highlight-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1001px) {
  .post-higlight-block .highlight-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.post-higlight-block.has_highlight .horizontal-card {
  grid-column: 1/-1;
}
.post-higlight-block.highlight-block--post mark {
  background: linear-gradient(180deg, transparent 50%, #FCEA0D 50%);
}
.post-higlight-block.highlight-block--event mark {
  background: linear-gradient(180deg, transparent 50%, #97BF0D 50%);
}
@media screen and (min-width: 501px) {
  .post-higlight-block.highlight-block--event .highlight-grid {
    grid-template-columns: 1fr;
    max-width: 90%;
    margin: auto;
  }
}
@media screen and (min-width: 1001px) {
  .post-higlight-block.highlight-block--event .highlight-grid {
    grid-template-columns: 1fr;
    max-width: 80%;
  }
}
.post-higlight-block.highlight-block--member mark {
  background: linear-gradient(180deg, transparent 50%, #00A096 50%);
}

.post-higlight-slider-block .splide {
  margin: 0 clamp(0rem, -2.5641025641rem + 8.2051282051vw, 4rem);
  border: 6px solid var(--slider-color);
  border-radius: 1rem;
  padding: 2rem clamp(2rem, 0.7179487179rem + 4.1025641026vw, 4rem);
}

/**
*** PAGINATION **
**/
.pagination {
  max-width: 1280px;
  margin: auto;
  margin-top: 3rem;
  display: flex;
}
.pagination .nav-links {
  display: flex;
  margin: auto;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
.pagination .page-numbers {
  font-size: 1.5rem;
  display: block;
  transition: opacity 0.25s ease-in-out;
}
.pagination .page-numbers * {
  display: block;
}
.pagination .page-numbers.current {
  color: #707172;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
  background-color: #000000;
  padding: 2px;
  height: 1.5rem;
  width: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translateY(-2px);
  box-shadow: 1px 2px 2px 2px #D9D9D9;
}
.pagination .page-numbers .pagination-arrow {
  stroke-width: 2px;
  stroke: #ffffff;
  fill: none;
  height: 100%;
  width: auto;
  aspect-ratio: 1;
  transition: stroke 0.25s ease-in-out;
}
.pagination .page-numbers.next {
  margin-left: 0.5rem;
}
.pagination .page-numbers.next .pagination-arrow {
  transform: translateX(1px);
}
.pagination .page-numbers.prev {
  margin-right: 0.5rem;
}
.pagination .page-numbers.prev .pagination-arrow {
  transform: translateX(-1px);
}
.pagination a.page-numbers:hover {
  opacity: 0.85;
}
.pagination a.page-numbers:hover .pagination-arrow {
  stroke: var(--section-color);
}

.post-archive-block .archive-grid {
  display: grid;
  row-gap: 4rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
@media screen and (min-width: 769px) {
  .post-archive-block .archive-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1001px) {
  .post-archive-block .archive-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.page-title-subtitle {
  padding-bottom: 0;
}
.page-title-subtitle h2 {
  font-size: 3rem;
  font-weight: 900;
}
.page-title-subtitle p {
  margin-top: 3rem;
  font-size: 2rem;
  padding-left: clamp(0rem, -5.1282051282rem + 16.4102564103vw, 8rem);
}

.wpcf7 {
  max-width: 900px;
  margin: 2rem auto;
}
.wpcf7 label, .wpcf7 input, .wpcf7 textarea {
  width: 100%;
  font-size: 1.25rem;
}
.wpcf7 input, .wpcf7 textarea {
  outline: none;
  border: 2px solid var(--section-color);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
  outline: 2px solid var(--section-color);
}
.wpcf7 form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 1rem;
  margin: 0;
}
.wpcf7 form .wpcf7-list-item {
  margin: 0;
}
.wpcf7 form .wpcf7-spinner {
  display: none;
}
.wpcf7 form .wpcf7-submit {
  cursor: pointer;
  background-color: #ffffff;
  text-shadow: 1px 1px 2px rgba(56, 169, 98, 0.3137254902);
  border-color: #38A962;
}
.wpcf7 form .wpcf7-submit:disabled {
  border-color: #F39400;
  text-shadow: 1px 1px 2px rgba(243, 148, 0, 0.3137254902);
}
.wpcf7 form p {
  margin: 0;
}
.wpcf7 form p:nth-last-child(3) {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.wpcf7 form p:nth-last-child(3) span {
  width: 100%;
  display: block;
}
.wpcf7 form p:nth-last-child(3) label {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  accent-color: var(--section-color);
}
.wpcf7 form p:nth-last-child(3) label input {
  height: 1.5rem;
  width: 1.5rem;
}
.wpcf7 form p:nth-last-child(3) label input:focus {
  outline: none;
}
.wpcf7 form p:nth-last-child(2) {
  margin: 0 clamp(1rem, -6.4626865672rem + 23.8805970149vw, 5rem);
}
@media screen and (min-width: 769px) {
  .wpcf7 form {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .wpcf7 form .wpcf7-response-output {
    grid-column: 1/-1;
  }
  .wpcf7 form p {
    grid-column: span 4;
  }
  .wpcf7 form p:nth-of-type(3), .wpcf7 form p:nth-of-type(4) {
    grid-column: span 2;
  }
  .wpcf7 form p:nth-last-child(3) {
    grid-column: span 3;
  }
  .wpcf7 form p:nth-last-child(3) span {
    text-align: right;
  }
  .wpcf7 form p:nth-last-child(3) label input {
    order: 1;
  }
  .wpcf7 form p:nth-last-child(2) {
    grid-column: span 1;
    margin: 0;
  }
}

.the-content p, .the-content ul, .the-content ol {
  margin-bottom: 1rem;
}
.the-content ul, .the-content ol {
  margin-left: 2rem;
}
.the-content li + li {
  margin-top: 0.75rem;
}
.the-content h1, .the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6 {
  margin-bottom: 2rem;
}
.the-content figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}
.the-content figure video {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .the-content figure video {
    max-width: 90%;
  }
}
@media screen and (min-width: 1001px) {
  .the-content figure video {
    max-width: 80%;
  }
}
.the-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
  background-color: rgba(112, 113, 114, 0.8431372549);
  font-size: 1rem;
}
.the-content .wp-block-image figcaption {
  background: none;
  background-color: #707172;
  color: #ffffff;
  font-size: 1rem;
  padding: 0.125rem;
  text-align: center;
  margin: 0;
}
.the-content > *:last-child {
  margin-bottom: 0;
}
.the-content > *:last-child figure {
  margin-bottom: 0;
}

.dndk-contact {
  margin-top: 2rem;
  padding-bottom: 0rem;
}
.dndk-contact .contact {
  padding-left: clamp(0rem, -4.8275862069rem + 18.3908045977vw, 4rem);
}
.dndk-contact h3 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.dndk-contact address h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dndk-contact address h3:first-of-type {
  margin-top: 0;
}
.dndk-contact address h3 svg {
  width: 1.25rem;
  height: 1.25rem;
  stroke: #000000;
  stroke-width: 1.5px;
  fill: none;
}
.dndk-contact p, .dndk-contact a {
  font-size: 1rem;
  margin-left: 1.5rem;
}
.dndk-contact p > a, .dndk-contact a > a {
  margin-left: 0;
}
.dndk-contact .map {
  margin-top: 2rem;
  padding: 1px;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 16/9;
}
.dndk-contact .map iframe {
  border: 1px solid #000000;
  width: 100%;
  height: 100%;
}
.dndk-contact .map a {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 0.8125rem;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .dndk-contact {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 1rem;
  }
  .dndk-contact .map {
    margin-top: 0;
    width: 100%;
  }
}
.dndk-contact::after {
  grid-column: 1/-1;
  content: "";
  display: block;
  width: 80%;
  margin: 2rem auto 0;
  border-bottom: 3px solid var(--section-color);
}

.media-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 0.5rem;
}
.media-list .media-item {
  position: relative;
  display: block;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  aspect-ratio: 1;
  flex-shrink: 0;
  cursor: pointer;
  overflow: visible;
}
.media-list .media-item a {
  display: block;
  margin: 0;
  height: 100%;
}
.media-list .media-item svg {
  padding: 2px;
  height: 100%;
  width: 100%;
  overflow: visible;
  transition: transform 0.25s ease-in-out;
}
.media-list .media-item .tooltip-wrapper, .media-list .media-item .tooltip-inner {
  display: block;
  -webkit-clip-path: polygon(0 20%, 40% 20%, 50% 0, 60% 20%, 100% 20%, 100% 100%, 0 100%);
          clip-path: polygon(0 20%, 40% 20%, 50% 0, 60% 20%, 100% 20%, 100% 100%, 0 100%);
}
.media-list .media-item .tooltip-wrapper {
  display: none;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  background-color: #707172;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.2rem 0.125rem 0.125rem;
  transition: opacity 0.25s ease-in-out;
  z-index: 2;
}
.media-list .media-item .tooltip-inner {
  background-color: #ffffff;
  padding: 5px 2px 0px;
  font-size: 0.75rem;
  color: #707172;
}
.media-list .media-item:hover svg {
  transform: scale(1.1);
}
.media-list .media-item a:hover + .tooltip-wrapper {
  display: block;
}

.dndk-logo {
  text-align: center;
  padding: 2rem 1rem;
}
.dndk-logo img {
  max-width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.download {
  display: grid;
  row-gap: 1rem;
}
.download h3 {
  text-align: left;
  margin-bottom: 2rem;
  font-size: 2rem;
}
.download a {
  padding-left: 2rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  text-decoration: underline;
  gap: 0.5rem;
}
.download a svg {
  width: 1rem;
  height: 1rem;
  fill: rgba(11, 114, 181, 0.3137254902);
  stroke-width: 1.5px;
  stroke: #000000;
  transition: fill 0.25s ease-in-out;
}
.download a:hover svg {
  fill: var(--section-color-transparent);
}

.call-to-action .text {
  max-width: 80%;
  margin: auto;
}
.call-to-action .text h1, .call-to-action .text h2, .call-to-action .text h3, .call-to-action .text h4, .call-to-action .text h5, .call-to-action .text h6 {
  margin-bottom: 1rem;
}
.call-to-action .text p {
  margin-top: 0.5rem;
  font-size: 1.25rem;
}
.call-to-action .buttons {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.highlights {
  display: grid;
  -moz-column-gap: clamp(2rem, -4.6293103448rem + 13.7931034483vw, 4rem);
       column-gap: clamp(2rem, -4.6293103448rem + 13.7931034483vw, 4rem);
  row-gap: 3rem;
}
@media screen and (min-width: 501px) {
  .highlights {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 769px) {
  .highlights {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.highlights .highlight {
  padding: 2rem 1rem;
  border-radius: 0.5rem;
  border: 4px solid rgba(112, 113, 114, 0.8431372549);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.highlights .highlight > svg {
  width: 60%;
  height: auto;
  aspect-ratio: 1;
  max-width: 8rem;
  margin-bottom: 2rem;
}
.highlights .highlight a {
  margin-top: auto;
  padding-top: 1rem;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.highlights .highlight a svg {
  height: 1.25rem;
  width: 1.25rem;
  stroke: #000000;
  stroke-width: 1.5px;
  transition: transform 0.25s ease-in-out;
}
.highlights .highlight a:hover svg {
  transform: translateX(100%);
}

.button {
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 2px 2px 2px 2px #707172;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 1.25rem;
  font-weight: 600;
  transition: background-color 0.25s ease-in-out;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.6235294118);
}
.button:hover {
  background-color: #97BF0D;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0.5rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #707172;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  width: 40px;
  height: 4px;
  background-color: #707172;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::after, .hamburger-inner::before {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.card--event {
  padding-bottom: 1rem;
  border-bottom: 1px solid #CBBB9D;
}
.card--event a {
  display: flex;
  gap: 1rem;
}
.card--event img {
  width: 5rem;
  height: 5rem;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #38A962;
  transition: transform 0.25s ease-in-out;
}
.card--event:hover img {
  transform: scale(1.1);
}
.card--event:hover h3 {
  color: #97BF0D;
}

.card--member {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease-in-out;
}
.card--member .card-inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s ease-in-out;
}
.card--member .front, .card--member .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: clamp(1rem, -0.2820512821rem + 4.1025641026vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card--member .front {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  background-color: #D9D9D9;
}
.card--member .back {
  min-height: 200px;
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
}
.card--member .back h3 {
  margin-top: auto;
}
.card--member h3 {
  font-size: 1rem;
}
.card--member h3:after {
  margin-top: clamp(0.5rem, 0.3928571429rem + 0.5714285714vw, 0.75rem);
  margin-bottom: clamp(0.5rem, 0.3928571429rem + 0.5714285714vw, 0.75rem);
  display: block;
  content: "";
  border-top: 4px solid #000000;
  width: 60%;
}
@media screen and (min-width: 501px) {
  .card--member h3 {
    font-size: 1.5rem;
  }
}
.card--member h4 {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.card--member svg {
  margin-top: auto;
  width: 2rem;
  height: 2rem;
  stroke: #000000;
  stroke-width: 2px;
  transition: margin 0.4s 0.4s ease-in-out;
  margin-left: 0;
  flex-shrink: 0;
}
.card--member.flip .card-inner {
  transform: rotateY(180deg);
}
.card--member.flip .front svg {
  transition: opacity 0.3s ease-in;
  opacity: 0;
}
.card--member.flip .back svg {
  margin-left: calc(100% - 2rem);
}

.archive-card--member:nth-of-type(1) .back {
  background-color: #97BF0D;
}
.archive-card--member:nth-of-type(2) .back {
  background-color: #FCEA0D;
}
.archive-card--member:nth-of-type(3) .back {
  background-color: #E2007A;
}
.archive-card--member:nth-of-type(4) .back {
  background-color: #F39400;
}
.archive-card--member:nth-of-type(5) .back {
  background-color: #0B72B5;
}
.archive-card--member:nth-of-type(6) .back {
  background-color: #CBBB9D;
}
.archive-card--member:nth-of-type(7) .back {
  background-color: #38A962;
}
.archive-card--member:nth-of-type(8) .back {
  background-color: #00A096;
}
.archive-card--member:nth-of-type(9) .back {
  background-color: #A48A77;
}
.archive-card--member:nth-of-type(10) .back {
  background-color: #93117E;
}
.archive-card--member:nth-of-type(11) .back {
  background-color: #C99E64;
}

.card--post {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
  grid-template-rows: min-content min-content 1fr;
  transition: box-shadow 0.25s ease-in-out;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 4px 4px 10px -4px #C99E64;
  padding-bottom: 1rem;
}
@media screen and (min-width: 501px) {
  .card--post {
    box-shadow: none;
  }
}
.card--post .image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0.5rem;
}
.card--post .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
  transition: transform 0.25s ease-in-out;
}
.card--post .image > div {
  width: 100%;
  height: 100%;
}
.card--post .image > div div {
  width: 100%;
  height: 100%;
}
.card--post .image > div div iframe {
  width: 100%;
  height: 100%;
}
.card--post h3 {
  transition: color 0.25s ease-in-out;
}
.card--post .term-list {
  padding: 0.5rem 0.5rem;
  padding-left: 0;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  list-style-type: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.card--post .term-list .term {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.25rem;
  background-color: var(--category-color);
}
.card--post .term-list .term a {
  display: block;
  padding: 0.125rem 0.5rem;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  transition: -webkit-text-decoration-color 0.25s ease-in-out;
  transition: text-decoration-color 0.25s ease-in-out;
  transition: text-decoration-color 0.25s ease-in-out, -webkit-text-decoration-color 0.25s ease-in-out;
}
@media screen and (min-width: 501px) {
  .card--post .term-list .term:hover a {
    -webkit-text-decoration-color: #000000;
            text-decoration-color: #000000;
  }
}
.card--post .header {
  margin-bottom: auto;
  padding: 0 0.5rem 1rem 0;
}
.card--post .header header {
  display: grid;
}
.card--post .header header h4 {
  display: none;
}
.card--post .header header span {
  margin-left: auto;
}
@media screen and (min-width: 501px) {
  .card--post:hover {
    box-shadow: 4px 4px 10px -4px #C99E64;
  }
  .card--post:hover img {
    transform: scale(1.05);
  }
}

.card--post.horizontal-card {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.card--post.horizontal-card .image {
  grid-row: span 2;
}
.card--post.horizontal-card .term-list {
  margin-top: 2rem;
}
.card--post.horizontal-card .header header h3 {
  font-size: 2rem;
}
.card--post.horizontal-card .header header h4 {
  display: block;
  margin-top: 1rem;
  font-size: 1.25rem;
}

body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
body > header {
  align-self: flex-start;
}
body > main {
  flex-grow: 1;
  width: 100%;
}
body > footer {
  align-self: flex-end;
}

body > header {
  width: 100%;
  box-shadow: inset 0 -2px 0 0 var(--header-color);
  transition: box-shadow 0.25s ease-in-out, transform 0.5s ease-in-out;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 100;
}
body > header.slide-up {
  transform: translateY(-100%);
}
body > header.slide-down {
  transform: translateY(0);
}
body > header.is-not-slided {
  transition: none;
}

.site-header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0.5rem 1rem 0;
  position: relative;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
}
.site-header h1 {
  display: none;
}
.site-header .custom-logo {
  width: 100%;
  height: 100%;
}
.site-header .custom-logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.site-header .custom-logo a img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
  max-height: 5.5rem;
  margin-right: auto;
  padding: 0.25rem 0;
}
.site-header > .media-list {
  display: none;
}
.site-header .menu {
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
.site-header .idiomas-horizontal {
  display: none;
}
.site-header .idiomas-horizontal #menu-idiomas,
.site-header .idiomas-horizontal #menu-idiomas-eus {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.site-header .idiomas-horizontal .menu-item * {
  color: #707172;
  transition: color 0.25s ease-in-out;
}
.site-header .idiomas-horizontal .menu-item.wpml-ls-current-language * {
  color: #93117E;
}
.site-header .idiomas-horizontal .menu-item:hover * {
  color: var(--header-color);
}
.site-header nav {
  position: relative;
}
.site-header nav .media-list {
  margin-top: 2rem;
}
.site-header .menu-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: -1rem;
  top: -2px;
  padding: 1rem;
  background-color: #ffffff;
  width: min(100dvw, 250px);
  height: 100dvh;
  box-shadow: inset -2px 0 0 0 var(--header-color), 0 -4px 0 0 #ffffff;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.site-header .menu-wrapper::-webkit-scrollbar {
  display: none;
}
.site-header .menu-wrapper .idiomas-vertical {
  display: block;
}
.site-header .menu-wrapper.slide-left {
  transform: translateX(-100%);
}
.site-header .menu-wrapper.slide-right {
  transform: translateX(0);
}
.site-header .menu-wrapper.is-not-slided {
  transition: none;
}
.site-header #menu-idiomas-1,
.site-header #menu-idiomas-eus-1 {
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
}
.site-header #menu-idiomas-1 .menu-item *,
.site-header #menu-idiomas-eus-1 .menu-item * {
  color: #707172;
  transition: color 0.25s ease-in-out;
}
.site-header #menu-idiomas-1 .menu-item.wpml-ls-current-language *,
.site-header #menu-idiomas-eus-1 .menu-item.wpml-ls-current-language * {
  color: #93117E;
}
.site-header #menu-idiomas-1 .menu-item:hover *,
.site-header #menu-idiomas-eus-1 .menu-item:hover * {
  color: var(--header-color);
}
.site-header #menu-nav-menu a,
.site-header #menu-nav-menu-eus a {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.site-header #menu-nav-menu a::before,
.site-header #menu-nav-menu-eus a::before {
  content: "";
  display: block;
  border-left: 2px solid transparent;
}
.site-header #menu-nav-menu .menu-item,
.site-header #menu-nav-menu-eus .menu-item {
  transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.site-header #menu-nav-menu .current-menu-item a:before,
.site-header #menu-nav-menu-eus .current-menu-item a:before {
  border-color: var(--header-color);
}

@media screen and (min-width: 501px) {
  .site-header {
    grid-template-columns: 5fr 3fr;
    -moz-column-gap: 0.3rem;
         column-gap: 0.3rem;
  }
  .site-header .hamburger {
    display: none;
  }
  .site-header h1 {
    grid-row: span 2;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .site-header > .media-list {
    grid-column: 2/-1;
    display: flex;
    justify-content: flex-end;
    gap: 0;
    padding-right: clamp(0rem, -2.004rem + 6.4vw, 2rem);
  }
  .site-header > .media-list .media-item {
    width: clamp(1.5rem, 0.5652985075rem + 2.9850746269vw, 2rem);
    height: clamp(1.5rem, 0.5652985075rem + 2.9850746269vw, 2rem);
  }
  .site-header .idiomas-horizontal {
    padding-right: clamp(0rem, -2.004rem + 6.4vw, 2rem);
    display: block;
  }
  .site-header .idiomas-horizontal #menu-idiomas,
  .site-header .idiomas-horizontal #menu-idiomas-eus {
    align-items: center;
    justify-content: flex-end;
  }
  .site-header nav {
    grid-column: 1/-1;
  }
  .site-header nav .media-list {
    display: none;
  }
  .site-header .menu-wrapper {
    padding: 0.5rem 0 0;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    transition: none;
  }
  .site-header .menu-wrapper .idiomas-vertical {
    display: none;
  }
  .site-header .menu-wrapper.slide-left {
    transform: none;
  }
  .site-header .menu-wrapper.slide-right {
    transform: none;
  }
  .site-header #menu-idiomas-1,
  .site-header #menu-idiomas-eus-1 {
    flex-direction: row;
    gap: 2rem;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
  }
  .site-header #menu-nav-menu,
  .site-header #menu-nav-menu-eus {
    width: 100%;
    flex-direction: row;
  }
  .site-header #menu-nav-menu li,
  .site-header #menu-nav-menu-eus li {
    flex-grow: 1;
  }
  .site-header #menu-nav-menu a,
  .site-header #menu-nav-menu-eus a {
    display: block;
    padding: 0.5rem 0.3rem;
    font-size: clamp(0.875rem, 0.7946084724rem + 0.2567394095vw, 1rem);
    text-align: center;
  }
  .site-header #menu-nav-menu a::before,
  .site-header #menu-nav-menu-eus a::before {
    display: none;
  }
  .site-header #menu-nav-menu a *,
  .site-header #menu-nav-menu-eus a * {
    font-size: clamp(0.875rem, 0.7946084724rem + 0.2567394095vw, 1rem);
  }
  .site-header #menu-nav-menu .menu-item:hover,
  .site-header #menu-nav-menu-eus .menu-item:hover {
    background-color: var(--header-color);
  }
  .site-header #menu-nav-menu .current-menu-item,
  .site-header #menu-nav-menu-eus .current-menu-item {
    box-shadow: inset -2px 0 0 0 var(--header-color), inset 2px 0 0 0 var(--header-color), inset 0 2px 0 0 var(--header-color), inset 0 -2px 0 0 #ffffff;
    background-color: #ffffff;
  }
  .site-header #menu-nav-menu .current-menu-item:hover,
  .site-header #menu-nav-menu-eus .current-menu-item:hover {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 1001px) {
  .site-header {
    grid-template-columns: 320px 1fr;
    grid-template-rows: 1fr;
  }
  .site-header h1 {
    grid-row: auto;
  }
  .site-header .idiomas-horizontal {
    display: none;
  }
  .site-header > .media-list {
    display: none;
  }
  .site-header nav {
    grid-column: span 1;
    display: flex;
  }
  .site-header .menu-wrapper {
    padding: 0;
    width: 100%;
    margin-top: auto;
    display: grid;
    row-gap: 0.5rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
  .site-header .menu-wrapper .media-list {
    order: -1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    margin-right: 1rem;
    gap: 0.25rem;
  }
  .site-header .menu-wrapper .media-list .media-item {
    width: 1.8rem;
    height: 1.8rem;
  }
  .site-header .menu-wrapper .idiomas-vertical {
    display: flex;
  }
  .site-header .menu-wrapper .idiomas-vertical #menu-idiomas-1,
  .site-header .menu-wrapper .idiomas-vertical #menu-idiomas-eus-1 {
    align-items: center;
    margin: 0;
    margin-left: auto;
    margin-right: 0.75rem;
    gap: 0.5rem;
  }
  .site-header .menu-wrapper .nav-menu {
    grid-column: 1/-1;
  }
  .site-header .menu-wrapper .nav-menu #menu-nav-menu,
  .site-header .menu-wrapper .nav-menu #menu-nav-menu-eus {
    justify-content: flex-end;
  }
  .site-header .menu-wrapper .nav-menu #menu-nav-menu li,
  .site-header .menu-wrapper .nav-menu #menu-nav-menu-eus li {
    flex-grow: 0;
  }
  .site-header .menu-wrapper .nav-menu #menu-nav-menu li a,
  .site-header .menu-wrapper .nav-menu #menu-nav-menu-eus li a {
    padding: 0.5rem 0.75rem;
  }
}
body > footer {
  width: 100%;
  background-color: #707172;
}

.page-footer {
  display: grid;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3rem 1rem;
}
.page-footer * {
  color: #ffffff;
}
.page-footer .footer-text p {
  font-size: 3rem;
  font-weight: 700;
  display: inline;
  text-shadow: 1px 1px 4px #000000;
}
.page-footer .footer-text a {
  font-size: 1rem;
  text-decoration: underline;
  white-space: nowrap;
  margin-left: 0.25rem;
  text-shadow: 1px 0px 2px var(--section-color);
}
.page-footer address {
  font-style: normal;
  display: flex;
  flex-direction: column;
}
.page-footer address a {
  padding-top: 0.125rem;
}
.page-footer address:before {
  content: "";
  display: block;
  border-top: 1px solid #ffffff;
  width: 100%;
  margin: 2rem auto;
}
.page-footer address > div {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.page-footer address > div.mail, .page-footer address > div.phone {
  margin-top: 0.5rem;
}
.page-footer address > div svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5px;
}
.page-footer address .phone svg {
  grid-row: span 2;
}
@media screen and (min-width: 769px) {
  .page-footer {
    grid-template-columns: 2fr 1fr;
  }
  .page-footer address {
    border-left: 2px solid #ffffff;
    margin-left: 1rem;
    padding: 1rem;
    padding-right: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page-footer address:before {
    display: none;
  }
}
.page-footer .footer-collaborators {
  margin-top: 2rem;
  grid-column: 1/-1;
}
.page-footer .footer-collaborators::before, .page-footer .footer-collaborators::after {
  display: block;
  content: "";
  border-top: 1px solid #ffffff;
  margin: auto;
}
.page-footer .footer-collaborators::before {
  margin-bottom: 2rem;
}
.page-footer .footer-collaborators::after {
  margin-top: 2rem;
}
.page-footer .footer-collaborators h5 {
  font-weight: normal;
}
.page-footer .footer-collaborators .logos {
  padding: 0 2rem;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
.page-footer .footer-collaborators .logos img {
  width: 100%;
  max-width: 250px;
  height: auto;
}
.page-footer > p {
  grid-column: 1/-1;
  margin: 3rem auto 0;
  font-size: 0.75rem;
}
.page-footer > p a {
  font-size: 0.75rem;
  text-decoration: underline;
  transition: all 0.25s ease-in-out;
}
.page-footer > p a:hover {
  -webkit-text-decoration-color: var(--section-color);
          text-decoration-color: var(--section-color);
  color: var(--section-color);
}

.single > article {
  max-width: 1280px;
  margin: 0 auto;
  padding: 4rem 1rem;
  position: relative;
}
.single h3 {
  margin-bottom: 1rem;
}
.single h2 {
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: 900;
}
.single .excerpt {
  margin-bottom: 2rem;
  font-size: 1.5rem;
}
.single .date {
  font-size: 0.8125rem;
}
.single .attachment-post-thumbnail {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.single .single-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0.5rem;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.single .single-info .term-list {
  padding: 0.5rem 0.5rem;
  padding-left: 0;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  list-style-type: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.single .single-info .term-list .term {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.25rem;
  background-color: var(--category-color);
}
.single .single-info .term-list .term a {
  display: block;
  padding: 0.125rem 0.5rem;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  transition: -webkit-text-decoration-color 0.25s ease-in-out;
  transition: text-decoration-color 0.25s ease-in-out;
  transition: text-decoration-color 0.25s ease-in-out, -webkit-text-decoration-color 0.25s ease-in-out;
}
@media screen and (min-width: 501px) {
  .single .single-info .term-list .term:hover a {
    -webkit-text-decoration-color: #000000;
            text-decoration-color: #000000;
  }
}
.single .single-info .share {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.single .single-info .share > svg {
  height: 1.5rem;
  width: 1.5rem;
}
.single .single-info .share .media-list {
  gap: 0.25rem;
}
.single .single-info .share .media-list .media-item {
  height: 2rem;
  width: 2rem;
}
.single .the-content {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: clamp(3rem, 2.358974359rem + 2.0512820513vw, 4rem);
}
.single .the-content a {
  color: #38A962;
  text-decoration: underline;
}
.single .the-content figure {
  margin-left: auto;
  margin-right: auto;
}
.single .relateds article {
  height: 100%;
}
.single .relateds a.header {
  padding: 0 0.5rem;
}
.single .relateds > header {
  text-align: left;
}
.single .relateds > header h3 {
  text-decoration: none;
  font-size: 2rem;
}
.single .relateds .related-grid {
  display: grid;
  row-gap: 4rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
@media screen and (min-width: 769px) {
  .single .relateds .related-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1001px) {
  .single .relateds .related-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.single .relateds .archive-card h3 {
  font-size: 0.8125rem;
}
@media screen and (min-width: 769px) {
  .single .relateds .splide {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.single .relateds .splide__arrows {
  display: none;
}
@media screen and (min-width: 769px) {
  .single .relateds .splide__arrows {
    display: block;
  }
}

main.archive .page-title-subtitle mark {
  background: linear-gradient(180deg, transparent 50%, var(--category-color) 50%);
}

.single--event aside {
  padding: 1rem 1rem;
  background-color: var(--section-color);
  border-radius: 0.25rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  row-gap: 1rem;
}
.single--event aside > div > p:first-of-type {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.single--event aside svg {
  fill: none;
  stroke: #000000;
  stroke-width: 2px;
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.25rem;
}
.single--event aside .map {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 16/9;
  padding: 1px;
}
.single--event aside .map iframe {
  border: 1px solid #000000;
  width: 100%;
  height: 100%;
}
.single--event aside .map a {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 0.875rem;
  text-decoration: underline;
}
.single--event aside.outside {
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 7rem;
}
@media screen and (min-width: 769px) {
  .single--event aside.outside {
    display: grid;
  }
}
.single--event aside.inside {
  margin-bottom: 3rem;
}
@media screen and (min-width: 769px) {
  .single--event aside.inside {
    display: none;
  }
}
.single--event aside .media-list .media-item svg {
  stroke: none;
}
.single--event .grid {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.single--event .grid img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .single--event .grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
  }
}
@media screen and (min-width: 1001px) {
  .single--event .grid {
    grid-template-columns: 2fr 1fr;
  }
}

.single--member .excerpt {
  margin-bottom: 0;
}
.single--member .subtitle {
  margin-bottom: 1rem;
  display: grid;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .single--member .subtitle {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: 3fr 2fr;
  }
}
@media screen and (min-width: 1001px) {
  .single--member .subtitle {
    grid-template-columns: 2fr 1fr;
  }
}
.single--member .subtitle .logo {
  width: 100%;
  max-width: 426.6666666667px;
  height: auto;
  align-self: last baseline;
}
.single--member .media-list {
  gap: 0.5rem;
}
.single--member .media-list .media-item {
  width: 2rem;
  height: 2rem;
}
.single--member .media-list .media-item svg {
  stroke: none;
}
.single--member .grid .thumbnail {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.single--member aside {
  padding: 1rem 1rem;
  background-color: var(--section-color);
  border-radius: 0.25rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  row-gap: 1rem;
}
.single--member aside > div > p:first-of-type {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.single--member aside svg {
  fill: none;
  stroke: #000000;
  stroke-width: 2px;
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.25rem;
}
.single--member aside .map {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 16/9;
  padding: 1px;
}
.single--member aside .map iframe {
  border: 1px solid #000000;
  width: 100%;
  height: 100%;
}
.single--member aside .map a {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 0.875rem;
  text-decoration: underline;
}
.single--member aside.outside {
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
}
@media screen and (min-width: 769px) {
  .single--member aside.outside {
    display: grid;
  }
}
.single--member aside.inside {
  margin-bottom: 3rem;
}
@media screen and (min-width: 769px) {
  .single--member aside.inside {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .single--member .grid {
    display: grid;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: 3fr 2fr;
  }
}
@media screen and (min-width: 1001px) {
  .single--member .grid {
    grid-template-columns: 2fr 1fr;
  }
}

.page.page--contacto .the-content > * {
  max-width: 900px;
  margin: 2rem auto;
}
.page.page--contacto .map {
  border: 1px solid var(--section-color);
}

@media screen and (min-width: 1001px) {
  .page .page--agenda .archive-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.page-404 h2 {
  font-size: 3rem;
  font-weight: 900;
}
.page-404 p {
  font-size: 1.5rem;
  font-weight: 700;
}
.page-404 .flexible-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}