.article-body a,
.page-body a {
  color: #9f4120;
  text-decoration-line: underline;
  text-decoration-color: rgba(159, 65, 32, 0.72);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
  text-decoration-skip-ink: auto;
  font-weight: 600;
}
.article-body a:visited,
.page-body a:visited {
  color: #7f3c24;
  text-decoration-color: rgba(127, 60, 36, 0.68);
}
a.story-stream__media img {
  width: 100%;
  height: 370px; /* jose este es valor que se modifica para aumentar el tamaño de las miniaturas se modifica desde a.story hasta el final del corchete despues de center*/
  object-fit: cover;
  object-position: center;
}
.article-body a:hover,
.article-body a:focus-visible,
.page-body a:hover,
.page-body a:focus-visible {
  color: #d86536;
  text-decoration-thickness: 0.12em;
}

.article-body .wp-block-button__link,
.page-body .wp-block-button__link {
  color: #fff8ef;
  text-decoration: none;
}

/* Header nav + GTranslate placement */
.site-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  overflow: visible !important;
}

.site-navigation .menu-primary-menu-container,
.site-navigation > div:first-child {
  flex: 0 1 auto;
}

.primary-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px 28px;
  margin: 0;
  padding: 0;
}

.header-language-switcher {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-left: 6px;
  position: relative;
  z-index: 200;
}

.header-language-switcher .gtranslate_wrapper,
.header-language-switcher .gt_switcher,
.header-language-switcher .switcher {
  display: flex;
  align-items: center;
}

.header-language-switcher a,
.header-language-switcher select,
.header-language-switcher .gt-current-lang,
.header-language-switcher .gt-selected {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

.header-language-switcher img {
  vertical-align: middle;
}

/* GTranslate dropdown fix */
.site-header,
.site-navigation,
.header-language-switcher,
.header-language-switcher .switcher,
.site-header-inner,
.site-header-main,
.site-header-row,
.header-shell,
.header-brandbar {
  overflow: visible !important;
}

.header-language-switcher .switcher {
  position: relative !important;
  z-index: 300;
}

.header-language-switcher .switcher .selected,
.header-language-switcher .gt_switcher .gt_selected {
  position: relative !important;
  z-index: 301;
}

.header-language-switcher .switcher .option,
.header-language-switcher .gt_switcher .gt_option {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 220px;
  display: none;
  z-index: 9999 !important;
  background: #f6f0e7 !important;
  border: 1px solid rgba(44, 54, 66, 0.14) !important;
  box-shadow: 0 18px 50px rgba(19, 25, 32, 0.16) !important;
  border-radius: 14px;
  padding: 8px 0;
}

.header-language-switcher .switcher:hover .option,
.header-language-switcher .switcher:focus-within .option,
.header-language-switcher .gt_switcher:hover .gt_option,
.header-language-switcher .gt_switcher:focus-within .gt_option {
  display: block;
}

.header-language-switcher .switcher .option a,
.header-language-switcher .gt_switcher .gt_option a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.2;
  color: #24313d !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.header-language-switcher .switcher .option a:hover,
.header-language-switcher .switcher .option a:focus-visible,
.header-language-switcher .gt_switcher .gt_option a:hover,
.header-language-switcher .gt_switcher .gt_option a:focus-visible {
  background: rgba(170, 94, 55, 0.08);
  color: #aa5e37 !important;
}

.header-language-switcher .switcher .selected a,
.header-language-switcher .switcher .selected,
.header-language-switcher .gt_switcher .gt_selected,
.header-language-switcher .gt_switcher .gt_selected a {
  text-decoration: none !important;
}

/* Better alignment for the current language box */
.header-language-switcher .switcher .selected,
.header-language-switcher .gt_switcher .gt_selected {
  min-height: 40px;
  display: flex !important;
  align-items: center;
  border: 1px solid rgba(44, 54, 66, 0.14);
  border-radius: 12px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.42);
}

.header-language-switcher .switcher .selected a,
.header-language-switcher .gt_switcher .gt_selected a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  color: #3a424a !important;
}

/* Dark mode */
body.dark-mode .header-language-switcher .switcher .selected,
body.dark-mode .header-language-switcher .gt_switcher .gt_selected {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .header-language-switcher .switcher .selected a,
body.dark-mode .header-language-switcher .gt_switcher .gt_selected a {
  color: #e9dfd2 !important;
}

body.dark-mode .header-language-switcher .switcher .option,
body.dark-mode .header-language-switcher .gt_switcher .gt_option {
  background: #182028 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .header-language-switcher .switcher .option a,
body.dark-mode .header-language-switcher .gt_switcher .gt_option a {
  color: #e9dfd2 !important;
}

body.dark-mode .header-language-switcher .switcher .option a:hover,
body.dark-mode .header-language-switcher .switcher .option a:focus-visible,
body.dark-mode .header-language-switcher .gt_switcher .gt_option a:hover,
body.dark-mode .header-language-switcher .gt_switcher .gt_option a:focus-visible {
  background: rgba(214, 127, 73, 0.14);
  color: #ffb07f !important;
}

/* Mobile */
@media (max-width: 900px) {
  .site-navigation {
    display: block;
  }

  .header-language-switcher {
    margin: 14px 24px 0;
    justify-content: flex-start;
  }

  .header-language-switcher .switcher .option,
  .header-language-switcher .gt_switcher .gt_option {
    right: auto !important;
    left: 0 !important;
  }
}