/* =========================================================
   ARCHIVAS & DOCUMENTAS — CSS COMPLETO UNIFICADO
   Inicio nuevo + Mapeo nuevo + Artistas/Tipo/Referencias + Conoce más y subpáginas
   Pegar este archivo completo como CSS del sitio.
   No mezclar con copias anteriores para evitar duplicados/conflictos.
   ========================================================= */

/* =========================================================
   ARCHIVAS & DOCUMENTAS — CSS NUEVO
   Inicio + Mapeo actualizado
   No depende del CSS anterior.
   Tema default / Omeka S
   ========================================================= */

/* =========================================================
   FUENTES
   ========================================================= */

@font-face {
  font-family: "Bitstream Vera Sans Mono";
  src: url("/themes/default/asset/fonts/VeraMono.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bitstream Vera Sans Mono";
  src: url("/themes/default/asset/fonts/VeraMoBd.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bitstream Vera Sans Mono";
  src: url("/themes/default/asset/fonts/VeraMoIt.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bitstream Vera Sans Mono";
  src: url("/themes/default/asset/fonts/VeraMoBI.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --ay-new-font: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace;

  --ay-new-dark: #050507;
  --ay-new-wine: #571447;
  --ay-new-wine-deep: #571447;
  --ay-new-pink: #c23893;
  --ay-new-lavender: #c8a2ff;
  --ay-new-lavender-soft: #cfaeff;
  --ay-new-text: #c8a2ff;
  --ay-new-line: rgba(200, 162, 255, 0.78);
  --ay-new-footer: #9f70be;

  --ay-new-logo-filter: brightness(0) saturate(100%) invert(75%) sepia(33%) saturate(1332%) hue-rotate(208deg) brightness(103%) contrast(104%);
  --ay-new-logo-filter-pink: brightness(0) saturate(100%) invert(31%) sepia(77%) saturate(1538%) hue-rotate(283deg) brightness(88%) contrast(91%);
}

/* =========================================================
   LIMPIEZA GENERAL SOLO PARA PÁGINAS NUEVAS
   ========================================================= */

html:has(.ay-new-home-page),
body:has(.ay-new-home-page),
html:has(.ay-map-new-page),
body:has(.ay-map-new-page) {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  color: var(--ay-new-text) !important;
  font-family: var(--ay-new-font) !important;
}

body:has(.ay-new-home-page),
body:has(.ay-map-new-page) {
  background: var(--ay-new-wine) !important;
}

body:has(.ay-new-home-page) *,
body:has(.ay-map-new-page) * {
  box-sizing: border-box !important;
  font-family: var(--ay-new-font) !important;
}

body:has(.ay-new-home-page) .ay-new-home-page,
body:has(.ay-map-new-page) .ay-map-new-page,
body:has(.ay-new-home-page) #content > h1:first-child,
body:has(.ay-map-new-page) #content > h1:first-child,
body:has(.ay-new-home-page) header,
body:has(.ay-new-home-page) .site-header,
body:has(.ay-new-home-page) .site-title,
body:has(.ay-new-home-page) .site-title-wrapper,
body:has(.ay-new-home-page) .site-search,
body:has(.ay-new-home-page) .search-form,
body:has(.ay-new-home-page) .search,
body:has(.ay-new-home-page) .sub-menu,
body:has(.ay-new-home-page) .child-navigation,
body:has(.ay-new-home-page) .page-navigation,
body:has(.ay-new-home-page) .page-nav,
body:has(.ay-new-home-page) nav.breadcrumbs,
body:has(.ay-new-home-page) footer,
body:has(.ay-new-home-page) .site-footer,
body:has(.ay-new-home-page) #footer,
body:has(.ay-new-home-page) .footer,
body:has(.ay-new-home-page) .site-info,
body:has(.ay-new-home-page) .powered-by,
body:has(.ay-map-new-page) header,
body:has(.ay-map-new-page) .site-header,
body:has(.ay-map-new-page) .site-title,
body:has(.ay-map-new-page) .site-title-wrapper,
body:has(.ay-map-new-page) .site-search,
body:has(.ay-map-new-page) .search-form,
body:has(.ay-map-new-page) .search,
body:has(.ay-map-new-page) .sub-menu,
body:has(.ay-map-new-page) .child-navigation,
body:has(.ay-map-new-page) .page-navigation,
body:has(.ay-map-new-page) .page-nav,
body:has(.ay-map-new-page) nav.breadcrumbs,
body:has(.ay-map-new-page) footer,
body:has(.ay-map-new-page) .site-footer,
body:has(.ay-map-new-page) #footer,
body:has(.ay-map-new-page) .footer,
body:has(.ay-map-new-page) .site-info,
body:has(.ay-map-new-page) .powered-by {
  display: none !important;
}

body:has(.ay-new-home-page) main,
body:has(.ay-new-home-page) .site,
body:has(.ay-new-home-page) .site-main,
body:has(.ay-new-home-page) .wrapper,
body:has(.ay-new-home-page) .container,
body:has(.ay-new-home-page) .region,
body:has(.ay-new-home-page) #wrap,
body:has(.ay-new-home-page) #main,
body:has(.ay-new-home-page) #content,
body:has(.ay-new-home-page) #content .blocks,
body:has(.ay-new-home-page) #content .block,
body:has(.ay-map-new-page) main,
body:has(.ay-map-new-page) .site,
body:has(.ay-map-new-page) .site-main,
body:has(.ay-map-new-page) .wrapper,
body:has(.ay-map-new-page) .container,
body:has(.ay-map-new-page) .region,
body:has(.ay-map-new-page) #wrap,
body:has(.ay-map-new-page) #main,
body:has(.ay-map-new-page) #content,
body:has(.ay-map-new-page) #content .blocks,
body:has(.ay-map-new-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Oculta navegación automática “Anterior / Siguiente” del tema */
body:has(.ay-new-home-page) #content > a[href*="/page/"],
body:has(.ay-map-new-page) #content > a[href*="/page/"],
body:has(.ay-new-home-page) .blocks + a[href*="/page/"],
body:has(.ay-map-new-page) .blocks + a[href*="/page/"],
body:has(.ay-new-home-page) .pagination,
body:has(.ay-new-home-page) .previous,
body:has(.ay-new-home-page) .next,
body:has(.ay-new-home-page) .previous-next,
body:has(.ay-new-home-page) .page-pagination,
body:has(.ay-new-home-page) .nav-links,
body:has(.ay-new-home-page) .navigation,
body:has(.ay-map-new-page) .pagination,
body:has(.ay-map-new-page) .previous,
body:has(.ay-map-new-page) .next,
body:has(.ay-map-new-page) .previous-next,
body:has(.ay-map-new-page) .page-pagination,
body:has(.ay-map-new-page) .nav-links,
body:has(.ay-map-new-page) .navigation {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* La barra de admin solo la ve quien está logueado; aquí se oculta para previsualizar limpio */
body:has(.ay-new-home-page) #user-bar,
body:has(.ay-new-home-page) .user-bar,
body:has(.ay-new-home-page) .admin-bar,
body:has(.ay-new-home-page) .site-admin-bar,
body:has(.ay-map-new-page) #user-bar,
body:has(.ay-map-new-page) .user-bar,
body:has(.ay-map-new-page) .admin-bar,
body:has(.ay-map-new-page) .site-admin-bar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   PÁGINA INICIO — NUEVA PORTADA
   ========================================================= */

.ay-new-home-hero {
  width: 100vw !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  margin-left: calc(50% - 50vw) !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: var(--ay-new-dark) !important;
  background-image: var(--ay-new-home-poster, none) !important;
  background-size: cover !important;
  background-position: center center !important;
  color: var(--ay-new-lavender) !important;
}

.ay-new-home-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  background: transparent !important;
  filter: brightness(0.58) contrast(1.08) saturate(0.82) !important;
}

.ay-new-home-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(5, 5, 8, 0.02) 0%, rgba(5, 5, 8, 0.22) 38%, rgba(5, 5, 8, 0.80) 100%),
    linear-gradient(90deg, rgba(4, 4, 7, 0.80) 0%, rgba(4, 4, 7, 0.22) 42%, rgba(4, 4, 7, 0.88) 100%),
    linear-gradient(180deg, rgba(4, 4, 7, 0.58) 0%, rgba(4, 4, 7, 0.08) 42%, rgba(4, 4, 7, 0.72) 100%) !important;
}

.ay-new-home-content {
  position: relative !important;
  z-index: 4 !important;
  width: min(1280px, calc(100vw - 150px)) !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(340px, 0.85fr) minmax(430px, 1fr) !important;
  grid-template-rows: 1fr auto 1fr !important;
  column-gap: clamp(90px, 10vw, 190px) !important;
}

.ay-new-home-logo-area {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: start !important;
  transform: translateY(-10px) !important;
}

.ay-new-home-logo-link {
  display: inline-block !important;
  text-decoration: none !important;
}

.ay-new-home-logo {
  display: block !important;
  width: clamp(330px, 29vw, 455px) !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: var(--ay-new-logo-filter) !important;
}

.ay-new-home-title {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: start !important;
  transform: translateY(18px) !important;
}

.ay-new-home-title h1 {
  margin: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: clamp(24px, 1.65vw, 30px) !important;
  line-height: 1.22 !important;
  letter-spacing: 0.22em !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.ay-new-home-nav {
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  bottom: clamp(34px, 5vh, 70px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(34px, 6vw, 94px) !important;
}

.ay-new-home-nav a {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: clamp(12px, 1vw, 15px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid transparent !important;
}

.ay-new-home-nav a:hover {
  border-bottom-color: var(--ay-new-lavender) !important;
}

.ay-new-home-menu {
  position: absolute !important;
  z-index: 7 !important;
  right: clamp(72px, 6vw, 110px) !important;
  top: clamp(34px, 3vw, 50px) !important;
  color: var(--ay-new-lavender) !important;
}

.ay-new-home-menu summary {
  width: 38px !important;
  height: 28px !important;
  display: block !important;
  list-style: none !important;
  cursor: pointer !important;
  position: relative !important;
}

.ay-new-home-menu summary::-webkit-details-marker {
  display: none !important;
}

.ay-new-home-menu summary::before,
.ay-new-home-menu summary::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  width: 38px !important;
  height: 4px !important;
  background: var(--ay-new-lavender) !important;
}

.ay-new-home-menu summary::before {
  top: 0 !important;
  box-shadow: 0 11px 0 var(--ay-new-lavender) !important;
}

.ay-new-home-menu summary::after {
  bottom: 0 !important;
}

.ay-new-home-menu-panel {
  position: absolute !important;
  right: 0 !important;
  top: 42px !important;
  min-width: 168px !important;
  padding: 13px 14px 12px !important;
  border: 1.5px solid var(--ay-new-line) !important;
  background: rgba(6, 6, 9, 0.82) !important;
  backdrop-filter: blur(7px) !important;
  display: grid !important;
  gap: 11px !important;
}

.ay-new-home-menu-panel a {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media (min-width: 901px) {
  .ay-new-home-menu {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .ay-new-home-content {
    width: min(920px, calc(100vw - 88px)) !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 60px !important;
  }

  .ay-new-home-logo {
    width: clamp(270px, 33vw, 360px) !important;
  }

  .ay-new-home-title h1 {
    font-size: clamp(22px, 2.3vw, 28px) !important;
    letter-spacing: 0.18em !important;
  }
}

@media (max-width: 900px) {
  .ay-new-home-video {
    object-position: center center !important;
    filter: brightness(0.52) contrast(1.08) saturate(0.78) !important;
  }

  .ay-new-home-shade {
    background:
      radial-gradient(ellipse at 53% 36%, rgba(5, 5, 8, 0.02) 0%, rgba(5, 5, 8, 0.31) 42%, rgba(5, 5, 8, 0.80) 100%),
      linear-gradient(180deg, rgba(4, 4, 7, 0.54) 0%, rgba(4, 4, 7, 0.16) 42%, rgba(4, 4, 7, 0.74) 100%) !important;
  }

  .ay-new-home-menu {
    display: block !important;
    right: 28px !important;
    top: 38px !important;
  }

  .ay-new-home-content {
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ay-new-home-logo-area {
    position: absolute !important;
    z-index: 5 !important;
    top: 96px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .ay-new-home-logo {
    width: 142px !important;
  }

  .ay-new-home-title {
    position: absolute !important;
    z-index: 5 !important;
    top: 42.5% !important;
    left: 27% !important;
    transform: none !important;
    width: 68% !important;
  }

  .ay-new-home-title h1 {
    font-size: 18px !important;
    line-height: 1.22 !important;
    letter-spacing: 0.14em !important;
    font-weight: 700 !important;
  }

  .ay-new-home-nav {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .ay-new-home-logo {
    width: 128px !important;
  }

  .ay-new-home-title {
    left: 25% !important;
    width: 73% !important;
  }

  .ay-new-home-title h1 {
    font-size: 18px !important;
    letter-spacing: 0.12em !important;
  }
}

/* =========================================================
   PÁGINA MAPEO — NUEVA VERSIÓN
   ========================================================= */

body:has(.ay-map-new-page) #content {
  min-height: 100vh !important;
  background: var(--ay-new-wine) !important;
}

/* Header */
.ay-map-new-header {
  width: min(1120px, calc(100vw - 140px)) !important;
  margin: 0 auto !important;
  padding: 74px 0 0 !important;
  color: var(--ay-new-lavender) !important;
}

.ay-map-new-header-top {
  display: grid !important;
  grid-template-columns: minmax(260px, 390px) minmax(420px, 1fr) !important;
  column-gap: clamp(75px, 9vw, 150px) !important;
  align-items: start !important;
}

.ay-map-new-logo-link {
  display: inline-block !important;
  text-decoration: none !important;
}

.ay-map-new-logo {
  display: block !important;
  width: 296px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: var(--ay-new-logo-filter) !important;
}

.ay-map-new-search-area {
  display: grid !important;
  grid-template-columns: 86px minmax(200px, 1fr) 150px !important;
  grid-template-areas:
    "label input button"
    "caption caption caption" !important;
  width: 530px !important;
  max-width: 100% !important;
  justify-self: end !important;
  padding-top: 4px !important;
}

.ay-map-new-login {
  grid-area: login !important;
  width: 100% !important;
  margin: 0 0 11px !important;
  text-align: right !important;
  color: var(--ay-new-lavender) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.ay-map-new-login a,
.ay-map-new-login span {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
}

.ay-map-new-search-area > label {
  grid-area: label !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 9px !important;
  border: 2px solid var(--ay-new-line) !important;
  border-right: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.ay-map-new-search-area > input {
  grid-area: input !important;
  height: 25px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  border-top: 2px solid var(--ay-new-line) !important;
  border-bottom: 2px solid var(--ay-new-line) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-new-lavender) !important;
  outline: none !important;
  box-shadow: none !important;
}

.ay-map-new-search-area > button {
  grid-area: button !important;
  height: 25px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--ay-new-lavender) !important;
  color: var(--ay-new-wine) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.ay-map-new-hero-caption {
  grid-area: caption !important;
  width: 100% !important;
  margin: 13px 0 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.015em !important;
}

.ay-map-new-menu {
  display: none !important;
}

/* Acceso Mapeo / Conoce más */
.ay-map-new-main-access {
  width: min(470px, calc(100vw - 260px)) !important;
  margin: 72px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 112px !important;
  align-items: end !important;
  text-align: center !important;
}

.ay-map-new-access {
  display: grid !important;
  grid-template-rows: 66px auto !important;
  align-items: end !important;
  justify-items: center !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.ay-map-new-access-icon {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

.ay-map-new-access-icon-mapeo {
  max-width: 88px !important;
  filter: var(--ay-new-logo-filter-pink) !important;
}

.ay-map-new-access-icon-conoce {
  max-width: 68px !important;
  filter: var(--ay-new-logo-filter) !important;
}

.ay-map-new-access strong {
  display: block !important;
  margin-top: 13px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.ay-map-new-access-active strong {
  color: var(--ay-new-pink) !important;
}

/* Tabs */
.ay-map-new-tabs-section {
  width: min(1100px, calc(100vw - 140px)) !important;
  margin: 76px auto 0 !important;
}

.ay-map-new-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  width: 100% !important;
}

.ay-map-new-tab {
  display: flex !important;
  min-height: 56px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid var(--ay-new-line) !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.ay-map-new-tab.active,
.ay-map-new-tab:hover {
  background: transparent !important;
  color: var(--ay-new-lavender) !important;
}

.ay-map-new-divider {
  height: 1px !important;
  width: 100% !important;
  margin: 28px 0 0 !important;
  background: var(--ay-new-line) !important;
}

/* Introducción + filtros */
.ay-map-new-intro {
  width: min(1100px, calc(100vw - 140px)) !important;
  margin: 46px auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  column-gap: 120px !important;
  position: relative !important;
}

.ay-map-new-copy h1 {
  margin: 0 0 48px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 34px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.035em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.ay-map-new-copy p {
  width: min(620px, 100%) !important;
  margin: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

.ay-map-new-bar {
  width: min(590px, 100%) !important;
  height: 20px !important;
  margin-top: 105px !important;
  background: var(--ay-new-lavender) !important;
}

.ay-map-new-filters {
  padding-top: 0 !important;
  color: var(--ay-new-lavender) !important;
  text-align: center !important;
}

.ay-map-new-filters h2 {
  margin: 0 0 26px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 0.28em !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.ay-map-new-filter-link {
  display: flex !important;
  width: 260px !important;
  min-height: 38px !important;
  margin: 0 auto 22px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.6px solid var(--ay-new-line) !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.ay-map-new-filter-plus {
  display: block !important;
  margin-top: 4px !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.ay-map-new-socials {
  position: absolute !important;
  right: -62px !important;
  top: 61px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.ay-map-new-socials a {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Documentos destacados */
.ay-map-new-featured-heading {
  width: min(1100px, calc(100vw - 140px)) !important;
  margin: 74px auto 56px !important;
  color: var(--ay-new-lavender) !important;
  text-align: center !important;
}

.ay-map-new-featured-heading h2 {
  margin: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 0.28em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Bloque dinámico Omeka: Mostrar una vista previa / Browse preview */
body:has(.ay-map-new-page) #content .block.browse-preview,
body:has(.ay-map-new-page) #content .block.preview,
body:has(.ay-map-new-page) #content .block.item-showcase,
body:has(.ay-map-new-page) #content .block.item-set-showcase {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 0 108px !important;
  background: var(--ay-new-wine) !important;
  color: var(--ay-new-lavender) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Oculta título propio del bloque dinámico, porque ya usamos el título HTML */
body:has(.ay-map-new-page) #content .block.browse-preview > h2,
body:has(.ay-map-new-page) #content .block.preview > h2,
body:has(.ay-map-new-page) #content .block.item-showcase > h2,
body:has(.ay-map-new-page) #content .block.item-set-showcase > h2,
body:has(.ay-map-new-page) #content .block.browse-preview > h3,
body:has(.ay-map-new-page) #content .block.preview > h3,
body:has(.ay-map-new-page) #content .block.item-showcase > h3,
body:has(.ay-map-new-page) #content .block.item-set-showcase > h3 {
  display: none !important;
}

/* Contenedores posibles según tema/módulo */
body:has(.ay-map-new-page) #content .block.browse-preview .resource-list,
body:has(.ay-map-new-page) #content .block.preview .resource-list,
body:has(.ay-map-new-page) #content .block.item-showcase .resource-list,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource-list,
body:has(.ay-map-new-page) #content .block.browse-preview .resources,
body:has(.ay-map-new-page) #content .block.preview .resources,
body:has(.ay-map-new-page) #content .block.item-showcase .resources,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resources,
body:has(.ay-map-new-page) #content .block.browse-preview ul,
body:has(.ay-map-new-page) #content .block.preview ul,
body:has(.ay-map-new-page) #content .block.item-showcase ul,
body:has(.ay-map-new-page) #content .block.item-set-showcase ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 36px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  list-style: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

body:has(.ay-map-new-page) #content .block.browse-preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.item-showcase .resource-list::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource-list::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.browse-preview .resources::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.preview .resources::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.item-showcase .resources::-webkit-scrollbar,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resources::-webkit-scrollbar {
  display: none !important;
}

/* Tarjetas posibles */
body:has(.ay-map-new-page) #content .block.browse-preview .resource,
body:has(.ay-map-new-page) #content .block.preview .resource,
body:has(.ay-map-new-page) #content .block.item-showcase .resource,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource,
body:has(.ay-map-new-page) #content .block.browse-preview li,
body:has(.ay-map-new-page) #content .block.preview li,
body:has(.ay-map-new-page) #content .block.item-showcase li,
body:has(.ay-map-new-page) #content .block.item-set-showcase li {
  flex: 0 0 336px !important;
  width: 336px !important;
  max-width: 336px !important;
  scroll-snap-align: start !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--ay-new-lavender) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-map-new-page) #content .block.browse-preview .resource:first-child,
body:has(.ay-map-new-page) #content .block.preview .resource:first-child,
body:has(.ay-map-new-page) #content .block.item-showcase .resource:first-child,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource:first-child,
body:has(.ay-map-new-page) #content .block.browse-preview li:first-child,
body:has(.ay-map-new-page) #content .block.preview li:first-child,
body:has(.ay-map-new-page) #content .block.item-showcase li:first-child,
body:has(.ay-map-new-page) #content .block.item-set-showcase li:first-child {
  margin-left: calc((100vw - min(1100px, calc(100vw - 140px))) / 2) !important;
}

body:has(.ay-map-new-page) #content .block.browse-preview .resource:last-child,
body:has(.ay-map-new-page) #content .block.preview .resource:last-child,
body:has(.ay-map-new-page) #content .block.item-showcase .resource:last-child,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource:last-child,
body:has(.ay-map-new-page) #content .block.browse-preview li:last-child,
body:has(.ay-map-new-page) #content .block.preview li:last-child,
body:has(.ay-map-new-page) #content .block.item-showcase li:last-child,
body:has(.ay-map-new-page) #content .block.item-set-showcase li:last-child {
  margin-right: calc((100vw - min(1100px, calc(100vw - 140px))) / 2) !important;
}

/* Imagen/miniatura */
body:has(.ay-map-new-page) #content .block.browse-preview img,
body:has(.ay-map-new-page) #content .block.preview img,
body:has(.ay-map-new-page) #content .block.item-showcase img,
body:has(.ay-map-new-page) #content .block.item-set-showcase img,
body:has(.ay-map-new-page) #content .block.browse-preview .resource img,
body:has(.ay-map-new-page) #content .block.preview .resource img {
  display: block !important;
  width: 336px !important;
  height: 420px !important;
  object-fit: cover !important;
  margin: 0 0 20px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Títulos y cuerpos de los recursos */
body:has(.ay-map-new-page) #content .block.browse-preview .resource-title,
body:has(.ay-map-new-page) #content .block.preview .resource-title,
body:has(.ay-map-new-page) #content .block.item-showcase .resource-title,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource-title,
body:has(.ay-map-new-page) #content .block.browse-preview h3,
body:has(.ay-map-new-page) #content .block.preview h3,
body:has(.ay-map-new-page) #content .block.item-showcase h3,
body:has(.ay-map-new-page) #content .block.item-set-showcase h3 {
  margin: 0 0 12px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-decoration: none !important;
}

body:has(.ay-map-new-page) #content .block.browse-preview a,
body:has(.ay-map-new-page) #content .block.preview a,
body:has(.ay-map-new-page) #content .block.item-showcase a,
body:has(.ay-map-new-page) #content .block.item-set-showcase a {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
}

body:has(.ay-map-new-page) #content .block.browse-preview p,
body:has(.ay-map-new-page) #content .block.preview p,
body:has(.ay-map-new-page) #content .block.item-showcase p,
body:has(.ay-map-new-page) #content .block.item-set-showcase p {
  margin: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.12em !important;
}

/* Flecha visual del carrusel */
body:has(.ay-map-new-page) #content .block.browse-preview::after,
body:has(.ay-map-new-page) #content .block.preview::after,
body:has(.ay-map-new-page) #content .block.item-showcase::after,
body:has(.ay-map-new-page) #content .block.item-set-showcase::after {
  content: "→" !important;
  position: absolute !important;
  right: 7.2vw !important;
  top: 152px !important;
  color: var(--ay-new-pink) !important;
  font-size: 58px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

/* Donación / cierre */
.ay-map-new-donate {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 150px 20px 86px !important;
  background:
    radial-gradient(ellipse at 50% 47%, rgba(87, 0, 49, 0.86) 0%, rgba(104, 17, 73, 0.62) 24%, rgba(159, 112, 190, 0.92) 68%, rgba(159, 112, 190, 1) 100%) !important;
  color: var(--ay-new-lavender) !important;
  text-align: center !important;
}

.ay-map-new-donate p {
  width: min(940px, calc(100vw - 180px)) !important;
  margin: 0 auto 48px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.ay-map-new-donate-button {
  display: inline-flex !important;
  min-width: 250px !important;
  min-height: 51px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #300323 !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.ay-map-new-footer {
  width: min(760px, calc(100vw - 260px)) !important;
  margin: -38px auto 0 !important;
  padding: 0 0 34px !important;
  position: relative !important;
  z-index: 3 !important;
  color: #2a0629 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.ay-map-new-footer p {
  margin: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1.5px solid #2a0629 !important;
}

.ay-map-new-footer a {
  display: inline-block !important;
  margin-top: 16px !important;
  color: #2a0629 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}

/* Contacto móvil */
.ay-map-new-mobile-contact {
  display: none !important;
}

/* =========================================================
   RESPONSIVE MAPEO
   ========================================================= */

@media (max-width: 1040px) {
  .ay-map-new-header,
  .ay-map-new-tabs-section,
  .ay-map-new-intro,
  .ay-map-new-featured-heading {
    width: min(920px, calc(100vw - 80px)) !important;
  }

  .ay-map-new-header-top {
    grid-template-columns: 280px minmax(380px, 1fr) !important;
    column-gap: 70px !important;
  }

  .ay-map-new-logo {
    width: 250px !important;
  }

  .ay-map-new-search-area {
    width: 500px !important;
  }

  .ay-map-new-intro {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    column-gap: 70px !important;
  }

  .ay-map-new-socials {
    right: -42px !important;
  }
}

@media (max-width: 760px) {
  body:has(.ay-map-new-page) {
    background: var(--ay-new-wine) !important;
  }

  .ay-map-new-header {
    width: 100% !important;
    padding: 30px 20px 0 !important;
    margin: 0 !important;
  }

  .ay-map-new-header-top {
    display: block !important;
  }

  .ay-map-new-logo-area {
    text-align: center !important;
    padding-top: 62px !important;
  }

  .ay-map-new-logo {
    width: 164px !important;
    margin: 0 auto !important;
  }

  .ay-map-new-menu {
    display: block !important;
    position: absolute !important;
    top: 30px !important;
    right: 20px !important;
    z-index: 10 !important;
  }

  .ay-map-new-menu summary {
    width: 34px !important;
    height: 25px !important;
    display: block !important;
    position: relative !important;
    list-style: none !important;
    cursor: pointer !important;
  }

  .ay-map-new-menu summary::-webkit-details-marker {
    display: none !important;
  }

  .ay-map-new-menu summary::before,
  .ay-map-new-menu summary::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    width: 34px !important;
    height: 4px !important;
    background: var(--ay-new-lavender) !important;
  }

  .ay-map-new-menu summary::before {
    top: 0 !important;
    box-shadow: 0 10px 0 var(--ay-new-lavender) !important;
  }

  .ay-map-new-menu summary::after {
    bottom: 0 !important;
  }

  .ay-map-new-menu-panel {
    position: absolute !important;
    right: 0 !important;
    top: 39px !important;
    min-width: 160px !important;
    padding: 13px 14px !important;
    display: grid !important;
    gap: 11px !important;
    background: rgba(80, 8, 57, 0.95) !important;
    border: 1.5px solid var(--ay-new-line) !important;
  }

  .ay-map-new-menu-panel a {
    color: var(--ay-new-lavender) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    text-align: right !important;
  }

  .ay-map-new-search-area {
    width: 100% !important;
    max-width: none !important;
    margin-top: 31px !important;
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) 36px !important;
    grid-template-areas:
      "label input button"
      "caption caption caption" !important;
    justify-self: stretch !important;
  }

  .ay-map-new-login {
    display: none !important;
  }

  .ay-map-new-search-area > label {
    height: 22px !important;
    font-size: 10px !important;
    padding-left: 6px !important;
    border-width: 1.5px !important;
  }

  .ay-map-new-search-area > input {
    height: 22px !important;
    border-top-width: 1.5px !important;
    border-bottom-width: 1.5px !important;
  }

  .ay-map-new-search-area > button {
    height: 22px !important;
    font-size: 0 !important;
    background: transparent !important;
    border: 1.5px solid var(--ay-new-line) !important;
    border-left: 0 !important;
    color: var(--ay-new-lavender) !important;
    position: relative !important;
  }

  .ay-map-new-search-area > button::after {
    content: "⌕" !important;
    color: var(--ay-new-lavender) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  .ay-map-new-hero-caption {
    width: 100% !important;
    max-width: 294px !important;
    margin-top: 10px !important;
    color: var(--ay-new-lavender) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .ay-map-new-main-access {
    display: none !important;
  }

  .ay-map-new-tabs-section {
    width: 100vw !important;
    margin: 55px 0 0 !important;
  }

  .ay-map-new-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .ay-map-new-tab {
    width: 100% !important;
    min-height: 62px !important;
    border-left: 2px solid var(--ay-new-line) !important;
    border-right: 2px solid var(--ay-new-line) !important;
    border-top: 2px solid var(--ay-new-line) !important;
    border-bottom: 2px solid var(--ay-new-line) !important;
    font-size: 20px !important;
    letter-spacing: 0.06em !important;
  }

  .ay-map-new-divider {
    display: none !important;
  }

  .ay-map-new-intro {
    width: 100% !important;
    margin: 85px 0 0 !important;
    padding: 0 20px !important;
    display: block !important;
  }

  .ay-map-new-copy h1 {
    margin: 0 0 31px !important;
    color: var(--ay-new-lavender) !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.02em !important;
  }

  .ay-map-new-copy p {
    width: 100% !important;
    color: var(--ay-new-lavender) !important;
    font-size: 20px !important;
    line-height: 1.48 !important;
  }

  .ay-map-new-bar {
    width: 100% !important;
    height: 25px !important;
    margin: 30px 0 96px !important;
    background: var(--ay-new-lavender) !important;
  }

  .ay-map-new-filters {
    text-align: center !important;
    padding: 0 !important;
  }

  .ay-map-new-filters h2 {
    margin: 0 0 28px !important;
    font-size: 21px !important;
    letter-spacing: 0.24em !important;
  }

  .ay-map-new-filter-link {
    width: 100% !important;
    min-height: 41px !important;
    margin-bottom: 25px !important;
    font-size: 14px !important;
  }

  .ay-map-new-filter-plus {
    margin-top: 2px !important;
    font-size: 29px !important;
  }

  .ay-map-new-socials {
    display: none !important;
  }

  .ay-map-new-featured-heading,
  body:has(.ay-map-new-page) #content .block.browse-preview,
  body:has(.ay-map-new-page) #content .block.preview,
  body:has(.ay-map-new-page) #content .block.item-showcase,
  body:has(.ay-map-new-page) #content .block.item-set-showcase,
  .ay-map-new-donate {
    display: none !important;
  }

  .ay-map-new-mobile-contact {
    display: block !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: 90px !important;
    padding: 50px 18px 58px !important;
    text-align: center !important;
    background:
      linear-gradient(
        180deg,
        #841160 0%,
        #9564d2 58%,
        #9b90f2 100%
      ) !important;
    color: var(--ay-new-lavender) !important;
  }

  .ay-map-new-mobile-contact h2 {
    margin: 0 0 34px !important;
    color: var(--ay-new-lavender) !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
  }

  .ay-map-new-contact-item {
    margin-bottom: 22px !important;
    color: var(--ay-new-lavender) !important;
    font-size: 11px !important;
    line-height: 1.24 !important;
  }

  .ay-map-new-contact-item span {
    display: block !important;
  }

  .ay-map-new-contact-item a {
    color: var(--ay-new-lavender) !important;
    text-decoration: underline !important;
    font-size: 9px !important;
    word-break: break-all !important;
  }

  .ay-map-new-mobile-socials {
    margin: 44px 0 54px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important;
  }

  .ay-map-new-mobile-socials a {
    color: var(--ay-new-lavender) !important;
    text-decoration: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
  }

  .ay-map-new-footer {
    width: calc(100vw - 80px) !important;
    margin: -32px auto 0 !important;
    padding-bottom: 26px !important;
    color: #2a0629 !important;
    font-size: 10px !important;
  }

  .ay-map-new-footer a {
    font-size: 10px !important;
  }
}

@media (max-width: 360px) {
  .ay-map-new-copy p {
    font-size: 18px !important;
  }

  .ay-map-new-tab {
    font-size: 18px !important;
  }
}


/* =========================================================
   AJUSTE FINAL — MAPEO NUEVO SIN LOGIN, FONDO #571447,
   FUENTE BITSTREAM Y OCULTAR ANT/SIGUIENTE
   ========================================================= */

:root {
  --ay-new-wine: #571447 !important;
  --ay-new-wine-deep: #571447 !important;
  --ay-new-font: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

html:has(.ay-new-home-page),
body:has(.ay-new-home-page),
html:has(.ay-map-new-page),
body:has(.ay-map-new-page) {
  font-family: var(--ay-new-font) !important;
}

body:has(.ay-new-home-page),
body:has(.ay-map-new-page),
.ay-map-new-header,
.ay-map-new-tabs-section,
.ay-map-new-intro,
.ay-map-new-featured-heading,
body:has(.ay-map-new-page) #content {
  background-color: #571447 !important;
}

/* Asegura Bitstream Vera Sans Mono en todos los bloques nuevos */
body:has(.ay-new-home-page) *,
body:has(.ay-map-new-page) *,
.ay-map-new-header *,
.ay-map-new-tabs-section *,
.ay-map-new-intro *,
.ay-map-new-featured-heading *,
.ay-map-new-donate *,
.ay-map-new-mobile-contact *,
.ay-map-new-footer * {
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

/* El mapeo ya no usa login/registro */
.ay-map-new-login {
  display: none !important;
}

.ay-map-new-search-area {
  grid-template-areas:
    "label input button"
    "caption caption caption" !important;
  align-content: start !important;
  row-gap: 0 !important;
}

.ay-map-new-search-area > label,
.ay-map-new-search-area > input,
.ay-map-new-search-area > button {
  grid-row: 1 !important;
}

.ay-map-new-hero-caption {
  grid-row: 2 !important;
}

/* Ocultar navegación automática de Omeka: Ant / Siguiente.
   Estos enlaces vienen como <a href="/s/archivas-documentas/page/...">Siguiente</a>
   y no pertenecen a nuestros botones porque nuestros enlaces son relativos. */
body:has(.ay-new-home-page) a[href^="/s/archivas-documentas/page/"],
body:has(.ay-map-new-page) a[href^="/s/archivas-documentas/page/"],
body:has(.ay-new-home-page) a[href*="/page/"]:not([class]),
body:has(.ay-map-new-page) a[href*="/page/"]:not([class]),
body:has(.ay-new-home-page) nav.pagination,
body:has(.ay-map-new-page) nav.pagination,
body:has(.ay-new-home-page) .pagination,
body:has(.ay-map-new-page) .pagination,
body:has(.ay-new-home-page) .previous-next,
body:has(.ay-map-new-page) .previous-next,
body:has(.ay-new-home-page) .page-pagination,
body:has(.ay-map-new-page) .page-pagination,
body:has(.ay-new-home-page) .navigation,
body:has(.ay-map-new-page) .navigation,
body:has(.ay-new-home-page) .nav-links,
body:has(.ay-map-new-page) .nav-links {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Si el tema imprime esos enlaces como hijos directos antes/después de blocks */
body:has(.ay-new-home-page) #content > a[href^="/s/archivas-documentas/page/"],
body:has(.ay-map-new-page) #content > a[href^="/s/archivas-documentas/page/"],
body:has(.ay-new-home-page) #content > .blocks ~ a[href^="/s/archivas-documentas/page/"],
body:has(.ay-map-new-page) #content > .blocks ~ a[href^="/s/archivas-documentas/page/"] {
  display: none !important;
}

/* Móvil: sin login y con buscador limpio */
@media (max-width: 760px) {
  .ay-map-new-search-area {
    grid-template-areas:
      "label input button"
      "caption caption caption" !important;
    margin-top: 30px !important;
  }

  .ay-map-new-login {
    display: none !important;
  }
}

/* =========================================================
   PÁGINA ARTISTAS — NUEVA VERSIÓN DINÁMICA
   Usa el mismo encabezado de Mapeo, pero la lista se extrae
   con el bloque Omeka "Mostrar una vista previa".
   ========================================================= */

body:has(.ay-map-artists-page) {
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

body:has(.ay-map-artists-page) #content {
  min-height: 100vh !important;
  background: #571447 !important;
}

body:has(.ay-map-artists-page) *,
body:has(.ay-map-artists-page) #content *,
body:has(.ay-map-artists-page) .block * {
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

/* Activo visual de la pestaña ARTISTAS */
body:has(.ay-map-artists-page) .ay-map-new-tab.active,
body:has(.ay-map-artists-page) .ay-map-new-tab.active:visited {
  color: var(--ay-new-pink) !important;
}

/* =========================================================
   LISTA DINÁMICA DE ARTISTAS
   Bloque Omeka: Mostrar una vista previa
   Configuración recomendada: Fichas + Plantilla Artista + Público
   Componentes: solo Encabezado
   ========================================================= */

body:has(.ay-map-artists-page) #content .block.browse-preview,
body:has(.ay-map-artists-page) #content .block.preview {
  width: min(1100px, calc(100vw - 140px)) !important;
  max-width: min(1100px, calc(100vw - 140px)) !important;
  margin: 72px auto 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 0 82px !important;
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  border-bottom: 1.5px solid var(--ay-new-line) !important;
  overflow: visible !important;
  position: relative !important;
}

/* Quita flecha del carrusel heredada de la página Mapeo */
body:has(.ay-map-artists-page) #content .block.browse-preview::after,
body:has(.ay-map-artists-page) #content .block.preview::after {
  display: none !important;
  content: none !important;
}

/* Oculta cualquier título que el bloque genere */
body:has(.ay-map-artists-page) #content .block.browse-preview > h2,
body:has(.ay-map-artists-page) #content .block.preview > h2,
body:has(.ay-map-artists-page) #content .block.browse-preview > h3,
body:has(.ay-map-artists-page) #content .block.preview > h3,
body:has(.ay-map-artists-page) #content .block.browse-preview > h4,
body:has(.ay-map-artists-page) #content .block.preview > h4 {
  display: none !important;
}

/* Contenedor de recursos: 3 columnas en escritorio */
body:has(.ay-map-artists-page) #content .block.browse-preview .resource-list,
body:has(.ay-map-artists-page) #content .block.preview .resource-list,
body:has(.ay-map-artists-page) #content .block.browse-preview .resources,
body:has(.ay-map-artists-page) #content .block.preview .resources,
body:has(.ay-map-artists-page) #content .block.browse-preview ul,
body:has(.ay-map-artists-page) #content .block.preview ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: clamp(80px, 12vw, 165px) !important;
  row-gap: 13px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 28px !important;
  list-style: none !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  scrollbar-width: none !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-artists-page) #content .block.preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-artists-page) #content .block.browse-preview .resources::-webkit-scrollbar,
body:has(.ay-map-artists-page) #content .block.preview .resources::-webkit-scrollbar {
  display: none !important;
}

/* Cada artista */
body:has(.ay-map-artists-page) #content .block.browse-preview .resource,
body:has(.ay-map-artists-page) #content .block.preview .resource,
body:has(.ay-map-artists-page) #content .block.browse-preview li,
body:has(.ay-map-artists-page) #content .block.preview li {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ay-new-lavender) !important;
  list-style: none !important;
  scroll-snap-align: none !important;
}

/* Elimina márgenes del carrusel heredado */
body:has(.ay-map-artists-page) #content .block.browse-preview .resource:first-child,
body:has(.ay-map-artists-page) #content .block.preview .resource:first-child,
body:has(.ay-map-artists-page) #content .block.browse-preview li:first-child,
body:has(.ay-map-artists-page) #content .block.preview li:first-child,
body:has(.ay-map-artists-page) #content .block.browse-preview .resource:last-child,
body:has(.ay-map-artists-page) #content .block.preview .resource:last-child,
body:has(.ay-map-artists-page) #content .block.browse-preview li:last-child,
body:has(.ay-map-artists-page) #content .block.preview li:last-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Solo nombres: sin miniaturas, cuerpos ni metadatos */
body:has(.ay-map-artists-page) #content .block.browse-preview img,
body:has(.ay-map-artists-page) #content .block.preview img,
body:has(.ay-map-artists-page) #content .block.browse-preview .thumbnail,
body:has(.ay-map-artists-page) #content .block.preview .thumbnail,
body:has(.ay-map-artists-page) #content .block.browse-preview .resource-body,
body:has(.ay-map-artists-page) #content .block.preview .resource-body,
body:has(.ay-map-artists-page) #content .block.browse-preview .description,
body:has(.ay-map-artists-page) #content .block.preview .description,
body:has(.ay-map-artists-page) #content .block.browse-preview p,
body:has(.ay-map-artists-page) #content .block.preview p {
  display: none !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title,
body:has(.ay-map-artists-page) #content .block.preview .resource-title,
body:has(.ay-map-artists-page) #content .block.browse-preview h3,
body:has(.ay-map-artists-page) #content .block.preview h3,
body:has(.ay-map-artists-page) #content .block.browse-preview h4,
body:has(.ay-map-artists-page) #content .block.preview h4,
body:has(.ay-map-artists-page) #content .block.browse-preview .resource-name,
body:has(.ay-map-artists-page) #content .block.preview .resource-name {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title a,
body:has(.ay-map-artists-page) #content .block.preview .resource-title a,
body:has(.ay-map-artists-page) #content .block.browse-preview h3 a,
body:has(.ay-map-artists-page) #content .block.preview h3 a,
body:has(.ay-map-artists-page) #content .block.browse-preview h4 a,
body:has(.ay-map-artists-page) #content .block.preview h4 a,
body:has(.ay-map-artists-page) #content .block.browse-preview .resource-name a,
body:has(.ay-map-artists-page) #content .block.preview .resource-name a,
body:has(.ay-map-artists-page) #content .block.browse-preview li > a,
body:has(.ay-map-artists-page) #content .block.preview li > a {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title a:hover,
body:has(.ay-map-artists-page) #content .block.preview .resource-title a:hover,
body:has(.ay-map-artists-page) #content .block.browse-preview h3 a:hover,
body:has(.ay-map-artists-page) #content .block.preview h3 a:hover,
body:has(.ay-map-artists-page) #content .block.browse-preview h4 a:hover,
body:has(.ay-map-artists-page) #content .block.preview h4 a:hover,
body:has(.ay-map-artists-page) #content .block.browse-preview li > a:hover,
body:has(.ay-map-artists-page) #content .block.preview li > a:hover {
  color: var(--ay-new-pink) !important;
}

/* Intro debajo de la lista */
body:has(.ay-map-artists-page) .ay-map-new-intro {
  margin-top: 90px !important;
}

body:has(.ay-map-artists-page) .ay-map-new-copy h1 {
  margin-bottom: 45px !important;
}

body:has(.ay-map-artists-page) .ay-map-new-bar {
  margin-top: 112px !important;
}

/* =========================================================
   OCULTAR "Browse all" EN BLOQUES DINÁMICOS
   Sirve para Mapeo y Artistas.
   ========================================================= */

body:has(.ay-map-new-page) #content .block.browse-preview > a:last-child,
body:has(.ay-map-new-page) #content .block.preview > a:last-child,
body:has(.ay-map-new-page) #content .block.item-showcase > a:last-child,
body:has(.ay-map-new-page) #content .block.item-set-showcase > a:last-child,
body:has(.ay-map-new-page) #content .block.browse-preview .browse-all,
body:has(.ay-map-new-page) #content .block.preview .browse-all,
body:has(.ay-map-new-page) #content .block.item-showcase .browse-all,
body:has(.ay-map-new-page) #content .block.item-set-showcase .browse-all,
body:has(.ay-map-new-page) #content .block.browse-preview .view-all,
body:has(.ay-map-new-page) #content .block.preview .view-all,
body:has(.ay-map-new-page) #content .block.item-showcase .view-all,
body:has(.ay-map-new-page) #content .block.item-set-showcase .view-all,
body:has(.ay-map-new-page) #content .block.browse-preview .more-link,
body:has(.ay-map-new-page) #content .block.preview .more-link,
body:has(.ay-map-new-page) #content .block.item-showcase .more-link,
body:has(.ay-map-new-page) #content .block.item-set-showcase .more-link {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* =========================================================
   RESPONSIVE ARTISTAS
   ========================================================= */

@media (max-width: 1040px) {
  body:has(.ay-map-artists-page) #content .block.browse-preview,
  body:has(.ay-map-artists-page) #content .block.preview {
    width: min(920px, calc(100vw - 80px)) !important;
    max-width: min(920px, calc(100vw - 80px)) !important;
  }

  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-list,
  body:has(.ay-map-artists-page) #content .block.preview .resource-list,
  body:has(.ay-map-artists-page) #content .block.browse-preview .resources,
  body:has(.ay-map-artists-page) #content .block.preview .resources,
  body:has(.ay-map-artists-page) #content .block.browse-preview ul,
  body:has(.ay-map-artists-page) #content .block.preview ul {
    column-gap: 82px !important;
    padding: 0 18px !important;
  }
}

@media (max-width: 760px) {
  body:has(.ay-map-artists-page) #content .block.browse-preview,
  body:has(.ay-map-artists-page) #content .block.preview {
    width: 100% !important;
    max-width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 20px 58px !important;
    border-bottom: 1.5px solid var(--ay-new-line) !important;
    background: #571447 !important;
  }

  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-list,
  body:has(.ay-map-artists-page) #content .block.preview .resource-list,
  body:has(.ay-map-artists-page) #content .block.browse-preview .resources,
  body:has(.ay-map-artists-page) #content .block.preview .resources,
  body:has(.ay-map-artists-page) #content .block.browse-preview ul,
  body:has(.ay-map-artists-page) #content .block.preview ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 13px !important;
    column-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title,
  body:has(.ay-map-artists-page) #content .block.preview .resource-title,
  body:has(.ay-map-artists-page) #content .block.browse-preview h3,
  body:has(.ay-map-artists-page) #content .block.preview h3,
  body:has(.ay-map-artists-page) #content .block.browse-preview h4,
  body:has(.ay-map-artists-page) #content .block.preview h4,
  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-name,
  body:has(.ay-map-artists-page) #content .block.preview .resource-name,
  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title a,
  body:has(.ay-map-artists-page) #content .block.preview .resource-title a,
  body:has(.ay-map-artists-page) #content .block.browse-preview h3 a,
  body:has(.ay-map-artists-page) #content .block.preview h3 a,
  body:has(.ay-map-artists-page) #content .block.browse-preview h4 a,
  body:has(.ay-map-artists-page) #content .block.preview h4 a,
  body:has(.ay-map-artists-page) #content .block.browse-preview li > a,
  body:has(.ay-map-artists-page) #content .block.preview li > a {
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
  }

  /* En móvil, según el diseño, después de la lista va directo FILTRAR POR */
  body:has(.ay-map-artists-page) .ay-map-new-intro {
    margin: 72px 0 0 !important;
    padding: 0 20px !important;
  }

  body:has(.ay-map-artists-page) .ay-map-new-copy {
    display: none !important;
  }

  body:has(.ay-map-artists-page) .ay-map-new-filters {
    display: block !important;
  }

  body:has(.ay-map-artists-page) .ay-map-new-mobile-contact {
    margin-top: 92px !important;
  }
}


/* =========================================================
   PÁGINA TIPO DE DOCUMENTO — NUEVA VERSIÓN
   Requiere marcador: .ay-map-type-page junto a .ay-map-new-page
   Bloque dinámico recomendado: Faceted browse preview
   ========================================================= */

html:has(.ay-map-type-page),
body:has(.ay-map-type-page),
body:has(.ay-map-type-page) #content {
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

body:has(.ay-map-type-page) *,
body:has(.ay-map-type-page) #content * {
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

/* El tab activo de Tipo de documento mantiene el color rosado del diseño */
body:has(.ay-map-type-page) .ay-map-new-tabs .ay-map-new-tab.active,
body:has(.ay-map-type-page) .ay-map-new-tabs .ay-map-new-tab.active:visited {
  color: var(--ay-new-pink) !important;
  background: transparent !important;
}

/* =========================================================
   LISTADO DINÁMICO DE TIPOS / CATEGORÍAS CON CONTEO
   Compatible con Faceted browse preview y con fallback estático.
   ========================================================= */

body:has(.ay-map-type-page) #content .block.faceted-browse-preview,
body:has(.ay-map-type-page) #content .block.faceted-browse,
body:has(.ay-map-type-page) #content .block.facets,
body:has(.ay-map-type-page) #content .block.search-facets,
body:has(.ay-map-type-page) #content .block.browse-preview,
body:has(.ay-map-type-page) #content .block.preview,
body:has(.ay-map-type-page) .ay-map-type-list-section {
  width: min(1100px, calc(100vw - 140px)) !important;
  max-width: min(1100px, calc(100vw - 140px)) !important;
  margin: 42px auto 0 !important;
  padding: 0 26px 62px !important;
  border-bottom: 1.5px solid var(--ay-new-line) !important;
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  overflow: visible !important;
  position: relative !important;
}

/* Si el bloque imprime títulos propios, los quitamos para que quede limpio */
body:has(.ay-map-type-page) #content .block.faceted-browse-preview > h2,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview > h3,
body:has(.ay-map-type-page) #content .block.faceted-browse > h2,
body:has(.ay-map-type-page) #content .block.faceted-browse > h3,
body:has(.ay-map-type-page) #content .block.facets > h2,
body:has(.ay-map-type-page) #content .block.facets > h3,
body:has(.ay-map-type-page) #content .block.search-facets > h2,
body:has(.ay-map-type-page) #content .block.search-facets > h3,
body:has(.ay-map-type-page) #content .block.browse-preview > h2,
body:has(.ay-map-type-page) #content .block.browse-preview > h3,
body:has(.ay-map-type-page) #content .block.preview > h2,
body:has(.ay-map-type-page) #content .block.preview > h3 {
  display: none !important;
}

/* Contenedores de lista/facetas posibles */
body:has(.ay-map-type-page) #content .block.faceted-browse-preview ul,
body:has(.ay-map-type-page) #content .block.faceted-browse ul,
body:has(.ay-map-type-page) #content .block.facets ul,
body:has(.ay-map-type-page) #content .block.search-facets ul,
body:has(.ay-map-type-page) #content .block.browse-preview ul,
body:has(.ay-map-type-page) #content .block.preview ul,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-values,
body:has(.ay-map-type-page) #content .block.faceted-browse .facet-values,
body:has(.ay-map-type-page) #content .block.facets .facet-values,
body:has(.ay-map-type-page) #content .block.search-facets .facet-values,
body:has(.ay-map-type-page) #content .block.browse-preview .resource-list,
body:has(.ay-map-type-page) #content .block.preview .resource-list,
body:has(.ay-map-type-page) #content .block.browse-preview .resources,
body:has(.ay-map-type-page) #content .block.preview .resources,
body:has(.ay-map-type-page) .ay-map-type-static-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 112px !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
  scrollbar-width: auto !important;
}

/* Desactivamos cualquier comportamiento heredado de carrusel */
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .resource,
body:has(.ay-map-type-page) #content .block.faceted-browse .resource,
body:has(.ay-map-type-page) #content .block.browse-preview .resource,
body:has(.ay-map-type-page) #content .block.preview .resource,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview li,
body:has(.ay-map-type-page) #content .block.faceted-browse li,
body:has(.ay-map-type-page) #content .block.facets li,
body:has(.ay-map-type-page) #content .block.search-facets li,
body:has(.ay-map-type-page) #content .block.browse-preview li,
body:has(.ay-map-type-page) #content .block.preview li,
body:has(.ay-map-type-page) .ay-map-type-static-list li,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-value,
body:has(.ay-map-type-page) #content .block.faceted-browse .facet-value,
body:has(.ay-map-type-page) #content .block.facets .facet-value,
body:has(.ay-map-type-page) #content .block.search-facets .facet-value {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 0 25px !important;
  padding: 0 0 25px !important;
  border: 0 !important;
  border-bottom: 1.4px solid rgba(194, 56, 147, 0.68) !important;
  background: transparent !important;
  color: var(--ay-new-lavender) !important;
  box-shadow: none !important;
  list-style: none !important;
  scroll-snap-align: none !important;
}

body:has(.ay-map-type-page) #content .block.faceted-browse-preview .resource:first-child,
body:has(.ay-map-type-page) #content .block.faceted-browse .resource:first-child,
body:has(.ay-map-type-page) #content .block.browse-preview .resource:first-child,
body:has(.ay-map-type-page) #content .block.preview .resource:first-child,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview li:first-child,
body:has(.ay-map-type-page) #content .block.faceted-browse li:first-child,
body:has(.ay-map-type-page) #content .block.browse-preview li:first-child,
body:has(.ay-map-type-page) #content .block.preview li:first-child,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .resource:last-child,
body:has(.ay-map-type-page) #content .block.faceted-browse .resource:last-child,
body:has(.ay-map-type-page) #content .block.browse-preview .resource:last-child,
body:has(.ay-map-type-page) #content .block.preview .resource:last-child,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview li:last-child,
body:has(.ay-map-type-page) #content .block.faceted-browse li:last-child,
body:has(.ay-map-type-page) #content .block.browse-preview li:last-child,
body:has(.ay-map-type-page) #content .block.preview li:last-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Texto de cada valor + conteo */
body:has(.ay-map-type-page) #content .block.faceted-browse-preview a,
body:has(.ay-map-type-page) #content .block.faceted-browse a,
body:has(.ay-map-type-page) #content .block.facets a,
body:has(.ay-map-type-page) #content .block.search-facets a,
body:has(.ay-map-type-page) #content .block.browse-preview a,
body:has(.ay-map-type-page) #content .block.preview a,
body:has(.ay-map-type-page) .ay-map-type-static-list a,
body:has(.ay-map-type-page) .ay-map-type-static-list span {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
}

body:has(.ay-map-type-page) #content .block.faceted-browse-preview a:hover,
body:has(.ay-map-type-page) #content .block.faceted-browse a:hover,
body:has(.ay-map-type-page) #content .block.facets a:hover,
body:has(.ay-map-type-page) #content .block.search-facets a:hover,
body:has(.ay-map-type-page) .ay-map-type-static-list a:hover {
  color: var(--ay-new-pink) !important;
}

/* Counts posibles según markup del módulo */
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .count,
body:has(.ay-map-type-page) #content .block.faceted-browse .count,
body:has(.ay-map-type-page) #content .block.facets .count,
body:has(.ay-map-type-page) #content .block.search-facets .count,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-count,
body:has(.ay-map-type-page) #content .block.faceted-browse .facet-count,
body:has(.ay-map-type-page) #content .block.facets .facet-count,
body:has(.ay-map-type-page) #content .block.search-facets .facet-count,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-value-count,
body:has(.ay-map-type-page) #content .block.faceted-browse .facet-value-count,
body:has(.ay-map-type-page) #content .block.facets .facet-value-count,
body:has(.ay-map-type-page) #content .block.search-facets .facet-value-count,
body:has(.ay-map-type-page) .ay-map-type-count {
  color: var(--ay-new-lavender) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

/* Si el bloque de facetas imprime checkbox/input, lo ocultamos en esta vista */
body:has(.ay-map-type-page) #content .block.faceted-browse-preview input,
body:has(.ay-map-type-page) #content .block.faceted-browse input,
body:has(.ay-map-type-page) #content .block.facets input,
body:has(.ay-map-type-page) #content .block.search-facets input,
body:has(.ay-map-type-page) #content .block.faceted-browse-preview label::before,
body:has(.ay-map-type-page) #content .block.faceted-browse label::before,
body:has(.ay-map-type-page) #content .block.facets label::before,
body:has(.ay-map-type-page) #content .block.search-facets label::before {
  display: none !important;
}

body:has(.ay-map-type-page) #content .block.faceted-browse-preview label,
body:has(.ay-map-type-page) #content .block.faceted-browse label,
body:has(.ay-map-type-page) #content .block.facets label,
body:has(.ay-map-type-page) #content .block.search-facets label {
  color: var(--ay-new-lavender) !important;
  cursor: pointer !important;
}

/* La introducción debajo de la lista mantiene el mismo sistema visual */
body:has(.ay-map-type-page) .ay-map-new-intro {
  margin-top: 95px !important;
}

body:has(.ay-map-type-page) .ay-map-new-copy h1 {
  margin-bottom: 45px !important;
}

body:has(.ay-map-type-page) .ay-map-new-bar {
  margin-top: 112px !important;
}

/* Ocultar Browse all / Browse all resources también aquí */
body:has(.ay-map-type-page) #content .block > a[href*="/item?"],
body:has(.ay-map-type-page) #content .block > a[href*="/item?sort_by"],
body:has(.ay-map-type-page) #content .block > a[href*="browse"],
body:has(.ay-map-type-page) #content .block > .browse-all,
body:has(.ay-map-type-page) #content .block > .browse-all-link,
body:has(.ay-map-type-page) #content .block > .view-all,
body:has(.ay-map-type-page) #content .block > .more-link,
body:has(.ay-map-type-page) #content .block > p.more,
body:has(.ay-map-type-page) #content .block > p:last-child > a[href*="/item"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* =========================================================
   RESPONSIVE TIPO DE DOCUMENTO
   ========================================================= */

@media (max-width: 1040px) {
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview,
  body:has(.ay-map-type-page) #content .block.faceted-browse,
  body:has(.ay-map-type-page) #content .block.facets,
  body:has(.ay-map-type-page) #content .block.search-facets,
  body:has(.ay-map-type-page) #content .block.browse-preview,
  body:has(.ay-map-type-page) #content .block.preview,
  body:has(.ay-map-type-page) .ay-map-type-list-section {
    width: min(920px, calc(100vw - 80px)) !important;
    max-width: min(920px, calc(100vw - 80px)) !important;
  }

  body:has(.ay-map-type-page) #content .block.faceted-browse-preview ul,
  body:has(.ay-map-type-page) #content .block.faceted-browse ul,
  body:has(.ay-map-type-page) #content .block.facets ul,
  body:has(.ay-map-type-page) #content .block.search-facets ul,
  body:has(.ay-map-type-page) #content .block.browse-preview ul,
  body:has(.ay-map-type-page) #content .block.preview ul,
  body:has(.ay-map-type-page) .ay-map-type-static-list {
    column-gap: 82px !important;
  }
}

@media (max-width: 760px) {
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview,
  body:has(.ay-map-type-page) #content .block.faceted-browse,
  body:has(.ay-map-type-page) #content .block.facets,
  body:has(.ay-map-type-page) #content .block.search-facets,
  body:has(.ay-map-type-page) #content .block.browse-preview,
  body:has(.ay-map-type-page) #content .block.preview,
  body:has(.ay-map-type-page) .ay-map-type-list-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 20px 58px !important;
    border-bottom: 1.5px solid var(--ay-new-line) !important;
    background: #571447 !important;
  }

  body:has(.ay-map-type-page) #content .block.faceted-browse-preview ul,
  body:has(.ay-map-type-page) #content .block.faceted-browse ul,
  body:has(.ay-map-type-page) #content .block.facets ul,
  body:has(.ay-map-type-page) #content .block.search-facets ul,
  body:has(.ay-map-type-page) #content .block.browse-preview ul,
  body:has(.ay-map-type-page) #content .block.preview ul,
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-values,
  body:has(.ay-map-type-page) #content .block.faceted-browse .facet-values,
  body:has(.ay-map-type-page) #content .block.facets .facet-values,
  body:has(.ay-map-type-page) #content .block.search-facets .facet-values,
  body:has(.ay-map-type-page) .ay-map-type-static-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.ay-map-type-page) #content .block.faceted-browse-preview li,
  body:has(.ay-map-type-page) #content .block.faceted-browse li,
  body:has(.ay-map-type-page) #content .block.facets li,
  body:has(.ay-map-type-page) #content .block.search-facets li,
  body:has(.ay-map-type-page) #content .block.browse-preview li,
  body:has(.ay-map-type-page) #content .block.preview li,
  body:has(.ay-map-type-page) .ay-map-type-static-list li,
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-value,
  body:has(.ay-map-type-page) #content .block.faceted-browse .facet-value,
  body:has(.ay-map-type-page) #content .block.facets .facet-value,
  body:has(.ay-map-type-page) #content .block.search-facets .facet-value {
    margin: 0 0 20px !important;
    padding: 0 0 20px !important;
    border-bottom: 1.3px solid rgba(194, 56, 147, 0.72) !important;
  }

  body:has(.ay-map-type-page) #content .block.faceted-browse-preview a,
  body:has(.ay-map-type-page) #content .block.faceted-browse a,
  body:has(.ay-map-type-page) #content .block.facets a,
  body:has(.ay-map-type-page) #content .block.search-facets a,
  body:has(.ay-map-type-page) #content .block.browse-preview a,
  body:has(.ay-map-type-page) #content .block.preview a,
  body:has(.ay-map-type-page) .ay-map-type-static-list a,
  body:has(.ay-map-type-page) .ay-map-type-static-list span,
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview .count,
  body:has(.ay-map-type-page) #content .block.faceted-browse .count,
  body:has(.ay-map-type-page) #content .block.facets .count,
  body:has(.ay-map-type-page) #content .block.search-facets .count,
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-count,
  body:has(.ay-map-type-page) #content .block.faceted-browse .facet-count,
  body:has(.ay-map-type-page) #content .block.facets .facet-count,
  body:has(.ay-map-type-page) #content .block.search-facets .facet-count,
  body:has(.ay-map-type-page) #content .block.faceted-browse-preview .facet-value-count,
  body:has(.ay-map-type-page) #content .block.faceted-browse .facet-value-count,
  body:has(.ay-map-type-page) #content .block.facets .facet-value-count,
  body:has(.ay-map-type-page) #content .block.search-facets .facet-value-count,
  body:has(.ay-map-type-page) .ay-map-type-count {
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
  }

  /* En móvil, después del listado va directo FILTRAR POR */
  body:has(.ay-map-type-page) .ay-map-new-intro {
    margin: 72px 0 0 !important;
    padding: 0 20px !important;
  }

  body:has(.ay-map-type-page) .ay-map-new-copy {
    display: none !important;
  }

  body:has(.ay-map-type-page) .ay-map-new-filters {
    display: block !important;
  }

  body:has(.ay-map-type-page) .ay-map-new-mobile-contact {
    margin-top: 92px !important;
  }
}

/* =========================================================
   AJUSTES FINALES — LISTAS DINÁMICAS / CARRUSEL / TIPO DOC
   Pegar al final. Incluido aquí en el CSS completo.
   ========================================================= */

/* Recomendado: en la página Mapeo usa marcador:
   <div class="ay-map-new-page ay-map-home-page" hidden> </div>
   Si todavía no lo agregaste, el selector fallback también funciona para la página
   que tenga .ay-map-new-page pero NO sea Artistas ni Tipo de documento. */

/* ---------------------------------------------------------
   MAPEO — documentos destacados como carrusel horizontal
   --------------------------------------------------------- */
body:has(.ay-map-home-page) #content .block.browse-preview,
body:has(.ay-map-home-page) #content .block.preview,
body:has(.ay-map-home-page) #content .block.item-showcase,
body:has(.ay-map-home-page) #content .block.item-set-showcase,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 0 0 118px !important;
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  overflow: hidden !important;
  position: relative !important;
  border: 0 !important;
}

body:has(.ay-map-home-page) .ay-map-new-featured-heading,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) .ay-map-new-featured-heading {
  width: min(1100px, calc(100vw - 140px)) !important;
  margin: 76px auto 50px !important;
  padding: 0 !important;
  text-align: center !important;
}

body:has(.ay-map-home-page) .ay-map-new-featured-heading h2,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) .ay-map-new-featured-heading h2 {
  margin: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 0.28em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview > h2,
body:has(.ay-map-home-page) #content .block.preview > h2,
body:has(.ay-map-home-page) #content .block.item-showcase > h2,
body:has(.ay-map-home-page) #content .block.item-set-showcase > h2,
body:has(.ay-map-home-page) #content .block.browse-preview > h3,
body:has(.ay-map-home-page) #content .block.preview > h3,
body:has(.ay-map-home-page) #content .block.item-showcase > h3,
body:has(.ay-map-home-page) #content .block.item-set-showcase > h3,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview > h2,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview > h2,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase > h2,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase > h2,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview > h3,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview > h3,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase > h3,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase > h3 {
  display: none !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview .resource-list,
body:has(.ay-map-home-page) #content .block.preview .resource-list,
body:has(.ay-map-home-page) #content .block.item-showcase .resource-list,
body:has(.ay-map-home-page) #content .block.item-set-showcase .resource-list,
body:has(.ay-map-home-page) #content .block.browse-preview .resources,
body:has(.ay-map-home-page) #content .block.preview .resources,
body:has(.ay-map-home-page) #content .block.item-showcase .resources,
body:has(.ay-map-home-page) #content .block.item-set-showcase .resources,
body:has(.ay-map-home-page) #content .block.browse-preview ul,
body:has(.ay-map-home-page) #content .block.preview ul,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resource-list,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resource-list,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase .resource-list,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase .resource-list,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resources,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resources,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase .resources,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase .resources,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview ul,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 36px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  list-style: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-home-page) #content .block.preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resource-list::-webkit-scrollbar,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resource-list::-webkit-scrollbar {
  display: none !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview .resource,
body:has(.ay-map-home-page) #content .block.preview .resource,
body:has(.ay-map-home-page) #content .block.item-showcase .resource,
body:has(.ay-map-home-page) #content .block.item-set-showcase .resource,
body:has(.ay-map-home-page) #content .block.browse-preview li,
body:has(.ay-map-home-page) #content .block.preview li,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resource,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resource,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase .resource,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase .resource,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview li,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview li {
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 300px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ay-new-lavender) !important;
  list-style: none !important;
  scroll-snap-align: start !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview .resource:first-child,
body:has(.ay-map-home-page) #content .block.preview .resource:first-child,
body:has(.ay-map-home-page) #content .block.item-showcase .resource:first-child,
body:has(.ay-map-home-page) #content .block.item-set-showcase .resource:first-child,
body:has(.ay-map-home-page) #content .block.browse-preview li:first-child,
body:has(.ay-map-home-page) #content .block.preview li:first-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resource:first-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resource:first-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase .resource:first-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase .resource:first-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview li:first-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview li:first-child {
  margin-left: calc((100vw - min(1100px, calc(100vw - 140px))) / 2) !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview .resource:last-child,
body:has(.ay-map-home-page) #content .block.preview .resource:last-child,
body:has(.ay-map-home-page) #content .block.item-showcase .resource:last-child,
body:has(.ay-map-home-page) #content .block.item-set-showcase .resource:last-child,
body:has(.ay-map-home-page) #content .block.browse-preview li:last-child,
body:has(.ay-map-home-page) #content .block.preview li:last-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resource:last-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resource:last-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase .resource:last-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase .resource:last-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview li:last-child,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview li:last-child {
  margin-right: calc((100vw - min(1100px, calc(100vw - 140px))) / 2) !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview img,
body:has(.ay-map-home-page) #content .block.preview img,
body:has(.ay-map-home-page) #content .block.item-showcase img,
body:has(.ay-map-home-page) #content .block.item-set-showcase img,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview img,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview img,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase img,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase img {
  display: block !important;
  width: 300px !important;
  height: 376px !important;
  object-fit: cover !important;
  margin: 0 0 18px !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview .resource-title,
body:has(.ay-map-home-page) #content .block.preview .resource-title,
body:has(.ay-map-home-page) #content .block.item-showcase .resource-title,
body:has(.ay-map-home-page) #content .block.item-set-showcase .resource-title,
body:has(.ay-map-home-page) #content .block.browse-preview h3,
body:has(.ay-map-home-page) #content .block.preview h3,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview .resource-title,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview .resource-title,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase .resource-title,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase .resource-title,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview h3,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview h3 {
  margin: 0 0 10px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-decoration: none !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview a,
body:has(.ay-map-home-page) #content .block.preview a,
body:has(.ay-map-home-page) #content .block.item-showcase a,
body:has(.ay-map-home-page) #content .block.item-set-showcase a,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview a,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview a,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase a,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase a {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview p,
body:has(.ay-map-home-page) #content .block.preview p,
body:has(.ay-map-home-page) #content .block.item-showcase p,
body:has(.ay-map-home-page) #content .block.item-set-showcase p,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview p,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview p,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase p,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase p {
  margin: 0 !important;
  color: var(--ay-new-lavender) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.12em !important;
}

body:has(.ay-map-home-page) #content .block.browse-preview::after,
body:has(.ay-map-home-page) #content .block.preview::after,
body:has(.ay-map-home-page) #content .block.item-showcase::after,
body:has(.ay-map-home-page) #content .block.item-set-showcase::after,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview::after,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview::after,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase::after,
body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase::after {
  content: "→" !important;
  position: absolute !important;
  right: 7vw !important;
  top: 144px !important;
  color: var(--ay-new-pink) !important;
  font-size: 56px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
  display: block !important;
}

/* ---------------------------------------------------------
   ARTISTAS — lista dinámica en tres columnas, sin carrusel
   --------------------------------------------------------- */
body:has(.ay-map-artists-page) #content .block.browse-preview,
body:has(.ay-map-artists-page) #content .block.preview,
body:has(.ay-map-artists-page) #content .block.item-showcase,
body:has(.ay-map-artists-page) #content .block.item-set-showcase {
  width: min(1100px, calc(100vw - 140px)) !important;
  max-width: min(1100px, calc(100vw - 140px)) !important;
  margin: 64px auto 0 !important;
  padding: 0 28px 78px !important;
  background: #571447 !important;
  border-bottom: 1.5px solid var(--ay-new-line) !important;
  overflow: visible !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview::after,
body:has(.ay-map-artists-page) #content .block.preview::after,
body:has(.ay-map-artists-page) #content .block.item-showcase::after,
body:has(.ay-map-artists-page) #content .block.item-set-showcase::after {
  content: none !important;
  display: none !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource-list,
body:has(.ay-map-artists-page) #content .block.preview .resource-list,
body:has(.ay-map-artists-page) #content .block.item-showcase .resource-list,
body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-list,
body:has(.ay-map-artists-page) #content .block.browse-preview .resources,
body:has(.ay-map-artists-page) #content .block.preview .resources,
body:has(.ay-map-artists-page) #content .block.item-showcase .resources,
body:has(.ay-map-artists-page) #content .block.item-set-showcase .resources,
body:has(.ay-map-artists-page) #content .block.browse-preview ul,
body:has(.ay-map-artists-page) #content .block.preview ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: clamp(74px, 12vw, 160px) !important;
  row-gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource,
body:has(.ay-map-artists-page) #content .block.preview .resource,
body:has(.ay-map-artists-page) #content .block.item-showcase .resource,
body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource,
body:has(.ay-map-artists-page) #content .block.browse-preview li,
body:has(.ay-map-artists-page) #content .block.preview li {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title,
body:has(.ay-map-artists-page) #content .block.preview .resource-title,
body:has(.ay-map-artists-page) #content .block.item-showcase .resource-title,
body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-title,
body:has(.ay-map-artists-page) #content .block.browse-preview h3,
body:has(.ay-map-artists-page) #content .block.preview h3,
body:has(.ay-map-artists-page) #content .block.browse-preview h4,
body:has(.ay-map-artists-page) #content .block.preview h4,
body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title a,
body:has(.ay-map-artists-page) #content .block.preview .resource-title a,
body:has(.ay-map-artists-page) #content .block.item-showcase .resource-title a,
body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-title a,
body:has(.ay-map-artists-page) #content .block.browse-preview h3 a,
body:has(.ay-map-artists-page) #content .block.preview h3 a,
body:has(.ay-map-artists-page) #content .block.browse-preview h4 a,
body:has(.ay-map-artists-page) #content .block.preview h4 a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.30 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:has(.ay-map-artists-page) #content .block.browse-preview img,
body:has(.ay-map-artists-page) #content .block.preview img,
body:has(.ay-map-artists-page) #content .block.item-showcase img,
body:has(.ay-map-artists-page) #content .block.item-set-showcase img,
body:has(.ay-map-artists-page) #content .block.browse-preview .thumbnail,
body:has(.ay-map-artists-page) #content .block.preview .thumbnail,
body:has(.ay-map-artists-page) #content .block.browse-preview .resource-body,
body:has(.ay-map-artists-page) #content .block.preview .resource-body,
body:has(.ay-map-artists-page) #content .block.item-showcase .resource-body,
body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-body,
body:has(.ay-map-artists-page) #content .block.browse-preview p,
body:has(.ay-map-artists-page) #content .block.preview p,
body:has(.ay-map-artists-page) #content .block.item-showcase p,
body:has(.ay-map-artists-page) #content .block.item-set-showcase p {
  display: none !important;
}

/* ---------------------------------------------------------
   TIPO DE DOCUMENTO — fallback HTML y facetas en columnas
   Funciona con:
   <section class="ay-map-type-list-section"><div class="ay-map-type-list">...</div></section>
   y también con .ay-map-type-static-list.
   --------------------------------------------------------- */
body:has(.ay-map-type-page) .ay-map-type-list-section {
  width: min(1100px, calc(100vw - 140px)) !important;
  max-width: min(1100px, calc(100vw - 140px)) !important;
  margin: 42px auto 0 !important;
  padding: 0 26px 62px !important;
  border-bottom: 1.5px solid var(--ay-new-line) !important;
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  overflow: visible !important;
}

body:has(.ay-map-type-page) .ay-map-type-list,
body:has(.ay-map-type-page) .ay-map-type-static-list {
  display: block !important;
  column-count: 3 !important;
  column-gap: 112px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body:has(.ay-map-type-page) .ay-map-type-list a,
body:has(.ay-map-type-page) .ay-map-type-static-list a,
body:has(.ay-map-type-page) .ay-map-type-static-list li {
  display: block !important;
  break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
  page-break-inside: avoid !important;
  margin: 0 0 25px !important;
  padding: 0 0 25px !important;
  border-bottom: 1.4px solid rgba(194, 56, 147, 0.68) !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  background: transparent !important;
}

body:has(.ay-map-type-page) .ay-map-type-list a span,
body:has(.ay-map-type-page) .ay-map-type-static-list a,
body:has(.ay-map-type-page) .ay-map-type-static-list span {
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
}

body:has(.ay-map-type-page) .ay-map-type-list a:hover span,
body:has(.ay-map-type-page) .ay-map-type-static-list a:hover {
  color: var(--ay-new-pink) !important;
}

/* Si por error queda el bloque Browse Preview en Tipo de documento, no debe tomar carrusel */
body:has(.ay-map-type-page) #content .block.browse-preview::after,
body:has(.ay-map-type-page) #content .block.preview::after,
body:has(.ay-map-type-page) #content .block.item-showcase::after,
body:has(.ay-map-type-page) #content .block.item-set-showcase::after {
  content: none !important;
  display: none !important;
}

/* ---------------------------------------------------------
   Browse all / View all — ocultar en todos los bloques nuevos
   --------------------------------------------------------- */
body:has(.ay-map-new-page) #content .block > a[href*="/item"],
body:has(.ay-map-new-page) #content .block > a[href*="/items"],
body:has(.ay-map-new-page) #content .block > a[href*="browse"],
body:has(.ay-map-new-page) #content .block > .browse-all,
body:has(.ay-map-new-page) #content .block > .browse-all-link,
body:has(.ay-map-new-page) #content .block > .view-all,
body:has(.ay-map-new-page) #content .block > .more-link,
body:has(.ay-map-new-page) #content .block .browse-all,
body:has(.ay-map-new-page) #content .block .browse-all-link,
body:has(.ay-map-new-page) #content .block .view-all,
body:has(.ay-map-new-page) #content .block .more-link {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ---------------------------------------------------------
   Responsive final para Mapeo / Artistas / Tipo Documento
   --------------------------------------------------------- */
@media (max-width: 760px) {
  body:has(.ay-map-home-page) .ay-map-new-featured-heading,
  body:has(.ay-map-home-page) #content .block.browse-preview,
  body:has(.ay-map-home-page) #content .block.preview,
  body:has(.ay-map-home-page) #content .block.item-showcase,
  body:has(.ay-map-home-page) #content .block.item-set-showcase,
  body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) .ay-map-new-featured-heading,
  body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.browse-preview,
  body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.preview,
  body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-showcase,
  body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) #content .block.item-set-showcase,
  body:has(.ay-map-home-page) .ay-map-new-donate,
  body:has(.ay-map-new-page):not(:has(.ay-map-artists-page)):not(:has(.ay-map-type-page)) .ay-map-new-donate {
    display: none !important;
  }

  body:has(.ay-map-artists-page) #content .block.browse-preview,
  body:has(.ay-map-artists-page) #content .block.preview,
  body:has(.ay-map-artists-page) #content .block.item-showcase,
  body:has(.ay-map-artists-page) #content .block.item-set-showcase {
    width: 100% !important;
    max-width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 20px 58px !important;
    border-bottom: 1.5px solid var(--ay-new-line) !important;
    background: #571447 !important;
  }

  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-list,
  body:has(.ay-map-artists-page) #content .block.preview .resource-list,
  body:has(.ay-map-artists-page) #content .block.item-showcase .resource-list,
  body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-list,
  body:has(.ay-map-artists-page) #content .block.browse-preview .resources,
  body:has(.ay-map-artists-page) #content .block.preview .resources,
  body:has(.ay-map-artists-page) #content .block.item-showcase .resources,
  body:has(.ay-map-artists-page) #content .block.item-set-showcase .resources,
  body:has(.ay-map-artists-page) #content .block.browse-preview ul,
  body:has(.ay-map-artists-page) #content .block.preview ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 13px !important;
    column-gap: 0 !important;
    padding: 0 !important;
  }

  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title,
  body:has(.ay-map-artists-page) #content .block.preview .resource-title,
  body:has(.ay-map-artists-page) #content .block.item-showcase .resource-title,
  body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-title,
  body:has(.ay-map-artists-page) #content .block.browse-preview h3,
  body:has(.ay-map-artists-page) #content .block.preview h3,
  body:has(.ay-map-artists-page) #content .block.browse-preview h4,
  body:has(.ay-map-artists-page) #content .block.preview h4,
  body:has(.ay-map-artists-page) #content .block.browse-preview .resource-title a,
  body:has(.ay-map-artists-page) #content .block.preview .resource-title a,
  body:has(.ay-map-artists-page) #content .block.item-showcase .resource-title a,
  body:has(.ay-map-artists-page) #content .block.item-set-showcase .resource-title a,
  body:has(.ay-map-artists-page) #content .block.browse-preview h3 a,
  body:has(.ay-map-artists-page) #content .block.preview h3 a,
  body:has(.ay-map-artists-page) #content .block.browse-preview h4 a,
  body:has(.ay-map-artists-page) #content .block.preview h4 a {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body:has(.ay-map-type-page) .ay-map-type-list-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 20px 58px !important;
    border-bottom: 1.5px solid var(--ay-new-line) !important;
    background: #571447 !important;
  }

  body:has(.ay-map-type-page) .ay-map-type-list,
  body:has(.ay-map-type-page) .ay-map-type-static-list {
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  body:has(.ay-map-type-page) .ay-map-type-list a,
  body:has(.ay-map-type-page) .ay-map-type-static-list a,
  body:has(.ay-map-type-page) .ay-map-type-static-list li {
    margin: 0 0 20px !important;
    padding: 0 0 20px !important;
  }

  body:has(.ay-map-type-page) .ay-map-type-list a span,
  body:has(.ay-map-type-page) .ay-map-type-static-list a,
  body:has(.ay-map-type-page) .ay-map-type-static-list span {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body:has(.ay-map-type-page) .ay-map-new-intro,
  body:has(.ay-map-artists-page) .ay-map-new-intro {
    margin: 72px 0 0 !important;
    padding: 0 20px !important;
  }

  body:has(.ay-map-type-page) .ay-map-new-copy,
  body:has(.ay-map-artists-page) .ay-map-new-copy {
    display: none !important;
  }
}

/* =========================================================
   PÁGINA REFERENCIAS — NUEVA VERSIÓN
   Requiere marcador: .ay-map-ref-page junto a .ay-map-new-page
   Usa la navegación nueva Mapeo / Conoce más y tabs Artistas/Tipo/Referencias.
   ========================================================= */

html:has(.ay-map-ref-page),
body:has(.ay-map-ref-page),
body:has(.ay-map-ref-page) #content {
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

body:has(.ay-map-ref-page) *,
body:has(.ay-map-ref-page) #content * {
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
}

body:has(.ay-map-ref-page) .ay-map-new-tabs .ay-map-new-tab.active,
body:has(.ay-map-ref-page) .ay-map-new-tabs .ay-map-new-tab.active:visited {
  color: var(--ay-new-pink) !important;
  background: transparent !important;
}

/* Contenedor del acordeón de referencias */
.ay-map-ref-content {
  width: min(1100px, calc(100vw - 140px)) !important;
  max-width: min(1100px, calc(100vw - 140px)) !important;
  margin: 42px auto 0 !important;
  padding: 0 0 70px !important;
  position: relative !important;
  background: #571447 !important;
  color: var(--ay-new-lavender) !important;
}

.ay-map-ref-list {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ay-map-ref-group {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1.5px solid var(--ay-new-line) !important;
  background: transparent !important;
  color: var(--ay-new-lavender) !important;
}

.ay-map-ref-group summary {
  min-height: 74px !important;
  padding: 0 48px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  list-style: none !important;
  cursor: pointer !important;
  color: var(--ay-new-lavender) !important;
}

.ay-map-ref-group summary::-webkit-details-marker {
  display: none !important;
}

.ay-map-ref-title {
  display: block !important;
  color: var(--ay-new-lavender) !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.ay-map-ref-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  transition: transform 160ms ease !important;
}

.ay-map-ref-group[open] .ay-map-ref-toggle {
  transform: rotate(45deg) !important;
}

.ay-map-ref-panel {
  padding: 4px 0 32px !important;
  color: var(--ay-new-lavender) !important;
}

.ay-map-ref-items {
  width: min(870px, 100%) !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 52px !important;
  row-gap: 13px !important;
}

.ay-map-ref-items li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ay-map-ref-items a,
.ay-map-ref-no-link {
  display: grid !important;
  gap: 4px !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
}

.ay-map-ref-items a span,
.ay-map-ref-no-link span {
  color: var(--ay-new-lavender) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.ay-map-ref-items a em,
.ay-map-ref-no-link em {
  color: rgba(200, 162, 255, 0.82) !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.ay-map-ref-items a:hover span {
  color: var(--ay-new-pink) !important;
}

.ay-map-ref-socials {
  position: absolute !important;
  right: -62px !important;
  top: 54px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.ay-map-ref-socials a {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  color: var(--ay-new-lavender) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Ajustes de intro/filtro para referencias */
body:has(.ay-map-ref-page) .ay-map-new-intro {
  margin-top: 92px !important;
}

body:has(.ay-map-ref-page) .ay-map-new-copy h1 {
  margin-bottom: 45px !important;
}

body:has(.ay-map-ref-page) .ay-map-new-bar {
  margin-top: 112px !important;
}

/* Footer compatible por si copias el footer viejo ay-femo-footer */
body:has(.ay-map-new-page) .ay-femo-footer,
body:has(.ay-map-new-page) .ay-femo-footer-inner {
  display: block !important;
  background: transparent !important;
  color: #2a0629 !important;
  font-family: var(--ay-new-font) !important;
}

body:has(.ay-map-new-page) .ay-femo-footer {
  width: min(760px, calc(100vw - 260px)) !important;
  margin: -38px auto 0 !important;
  padding: 0 0 34px !important;
  position: relative !important;
  z-index: 3 !important;
  text-align: center !important;
  font-size: 13px !important;
}

body:has(.ay-map-new-page) .ay-femo-footer p {
  margin: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1.5px solid #2a0629 !important;
}

body:has(.ay-map-new-page) .ay-femo-footer a {
  display: inline-block !important;
  margin-top: 16px !important;
  color: #2a0629 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}

@media (max-width: 1040px) {
  .ay-map-ref-content {
    width: min(920px, calc(100vw - 80px)) !important;
    max-width: min(920px, calc(100vw - 80px)) !important;
  }

  .ay-map-ref-socials {
    right: -42px !important;
  }

  .ay-map-ref-items {
    column-gap: 34px !important;
  }
}

@media (max-width: 760px) {
  .ay-map-ref-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 20px 58px !important;
    background: #571447 !important;
  }

  .ay-map-ref-group {
    border-bottom: 1.5px solid var(--ay-new-line) !important;
  }

  .ay-map-ref-group summary {
    min-height: 72px !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  .ay-map-ref-title {
    font-size: 14px !important;
    line-height: 1.24 !important;
    letter-spacing: 0.02em !important;
  }

  .ay-map-ref-toggle {
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    font-size: 15px !important;
    transform-origin: center !important;
  }

  .ay-map-ref-panel {
    padding: 0 0 24px !important;
  }

  .ay-map-ref-items {
    width: 100% !important;
    padding-left: 0 !important;
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
    column-gap: 0 !important;
  }

  .ay-map-ref-items a span,
  .ay-map-ref-no-link span {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .ay-map-ref-items a em,
  .ay-map-ref-no-link em {
    font-size: 10px !important;
    line-height: 1.22 !important;
  }

  .ay-map-ref-socials {
    display: none !important;
  }

  /* En móvil, igual que Artistas/Tipo: después del listado va directo FILTRAR POR */
  body:has(.ay-map-ref-page) .ay-map-new-intro {
    margin: 72px 0 0 !important;
    padding: 0 20px !important;
  }

  body:has(.ay-map-ref-page) .ay-map-new-copy {
    display: none !important;
  }

  body:has(.ay-map-ref-page) .ay-map-new-filters {
    display: block !important;
  }

  body:has(.ay-map-ref-page) .ay-map-new-mobile-contact {
    margin-top: 92px !important;
  }

  body:has(.ay-map-new-page) .ay-femo-footer {
    width: calc(100vw - 80px) !important;
    margin: -32px auto 0 !important;
    padding-bottom: 26px !important;
    font-size: 10px !important;
  }

  body:has(.ay-map-new-page) .ay-femo-footer a {
    font-size: 10px !important;
  }
}

/* =========================================================
   ICONOS SOCIALES COMO IMAGEN PNG/SVG
   ========================================================= */

.ay-map-new-mobile-socials a,
.ay-map-new-socials a,
.ay-map-ref-socials a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.ay-map-new-mobile-socials img,
.ay-map-new-socials img,
.ay-map-ref-socials img {
  display: block !important;
  object-fit: contain !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Iconos laterales de escritorio */
.ay-map-new-socials img,
.ay-map-ref-socials img {
  width: 28px !important;
  height: 28px !important;
  filter: var(--ay-new-logo-filter) !important;
}

/* Iconos grandes en contacto móvil */
.ay-map-new-mobile-socials img {
  width: 42px !important;
  height: 42px !important;
  filter: var(--ay-new-logo-filter) !important;
}

@media (max-width: 760px) {
  .ay-map-new-socials,
  .ay-map-ref-socials {
    display: none !important;
  }

  .ay-map-new-mobile-socials img {
    width: 42px !important;
    height: 42px !important;
  }
}


/* =========================================================
   FIX FINAL LIMPIO — UN SOLO SCROLL + FOOTER ETÉREO
   Este bloque reemplaza los fixes anteriores de footer/scroll.
   No mueve el bloque completo de Omeka; deja el bloque del footer
   sin altura y sube solo el footer sobre el degradado de donación.
   ========================================================= */

/* El scroll vertical debe quedar en la ventana/documento, no en body ni bloques internos. */
html:has(.ay-new-home-page),
html:has(.ay-map-new-page) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
}

body:has(.ay-new-home-page),
body:has(.ay-map-new-page) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  position: static !important;
  background: var(--ay-new-wine) !important;
}

@supports (overflow: clip) {
  body:has(.ay-new-home-page),
  body:has(.ay-map-new-page) {
    overflow-x: clip !important;
  }
}

/* Ningún contenedor general de Omeka debe crear un scroll vertical interno. */
body:has(.ay-new-home-page) #wrap,
body:has(.ay-new-home-page) #main,
body:has(.ay-new-home-page) main,
body:has(.ay-new-home-page) .site,
body:has(.ay-new-home-page) .site-main,
body:has(.ay-new-home-page) .site-content,
body:has(.ay-new-home-page) .wrapper,
body:has(.ay-new-home-page) .container,
body:has(.ay-new-home-page) .region,
body:has(.ay-new-home-page) #content,
body:has(.ay-new-home-page) #content .blocks,
body:has(.ay-new-home-page) #content .blocks-inner,
body:has(.ay-new-home-page) #content .block,
body:has(.ay-new-home-page) .blocks,
body:has(.ay-new-home-page) .blocks-inner,
body:has(.ay-new-home-page) .block,
body:has(.ay-new-home-page) .block-html,
body:has(.ay-map-new-page) #wrap,
body:has(.ay-map-new-page) #main,
body:has(.ay-map-new-page) main,
body:has(.ay-map-new-page) .site,
body:has(.ay-map-new-page) .site-main,
body:has(.ay-map-new-page) .site-content,
body:has(.ay-map-new-page) .wrapper,
body:has(.ay-map-new-page) .container,
body:has(.ay-map-new-page) .region,
body:has(.ay-map-new-page) #content,
body:has(.ay-map-new-page) #content .blocks,
body:has(.ay-map-new-page) #content .blocks-inner,
body:has(.ay-map-new-page) #content .block,
body:has(.ay-map-new-page) .blocks,
body:has(.ay-map-new-page) .blocks-inner,
body:has(.ay-map-new-page) .block,
body:has(.ay-map-new-page) .block-html {
  overflow-y: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Ocultar footer/navegación automáticos del tema sin ocultar nuestro footer. */
body:has(.ay-new-home-page) footer:not(.ay-map-new-footer):not(.ay-femo-footer),
body:has(.ay-map-new-page) footer:not(.ay-map-new-footer):not(.ay-femo-footer),
body:has(.ay-new-home-page) .site-footer,
body:has(.ay-map-new-page) .site-footer,
body:has(.ay-new-home-page) #footer,
body:has(.ay-map-new-page) #footer,
body:has(.ay-new-home-page) .footer:not(.ay-map-new-footer):not(.ay-femo-footer),
body:has(.ay-map-new-page) .footer:not(.ay-map-new-footer):not(.ay-femo-footer),
body:has(.ay-new-home-page) .site-info,
body:has(.ay-map-new-page) .site-info,
body:has(.ay-new-home-page) .powered-by,
body:has(.ay-map-new-page) .powered-by,
body:has(.ay-new-home-page) .site-page-pagination,
body:has(.ay-map-new-page) .site-page-pagination,
body:has(.ay-new-home-page) #content > nav,
body:has(.ay-map-new-page) #content > nav {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Bloque de donación: deja suficiente fondo para que el footer se vea dentro del mismo degradado. */
body:has(.ay-map-new-page) .ay-map-new-donate,
body:has(.ay-new-home-page) .ay-map-new-donate {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-top: 112px !important;
  padding-bottom: 210px !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  background:
    radial-gradient(
      ellipse at 50% 48%,
      rgba(87, 0, 49, 0.92) 0%,
      rgba(105, 18, 75, 0.74) 31%,
      rgba(151, 96, 181, 0.95) 68%,
      rgba(159, 112, 190, 1) 100%
    ) !important;
  background-color: #9f70be !important;
}

body:has(.ay-map-new-page) .ay-map-new-donate p,
body:has(.ay-new-home-page) .ay-map-new-donate p {
  width: min(820px, calc(100vw - 220px)) !important;
  margin: 0 auto 42px !important;
  color: var(--ay-new-lavender) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.075em !important;
}

body:has(.ay-map-new-page) .ay-map-new-donate-button,
body:has(.ay-new-home-page) .ay-map-new-donate-button {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* El bloque HTML que contiene el footer no debe ocupar espacio ni tener padding.
   Esto elimina el “padding debajo” y evita que aparezca un segundo scroll. */
body:has(.ay-map-new-page) #content .block:has(.ay-map-new-footer),
body:has(.ay-new-home-page) #content .block:has(.ay-map-new-footer),
body:has(.ay-map-new-page) #content .block.block-html:has(.ay-map-new-footer),
body:has(.ay-new-home-page) #content .block.block-html:has(.ay-map-new-footer) {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 40 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Footer personalizado: se sube visualmente sobre el bloque de donación,
   pero no ocupa altura propia en el flujo. */
body:has(.ay-map-new-page) .ay-map-new-footer,
body:has(.ay-new-home-page) .ay-map-new-footer,
body:has(.ay-map-new-page) footer.ay-map-new-footer,
body:has(.ay-new-home-page) footer.ay-map-new-footer {
  display: block !important;
  visibility: visible !important;
  width: min(760px, calc(100vw - 260px)) !important;
  max-width: min(760px, calc(100vw - 260px)) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 45 !important;
  transform: translateY(-132px) !important;
  overflow: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #2a0629 !important;
  text-align: center !important;
  font-family: var(--ay-new-font) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  pointer-events: auto !important;
}

.ay-map-new-footer::before,
.ay-map-new-footer::after {
  content: none !important;
  display: none !important;
}

body:has(.ay-map-new-page) .ay-map-new-footer p,
body:has(.ay-new-home-page) .ay-map-new-footer p,
body:has(.ay-map-new-page) footer.ay-map-new-footer p,
body:has(.ay-new-home-page) footer.ay-map-new-footer p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 0 10px !important;
  border-top: 0 !important;
  border-bottom: 1.35px solid #2a0629 !important;
  color: #2a0629 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font-family: var(--ay-new-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

body:has(.ay-map-new-page) .ay-map-new-footer a,
body:has(.ay-new-home-page) .ay-map-new-footer a,
body:has(.ay-map-new-page) footer.ay-map-new-footer a,
body:has(.ay-new-home-page) footer.ay-map-new-footer a {
  display: inline-block !important;
  margin: 14px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #2a0629 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: var(--ay-new-font) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

/* Carruseles/listas horizontales: solo ellos pueden tener scroll horizontal, nunca vertical. */
body:has(.ay-map-new-page) #content .block.browse-preview .resource-list,
body:has(.ay-map-new-page) #content .block.preview .resource-list,
body:has(.ay-map-new-page) #content .block.item-showcase .resource-list,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resource-list,
body:has(.ay-map-new-page) #content .block.browse-preview .resources,
body:has(.ay-map-new-page) #content .block.preview .resources,
body:has(.ay-map-new-page) #content .block.item-showcase .resources,
body:has(.ay-map-new-page) #content .block.item-set-showcase .resources {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-height: none !important;
}

@media (max-width: 760px) {
  body:has(.ay-map-new-page) .ay-map-new-donate,
  body:has(.ay-new-home-page) .ay-map-new-donate {
    padding-top: 78px !important;
    padding-bottom: 165px !important;
    background:
      radial-gradient(
        ellipse at 50% 45%,
        rgba(87, 0, 49, 0.82) 0%,
        rgba(110, 31, 89, 0.70) 34%,
        rgba(159, 112, 190, 0.96) 72%,
        rgba(159, 112, 190, 1) 100%
      ) !important;
    background-color: #9f70be !important;
  }

  body:has(.ay-map-new-page) .ay-map-new-donate p,
  body:has(.ay-new-home-page) .ay-map-new-donate p {
    width: min(310px, calc(100vw - 48px)) !important;
    margin-bottom: 26px !important;
    font-size: 11px !important;
    line-height: 1.42 !important;
    letter-spacing: 0.055em !important;
  }

  body:has(.ay-map-new-page) #content .block:has(.ay-map-new-footer),
  body:has(.ay-new-home-page) #content .block:has(.ay-map-new-footer),
  body:has(.ay-map-new-page) #content .block.block-html:has(.ay-map-new-footer),
  body:has(.ay-new-home-page) #content .block.block-html:has(.ay-map-new-footer) {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body:has(.ay-map-new-page) .ay-map-new-footer,
  body:has(.ay-new-home-page) .ay-map-new-footer,
  body:has(.ay-map-new-page) footer.ay-map-new-footer,
  body:has(.ay-new-home-page) footer.ay-map-new-footer {
    width: calc(100vw - 92px) !important;
    max-width: calc(100vw - 92px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: translateY(-108px) !important;
    background: transparent !important;
    overflow: visible !important;
    font-size: 9px !important;
  }

  body:has(.ay-map-new-page) .ay-map-new-footer p,
  body:has(.ay-new-home-page) .ay-map-new-footer p,
  body:has(.ay-map-new-page) footer.ay-map-new-footer p,
  body:has(.ay-new-home-page) footer.ay-map-new-footer p {
    padding-bottom: 9px !important;
    border-bottom: 1.1px solid #2a0629 !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  body:has(.ay-map-new-page) .ay-map-new-footer a,
  body:has(.ay-new-home-page) .ay-map-new-footer a,
  body:has(.ay-map-new-page) footer.ay-map-new-footer a,
  body:has(.ay-new-home-page) footer.ay-map-new-footer a {
    margin-top: 12px !important;
    font-size: 9px !important;
  }
}


/* =========================================================
   CONOCE MÁS Y SUBPÁGINAS — CSS RECUPERADO DEL ESTILO ANTERIOR
   Se mantiene separado y scoped por marcadores: .ay-page-conoce-mas,
   .ay-desc-page, .ay-met-page, .ay-hist-page, .ay-som-page, .ay-par-page, .ay-pol-page.
   ========================================================= */

   ARCHIVAS & DOCUMENTAS — CONOCE MÁS
   Omeka S / página principal usando TODO el ancho real
   ========================================================= */

:root {
  --ay-dark: #2a0629;
  --ay-pink: #c43a91;
  --ay-bg: #f4dce7;
  --ay-lavender-top: #b996ef;
  --ay-lavender-soft: #d8b8ee;
  --ay-line: #c43a91;
  --ay-purple-soft: #caa2e9;
  --ay-mono: "Courier Prime", "Courier New", Courier, monospace;

  /* Esta es la clave: NO hay max-width rígido para Conoce más.
     Se usa el ancho completo del navegador con un margen lateral proporcional. */
  --ay-page-pad-x: clamp(54px, 8vw, 150px);
  --ay-content-gap: clamp(34px, 5vw, 76px);
  --ay-hero-gap: clamp(44px, 6vw, 96px);
}

/* =========================================================
   LIMPIEZA DEL THEME SOLO EN CONOCE MÁS
   ========================================================= */

html:has(.ay-page-conoce-mas),
body:has(.ay-page-conoce-mas) {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  background: var(--ay-bg) !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
}

body:has(.ay-page-conoce-mas) .ay-page-conoce-mas {
  display: none !important;
}

body:has(.ay-page-conoce-mas) #content > h1:first-child {
  display: none !important;
}

body:has(.ay-page-conoce-mas) header,
body:has(.ay-page-conoce-mas) .site-header,
body:has(.ay-page-conoce-mas) .site-title,
body:has(.ay-page-conoce-mas) .site-title-wrapper,
body:has(.ay-page-conoce-mas) .site-search,
body:has(.ay-page-conoce-mas) .search-form,
body:has(.ay-page-conoce-mas) .search,
body:has(.ay-page-conoce-mas) .sub-menu,
body:has(.ay-page-conoce-mas) .child-navigation,
body:has(.ay-page-conoce-mas) .page-navigation,
body:has(.ay-page-conoce-mas) .page-nav,
body:has(.ay-page-conoce-mas) nav.breadcrumbs,
body:has(.ay-page-conoce-mas) .pagination,
body:has(.ay-page-conoce-mas) .previous,
body:has(.ay-page-conoce-mas) .next,
body:has(.ay-page-conoce-mas) .site-footer,
body:has(.ay-page-conoce-mas) footer.site-footer {
  display: none !important;
}

/* Anula posibles contenedores del theme que limitan el ancho */
body:has(.ay-page-conoce-mas) main,
body:has(.ay-page-conoce-mas) .site,
body:has(.ay-page-conoce-mas) .site-main,
body:has(.ay-page-conoce-mas) .wrapper,
body:has(.ay-page-conoce-mas) .container,
body:has(.ay-page-conoce-mas) .region,
body:has(.ay-page-conoce-mas) #wrap,
body:has(.ay-page-conoce-mas) #main,
body:has(.ay-page-conoce-mas) #content,
body:has(.ay-page-conoce-mas) #content .blocks,
body:has(.ay-page-conoce-mas) #content .block {
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Fondo único de la página: no se repite en cada bloque. */
body:has(.ay-page-conoce-mas) #content {
  min-height: 100vh !important;
  background:
    linear-gradient(
      180deg,
      var(--ay-lavender-top) 0px,
      var(--ay-lavender-soft) 26px,
      var(--ay-bg) 88px,
      var(--ay-bg) 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

body:has(.ay-page-conoce-mas) #content .block,
body:has(.ay-page-conoce-mas) #content section,
body:has(.ay-page-conoce-mas) #content article,
body:has(.ay-page-conoce-mas) #content aside,
body:has(.ay-page-conoce-mas) #content figure,
body:has(.ay-page-conoce-mas) .ay-content-row,
body:has(.ay-page-conoce-mas) .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-contact-card,
body:has(.ay-page-conoce-mas) .ay-media-card,
body:has(.ay-page-conoce-mas) .ay-side-text,
body:has(.ay-page-conoce-mas) .ay-subscribe-area,
body:has(.ay-page-conoce-mas) .ay-conoce-footer {
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================================================
   HERO SUPERIOR — FULL WIDTH
   ========================================================= */

body:has(.ay-page-conoce-mas) .ay-hero-main {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: transparent !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 76px var(--ay-page-pad-x) 0 !important;
  min-height: 235px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 30vw) minmax(440px, 1fr) 30px !important;
  column-gap: var(--ay-hero-gap) !important;
  align-items: start !important;
  justify-content: stretch !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* Logo */
body:has(.ay-page-conoce-mas) .ay-logo-area {
  min-height: 132px !important;
  position: relative !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image-link {
  display: inline-block !important;
  text-decoration: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image {
  display: block !important;
  width: clamp(245px, 24vw, 365px) !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-text,
body:has(.ay-page-conoce-mas) .ay-logo-wave,
body:has(.ay-page-conoce-mas) .ay-logo-area:has(.ay-logo-image) .ay-logo-text,
body:has(.ay-page-conoce-mas) .ay-logo-area:has(.ay-logo-image) .ay-logo-wave {
  display: none !important;
}

/* Buscador con HTML directo: login + label + input + button + caption */
body:has(.ay-page-conoce-mas) .ay-search-area {
  width: 100% !important;
  max-width: none !important;
  padding-top: 0 !important;
  display: grid !important;
  grid-template-columns: 105px minmax(200px, 1fr) clamp(130px, 13vw, 190px) !important;
  grid-template-areas:
    "login login login"
    "label input button"
    "caption caption caption" !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-login {
  grid-area: login !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  text-align: right !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
}

body:has(.ay-page-conoce-mas) .ay-login a,
body:has(.ay-page-conoce-mas) .ay-login span {
  color: var(--ay-dark) !important;
  text-decoration: none !important;
}

body:has(.ay-page-conoce-mas) .ay-login a:hover {
  text-decoration: underline !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label {
  grid-area: label !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 26px !important;
  padding: 0 0 0 10px !important;
  margin: 0 !important;
  border-top: 2px solid var(--ay-dark) !important;
  border-bottom: 2px solid var(--ay-dark) !important;
  border-left: 2px solid var(--ay-dark) !important;
  border-right: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input {
  grid-area: input !important;
  display: block !important;
  width: 100% !important;
  height: 26px !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-top: 2px solid var(--ay-dark) !important;
  border-bottom: 2px solid var(--ay-dark) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button {
  grid-area: button !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 26px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
  background: var(--ay-dark) !important;
  color: #dfbff0 !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

/* También soporta la versión con .ay-search o .ay-search-box si algún bloque quedó así */
body:has(.ay-page-conoce-mas) .ay-search,
body:has(.ay-page-conoce-mas) .ay-search-box {
  grid-area: label / label / button / button !important;
  display: grid !important;
  grid-template-columns: 105px minmax(200px, 1fr) clamp(130px, 13vw, 190px) !important;
  width: 100% !important;
  height: 26px !important;
  border: 2px solid var(--ay-dark) !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

body:has(.ay-page-conoce-mas) .ay-search label,
body:has(.ay-page-conoce-mas) .ay-search-box label,
body:has(.ay-page-conoce-mas) .ay-search-label {
  display: flex !important;
  align-items: center !important;
  padding-left: 10px !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.ay-page-conoce-mas) .ay-search input,
body:has(.ay-page-conoce-mas) .ay-search-box input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: 0 !important;
  height: 100% !important;
}

body:has(.ay-page-conoce-mas) .ay-search button,
body:has(.ay-page-conoce-mas) .ay-search-box button,
body:has(.ay-page-conoce-mas) .ay-search-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: var(--ay-dark) !important;
  color: #dfbff0 !important;
  text-decoration: none !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-caption {
  grid-area: caption !important;
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 0 !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: clamp(12px, 1vw, 14px) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
}

body:has(.ay-page-conoce-mas) .ay-lang {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body:has(.ay-page-conoce-mas) .ay-lang a,
body:has(.ay-page-conoce-mas) .ay-lang span {
  color: var(--ay-dark) !important;
  text-decoration: none !important;
}

/* Accesos principales */
body:has(.ay-page-conoce-mas) .ay-main-access {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px var(--ay-page-pad-x) 54px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
  column-gap: clamp(42px, 8vw, 145px) !important;
  align-items: start !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-access {
  display: grid !important;
  grid-template-rows: 78px auto !important;
  align-items: end !important;
  justify-items: center !important;
  color: var(--ay-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-mono) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body:has(.ay-page-conoce-mas) .ay-access::before,
body:has(.ay-page-conoce-mas) .ay-access-active::before {
  display: none !important;
  content: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon {
  display: block !important;
  align-self: end !important;
  justify-self: center !important;
  width: auto !important;
  height: auto !important;
  max-height: 66px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-conoce {
  max-width: 72px !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-mapeo {
  max-width: 88px !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-femoteca {
  max-width: 96px !important;
}

body:has(.ay-page-conoce-mas) .ay-access strong {
  grid-row: 2 !important;
  align-self: start !important;
  display: block !important;
  margin-top: 12px !important;
  color: var(--ay-dark) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access-active strong {
  color: var(--ay-pink) !important;
}

body:has(.ay-page-conoce-mas) .ay-access-circle,
body:has(.ay-page-conoce-mas) .ay-access-mapeo,
body:has(.ay-page-conoce-mas) .ay-access-femoteca {
  display: none !important;
}

/* Barra negra full width */
body:has(.ay-page-conoce-mas) .ay-conoce-nav {
  width: 100vw !important;
  max-width: none !important;
  min-height: 24px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: var(--ay-dark) !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  align-items: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav a {
  display: block !important;
  width: 100% !important;
  color: var(--ay-purple-soft) !important;
  text-decoration: none !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 7px 10px 6px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav a:hover {
  color: var(--ay-pink) !important;
}

/* =========================================================
   CONTENIDO PRINCIPAL — FULL WIDTH CONTROLADO POR PADDING
   ========================================================= */

body:has(.ay-page-conoce-mas) .ay-content-row {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: var(--ay-page-pad-x) !important;
  padding-right: var(--ay-page-pad-x) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.88fr) !important;
  column-gap: var(--ay-content-gap) !important;
  align-items: start !important;
  box-sizing: border-box !important;
  font-family: var(--ay-mono) !important;
}

body:has(.ay-page-conoce-mas) .ay-row-descripcion {
  padding-top: 72px !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card {
  border-bottom: 1.5px solid var(--ay-line) !important;
  padding-top: 0 !important;
  padding-bottom: 46px !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-row-somos .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-row-participa .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-row-contribuye .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-row-apoyos .ay-left-card {
  padding-top: 38px !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card h1,
body:has(.ay-page-conoce-mas) .ay-left-card h2 {
  margin: 0 0 29px !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.065em !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card h1 {
  font-size: clamp(48px, 5vw, 72px) !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card h2 {
  font-size: clamp(44px, 4.7vw, 68px) !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card p,
body:has(.ay-page-conoce-mas) .ay-side-text p {
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.035em !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card p {
  max-width: none !important;
  margin: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-read-more {
  color: var(--ay-pink) !important;
  font-weight: 900 !important;
  font-style: italic !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:has(.ay-page-conoce-mas) .ay-read-more:hover {
  text-decoration: underline !important;
}

/* Contacto */
body:has(.ay-page-conoce-mas) .ay-contact-card {
  position: relative !important;
  padding-top: 41px !important;
  min-height: 225px !important;
  text-align: center !important;
  color: var(--ay-pink) !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-card h2 {
  margin: 0 0 29px !important;
  color: var(--ay-pink) !important;
  font-family: var(--ay-mono) !important;
  font-size: clamp(30px, 2.8vw, 42px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.04em !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-item {
  margin-bottom: 19px !important;
  color: var(--ay-pink) !important;
  font-family: var(--ay-mono) !important;
  font-size: clamp(14px, 1.1vw, 17px) !important;
  line-height: 1.25 !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-item span {
  display: block !important;
  margin-bottom: 7px !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-item a {
  color: var(--ay-pink) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-size: clamp(12px, 1vw, 15px) !important;
  word-break: break-word !important;
}

body:has(.ay-page-conoce-mas) .ay-socials {
  position: absolute !important;
  right: -34px !important;
  top: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

body:has(.ay-page-conoce-mas) .ay-socials a {
  width: 25px !important;
  height: 25px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--ay-dark) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Imagen/video derecha */
body:has(.ay-page-conoce-mas) .ay-media-card {
  margin: 43px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 420px !important;
  justify-self: start !important;
}

body:has(.ay-page-conoce-mas) .ay-media-card img,
body:has(.ay-page-conoce-mas) .ay-media-card video,
body:has(.ay-page-conoce-mas) .ay-media-card iframe {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Texto lateral */
body:has(.ay-page-conoce-mas) .ay-side-text {
  width: 100% !important;
  max-width: 420px !important;
  margin-top: 31px !important;
  justify-self: start !important;
}

body:has(.ay-page-conoce-mas) .ay-side-text p {
  width: 100% !important;
  margin: 0 !important;
  line-height: 1.38 !important;
}

/* Suscribirse */
body:has(.ay-page-conoce-mas) .ay-subscribe-area {
  padding-top: 58px !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-subscribe-button {
  display: block !important;
  width: clamp(220px, 22vw, 320px) !important;
  margin: 0 auto !important;
  padding: 7px 18px 6px !important;
  border: 1.5px solid var(--ay-dark) !important;
  color: var(--ay-pink) !important;
  background: transparent !important;
  text-align: center !important;
  text-decoration: none !important;
  font-family: var(--ay-mono) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
}

body:has(.ay-page-conoce-mas) .ay-subscribe-button:hover {
  background: var(--ay-dark) !important;
  color: var(--ay-bg) !important;
}

/* Apoyos */
body:has(.ay-page-conoce-mas) .ay-row-apoyos {
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.88fr) !important;
}

body:has(.ay-page-conoce-mas) .ay-row-apoyos .ay-left-card {
  grid-column: 1 !important;
}

/* Footer interno */
body:has(.ay-page-conoce-mas) .ay-conoce-footer {
  width: min(760px, calc(100vw - 160px)) !important;
  margin: 92px auto 0 !important;
  padding: 0 0 34px !important;
  text-align: center !important;
  color: var(--ay-dark) !important;
  font-family: var(--ay-mono) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer p {
  margin: 0 !important;
  padding-bottom: 9px !important;
  border-bottom: 1.5px solid var(--ay-dark) !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer a {
  display: inline-block !important;
  margin-top: 14px !important;
  color: var(--ay-dark) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   RESPONSIVE CONOCE MÁS
   ========================================================= */

@media (min-width: 1600px) {
  :root {
    --ay-page-pad-x: clamp(120px, 9vw, 210px);
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner {
    min-height: 270px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-main-access {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1050px) {
  :root {
    --ay-page-pad-x: clamp(38px, 6vw, 70px);
    --ay-content-gap: clamp(28px, 4vw, 42px);
    --ay-hero-gap: clamp(28px, 4vw, 50px);
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner {
    grid-template-columns: minmax(230px, 30vw) minmax(390px, 1fr) 26px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-image {
    width: clamp(230px, 25vw, 280px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-content-row {
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.9fr) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-socials {
    right: -20px !important;
  }
}

@media (max-width: 860px) {
  :root {
    --ay-page-pad-x: clamp(17px, 4vw, 34px);
  }

  body:has(.ay-page-conoce-mas) #content {
    background:
      linear-gradient(
        180deg,
        var(--ay-lavender-top) 0px,
        var(--ay-lavender-soft) 20px,
        var(--ay-bg) 64px,
        var(--ay-bg) 100%
      ) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner {
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
    min-height: auto !important;
    padding-top: 46px !important;
    padding-bottom: 34px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-image {
    width: 260px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area {
    grid-template-columns: 90px minmax(100px, 1fr) 120px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang {
    position: absolute !important;
    right: var(--ay-page-pad-x) !important;
    top: 46px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-main-access {
    grid-template-columns: 1fr !important;
    row-gap: 30px !important;
    padding-bottom: 34px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-conoce-nav {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-conoce-nav a {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-content-row,
  body:has(.ay-page-conoce-mas) .ay-row-apoyos {
    grid-template-columns: 1fr !important;
  }

  body:has(.ay-page-conoce-mas) .ay-row-descripcion {
    padding-top: 48px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-contact-card {
    text-align: left !important;
    padding-top: 42px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-socials {
    position: static !important;
    flex-direction: row !important;
    margin-top: 12px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-media-card,
  body:has(.ay-page-conoce-mas) .ay-side-text {
    width: 100% !important;
    max-width: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-subscribe-area {
    padding-top: 36px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-subscribe-button {
    margin-left: 0 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-conoce-footer {
    width: calc(100vw - 34px) !important;
  }
}

@media (max-width: 560px) {
  body:has(.ay-page-conoce-mas) .ay-logo-image {
    width: 220px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area {
    grid-template-columns: 84px minmax(80px, 1fr) 96px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > label,
  body:has(.ay-page-conoce-mas) .ay-search-area > button {
    font-size: 10px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-caption,
  body:has(.ay-page-conoce-mas) .ay-left-card p,
  body:has(.ay-page-conoce-mas) .ay-side-text p {
    font-size: 14px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-left-card h1,
  body:has(.ay-page-conoce-mas) .ay-left-card h2 {
    font-size: 40px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-contact-card h2 {
    font-size: 28px !important;
  }
}

/* =========================================================
   ARCHIVAS & DOCUMENTAS — SUBPÁGINA DESCRIPCIÓN
   Omeka S / bloques HTML editoriales
   ========================================================= */

:root {
  --ay-desc-dark: #2a0629;
  --ay-desc-pink: #c43a91;
  --ay-desc-bg: #f4dce7;
  --ay-desc-lavender-top: #b996ef;
  --ay-desc-lavender-mid: #e3c4ee;
  --ay-desc-line: #c43a91;
  --ay-desc-content: 990px;
  --ay-desc-left: 570px;
  --ay-desc-right: 320px;
  --ay-desc-gap: 55px;
  --ay-desc-mono: "Courier Prime", "Courier New", Courier, monospace;
}

/* =========================================================
   LIMPIEZA DEL THEME SOLO EN ESTA PÁGINA
   ========================================================= */

body:has(.ay-desc-page) {
  background:
    linear-gradient(
      180deg,
      var(--ay-desc-lavender-top) 0%,
      var(--ay-desc-lavender-mid) 14%,
      var(--ay-desc-bg) 31%,
      var(--ay-desc-bg) 72%,
      var(--ay-desc-lavender-top) 100%
    ) !important;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
}

body:has(.ay-desc-page) #content > h1:first-child {
  display: none !important;
}

body:has(.ay-desc-page) header,
body:has(.ay-desc-page) .site-header,
body:has(.ay-desc-page) .site-title,
body:has(.ay-desc-page) .site-title-wrapper,
body:has(.ay-desc-page) .site-search,
body:has(.ay-desc-page) .search-form,
body:has(.ay-desc-page) .search,
body:has(.ay-desc-page) .sub-menu,
body:has(.ay-desc-page) .child-navigation,
body:has(.ay-desc-page) .page-navigation,
body:has(.ay-desc-page) .page-nav,
body:has(.ay-desc-page) nav.breadcrumbs {
  display: none !important;
}

body:has(.ay-desc-page) .ay-desc-nav {
  display: flex !important;
}

body:has(.ay-desc-page) #content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body:has(.ay-desc-page) #content .blocks {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:has(.ay-desc-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:has(.ay-desc-page) .pagination,
body:has(.ay-desc-page) .previous,
body:has(.ay-desc-page) .next,
body:has(.ay-desc-page) .site-footer,
body:has(.ay-desc-page) footer.site-footer {
  display: none !important;
}

/* =========================================================
   HERO SUPERIOR DESCRIPCIÓN
   ========================================================= */

.ay-desc-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(
      180deg,
      #b996ef 0%,
      #d8b8ee 58%,
      #f3dbe7 100%
    );
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  box-sizing: border-box;
}

.ay-desc-hero-inner {
  width: min(1000px, calc(100% - 80px));
  margin: 0 auto;
  min-height: 222px;
  display: grid;
  grid-template-columns: 365px 1fr 32px;
  column-gap: 42px;
  align-items: start;
  padding-top: 58px;
  box-sizing: border-box;
  position: relative;
}

.ay-desc-logo-area {
  position: relative;
  min-height: 120px;
}

.ay-desc-logo-text {
  color: var(--ay-desc-dark) !important;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 43px;
  line-height: 0.86;
  letter-spacing: -0.08em;
  display: inline-block;
}

.ay-desc-logo-wave {
  position: absolute;
  color: var(--ay-desc-dark);
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.22em;
}

.ay-desc-logo-wave-top {
  left: 178px;
  top: -15px;
}

.ay-desc-logo-wave-bottom {
  left: 198px;
  top: 72px;
}

.ay-desc-search-area {
  padding-top: 7px;
}

.ay-desc-login {
  text-align: right;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.ay-desc-login a,
.ay-desc-login span {
  color: var(--ay-desc-dark) !important;
  text-decoration: none !important;
}

.ay-desc-search {
  display: grid;
  grid-template-columns: 88px 1fr 184px;
  width: 520px;
  height: 25px;
  border: 2px solid var(--ay-desc-dark);
  box-sizing: border-box;
}

.ay-desc-search label {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.ay-desc-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 12px;
  padding: 0 8px;
  outline: none;
  box-shadow: none !important;
}

.ay-desc-search button {
  border: 0 !important;
  background: var(--ay-desc-dark) !important;
  color: #dfbff0 !important;
  font-family: var(--ay-desc-mono);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.ay-desc-hero-caption {
  width: 520px;
  max-width: 100%;
  margin: 13px 0 0;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.ay-desc-lang {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  gap: 5px;
  color: var(--ay-desc-dark);
  font-size: 11px;
  font-weight: 900;
  align-items: center;
}

.ay-desc-lang a,
.ay-desc-lang span {
  color: var(--ay-desc-dark) !important;
  text-decoration: none !important;
}

.ay-desc-main-access {
  width: min(640px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  align-items: start;
  padding: 0 0 43px;
}

.ay-desc-access {
  color: var(--ay-desc-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-desc-mono);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.ay-desc-access strong {
  display: block;
  margin-top: 12px;
  color: var(--ay-desc-dark);
}

.ay-desc-access-active strong {
  color: var(--ay-desc-pink);
}

.ay-desc-access-circle {
  width: 48px;
  height: 48px;
  border: 8px solid var(--ay-desc-pink);
  border-radius: 999px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}

.ay-desc-access-mapeo,
.ay-desc-access-femoteca {
  display: block;
  min-height: 50px;
  color: var(--ay-desc-dark);
  font-family: Arial, sans-serif;
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: -0.15em;
}

.ay-desc-access-mapeo {
  font-size: 21px;
}

.ay-desc-access-femoteca {
  font-size: 22px;
}

.ay-desc-nav {
  width: 100%;
  min-height: 23px;
  background: var(--ay-desc-dark);
  justify-content: center;
  align-items: center;
  gap: 0;
}

.ay-desc-nav a {
  display: block;
  color: #caa2e9 !important;
  text-decoration: none !important;
  font-family: var(--ay-desc-mono);
  font-size: 11px;
  line-height: 1;
  padding: 6px 43px 5px;
  text-transform: uppercase;
}

.ay-desc-nav a.active {
  background: #caa2e9;
  color: var(--ay-desc-dark) !important;
}

.ay-desc-nav a:hover {
  color: var(--ay-desc-pink) !important;
}

/* =========================================================
   BLOQUE DESCRIPCIÓN
   ========================================================= */

.ay-desc-layout {
  width: min(var(--ay-desc-content), calc(100% - 80px));
  margin: 0 auto;
  padding-top: 70px;
  display: grid;
  grid-template-columns: 42px var(--ay-desc-left) var(--ay-desc-right);
  column-gap: var(--ay-desc-gap);
  align-items: start;
  font-family: var(--ay-desc-mono);
  color: var(--ay-desc-dark);
  box-sizing: border-box;
}

.ay-desc-side-label {
  position: relative;
  min-height: 200px;
}

.ay-desc-side-label span {
  position: absolute;
  top: 165px;
  left: -15px;
  width: 60px;
  color: var(--ay-desc-pink);
  font-family: var(--ay-desc-mono);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}

.ay-desc-main-text h1 {
  margin: 0 0 42px;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 49px;
  line-height: 0.86;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}

.ay-desc-main-text p {
  margin: 0 0 24px;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 14.8px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-desc-read-more {
  color: var(--ay-desc-pink) !important;
  font-weight: 900;
  font-style: italic;
  text-decoration: none !important;
}

.ay-desc-read-more:hover {
  text-decoration: underline !important;
}

/* =========================================================
   COLUMNA DERECHA
   ========================================================= */

.ay-desc-sidebar {
  color: var(--ay-desc-dark);
}

.ay-desc-side-card {
  border-bottom: 1.5px solid var(--ay-desc-line);
  padding-bottom: 36px;
  margin-bottom: 38px;
  position: relative;
}

.ay-desc-side-card h2 {
  margin: 0 0 28px;
  color: var(--ay-desc-pink);
  font-family: var(--ay-desc-mono);
  font-size: 29px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}

.ay-desc-side-card p,
.ay-desc-side-card li {
  margin: 0 0 15px;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 13.6px;
  line-height: 1.36;
  letter-spacing: -0.035em;
}

.ay-desc-side-card ul {
  padding-left: 18px;
  margin: 0 0 12px;
}

.ay-desc-socials {
  position: absolute;
  right: -28px;
  top: 46px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ay-desc-socials a {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: var(--ay-desc-dark) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
}

.ay-desc-image-card {
  margin: 0 0 38px;
  padding: 0 0 36px;
  border-bottom: 1.5px solid var(--ay-desc-line);
}

.ay-desc-image-card img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 170px;
  object-fit: cover;
}

.ay-desc-image-card figcaption {
  margin-top: 9px;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 8.5px;
  line-height: 1.2;
  text-align: right;
}

/* =========================================================
   MISIÓN / RAZÓN DE SER
   ========================================================= */

.ay-desc-mision {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 70px;
  background:
    linear-gradient(
      90deg,
      #81115f 0%,
      #b05bd6 28%,
      #cda5ee 65%,
      #b996ef 100%
    );
  position: relative;
  padding: 0 0 70px;
  box-sizing: border-box;
  font-family: var(--ay-desc-mono);
  color: var(--ay-desc-dark);
}

.ay-desc-mision-inner {
  width: min(var(--ay-desc-content), calc(100% - 80px));
  margin: 0 auto;
  padding-top: 0;
}

.ay-desc-mision h2 {
  margin: 0 0 -4px;
  transform: translateY(-34px);
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 49px;
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}

.ay-desc-mision-image {
  margin: 0 0 48px;
  padding: 0;
}

.ay-desc-mision-image img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  display: block;
}

.ay-desc-mision p {
  width: min(850px, 100%);
  margin: 0 auto 18px;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 14.6px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-desc-side-label-mision {
  position: absolute;
  left: calc(50% - 545px);
  top: 360px;
  min-height: auto;
}

.ay-desc-side-label-mision span {
  position: static;
  color: #caa2e9;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

/* =========================================================
   FOOTER INTERNO
   ========================================================= */

.ay-desc-footer {
  width: min(680px, calc(100% - 80px));
  margin: 78px auto 0;
  padding: 0 0 34px;
  text-align: center;
  color: var(--ay-desc-dark);
  font-family: var(--ay-desc-mono);
  font-size: 13px;
  font-weight: 900;
}

.ay-desc-footer p {
  margin: 0;
  padding-bottom: 9px;
  border-bottom: 1.5px solid var(--ay-desc-dark);
}

.ay-desc-footer a {
  display: inline-block;
  margin-top: 14px;
  color: var(--ay-desc-dark) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
}

.ay-desc-footer a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {
  :root {
    --ay-desc-content: 900px;
    --ay-desc-left: 510px;
    --ay-desc-right: 300px;
    --ay-desc-gap: 38px;
  }

  .ay-desc-main-text h1,
  .ay-desc-mision h2 {
    font-size: 44px;
  }

  .ay-desc-nav a {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 860px) {
  .ay-desc-hero-inner {
    grid-template-columns: 1fr;
    row-gap: 28px;
    width: min(620px, calc(100% - 34px));
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 34px;
  }

  .ay-desc-logo-text {
    font-size: 38px;
  }

  .ay-desc-lang {
    position: absolute;
    right: 0;
    top: 42px;
  }

  .ay-desc-search {
    width: 100%;
    grid-template-columns: 88px 1fr 110px;
  }

  .ay-desc-hero-caption {
    width: 100%;
  }

  .ay-desc-main-access {
    grid-template-columns: 1fr;
    row-gap: 28px;
    padding-bottom: 34px;
  }

  .ay-desc-nav {
    flex-wrap: wrap;
  }

  .ay-desc-nav a {
    padding: 8px 14px;
  }

  .ay-desc-layout {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
    padding-top: 48px;
  }

  .ay-desc-side-label-top {
    display: none;
  }

  .ay-desc-main-text h1 {
    font-size: 40px;
  }

  .ay-desc-sidebar {
    margin-top: 42px;
  }

  .ay-desc-socials {
    position: static;
    flex-direction: row;
    margin-bottom: 18px;
  }

  .ay-desc-mision-inner {
    width: min(620px, calc(100% - 34px));
  }

  .ay-desc-mision h2 {
    font-size: 40px;
  }

  .ay-desc-side-label-mision {
    display: none;
  }

  .ay-desc-mision p {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .ay-desc-main-text h1,
  .ay-desc-mision h2 {
    font-size: 36px;
  }

  .ay-desc-main-text p,
  .ay-desc-side-card p,
  .ay-desc-side-card li,
  .ay-desc-mision p {
    font-size: 13.5px;
  }

  .ay-desc-side-card h2 {
    font-size: 25px;
  }
}
/* =========================================================
   ARCHIVAS & DOCUMENTAS — SUBPÁGINA METODOLOGÍA
   Omeka S / bloques HTML editoriales
   ========================================================= */

:root {
  --ay-met-dark: #2a0629;
  --ay-met-pink: #c43a91;
  --ay-met-bg: #f4dce7;
  --ay-met-lavender-top: #b996ef;
  --ay-met-lavender-mid: #e3c4ee;
  --ay-met-line: #c43a91;
  --ay-met-content: 990px;
  --ay-met-left: 540px;
  --ay-met-right: 330px;
  --ay-met-gap: 62px;
  --ay-met-mono: "Courier Prime", "Courier New", Courier, monospace;
}

/* =========================================================
   LIMPIEZA DEL THEME SOLO EN METODOLOGÍA
   ========================================================= */

body:has(.ay-met-page) {
  background:
    linear-gradient(
      180deg,
      var(--ay-met-lavender-top) 0%,
      var(--ay-met-lavender-mid) 14%,
      var(--ay-met-bg) 30%,
      var(--ay-met-bg) 70%,
      var(--ay-met-lavender-top) 100%
    ) !important;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
}

body:has(.ay-met-page) #content > h1:first-child {
  display: none !important;
}

body:has(.ay-met-page) header,
body:has(.ay-met-page) .site-header,
body:has(.ay-met-page) .site-title,
body:has(.ay-met-page) .site-title-wrapper,
body:has(.ay-met-page) .site-search,
body:has(.ay-met-page) .search-form,
body:has(.ay-met-page) .search,
body:has(.ay-met-page) .sub-menu,
body:has(.ay-met-page) .child-navigation,
body:has(.ay-met-page) .page-navigation,
body:has(.ay-met-page) .page-nav,
body:has(.ay-met-page) nav.breadcrumbs {
  display: none !important;
}

body:has(.ay-met-page) .ay-met-nav {
  display: flex !important;
}

body:has(.ay-met-page) #content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body:has(.ay-met-page) #content .blocks {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:has(.ay-met-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body:has(.ay-met-page) .pagination,
body:has(.ay-met-page) .previous,
body:has(.ay-met-page) .next,
body:has(.ay-met-page) .site-footer,
body:has(.ay-met-page) footer.site-footer {
  display: none !important;
}

/* =========================================================
   HERO SUPERIOR METODOLOGÍA
   ========================================================= */

.ay-met-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(
      180deg,
      #b996ef 0%,
      #d8b8ee 58%,
      #f3dbe7 100%
    );
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  box-sizing: border-box;
}

.ay-met-hero-inner {
  width: min(1000px, calc(100% - 80px));
  margin: 0 auto;
  min-height: 222px;
  display: grid;
  grid-template-columns: 365px 1fr 32px;
  column-gap: 42px;
  align-items: start;
  padding-top: 58px;
  box-sizing: border-box;
  position: relative;
}

.ay-met-logo-area {
  position: relative;
  min-height: 120px;
}

.ay-met-logo-text {
  color: var(--ay-met-dark) !important;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 43px;
  line-height: 0.86;
  letter-spacing: -0.08em;
  display: inline-block;
}

.ay-met-logo-wave {
  position: absolute;
  color: var(--ay-met-dark);
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.22em;
}

.ay-met-logo-wave-top {
  left: 178px;
  top: -15px;
}

.ay-met-logo-wave-bottom {
  left: 198px;
  top: 72px;
}

.ay-met-search-area {
  padding-top: 7px;
}

.ay-met-login {
  text-align: right;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.ay-met-login a,
.ay-met-login span {
  color: var(--ay-met-dark) !important;
  text-decoration: none !important;
}

.ay-met-search {
  display: grid;
  grid-template-columns: 88px 1fr 184px;
  width: 520px;
  height: 25px;
  border: 2px solid var(--ay-met-dark);
  box-sizing: border-box;
}

.ay-met-search label {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.ay-met-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 12px;
  padding: 0 8px;
  outline: none;
  box-shadow: none !important;
}

.ay-met-search button {
  border: 0 !important;
  background: var(--ay-met-dark) !important;
  color: #dfbff0 !important;
  font-family: var(--ay-met-mono);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.ay-met-hero-caption {
  width: 520px;
  max-width: 100%;
  margin: 13px 0 0;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.ay-met-lang {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  gap: 5px;
  color: var(--ay-met-dark);
  font-size: 11px;
  font-weight: 900;
  align-items: center;
}

.ay-met-lang a,
.ay-met-lang span {
  color: var(--ay-met-dark) !important;
  text-decoration: none !important;
}

.ay-met-main-access {
  width: min(640px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  align-items: start;
  padding: 0 0 43px;
}

.ay-met-access {
  color: var(--ay-met-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-met-mono);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.ay-met-access strong {
  display: block;
  margin-top: 12px;
  color: var(--ay-met-dark);
}

.ay-met-access-active strong {
  color: var(--ay-met-pink);
}

.ay-met-access-circle {
  width: 48px;
  height: 48px;
  border: 8px solid var(--ay-met-pink);
  border-radius: 999px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}

.ay-met-access-mapeo,
.ay-met-access-femoteca {
  display: block;
  min-height: 50px;
  color: var(--ay-met-dark);
  font-family: Arial, sans-serif;
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: -0.15em;
}

.ay-met-access-mapeo {
  font-size: 21px;
}

.ay-met-access-femoteca {
  font-size: 22px;
}

.ay-met-nav {
  width: 100%;
  min-height: 23px;
  background: var(--ay-met-dark);
  justify-content: center;
  align-items: center;
  gap: 0;
}

.ay-met-nav a {
  display: block;
  color: #caa2e9 !important;
  text-decoration: none !important;
  font-family: var(--ay-met-mono);
  font-size: 11px;
  line-height: 1;
  padding: 6px 43px 5px;
  text-transform: uppercase;
}

.ay-met-nav a.active {
  background: #caa2e9;
  color: var(--ay-met-dark) !important;
}

.ay-met-nav a:hover {
  color: var(--ay-met-pink) !important;
}

/* =========================================================
   BLOQUE METODOLOGÍA PRINCIPAL
   ========================================================= */

.ay-met-layout {
  width: min(var(--ay-met-content), calc(100% - 80px));
  margin: 0 auto;
  padding-top: 70px;
  display: grid;
  grid-template-columns: 42px var(--ay-met-left) var(--ay-met-right);
  column-gap: var(--ay-met-gap);
  align-items: start;
  font-family: var(--ay-met-mono);
  color: var(--ay-met-dark);
  box-sizing: border-box;
}

.ay-met-side-label {
  position: relative;
  min-height: 200px;
}

.ay-met-side-label span {
  position: absolute;
  top: 175px;
  left: -18px;
  width: 70px;
  color: var(--ay-met-pink);
  font-family: var(--ay-met-mono);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}

.ay-met-main-text h1 {
  margin: 0 0 40px;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 47px;
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}

.ay-met-main-text p {
  margin: 0 0 23px;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 14.8px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-met-sidebar {
  position: relative;
  padding-top: 36px;
}

.ay-met-socials {
  position: absolute;
  right: -45px;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.ay-met-socials a {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: var(--ay-met-dark) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
}

.ay-met-image-card {
  margin: 0;
  padding: 0;
}

.ay-met-image-card img {
  display: block;
  width: 100%;
  height: 275px;
  object-fit: cover;
}

.ay-met-image-card figcaption {
  margin-top: 9px;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 8.5px;
  line-height: 1.2;
  text-align: right;
}

/* =========================================================
   LÍNEAS CURATORIALES
   ========================================================= */

.ay-met-lineas-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 58px;
  background:
    linear-gradient(
      90deg,
      #81115f 0%,
      #a44bc9 32%,
      #8c83f2 100%
    );
  color: #f4dce7;
  font-family: var(--ay-met-mono);
  position: relative;
  padding: 0 0 70px;
  box-sizing: border-box;
}

.ay-met-lineas-inner {
  width: min(var(--ay-met-content), calc(100% - 80px));
  margin: 0 auto;
  padding-top: 0;
}

.ay-met-lineas-inner h2 {
  margin: 0 0 46px;
  transform: translateY(-34px);
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 47px;
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}

.ay-met-lineas-inner ul {
  width: min(760px, 100%);
  margin: -10px 0 0;
  padding-left: 20px;
}

.ay-met-lineas-inner li {
  margin-bottom: 21px;
  color: #f4dce7;
  font-family: var(--ay-met-mono);
  font-size: 14.5px;
  line-height: 1.35;
  letter-spacing: -0.035em;
}

.ay-met-side-label-lineas {
  position: absolute;
  left: calc(50% - 550px);
  top: 185px;
  min-height: auto;
}

.ay-met-side-label-lineas span {
  position: static;
  color: #f4dce7;
  font-size: 9px;
  font-weight: 900;
  text-align: right;
}

/* =========================================================
   MAPA METODOLÓGICO
   ========================================================= */

.ay-met-mapa-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(
      180deg,
      #f4dce7 0%,
      #f4dce7 38%,
      #c9a5ef 100%
    );
  padding: 70px 0 90px;
  box-sizing: border-box;
  font-family: var(--ay-met-mono);
}

.ay-met-mapa-section h2 {
  margin: 0 0 45px;
  color: var(--ay-met-dark);
  text-align: center;
  font-family: var(--ay-met-mono);
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.ay-met-mapa {
  width: 100%;
  margin: 0;
  padding: 0;
}

.ay-met-mapa img {
  width: 100%;
  display: block;
  height: auto;
  object-fit: cover;
}

/* =========================================================
   FOOTER METODOLOGÍA
   ========================================================= */

.ay-met-footer {
  width: min(680px, calc(100% - 80px));
  margin: -42px auto 0;
  padding: 0 0 34px;
  text-align: center;
  color: var(--ay-met-dark);
  font-family: var(--ay-met-mono);
  font-size: 13px;
  font-weight: 900;
  position: relative;
  z-index: 3;
}

.ay-met-footer p {
  margin: 0;
  padding-bottom: 9px;
  border-bottom: 1.5px solid var(--ay-met-dark);
}

.ay-met-footer a {
  display: inline-block;
  margin-top: 14px;
  color: var(--ay-met-dark) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
}

.ay-met-footer a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {
  :root {
    --ay-met-content: 900px;
    --ay-met-left: 500px;
    --ay-met-right: 300px;
    --ay-met-gap: 38px;
  }

  .ay-met-main-text h1,
  .ay-met-lineas-inner h2 {
    font-size: 42px;
  }

  .ay-met-nav a {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ay-met-image-card img {
    height: 245px;
  }
}

@media (max-width: 860px) {
  .ay-met-hero-inner {
    grid-template-columns: 1fr;
    row-gap: 28px;
    width: min(620px, calc(100% - 34px));
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 34px;
  }

  .ay-met-logo-text {
    font-size: 38px;
  }

  .ay-met-lang {
    position: absolute;
    right: 0;
    top: 42px;
  }

  .ay-met-search {
    width: 100%;
    grid-template-columns: 88px 1fr 110px;
  }

  .ay-met-hero-caption {
    width: 100%;
  }

  .ay-met-main-access {
    grid-template-columns: 1fr;
    row-gap: 28px;
    padding-bottom: 34px;
  }

  .ay-met-nav {
    flex-wrap: wrap;
  }

  .ay-met-nav a {
    padding: 8px 14px;
  }

  .ay-met-layout {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
    padding-top: 48px;
  }

  .ay-met-side-label-top,
  .ay-met-side-label-lineas {
    display: none;
  }

  .ay-met-main-text h1 {
    font-size: 40px;
  }

  .ay-met-sidebar {
    margin-top: 30px;
    padding-top: 0;
  }

  .ay-met-socials {
    position: static;
    flex-direction: row;
    margin-bottom: 18px;
  }

  .ay-met-image-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .ay-met-lineas-inner {
    width: min(620px, calc(100% - 34px));
  }

  .ay-met-lineas-inner h2 {
    font-size: 40px;
  }

  .ay-met-lineas-inner ul {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .ay-met-main-text h1,
  .ay-met-lineas-inner h2 {
    font-size: 36px;
  }

  .ay-met-main-text p,
  .ay-met-lineas-inner li {
    font-size: 13.5px;
  }

  .ay-met-mapa-section h2 {
    font-size: 20px;
    letter-spacing: 0.1em;
  }
}
/* =========================================================
   ARCHIVAS & DOCUMENTAS — SUBPÁGINA HISTORIA
   Omeka S / bloques HTML editoriales
   ========================================================= */

:root {
  --ay-hist-dark: #2a0629;
  --ay-hist-pink: #c43a91;
  --ay-hist-bg: #f4dce7;
  --ay-hist-lavender-top: #b996ef;
  --ay-hist-lavender-mid: #e3c4ee;
  --ay-hist-line: #c43a91;
  --ay-hist-content: 990px;
  --ay-hist-left: 570px;
  --ay-hist-right: 260px;
  --ay-hist-gap: 70px;
  --ay-hist-mono: "Courier Prime", "Courier New", Courier, monospace;
}

/* =========================================================
   LIMPIEZA DEL THEME SOLO EN HISTORIA
   ========================================================= */

body:has(.ay-hist-page) {
  background:
    linear-gradient(
      180deg,
      var(--ay-hist-lavender-top) 0%,
      var(--ay-hist-lavender-mid) 14%,
      var(--ay-hist-bg) 31%,
      var(--ay-hist-bg) 74%,
      var(--ay-hist-lavender-top) 100%
    ) !important;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
}

body:has(.ay-hist-page) #content > h1:first-child {
  display: none !important;
}

body:has(.ay-hist-page) header,
body:has(.ay-hist-page) .site-header,
body:has(.ay-hist-page) .site-title,
body:has(.ay-hist-page) .site-title-wrapper,
body:has(.ay-hist-page) .site-search,
body:has(.ay-hist-page) .search-form,
body:has(.ay-hist-page) .search,
body:has(.ay-hist-page) .sub-menu,
body:has(.ay-hist-page) .child-navigation,
body:has(.ay-hist-page) .page-navigation,
body:has(.ay-hist-page) .page-nav,
body:has(.ay-hist-page) nav.breadcrumbs {
  display: none !important;
}

body:has(.ay-hist-page) .ay-hist-nav {
  display: flex !important;
}

body:has(.ay-hist-page) #content,
body:has(.ay-hist-page) #content .blocks,
body:has(.ay-hist-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body:has(.ay-hist-page) .pagination,
body:has(.ay-hist-page) .previous,
body:has(.ay-hist-page) .next,
body:has(.ay-hist-page) .site-footer,
body:has(.ay-hist-page) footer.site-footer {
  display: none !important;
}

/* =========================================================
   HERO SUPERIOR HISTORIA
   ========================================================= */

.ay-hist-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(
      180deg,
      #b996ef 0%,
      #d8b8ee 58%,
      #f3dbe7 100%
    );
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  box-sizing: border-box;
}

.ay-hist-hero-inner {
  width: min(1000px, calc(100% - 80px));
  margin: 0 auto;
  min-height: 222px;
  display: grid;
  grid-template-columns: 365px 1fr 32px;
  column-gap: 42px;
  align-items: start;
  padding-top: 58px;
  box-sizing: border-box;
  position: relative;
}

.ay-hist-logo-area {
  position: relative;
  min-height: 120px;
}

.ay-hist-logo-text {
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 43px;
  line-height: 0.86;
  letter-spacing: -0.08em;
  display: inline-block;
}

.ay-hist-logo-wave {
  position: absolute;
  color: var(--ay-hist-dark);
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.22em;
}

.ay-hist-logo-wave-top {
  left: 178px;
  top: -15px;
}

.ay-hist-logo-wave-bottom {
  left: 198px;
  top: 72px;
}

.ay-hist-search-area {
  padding-top: 7px;
}

.ay-hist-login {
  text-align: right;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.ay-hist-login a,
.ay-hist-login span {
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
}

.ay-hist-search {
  display: grid;
  grid-template-columns: 88px 1fr 184px;
  width: 520px;
  height: 25px;
  border: 2px solid var(--ay-hist-dark);
  box-sizing: border-box;
}

.ay-hist-search label {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.ay-hist-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 12px;
  padding: 0 8px;
  outline: none;
  box-shadow: none !important;
}

.ay-hist-search button {
  border: 0 !important;
  background: var(--ay-hist-dark) !important;
  color: #dfbff0 !important;
  font-family: var(--ay-hist-mono);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.ay-hist-hero-caption {
  width: 520px;
  max-width: 100%;
  margin: 13px 0 0;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.ay-hist-lang {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  gap: 5px;
  color: var(--ay-hist-dark);
  font-size: 11px;
  font-weight: 900;
  align-items: center;
}

.ay-hist-lang a,
.ay-hist-lang span {
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
}

.ay-hist-main-access {
  width: min(640px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  align-items: start;
  padding: 0 0 43px;
}

.ay-hist-access {
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-hist-mono);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.ay-hist-access strong {
  display: block;
  margin-top: 12px;
  color: var(--ay-hist-dark);
}

.ay-hist-access-active strong {
  color: var(--ay-hist-pink);
}

.ay-hist-access-circle {
  width: 48px;
  height: 48px;
  border: 8px solid var(--ay-hist-pink);
  border-radius: 999px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}

.ay-hist-access-mapeo,
.ay-hist-access-femoteca {
  display: block;
  min-height: 50px;
  color: var(--ay-hist-dark);
  font-family: Arial, sans-serif;
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: -0.15em;
}

.ay-hist-access-mapeo {
  font-size: 21px;
}

.ay-hist-access-femoteca {
  font-size: 22px;
}

.ay-hist-nav {
  width: 100%;
  min-height: 23px;
  background: var(--ay-hist-dark);
  justify-content: center;
  align-items: center;
  gap: 0;
}

.ay-hist-nav a {
  display: block;
  color: #caa2e9 !important;
  text-decoration: none !important;
  font-family: var(--ay-hist-mono);
  font-size: 11px;
  line-height: 1;
  padding: 6px 43px 5px;
  text-transform: uppercase;
}

.ay-hist-nav a.active {
  background: #caa2e9;
  color: var(--ay-hist-dark) !important;
}

.ay-hist-nav a:hover {
  color: var(--ay-hist-pink) !important;
}

/* =========================================================
   BLOQUE HISTORIA
   ========================================================= */

.ay-hist-layout {
  width: min(var(--ay-hist-content), calc(100% - 80px));
  margin: 0 auto;
  padding-top: 70px;
  display: grid;
  grid-template-columns: 42px var(--ay-hist-left) var(--ay-hist-right);
  column-gap: var(--ay-hist-gap);
  align-items: start;
  font-family: var(--ay-hist-mono);
  color: var(--ay-hist-dark);
  box-sizing: border-box;
}

.ay-hist-side-label {
  position: relative;
  min-height: 200px;
}

.ay-hist-side-label span {
  position: absolute;
  top: 455px;
  left: -18px;
  width: 72px;
  color: var(--ay-hist-pink);
  font-family: var(--ay-hist-mono);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}

.ay-hist-main-text h1 {
  margin: 0 0 -8px;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 58px;
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
  position: relative;
  z-index: 2;
}

.ay-hist-main-image {
  margin: 0 0 54px;
  padding: 0;
}

.ay-hist-main-image img {
  display: block;
  width: 100%;
  height: 285px;
  object-fit: cover;
  filter: grayscale(100%);
}

.ay-hist-main-text p {
  margin: 0 0 24px;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 14.6px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

/* =========================================================
   HITOS
   ========================================================= */

.ay-hist-sidebar {
  position: relative;
  padding-top: 48px;
}

.ay-hist-socials {
  position: absolute;
  right: -80px;
  top: 125px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.ay-hist-socials a {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
}

.ay-hist-hitos {
  width: 145px;
  margin: 0 auto;
}

.ay-hist-hitos h2 {
  margin: 0 0 18px;
  color: var(--ay-hist-pink);
  font-family: var(--ay-hist-mono);
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}

.ay-hist-hitos ol {
  list-style: none;
  margin: 0;
  padding: 36px 0 44px;
  background:
    linear-gradient(
      180deg,
      #b68bed 0%,
      #bd90e6 45%,
      #d3a0c5 100%
    );
  min-height: 1010px;
}

.ay-hist-hitos li {
  position: relative;
  text-align: center;
  margin: 0 0 54px;
}

.ay-hist-hitos li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 25px;
  width: 1.5px;
  height: 43px;
  background: var(--ay-hist-pink);
}

.ay-hist-hitos li:last-child::after {
  display: none;
}

.ay-hist-hitos a {
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-hist-mono);
  font-size: 15px;
  font-weight: 500;
}

/* =========================================================
   APOYOS
   ========================================================= */

.ay-hist-apoyos-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 75px;
  background:
    linear-gradient(
      90deg,
      #7d115b 0%,
      #a64cc7 42%,
      #8f87f4 100%
    );
  color: #f4dce7;
  font-family: var(--ay-hist-mono);
  position: relative;
  padding: 0 0 110px;
  box-sizing: border-box;
}

.ay-hist-apoyos-inner {
  width: min(var(--ay-hist-content), calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: var(--ay-hist-left) 300px;
  column-gap: 90px;
  align-items: start;
}

.ay-hist-apoyos-text h2 {
  margin: 0 0 58px;
  transform: translateY(-34px);
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 49px;
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}

.ay-hist-apoyos-text p {
  margin: 0 0 22px;
  color: #f4dce7;
  font-family: var(--ay-hist-mono);
  font-size: 14.5px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-hist-side-label-apoyos {
  position: absolute;
  left: calc(50% - 545px);
  top: 150px;
  min-height: auto;
}

.ay-hist-side-label-apoyos span {
  position: static;
  color: #f4dce7;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: right;
}

.ay-hist-logos {
  padding-top: 90px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 46px;
  justify-items: center;
  color: var(--ay-hist-dark);
}

.ay-hist-logo-placeholder {
  width: 210px;
  min-height: 40px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--ay-hist-dark);
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.ay-hist-logo-placeholder img {
  display: block;
  max-width: 210px;
  max-height: 70px;
  object-fit: contain;
}

.ay-hist-logo-wide {
  margin-top: 12px;
}

/* =========================================================
   FOOTER HISTORIA
   ========================================================= */

.ay-hist-footer {
  width: min(680px, calc(100% - 80px));
  margin: -54px auto 0;
  padding: 0 0 34px;
  text-align: center;
  color: var(--ay-hist-dark);
  font-family: var(--ay-hist-mono);
  font-size: 13px;
  font-weight: 900;
  position: relative;
  z-index: 3;
}

.ay-hist-footer p {
  margin: 0;
  padding-bottom: 9px;
  border-bottom: 1.5px solid var(--ay-hist-dark);
}

.ay-hist-footer a {
  display: inline-block;
  margin-top: 14px;
  color: var(--ay-hist-dark) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
}

.ay-hist-footer a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {
  :root {
    --ay-hist-content: 900px;
    --ay-hist-left: 510px;
    --ay-hist-right: 240px;
    --ay-hist-gap: 45px;
  }

  .ay-hist-main-text h1 {
    font-size: 50px;
  }

  .ay-hist-nav a {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ay-hist-hitos ol {
    min-height: 980px;
  }

  .ay-hist-apoyos-inner {
    grid-template-columns: 510px 260px;
    column-gap: 60px;
  }
}

@media (max-width: 860px) {
  .ay-hist-hero-inner {
    grid-template-columns: 1fr;
    row-gap: 28px;
    width: min(620px, calc(100% - 34px));
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 34px;
  }

  .ay-hist-logo-text {
    font-size: 38px;
  }

  .ay-hist-lang {
    position: absolute;
    right: 0;
    top: 42px;
  }

  .ay-hist-search {
    width: 100%;
    grid-template-columns: 88px 1fr 110px;
  }

  .ay-hist-hero-caption {
    width: 100%;
  }

  .ay-hist-main-access {
    grid-template-columns: 1fr;
    row-gap: 28px;
    padding-bottom: 34px;
  }

  .ay-hist-nav {
    flex-wrap: wrap;
  }

  .ay-hist-nav a {
    padding: 8px 14px;
  }

  .ay-hist-layout {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
    padding-top: 48px;
  }

  .ay-hist-side-label-top,
  .ay-hist-side-label-apoyos {
    display: none;
  }

  .ay-hist-main-text h1 {
    font-size: 42px;
  }

  .ay-hist-main-image img {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .ay-hist-sidebar {
    padding-top: 35px;
  }

  .ay-hist-socials {
    position: static;
    flex-direction: row;
    margin-bottom: 18px;
  }

  .ay-hist-hitos {
    width: 100%;
  }

  .ay-hist-hitos ol {
    min-height: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    padding: 30px;
  }

  .ay-hist-hitos li {
    margin: 0;
  }

  .ay-hist-hitos li::after {
    display: none;
  }

  .ay-hist-apoyos-inner {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .ay-hist-apoyos-text h2 {
    font-size: 42px;
  }

  .ay-hist-logos {
    padding-top: 0;
  }
}

@media (max-width: 560px) {
  .ay-hist-main-text h1,
  .ay-hist-apoyos-text h2 {
    font-size: 36px;
  }

  .ay-hist-main-text p,
  .ay-hist-apoyos-text p {
    font-size: 13.5px;
  }

  .ay-hist-hitos h2 {
    font-size: 25px;
  }
}
/* =========================================================
   ARCHIVAS & DOCUMENTAS — SUBPÁGINA SOMOS
   Omeka S / bloques HTML editoriales
   ========================================================= */

:root {
  --ay-som-dark: #2a0629;
  --ay-som-pink: #c43a91;
  --ay-som-bg: #f4dce7;
  --ay-som-lavender-top: #b996ef;
  --ay-som-lavender-mid: #e3c4ee;
  --ay-som-line: #c43a91;
  --ay-som-content: 990px;
  --ay-som-left-label: 115px;
  --ay-som-main: 650px;
  --ay-som-social: 90px;
  --ay-som-gap: 35px;
  --ay-som-mono: "Courier Prime", "Courier New", Courier, monospace;
}

/* =========================================================
   LIMPIEZA DEL THEME SOLO EN SOMOS
   ========================================================= */

body:has(.ay-som-page) {
  background:
    linear-gradient(
      180deg,
      var(--ay-som-lavender-top) 0%,
      var(--ay-som-lavender-mid) 14%,
      var(--ay-som-bg) 30%,
      var(--ay-som-bg) 78%,
      var(--ay-som-lavender-top) 100%
    ) !important;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
}

body:has(.ay-som-page) #content > h1:first-child {
  display: none !important;
}

body:has(.ay-som-page) header,
body:has(.ay-som-page) .site-header,
body:has(.ay-som-page) .site-title,
body:has(.ay-som-page) .site-title-wrapper,
body:has(.ay-som-page) .site-search,
body:has(.ay-som-page) .search-form,
body:has(.ay-som-page) .search,
body:has(.ay-som-page) .sub-menu,
body:has(.ay-som-page) .child-navigation,
body:has(.ay-som-page) .page-navigation,
body:has(.ay-som-page) .page-nav,
body:has(.ay-som-page) nav.breadcrumbs {
  display: none !important;
}

body:has(.ay-som-page) .ay-som-nav {
  display: flex !important;
}

body:has(.ay-som-page) #content,
body:has(.ay-som-page) #content .blocks,
body:has(.ay-som-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body:has(.ay-som-page) .pagination,
body:has(.ay-som-page) .previous,
body:has(.ay-som-page) .next,
body:has(.ay-som-page) .site-footer,
body:has(.ay-som-page) footer.site-footer {
  display: none !important;
}

/* =========================================================
   HERO SUPERIOR SOMOS
   ========================================================= */

.ay-som-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(
      180deg,
      #b996ef 0%,
      #d8b8ee 58%,
      #f3dbe7 100%
    );
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  box-sizing: border-box;
}

.ay-som-hero-inner {
  width: min(1000px, calc(100% - 80px));
  margin: 0 auto;
  min-height: 222px;
  display: grid;
  grid-template-columns: 365px 1fr 32px;
  column-gap: 42px;
  align-items: start;
  padding-top: 58px;
  box-sizing: border-box;
  position: relative;
}

.ay-som-logo-area {
  position: relative;
  min-height: 120px;
}

.ay-som-logo-text {
  color: var(--ay-som-dark) !important;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 43px;
  line-height: 0.86;
  letter-spacing: -0.08em;
  display: inline-block;
}

.ay-som-logo-wave {
  position: absolute;
  color: var(--ay-som-dark);
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.22em;
}

.ay-som-logo-wave-top {
  left: 178px;
  top: -15px;
}

.ay-som-logo-wave-bottom {
  left: 198px;
  top: 72px;
}

.ay-som-search-area {
  padding-top: 7px;
}

.ay-som-login {
  text-align: right;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.ay-som-login a,
.ay-som-login span {
  color: var(--ay-som-dark) !important;
  text-decoration: none !important;
}

.ay-som-search {
  display: grid;
  grid-template-columns: 88px 1fr 184px;
  width: 520px;
  height: 25px;
  border: 2px solid var(--ay-som-dark);
  box-sizing: border-box;
}

.ay-som-search label {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.ay-som-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 12px;
  padding: 0 8px;
  outline: none;
  box-shadow: none !important;
}

.ay-som-search button {
  border: 0 !important;
  background: var(--ay-som-dark) !important;
  color: #dfbff0 !important;
  font-family: var(--ay-som-mono);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.ay-som-hero-caption {
  width: 520px;
  max-width: 100%;
  margin: 13px 0 0;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.ay-som-lang {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  gap: 5px;
  color: var(--ay-som-dark);
  font-size: 11px;
  font-weight: 900;
  align-items: center;
}

.ay-som-lang a,
.ay-som-lang span {
  color: var(--ay-som-dark) !important;
  text-decoration: none !important;
}

.ay-som-main-access {
  width: min(640px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  align-items: start;
  padding: 0 0 43px;
}

.ay-som-access {
  color: var(--ay-som-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-som-mono);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.ay-som-access strong {
  display: block;
  margin-top: 12px;
  color: var(--ay-som-dark);
}

.ay-som-access-active strong {
  color: var(--ay-som-pink);
}

.ay-som-access-circle {
  width: 48px;
  height: 48px;
  border: 8px solid var(--ay-som-pink);
  border-radius: 999px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}

.ay-som-access-mapeo,
.ay-som-access-femoteca {
  display: block;
  min-height: 50px;
  color: var(--ay-som-dark);
  font-family: Arial, sans-serif;
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: -0.15em;
}

.ay-som-access-mapeo {
  font-size: 21px;
}

.ay-som-access-femoteca {
  font-size: 22px;
}

.ay-som-nav {
  width: 100%;
  min-height: 23px;
  background: var(--ay-som-dark);
  justify-content: center;
  align-items: center;
  gap: 0;
}

.ay-som-nav a {
  display: block;
  color: #caa2e9 !important;
  text-decoration: none !important;
  font-family: var(--ay-som-mono);
  font-size: 11px;
  line-height: 1;
  padding: 6px 43px 5px;
  text-transform: uppercase;
}

.ay-som-nav a.active {
  background: #caa2e9;
  color: var(--ay-som-dark) !important;
}

.ay-som-nav a:hover {
  color: var(--ay-som-pink) !important;
}

/* =========================================================
   LAYOUT SOMOS
   ========================================================= */

.ay-som-layout {
  width: min(var(--ay-som-content), calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: var(--ay-som-left-label) var(--ay-som-main) var(--ay-som-social);
  column-gap: var(--ay-som-gap);
  align-items: start;
  font-family: var(--ay-som-mono);
  color: var(--ay-som-dark);
  box-sizing: border-box;
}

.ay-som-fundadora-section {
  padding-top: 78px;
}

.ay-som-main h1 {
  margin: 0 0 42px;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 56px;
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}

.ay-som-founder h2 {
  margin: 0 0 0;
  color: var(--ay-som-pink);
  font-family: var(--ay-som-mono);
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}

.ay-som-founder-image {
  margin: 0 0 38px;
  padding: 0;
}

.ay-som-founder-image img {
  display: block;
  width: 100%;
  height: 420px;
  object-fit: cover;
  filter: grayscale(100%);
}

.ay-som-founder-text {
  width: 500px;
  margin-left: auto;
}

.ay-som-founder-text h3,
.ay-som-text-block h2,
.ay-som-list-block h2 {
  margin: 0 0 28px;
  color: var(--ay-som-pink);
  font-family: var(--ay-som-mono);
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.ay-som-founder-text p,
.ay-som-text-block p,
.ay-som-person span {
  margin: 0 0 21px;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 15px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-som-read-more {
  color: var(--ay-som-pink) !important;
  font-weight: 900;
  font-style: italic;
  text-decoration: none !important;
  white-space: nowrap;
}

.ay-som-read-more:hover {
  text-decoration: underline !important;
}

/* =========================================================
   ETIQUETAS LATERALES
   ========================================================= */

.ay-som-side-label {
  position: relative;
  min-height: 160px;
}

.ay-som-side-label span {
  position: absolute;
  left: -22px;
  width: 95px;
  color: var(--ay-som-pink);
  font-family: var(--ay-som-mono);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}

.ay-som-side-label-fundadora span {
  top: 690px;
}

.ay-som-side-label-group span {
  top: 92px;
}

/* =========================================================
   REDES
   ========================================================= */

.ay-som-socials {
  padding-top: 215px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
}

.ay-som-socials a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--ay-som-dark) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

/* =========================================================
   GRUPO / COLABORADORXS / PASANTES
   ========================================================= */

.ay-som-group-section,
.ay-som-collab-section,
.ay-som-pasantes-section {
  padding-top: 0;
}

.ay-som-bordered {
  border-top: 1.5px solid var(--ay-som-line);
}

.ay-som-text-block,
.ay-som-list-block {
  width: 500px;
  margin-left: auto;
  padding: 43px 0 40px;
}

.ay-som-list-block {
  border-top: 1.5px solid var(--ay-som-line);
}

.ay-som-collab-section .ay-som-list-block {
  border-top: none;
}

.ay-som-person {
  margin-bottom: 24px;
}

.ay-som-person strong {
  display: block;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.025em;
}

.ay-som-person span {
  display: block;
  margin-bottom: 0;
}

.ay-som-pasantes {
  padding-bottom: 70px;
}

/* =========================================================
   FOOTER SOMOS
   ========================================================= */

.ay-som-footer {
  width: min(760px, calc(100% - 80px));
  margin: 44px auto 0;
  padding: 0 0 34px;
  text-align: center;
  color: var(--ay-som-dark);
  font-family: var(--ay-som-mono);
  font-size: 13px;
  font-weight: 900;
}

.ay-som-footer p {
  margin: 0;
  padding-bottom: 9px;
  border-bottom: 1.5px solid var(--ay-som-dark);
}

.ay-som-footer a {
  display: inline-block;
  margin-top: 14px;
  color: var(--ay-som-dark) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
}

.ay-som-footer a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {
  :root {
    --ay-som-content: 900px;
    --ay-som-left-label: 90px;
    --ay-som-main: 610px;
    --ay-som-social: 70px;
    --ay-som-gap: 25px;
  }

  .ay-som-main h1 {
    font-size: 50px;
  }

  .ay-som-nav a {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ay-som-founder-image img {
    height: 390px;
  }
}

@media (max-width: 860px) {
  .ay-som-hero-inner {
    grid-template-columns: 1fr;
    row-gap: 28px;
    width: min(620px, calc(100% - 34px));
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 34px;
  }

  .ay-som-logo-text {
    font-size: 38px;
  }

  .ay-som-lang {
    position: absolute;
    right: 0;
    top: 42px;
  }

  .ay-som-search {
    width: 100%;
    grid-template-columns: 88px 1fr 110px;
  }

  .ay-som-hero-caption {
    width: 100%;
  }

  .ay-som-main-access {
    grid-template-columns: 1fr;
    row-gap: 28px;
    padding-bottom: 34px;
  }

  .ay-som-nav {
    flex-wrap: wrap;
  }

  .ay-som-nav a {
    padding: 8px 14px;
  }

  .ay-som-layout {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
  }

  .ay-som-side-label {
    display: none;
  }

  .ay-som-fundadora-section {
    padding-top: 48px;
  }

  .ay-som-main h1 {
    font-size: 42px;
  }

  .ay-som-founder-image img {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .ay-som-founder-text,
  .ay-som-text-block,
  .ay-som-list-block {
    width: 100%;
    margin-left: 0;
  }

  .ay-som-socials {
    padding-top: 24px;
    flex-direction: row;
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .ay-som-main h1 {
    font-size: 36px;
  }

  .ay-som-founder h2 {
    font-size: 27px;
  }

  .ay-som-founder-text h3,
  .ay-som-text-block h2,
  .ay-som-list-block h2 {
    font-size: 20px;
  }

  .ay-som-founder-text p,
  .ay-som-text-block p,
  .ay-som-person strong,
  .ay-som-person span {
    font-size: 13.5px;
  }
}
/* =========================================================
   ARCHIVAS & DOCUMENTAS — SUBPÁGINA PARTICIPA
   Omeka S / bloques HTML editoriales
   ========================================================= */

:root {
  --ay-par-dark: #2a0629;
  --ay-par-pink: #c43a91;
  --ay-par-bg: #f4dce7;
  --ay-par-lavender-top: #b996ef;
  --ay-par-lavender-mid: #e3c4ee;
  --ay-par-line: #c43a91;
  --ay-par-content: 990px;
  --ay-par-label: 92px;
  --ay-par-left: 560px;
  --ay-par-right: 315px;
  --ay-par-gap: 52px;
  --ay-par-mono: "Courier Prime", "Courier New", Courier, monospace;
}

/* =========================================================
   LIMPIEZA DEL THEME SOLO EN PARTICIPA
   ========================================================= */

body:has(.ay-par-page) {
  background:
    linear-gradient(
      180deg,
      var(--ay-par-lavender-top) 0%,
      var(--ay-par-lavender-mid) 14%,
      var(--ay-par-bg) 31%,
      var(--ay-par-bg) 76%,
      var(--ay-par-lavender-top) 100%
    ) !important;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
}

body:has(.ay-par-page) #content > h1:first-child {
  display: none !important;
}

body:has(.ay-par-page) header,
body:has(.ay-par-page) .site-header,
body:has(.ay-par-page) .site-title,
body:has(.ay-par-page) .site-title-wrapper,
body:has(.ay-par-page) .site-search,
body:has(.ay-par-page) .search-form,
body:has(.ay-par-page) .search,
body:has(.ay-par-page) .sub-menu,
body:has(.ay-par-page) .child-navigation,
body:has(.ay-par-page) .page-navigation,
body:has(.ay-par-page) .page-nav,
body:has(.ay-par-page) nav.breadcrumbs {
  display: none !important;
}

body:has(.ay-par-page) .ay-par-nav {
  display: flex !important;
}

body:has(.ay-par-page) #content,
body:has(.ay-par-page) #content .blocks,
body:has(.ay-par-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body:has(.ay-par-page) .pagination,
body:has(.ay-par-page) .previous,
body:has(.ay-par-page) .next,
body:has(.ay-par-page) .site-footer,
body:has(.ay-par-page) footer.site-footer {
  display: none !important;
}

/* =========================================================
   HERO SUPERIOR PARTICIPA
   ========================================================= */

.ay-par-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(
      180deg,
      #b996ef 0%,
      #d8b8ee 58%,
      #f3dbe7 100%
    );
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  box-sizing: border-box;
}

.ay-par-hero-inner {
  width: min(1000px, calc(100% - 80px));
  margin: 0 auto;
  min-height: 222px;
  display: grid;
  grid-template-columns: 365px 1fr 32px;
  column-gap: 42px;
  align-items: start;
  padding-top: 58px;
  box-sizing: border-box;
  position: relative;
}

.ay-par-logo-area {
  position: relative;
  min-height: 120px;
}

.ay-par-logo-text {
  color: var(--ay-par-dark) !important;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 43px;
  line-height: 0.86;
  letter-spacing: -0.08em;
  display: inline-block;
}

.ay-par-logo-wave {
  position: absolute;
  color: var(--ay-par-dark);
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.22em;
}

.ay-par-logo-wave-top {
  left: 178px;
  top: -15px;
}

.ay-par-logo-wave-bottom {
  left: 198px;
  top: 72px;
}

.ay-par-search-area {
  padding-top: 7px;
}

.ay-par-login {
  text-align: right;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.ay-par-login a,
.ay-par-login span {
  color: var(--ay-par-dark) !important;
  text-decoration: none !important;
}

.ay-par-search {
  display: grid;
  grid-template-columns: 88px 1fr 184px;
  width: 520px;
  height: 25px;
  border: 2px solid var(--ay-par-dark);
  box-sizing: border-box;
}

.ay-par-search label {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.ay-par-search input {
  border: 0 !important;
  background: transparent !important;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 12px;
  padding: 0 8px;
  outline: none;
  box-shadow: none !important;
}

.ay-par-search button {
  border: 0 !important;
  background: var(--ay-par-dark) !important;
  color: #dfbff0 !important;
  font-family: var(--ay-par-mono);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.ay-par-hero-caption {
  width: 520px;
  max-width: 100%;
  margin: 13px 0 0;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.ay-par-lang {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  gap: 5px;
  color: var(--ay-par-dark);
  font-size: 11px;
  font-weight: 900;
  align-items: center;
}

.ay-par-lang a,
.ay-par-lang span {
  color: var(--ay-par-dark) !important;
  text-decoration: none !important;
}

.ay-par-main-access {
  width: min(640px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  align-items: start;
  padding: 0 0 43px;
}

.ay-par-access {
  color: var(--ay-par-dark) !important;
  text-decoration: none !important;
  font-family: var(--ay-par-mono);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.ay-par-access strong {
  display: block;
  margin-top: 12px;
  color: var(--ay-par-dark);
}

.ay-par-access-active strong {
  color: var(--ay-par-pink);
}

.ay-par-access-circle {
  width: 48px;
  height: 48px;
  border: 8px solid var(--ay-par-pink);
  border-radius: 999px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}

.ay-par-access-mapeo,
.ay-par-access-femoteca {
  display: block;
  min-height: 50px;
  color: var(--ay-par-dark);
  font-family: Arial, sans-serif;
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: -0.15em;
}

.ay-par-access-mapeo {
  font-size: 21px;
}

.ay-par-access-femoteca {
  font-size: 22px;
}

.ay-par-nav {
  width: 100%;
  min-height: 23px;
  background: var(--ay-par-dark);
  justify-content: center;
  align-items: center;
  gap: 0;
}

.ay-par-nav a {
  display: block;
  color: #caa2e9 !important;
  text-decoration: none !important;
  font-family: var(--ay-par-mono);
  font-size: 11px;
  line-height: 1;
  padding: 6px 43px 5px;
  text-transform: uppercase;
}

.ay-par-nav a.active {
  background: #caa2e9;
  color: var(--ay-par-dark) !important;
}

.ay-par-nav a:hover {
  color: var(--ay-par-pink) !important;
}

/* =========================================================
   LAYOUT PRINCIPAL PARTICIPA
   ========================================================= */

.ay-par-layout {
  width: min(var(--ay-par-content), calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: var(--ay-par-label) var(--ay-par-left) var(--ay-par-right);
  column-gap: var(--ay-par-gap);
  align-items: start;
  box-sizing: border-box;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
}

.ay-par-main-section {
  padding-top: 78px;
}

.ay-par-main h1 {
  margin: 0 0 44px;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 56px;
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.ay-par-main h2,
.ay-par-pasantias h2 {
  margin: 0 0 34px;
  color: var(--ay-par-pink);
  font-family: var(--ay-par-mono);
  font-size: 24px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.ay-par-main p,
.ay-par-main li,
.ay-par-pasantias p {
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 15px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-par-main p,
.ay-par-pasantias p {
  margin: 0 0 22px;
}

.ay-par-main ul {
  margin: 0 0 42px;
  padding-left: 18px;
}

.ay-par-main li {
  margin-bottom: 16px;
}

.ay-par-main a,
.ay-par-pasantias a,
.ay-par-contribuye-text a {
  color: var(--ay-par-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

/* =========================================================
   ETIQUETAS LATERALES
   ========================================================= */

.ay-par-side-label {
  position: relative;
  min-height: 160px;
}

.ay-par-side-label span {
  position: absolute;
  left: -28px;
  width: 92px;
  color: var(--ay-par-pink);
  font-family: var(--ay-par-mono);
  font-size: 9px;
  line-height: 1.1;
  font-weight: 900;
  text-align: right;
  text-transform: uppercase;
}

.ay-par-side-label-main span {
  top: 205px;
}

/* =========================================================
   TABLA FORMATOS
   ========================================================= */

.ay-par-formatos {
  padding-top: 26px;
}

.ay-par-format-table {
  width: 100%;
  border-collapse: collapse;
  margin: 46px 0 58px;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 12px;
  line-height: 1.2;
}

.ay-par-format-table tr {
  border-bottom: 1.3px solid rgba(42, 6, 41, 0.55);
}

.ay-par-format-table th {
  width: 120px;
  text-align: left;
  font-weight: 900;
  padding: 6px 12px 6px 0;
}

.ay-par-format-table td {
  padding: 6px 0;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.ay-par-requisitos {
  padding-bottom: 80px;
}

.ay-par-final-call {
  margin-top: 44px !important;
  max-width: 520px;
}

/* =========================================================
   COLUMNA DERECHA / PASANTÍAS
   ========================================================= */

.ay-par-sidebar {
  position: relative;
  padding-top: 54px;
}

.ay-par-pasantias {
  padding-bottom: 45px;
  border-bottom: 1.5px solid var(--ay-par-line);
}

.ay-par-pasantias h2 {
  color: var(--ay-par-dark);
  font-size: 30px;
  margin-bottom: 30px;
}

.ay-par-socials {
  position: absolute;
  right: -72px;
  top: 145px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.ay-par-socials a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--ay-par-dark) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.ay-par-image-card {
  margin: 45px 0 0;
  padding: 0 0 45px;
  border-bottom: 1.5px solid var(--ay-par-line);
}

.ay-par-image-card img {
  width: 100%;
  height: 210px;
  display: block;
  object-fit: cover;
}

.ay-par-image-card figcaption {
  margin-top: 9px;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 8.5px;
  line-height: 1.2;
  text-align: right;
}

/* =========================================================
   CONTRIBUYE
   ========================================================= */

.ay-par-contribuye-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 80px;
  background:
    linear-gradient(
      90deg,
      #81115f 0%,
      #a64cc7 42%,
      #8f87f4 100%
    );
  color: #f4dce7;
  font-family: var(--ay-par-mono);
  position: relative;
  padding: 0 0 150px;
  box-sizing: border-box;
}

.ay-par-contribuye-inner {
  width: min(var(--ay-par-content), calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 610px 280px;
  column-gap: 95px;
  align-items: start;
}

.ay-par-contribuye-text h2 {
  margin: 0 0 64px;
  transform: translateY(-38px);
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 54px;
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.ay-par-contribuye-text p {
  margin: 0 0 17px;
  color: #f4dce7;
  font-family: var(--ay-par-mono);
  font-size: 15px;
  line-height: 1.38;
  letter-spacing: -0.035em;
}

.ay-par-contribuye-text a {
  color: #f4dce7 !important;
}

.ay-par-side-label-contribuye {
  position: absolute;
  left: calc(50% - 560px);
  top: 125px;
  min-height: auto;
}

.ay-par-side-label-contribuye span {
  position: static;
  color: #f4dce7;
  font-size: 9px;
  line-height: 1.1;
}

.ay-par-dona-box {
  padding-top: 110px;
  text-align: center;
}

.ay-par-dona-button {
  display: block;
  width: 245px;
  margin: 0 auto 24px;
  padding: 17px 20px 15px;
  background: var(--ay-par-dark);
  color: #d5b3f2 !important;
  text-decoration: none !important;
  font-family: var(--ay-par-mono);
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ay-par-dona-button:hover {
  background: #f4dce7;
  color: var(--ay-par-dark) !important;
}

.ay-par-arrow {
  display: block;
  color: var(--ay-par-dark);
  font-family: Arial, sans-serif;
  font-size: 58px;
  line-height: 1;
}

/* =========================================================
   FOOTER PARTICIPA
   ========================================================= */

.ay-par-footer {
  width: min(760px, calc(100% - 80px));
  margin: -58px auto 0;
  padding: 0 0 34px;
  text-align: center;
  color: var(--ay-par-dark);
  font-family: var(--ay-par-mono);
  font-size: 13px;
  font-weight: 900;
  position: relative;
  z-index: 3;
}

.ay-par-footer p {
  margin: 0;
  padding-bottom: 9px;
  border-bottom: 1.5px solid var(--ay-par-dark);
}

.ay-par-footer a {
  display: inline-block;
  margin-top: 14px;
  color: var(--ay-par-dark) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
}

.ay-par-footer a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {
  :root {
    --ay-par-content: 900px;
    --ay-par-label: 70px;
    --ay-par-left: 500px;
    --ay-par-right: 290px;
    --ay-par-gap: 34px;
  }

  .ay-par-main h1,
  .ay-par-contribuye-text h2 {
    font-size: 48px;
  }

  .ay-par-nav a {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ay-par-socials {
    right: -48px;
  }

  .ay-par-contribuye-inner {
    grid-template-columns: 530px 260px;
    column-gap: 60px;
  }
}

@media (max-width: 860px) {
  .ay-par-hero-inner {
    grid-template-columns: 1fr;
    row-gap: 28px;
    width: min(620px, calc(100% - 34px));
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 34px;
  }

  .ay-par-logo-text {
    font-size: 38px;
  }

  .ay-par-lang {
    position: absolute;
    right: 0;
    top: 42px;
  }

  .ay-par-search {
    width: 100%;
    grid-template-columns: 88px 1fr 110px;
  }

  .ay-par-hero-caption {
    width: 100%;
  }

  .ay-par-main-access {
    grid-template-columns: 1fr;
    row-gap: 28px;
    padding-bottom: 34px;
  }

  .ay-par-nav {
    flex-wrap: wrap;
  }

  .ay-par-nav a {
    padding: 8px 14px;
  }

  .ay-par-layout {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
  }

  .ay-par-side-label {
    display: none;
  }

  .ay-par-main-section {
    padding-top: 48px;
  }

  .ay-par-main h1 {
    font-size: 42px;
  }

  .ay-par-sidebar {
    padding-top: 20px;
  }

  .ay-par-socials {
    position: static;
    flex-direction: row;
    margin-bottom: 24px;
  }

  .ay-par-image-card img {
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .ay-par-contribuye-inner {
    width: min(620px, calc(100% - 34px));
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .ay-par-contribuye-text h2 {
    font-size: 42px;
  }

  .ay-par-dona-box {
    padding-top: 0;
  }

  .ay-par-dona-button {
    margin-left: 0;
  }
}

@media (max-width: 560px) {
  .ay-par-main h1,
  .ay-par-contribuye-text h2 {
    font-size: 36px;
  }

  .ay-par-main h2,
  .ay-par-pasantias h2 {
    font-size: 23px;
  }

  .ay-par-main p,
  .ay-par-main li,
  .ay-par-pasantias p,
  .ay-par-contribuye-text p {
    font-size: 13.5px;
  }

  .ay-par-format-table {
    font-size: 11px;
  }

  .ay-par-format-table th {
    width: 90px;
  }
}


/* =========================================================
   FIX GLOBAL — LOGOS E ÍCONOS COMO IMÁGENES REALES
   Aplica a subpáginas Descripción, Metodología, Historia,
   Somos y Participa. Conoce más ya está definido arriba.
   ========================================================= */

.ay-desc-logo-image-link,
.ay-met-logo-image-link,
.ay-hist-logo-image-link,
.ay-som-logo-image-link,
.ay-par-logo-image-link {
  display: inline-block !important;
  text-decoration: none !important;
}

.ay-desc-logo-image,
.ay-met-logo-image,
.ay-hist-logo-image,
.ay-som-logo-image,
.ay-par-logo-image {
  display: block !important;
  width: 300px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.ay-desc-logo-area:has(.ay-desc-logo-image) .ay-desc-logo-text,
.ay-desc-logo-area:has(.ay-desc-logo-image) .ay-desc-logo-wave,
.ay-met-logo-area:has(.ay-met-logo-image) .ay-met-logo-text,
.ay-met-logo-area:has(.ay-met-logo-image) .ay-met-logo-wave,
.ay-hist-logo-area:has(.ay-hist-logo-image) .ay-hist-logo-text,
.ay-hist-logo-area:has(.ay-hist-logo-image) .ay-hist-logo-wave,
.ay-som-logo-area:has(.ay-som-logo-image) .ay-som-logo-text,
.ay-som-logo-area:has(.ay-som-logo-image) .ay-som-logo-wave,
.ay-par-logo-area:has(.ay-par-logo-image) .ay-par-logo-text,
.ay-par-logo-area:has(.ay-par-logo-image) .ay-par-logo-wave {
  display: none !important;
}

.ay-desc-access:has(.ay-desc-access-icon),
.ay-met-access:has(.ay-met-access-icon),
.ay-hist-access:has(.ay-hist-access-icon),
.ay-som-access:has(.ay-som-access-icon),
.ay-par-access:has(.ay-par-access-icon) {
  display: grid !important;
  grid-template-rows: 78px auto !important;
  align-items: end !important;
  justify-items: center !important;
  text-align: center !important;
}

.ay-desc-access:has(.ay-desc-access-icon)::before,
.ay-met-access:has(.ay-met-access-icon)::before,
.ay-hist-access:has(.ay-hist-access-icon)::before,
.ay-som-access:has(.ay-som-access-icon)::before,
.ay-par-access:has(.ay-par-access-icon)::before {
  display: none !important;
  content: none !important;
}

.ay-desc-access-icon,
.ay-met-access-icon,
.ay-hist-access-icon,
.ay-som-access-icon,
.ay-par-access-icon {
  display: block !important;
  align-self: end !important;
  justify-self: center !important;
  width: auto !important;
  height: auto !important;
  max-height: 66px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.ay-desc-access-icon-conoce,
.ay-met-access-icon-conoce,
.ay-hist-access-icon-conoce,
.ay-som-access-icon-conoce,
.ay-par-access-icon-conoce {
  max-width: 72px !important;
}

.ay-desc-access-icon-mapeo,
.ay-met-access-icon-mapeo,
.ay-hist-access-icon-mapeo,
.ay-som-access-icon-mapeo,
.ay-par-access-icon-mapeo {
  max-width: 88px !important;
}

.ay-desc-access-icon-femoteca,
.ay-met-access-icon-femoteca,
.ay-hist-access-icon-femoteca,
.ay-som-access-icon-femoteca,
.ay-par-access-icon-femoteca {
  max-width: 96px !important;
}

.ay-desc-access:has(.ay-desc-access-icon) strong,
.ay-met-access:has(.ay-met-access-icon) strong,
.ay-hist-access:has(.ay-hist-access-icon) strong,
.ay-som-access:has(.ay-som-access-icon) strong,
.ay-par-access:has(.ay-par-access-icon) strong {
  grid-row: 2 !important;
  align-self: start !important;
  margin-top: 12px !important;
  line-height: 1 !important;
}

.ay-desc-access:has(.ay-desc-access-icon) .ay-desc-access-circle,
.ay-desc-access:has(.ay-desc-access-icon) .ay-desc-access-mapeo,
.ay-desc-access:has(.ay-desc-access-icon) .ay-desc-access-femoteca,
.ay-met-access:has(.ay-met-access-icon) .ay-met-access-circle,
.ay-met-access:has(.ay-met-access-icon) .ay-met-access-mapeo,
.ay-met-access:has(.ay-met-access-icon) .ay-met-access-femoteca,
.ay-hist-access:has(.ay-hist-access-icon) .ay-hist-access-circle,
.ay-hist-access:has(.ay-hist-access-icon) .ay-hist-access-mapeo,
.ay-hist-access:has(.ay-hist-access-icon) .ay-hist-access-femoteca,
.ay-som-access:has(.ay-som-access-icon) .ay-som-access-circle,
.ay-som-access:has(.ay-som-access-icon) .ay-som-access-mapeo,
.ay-som-access:has(.ay-som-access-icon) .ay-som-access-femoteca,
.ay-par-access:has(.ay-par-access-icon) .ay-par-access-circle,
.ay-par-access:has(.ay-par-access-icon) .ay-par-access-mapeo,
.ay-par-access:has(.ay-par-access-icon) .ay-par-access-femoteca {
  display: none !important;
}

@media (max-width: 860px) {
  .ay-desc-logo-image,
  .ay-met-logo-image,
  .ay-hist-logo-image,
  .ay-som-logo-image,
  .ay-par-logo-image {
    width: 260px !important;
  }

  .ay-desc-access:has(.ay-desc-access-icon),
  .ay-met-access:has(.ay-met-access-icon),
  .ay-hist-access:has(.ay-hist-access-icon),
  .ay-som-access:has(.ay-som-access-icon),
  .ay-par-access:has(.ay-par-access-icon) {
    grid-template-rows: 72px auto !important;
  }

  .ay-desc-access-icon,
  .ay-met-access-icon,
  .ay-hist-access-icon,
  .ay-som-access-icon,
  .ay-par-access-icon {
    max-height: 60px !important;
  }
}

@media (max-width: 560px) {
  .ay-desc-logo-image,
  .ay-met-logo-image,
  .ay-hist-logo-image,
  .ay-som-logo-image,
  .ay-par-logo-image {
    width: 220px !important;
  }
}


/* =========================================================
   AJUSTE FINAL 2026-06 — HEADER ESTÁNDAR, JULIAMONO,
   CONOCE MÁS + DESCRIPCIÓN
   Pegar completo/reemplazar CSS: este bloque final sobrescribe
   reglas anteriores que estaban en conflicto.
   ========================================================= */

/* JuliaMono: carga web. Si el servidor bloquea CDN, subir .woff2 al tema
   y cambiar estas URLs por rutas locales. */
@font-face {
  font-family: "JuliaMono";
  src: url("https://cdn.jsdelivr.net/gh/cormullion/juliamono/webfonts/JuliaMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuliaMono";
  src: url("https://cdn.jsdelivr.net/gh/cormullion/juliamono/webfonts/JuliaMono-Bold.woff2") format("woff2");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuliaMono";
  src: url("https://cdn.jsdelivr.net/gh/cormullion/juliamono/webfonts/JuliaMono-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "JuliaMono";
  src: url("https://cdn.jsdelivr.net/gh/cormullion/juliamono/webfonts/JuliaMono-BoldItalic.woff2") format("woff2");
  font-weight: 700 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --ay-font: "JuliaMono", "Courier New", Courier, monospace !important;
  --ay-mono: var(--ay-font) !important;
  --ay-home-mono: var(--ay-font) !important;
  --ay-desc-mono: var(--ay-font) !important;
  --ay-met-mono: var(--ay-font) !important;
  --ay-hist-mono: var(--ay-font) !important;
  --ay-som-mono: var(--ay-font) !important;
  --ay-par-mono: var(--ay-font) !important;

  --ay-final-dark: #2a0629;
  --ay-final-pink: #c43a91;
  --ay-final-bg: #f4dce7;
  --ay-final-lavender: #b996ef;
  --ay-final-lavender-soft: #d8b8ee;
  --ay-final-purple-soft: #caa2e9;

  /* Anchos reales del diseño */
  --ay-shell: min(1210px, calc(100vw - 86px));
  --ay-content-shell: min(1040px, calc(100vw - 180px));
  --ay-header-shell: min(1050px, calc(100vw - 180px));
}

/* Forzar JuliaMono en todo lo que corresponde al proyecto. */
body:has(.ay-home-page) *,
body:has(.ay-page-conoce-mas) *,
body:has(.ay-desc-page) *,
body:has(.ay-met-page) *,
body:has(.ay-hist-page) *,
body:has(.ay-som-page) *,
body:has(.ay-par-page) * {
  font-family: var(--ay-font) !important;
}

/* El logo es imagen, no debe heredar JuliaMono visualmente. */
body:has(.ay-page-conoce-mas) .ay-logo-image,
body:has(.ay-desc-page) .ay-logo-image,
body:has(.ay-met-page) .ay-logo-image,
body:has(.ay-hist-page) .ay-logo-image,
body:has(.ay-som-page) .ay-logo-image,
body:has(.ay-par-page) .ay-logo-image {
  font-family: initial !important;
}

/* =========================================================
   LIMPIEZA GLOBAL DE THEME EN PÁGINAS MODELADAS
   ========================================================= */
body:has(.ay-page-conoce-mas),
body:has(.ay-desc-page),
body:has(.ay-met-page),
body:has(.ay-hist-page),
body:has(.ay-som-page),
body:has(.ay-par-page) {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
  font-family: var(--ay-font) !important;
  overflow-x: hidden !important;
}

body:has(.ay-page-conoce-mas) #content,
body:has(.ay-desc-page) #content,
body:has(.ay-met-page) #content,
body:has(.ay-hist-page) #content,
body:has(.ay-som-page) #content,
body:has(.ay-par-page) #content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  background:
    linear-gradient(
      180deg,
      var(--ay-final-lavender) 0,
      var(--ay-final-lavender-soft) 28px,
      var(--ay-final-bg) 92px,
      var(--ay-final-bg) 100%
    ) !important;
}

body:has(.ay-page-conoce-mas) #content .blocks,
body:has(.ay-page-conoce-mas) #content .block,
body:has(.ay-desc-page) #content .blocks,
body:has(.ay-desc-page) #content .block,
body:has(.ay-met-page) #content .blocks,
body:has(.ay-met-page) #content .block,
body:has(.ay-hist-page) #content .blocks,
body:has(.ay-hist-page) #content .block,
body:has(.ay-som-page) #content .blocks,
body:has(.ay-som-page) #content .block,
body:has(.ay-par-page) #content .blocks,
body:has(.ay-par-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ocultar marcadores */
.ay-page-conoce-mas,
.ay-desc-page,
.ay-met-page,
.ay-hist-page,
.ay-som-page,
.ay-par-page {
  display: none !important;
}

/* =========================================================
   HEADER ESTÁNDAR PARA CONOCE MÁS Y SUBPÁGINAS
   Usar en todas las páginas el mismo Bloque 1 con:
   .ay-hero-main / .ay-hero-inner / .ay-conoce-nav
   ========================================================= */
body:has(.ay-page-conoce-mas) .ay-hero-main,
body:has(.ay-desc-page) .ay-hero-main,
body:has(.met-page) .ay-hero-main,
body:has(.ay-met-page) .ay-hero-main,
body:has(.ay-hist-page) .ay-hero-main,
body:has(.ay-som-page) .ay-hero-main,
body:has(.ay-par-page) .ay-hero-main {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--ay-final-dark) !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-desc-page) .ay-hero-inner,
body:has(.ay-met-page) .ay-hero-inner,
body:has(.ay-hist-page) .ay-hero-inner,
body:has(.ay-som-page) .ay-hero-inner,
body:has(.ay-par-page) .ay-hero-inner {
  width: var(--ay-header-shell) !important;
  margin: 0 auto !important;
  padding: 70px 0 0 !important;
  min-height: 220px !important;
  display: grid !important;
  grid-template-columns: 330px 1fr 30px !important;
  column-gap: 72px !important;
  align-items: start !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* logo */
body:has(.ay-page-conoce-mas) .ay-logo-area,
body:has(.ay-desc-page) .ay-logo-area,
body:has(.ay-met-page) .ay-logo-area,
body:has(.ay-hist-page) .ay-logo-area,
body:has(.ay-som-page) .ay-logo-area,
body:has(.ay-par-page) .ay-logo-area {
  min-height: 125px !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image-link,
body:has(.ay-desc-page) .ay-logo-image-link,
body:has(.ay-met-page) .ay-logo-image-link,
body:has(.ay-hist-page) .ay-logo-image-link,
body:has(.ay-som-page) .ay-logo-image-link,
body:has(.ay-par-page) .ay-logo-image-link {
  display: inline-block !important;
  text-decoration: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image,
body:has(.ay-desc-page) .ay-logo-image,
body:has(.ay-met-page) .ay-logo-image,
body:has(.ay-hist-page) .ay-logo-image,
body:has(.ay-som-page) .ay-logo-image,
body:has(.ay-par-page) .ay-logo-image {
  display: block !important;
  width: 285px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-text,
body:has(.ay-page-conoce-mas) .ay-logo-wave,
body:has(.ay-desc-page) .ay-logo-text,
body:has(.ay-desc-page) .ay-logo-wave,
body:has(.ay-met-page) .ay-logo-text,
body:has(.ay-met-page) .ay-logo-wave,
body:has(.ay-hist-page) .ay-logo-text,
body:has(.ay-hist-page) .ay-logo-wave,
body:has(.ay-som-page) .ay-logo-text,
body:has(.ay-som-page) .ay-logo-wave,
body:has(.ay-par-page) .ay-logo-text,
body:has(.ay-par-page) .ay-logo-wave {
  display: none !important;
}

/* buscador */
body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area {
  display: grid !important;
  grid-template-columns: 95px minmax(220px, 1fr) 165px !important;
  grid-template-areas:
    "login login login"
    "label input button"
    "caption caption caption" !important;
  width: 100% !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-desc-page) .ay-login,
body:has(.ay-met-page) .ay-login,
body:has(.ay-hist-page) .ay-login,
body:has(.ay-som-page) .ay-login,
body:has(.ay-par-page) .ay-login {
  grid-area: login !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  text-align: right !important;
  color: var(--ay-final-dark) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
}

body:has(.ay-page-conoce-mas) .ay-login a,
body:has(.ay-page-conoce-mas) .ay-login span,
body:has(.ay-desc-page) .ay-login a,
body:has(.ay-desc-page) .ay-login span,
body:has(.ay-met-page) .ay-login a,
body:has(.ay-met-page) .ay-login span,
body:has(.ay-hist-page) .ay-login a,
body:has(.ay-hist-page) .ay-login span,
body:has(.ay-som-page) .ay-login a,
body:has(.ay-som-page) .ay-login span,
body:has(.ay-par-page) .ay-login a,
body:has(.ay-par-page) .ay-login span {
  color: var(--ay-final-dark) !important;
  text-decoration: none !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label,
body:has(.ay-desc-page) .ay-search-area > label,
body:has(.ay-met-page) .ay-search-area > label,
body:has(.ay-hist-page) .ay-search-area > label,
body:has(.ay-som-page) .ay-search-area > label,
body:has(.ay-par-page) .ay-search-area > label {
  grid-area: label !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 10px !important;
  margin: 0 !important;
  border: 2px solid var(--ay-final-dark) !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-final-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input,
body:has(.ay-desc-page) .ay-search-area > input,
body:has(.ay-met-page) .ay-search-area > input,
body:has(.ay-hist-page) .ay-search-area > input,
body:has(.ay-som-page) .ay-search-area > input,
body:has(.ay-par-page) .ay-search-area > input {
  grid-area: input !important;
  width: 100% !important;
  height: 25px !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-top: 2px solid var(--ay-final-dark) !important;
  border-bottom: 2px solid var(--ay-final-dark) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-final-dark) !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button,
body:has(.ay-desc-page) .ay-search-area > button,
body:has(.ay-met-page) .ay-search-area > button,
body:has(.ay-hist-page) .ay-search-area > button,
body:has(.ay-som-page) .ay-search-area > button,
body:has(.ay-par-page) .ay-search-area > button {
  grid-area: button !important;
  height: 25px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: var(--ay-final-dark) !important;
  color: #dfbff0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-caption,
body:has(.ay-desc-page) .ay-hero-caption,
body:has(.ay-met-page) .ay-hero-caption,
body:has(.ay-hist-page) .ay-hero-caption,
body:has(.ay-som-page) .ay-hero-caption,
body:has(.ay-par-page) .ay-hero-caption {
  grid-area: caption !important;
  width: 100% !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
  color: var(--ay-final-dark) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
}

body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-met-page) .ay-lang,
body:has(.ay-hist-page) .ay-lang,
body:has(.ay-som-page) .ay-lang,
body:has(.ay-par-page) .ay-lang {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  display: flex !important;
  gap: 5px !important;
  align-items: center !important;
  color: var(--ay-final-dark) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body:has(.ay-page-conoce-mas) .ay-lang a,
body:has(.ay-page-conoce-mas) .ay-lang span,
body:has(.ay-desc-page) .ay-lang a,
body:has(.ay-desc-page) .ay-lang span,
body:has(.ay-met-page) .ay-lang a,
body:has(.ay-met-page) .ay-lang span,
body:has(.ay-hist-page) .ay-lang a,
body:has(.ay-hist-page) .ay-lang span,
body:has(.ay-som-page) .ay-lang a,
body:has(.ay-som-page) .ay-lang span,
body:has(.ay-par-page) .ay-lang a,
body:has(.ay-par-page) .ay-lang span {
  color: var(--ay-final-dark) !important;
  text-decoration: none !important;
}

/* Accesos superiores */
body:has(.ay-page-conoce-mas) .ay-main-access,
body:has(.ay-desc-page) .ay-main-access,
body:has(.ay-met-page) .ay-main-access,
body:has(.ay-hist-page) .ay-main-access,
body:has(.ay-som-page) .ay-main-access,
body:has(.ay-par-page) .ay-main-access {
  width: min(690px, calc(100vw - 260px)) !important;
  margin: 0 auto !important;
  padding: 8px 0 46px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 58px !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-access,
body:has(.ay-desc-page) .ay-access,
body:has(.ay-met-page) .ay-access,
body:has(.ay-hist-page) .ay-access,
body:has(.ay-som-page) .ay-access,
body:has(.ay-par-page) .ay-access {
  display: grid !important;
  grid-template-rows: 70px auto !important;
  justify-items: center !important;
  align-items: end !important;
  color: var(--ay-final-dark) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access::before,
body:has(.ay-desc-page) .ay-access::before,
body:has(.ay-met-page) .ay-access::before,
body:has(.ay-hist-page) .ay-access::before,
body:has(.ay-som-page) .ay-access::before,
body:has(.ay-par-page) .ay-access::before {
  display: none !important;
  content: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon,
body:has(.ay-desc-page) .ay-access-icon,
body:has(.ay-met-page) .ay-access-icon,
body:has(.ay-hist-page) .ay-access-icon,
body:has(.ay-som-page) .ay-access-icon,
body:has(.ay-par-page) .ay-access-icon {
  display: block !important;
  max-height: 62px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  align-self: end !important;
}

.ay-access-icon-conoce { max-width: 68px !important; }
.ay-access-icon-mapeo { max-width: 86px !important; }
.ay-access-icon-femoteca { max-width: 94px !important; }

body:has(.ay-page-conoce-mas) .ay-access strong,
body:has(.ay-desc-page) .ay-access strong,
body:has(.ay-met-page) .ay-access strong,
body:has(.ay-hist-page) .ay-access strong,
body:has(.ay-som-page) .ay-access strong,
body:has(.ay-par-page) .ay-access strong {
  grid-row: 2 !important;
  align-self: start !important;
  margin-top: 12px !important;
  color: var(--ay-final-dark) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access-active strong,
body:has(.ay-desc-page) .ay-access-active strong,
body:has(.ay-met-page) .ay-access-active strong,
body:has(.ay-hist-page) .ay-access-active strong,
body:has(.ay-som-page) .ay-access-active strong,
body:has(.ay-par-page) .ay-access-active strong {
  color: var(--ay-final-pink) !important;
}

/* Barra negra: NO ocupa todo el navegador; mantiene margen lateral como diseño. */
body:has(.ay-page-conoce-mas) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-conoce-nav,
body:has(.ay-met-page) .ay-conoce-nav,
body:has(.ay-hist-page) .ay-conoce-nav,
body:has(.ay-som-page) .ay-conoce-nav,
body:has(.ay-par-page) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-desc-nav,
body:has(.ay-met-page) .ay-met-nav,
body:has(.ay-hist-page) .ay-hist-nav,
body:has(.ay-som-page) .ay-som-nav,
body:has(.ay-par-page) .ay-par-nav {
  width: var(--ay-shell) !important;
  max-width: var(--ay-shell) !important;
  min-height: 23px !important;
  margin: 0 auto !important;
  background: var(--ay-final-dark) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
align-items: stretch !important;	
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-conoce-nav a,
body:has(.ay-met-page) .ay-conoce-nav a,
body:has(.ay-hist-page) .ay-conoce-nav a,
body:has(.ay-som-page) .ay-conoce-nav a,
body:has(.ay-par-page) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-desc-nav a,
body:has(.ay-met-page) .ay-met-nav a,
body:has(.ay-hist-page) .ay-hist-nav a,
body:has(.ay-som-page) .ay-som-nav a,
body:has(.ay-par-page) .ay-par-nav a {
  flex: 1 1 auto !important;
  display: block !important;
  color: var(--ay-final-purple-soft) !important;
  text-decoration: none !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 6px 12px 5px !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;

min-height: 23px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-conoce-nav a.active,
body:has(.ay-met-page) .ay-conoce-nav a.active,
body:has(.ay-hist-page) .ay-conoce-nav a.active,
body:has(.ay-som-page) .ay-conoce-nav a.active,
body:has(.ay-par-page) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-desc-nav a.active,
body:has(.ay-met-page) .ay-met-nav a.active,
body:has(.ay-hist-page) .ay-hist-nav a.active,
body:has(.ay-som-page) .ay-som-nav a.active,
body:has(.ay-par-page) .ay-par-nav a.active {
  background: var(--ay-final-purple-soft) !important;
  color: var(--ay-final-dark) !important;

background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   CONOCE MÁS — CONTENIDO CENTRAL
   ========================================================= */
body:has(.ay-page-conoce-mas) .ay-content-row {
  width: var(--ay-content-shell) !important;
  max-width: var(--ay-content-shell) !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.58fr) minmax(285px, 0.92fr) !important;
  column-gap: 58px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-row-descripcion {
  padding-top: 70px !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card {
  border-bottom: 1.5px solid var(--ay-final-pink) !important;
  padding: 0 0 45px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-row-somos .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-row-participa .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-row-contribuye .ay-left-card,
body:has(.ay-page-conoce-mas) .ay-row-apoyos .ay-left-card {
  padding-top: 38px !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card h1,
body:has(.ay-page-conoce-mas) .ay-left-card h2 {
  margin: 0 0 29px !important;
  color: var(--ay-final-dark) !important;
  font-size: 54px !important;
  line-height: 0.92 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.055em !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card p,
body:has(.ay-page-conoce-mas) .ay-side-text p {
  margin: 0 !important;
  color: var(--ay-final-dark) !important;
  font-size: 15.5px !important;
  line-height: 1.37 !important;
  letter-spacing: -0.025em !important;
}

body:has(.ay-page-conoce-mas) .ay-read-more,
body:has(.ay-desc-page) .ay-read-more,
body:has(.ay-desc-page) .ay-desc-read-more {
  color: var(--ay-final-pink) !important;
  font-style: italic !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* contacto de escritorio: columna derecha, alineado visualmente hacia la derecha */
body:has(.ay-page-conoce-mas) .ay-contact-card {
  width: 350px !important;
  max-width: 100% !important;
  justify-self: end !important;
  padding-top: 38px !important;
  text-align: center !important;
  color: var(--ay-final-pink) !important;
  position: relative !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-card h2 {
  margin: 0 0 28px !important;
  color: var(--ay-final-pink) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.035em !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-item {
  margin-bottom: 18px !important;
  color: var(--ay-final-pink) !important;
  font-size: 14px !important;
  line-height: 1.24 !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-item span {
  display: block !important;
  margin-bottom: 6px !important;
}

body:has(.ay-page-conoce-mas) .ay-contact-item a {
  color: var(--ay-final-pink) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body:has(.ay-page-conoce-mas) .ay-socials {
  position: absolute !important;
  right: -32px !important;
  top: 112px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

body:has(.ay-page-conoce-mas) .ay-socials a {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  text-decoration: none !important;
  color: var(--ay-final-dark) !important;
  font-size: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-social-icon {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
}

body:has(.ay-page-conoce-mas) .ay-media-card {
  width: 315px !important;
  max-width: 100% !important;
  justify-self: end !important;
  margin: 43px 0 0 !important;
  padding: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-media-card img,
body:has(.ay-page-conoce-mas) .ay-media-card video,
body:has(.ay-page-conoce-mas) .ay-media-card iframe {
  display: block !important;
  width: 315px !important;
  height: 178px !important;
  max-width: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-side-text {
  width: 315px !important;
  max-width: 100% !important;
  justify-self: end !important;
  margin-top: 31px !important;
}

body:has(.ay-page-conoce-mas) .ay-subscribe-area {
  padding-top: 58px !important;
}

body:has(.ay-page-conoce-mas) .ay-subscribe-button {
  width: 250px !important;
  margin: 0 auto !important;
  display: block !important;
  border: 1.5px solid var(--ay-final-dark) !important;
  background: transparent !important;
  color: var(--ay-final-pink) !important;
  padding: 7px 18px 6px !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.25em !important;
  line-height: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-mobile-contact-card {
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer {
  width: min(720px, calc(100vw - 280px)) !important;
  margin: 92px auto 0 !important;
  padding: 0 0 34px !important;
  text-align: center !important;
  color: var(--ay-final-dark) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer p {
  border-bottom: 1.5px solid var(--ay-final-dark) !important;
  padding-bottom: 9px !important;
}

/* =========================================================
   DESCRIPCIÓN — PÁGINA DETALLADA
   mantiene su layout, pero usa header estándar y activo.
   ========================================================= */
body:has(.ay-desc-page) .ay-desc-layout {
  width: var(--ay-content-shell) !important;
  max-width: var(--ay-content-shell) !important;
  grid-template-columns: 44px minmax(0, 1.58fr) minmax(285px, 0.92fr) !important;
  column-gap: 58px !important;
  padding-top: 70px !important;
}

body:has(.ay-desc-page) .ay-desc-main-text h1 {
  font-size: 52px !important;
  font-weight: 700 !important;
  letter-spacing: -0.055em !important;
}

body:has(.ay-desc-page) .ay-desc-main-text p,
body:has(.ay-desc-page) .ay-desc-side-card p,
body:has(.ay-desc-page) .ay-desc-side-card li,
body:has(.ay-desc-page) .ay-desc-mision p {
  font-size: 14.8px !important;
  line-height: 1.38 !important;
  letter-spacing: -0.025em !important;
}

body:has(.ay-desc-page) .ay-desc-side-card h2 {
  color: var(--ay-final-pink) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}

body:has(.ay-desc-page) .ay-desc-mision h2 {
  font-size: 52px !important;
  font-weight: 700 !important;
}

/* =========================================================
   RESPONSIVO CONOCE MÁS / HEADER ESTÁNDAR
   ========================================================= */
@media (max-width: 900px) {
  :root {
    --ay-shell: calc(100vw - 28px);
    --ay-content-shell: calc(100vw - 28px);
    --ay-header-shell: calc(100vw - 28px);
  }

  body:has(.ay-page-conoce-mas) #content,
  body:has(.ay-desc-page) #content,
  body:has(.ay-met-page) #content,
  body:has(.ay-hist-page) #content,
  body:has(.ay-som-page) #content,
  body:has(.ay-par-page) #content {
    background:
      linear-gradient(
        180deg,
        var(--ay-final-lavender) 0,
        var(--ay-final-lavender-soft) 22px,
        var(--ay-final-bg) 66px,
        var(--ay-final-bg) 100%
      ) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner,
  body:has(.ay-desc-page) .ay-hero-inner,
  body:has(.ay-met-page) .ay-hero-inner,
  body:has(.ay-hist-page) .ay-hero-inner,
  body:has(.ay-som-page) .ay-hero-inner,
  body:has(.ay-par-page) .ay-hero-inner {
    width: calc(100vw - 28px) !important;
    grid-template-columns: 1fr 34px 22px !important;
    column-gap: 12px !important;
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 0 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-area,
  body:has(.ay-desc-page) .ay-logo-area,
  body:has(.ay-met-page) .ay-logo-area,
  body:has(.ay-hist-page) .ay-logo-area,
  body:has(.ay-som-page) .ay-logo-area,
  body:has(.ay-par-page) .ay-logo-area {
    grid-column: 1 !important;
    min-height: 55px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-image,
  body:has(.ay-desc-page) .ay-logo-image,
  body:has(.ay-met-page) .ay-logo-image,
  body:has(.ay-hist-page) .ay-logo-image,
  body:has(.ay-som-page) .ay-logo-image,
  body:has(.ay-par-page) .ay-logo-image {
    width: 103px !important;
  }

  /* hamburguesa dibujada con CSS */
  body:has(.ay-page-conoce-mas) .ay-hero-main::after,
  body:has(.ay-desc-page) .ay-hero-main::after,
  body:has(.ay-met-page) .ay-hero-main::after,
  body:has(.ay-hist-page) .ay-hero-main::after,
  body:has(.ay-som-page) .ay-hero-main::after,
  body:has(.ay-par-page) .ay-hero-main::after {
    content: "" !important;
    position: absolute !important;
    top: 32px !important;
    right: 42px !important;
    width: 24px !important;
    height: 16px !important;
    border-top: 3px solid var(--ay-final-dark) !important;
    border-bottom: 3px solid var(--ay-final-dark) !important;
    box-shadow: 0 6.5px 0 var(--ay-final-dark) !important;
    z-index: 5 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang {
    grid-column: 3 !important;
    position: static !important;
    font-size: 10px !important;
    align-self: start !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area {
    grid-column: 1 / -1 !important;
    margin-top: 24px !important;
    grid-template-columns: 84px minmax(0, 1fr) 34px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-login,
  body:has(.ay-desc-page) .ay-login,
  body:has(.ay-met-page) .ay-login,
  body:has(.ay-hist-page) .ay-login,
  body:has(.ay-som-page) .ay-login,
  body:has(.ay-par-page) .ay-login {
    text-align: center !important;
    font-size: 9.5px !important;
    margin-bottom: 16px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > label,
  body:has(.ay-desc-page) .ay-search-area > label,
  body:has(.ay-met-page) .ay-search-area > label,
  body:has(.ay-hist-page) .ay-search-area > label,
  body:has(.ay-som-page) .ay-search-area > label,
  body:has(.ay-par-page) .ay-search-area > label {
    height: 18px !important;
    font-size: 9px !important;
    padding-left: 5px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > input,
  body:has(.ay-desc-page) .ay-search-area > input,
  body:has(.ay-met-page) .ay-search-area > input,
  body:has(.ay-hist-page) .ay-search-area > input,
  body:has(.ay-som-page) .ay-search-area > input,
  body:has(.ay-par-page) .ay-search-area > input {
    height: 18px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > button,
  body:has(.ay-desc-page) .ay-search-area > button,
  body:has(.ay-met-page) .ay-search-area > button,
  body:has(.ay-hist-page) .ay-search-area > button,
  body:has(.ay-som-page) .ay-search-area > button,
  body:has(.ay-par-page) .ay-search-area > button {
    height: 18px !important;
    font-size: 0 !important;
    position: relative !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > button::after,
  body:has(.ay-desc-page) .ay-search-area > button::after,
  body:has(.ay-met-page) .ay-search-area > button::after,
  body:has(.ay-hist-page) .ay-search-area > button::after,
  body:has(.ay-som-page) .ay-search-area > button::after,
  body:has(.ay-par-page) .ay-search-area > button::after {
    content: "⌕" !important;
    font-size: 16px !important;
    color: var(--ay-final-dark) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-caption,
  body:has(.ay-desc-page) .ay-hero-caption,
  body:has(.ay-met-page) .ay-hero-caption,
  body:has(.ay-hist-page) .ay-hero-caption,
  body:has(.ay-som-page) .ay-hero-caption,
  body:has(.ay-par-page) .ay-hero-caption {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    margin-top: 9px !important;
    max-width: 280px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-main-access,
  body:has(.ay-page-conoce-mas) .ay-conoce-nav,
  body:has(.ay-desc-page) .ay-main-access,
  body:has(.ay-desc-page) .ay-conoce-nav,
  body:has(.ay-met-page) .ay-main-access,
  body:has(.ay-met-page) .ay-conoce-nav,
  body:has(.ay-hist-page) .ay-main-access,
  body:has(.ay-hist-page) .ay-conoce-nav,
  body:has(.ay-som-page) .ay-main-access,
  body:has(.ay-som-page) .ay-conoce-nav,
  body:has(.ay-par-page) .ay-main-access,
  body:has(.ay-par-page) .ay-conoce-nav {
    display: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-content-row {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-row-descripcion {
    padding-top: 36px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-left-card {
    padding-bottom: 28px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-row-somos .ay-left-card,
  body:has(.ay-page-conoce-mas) .ay-row-participa .ay-left-card,
  body:has(.ay-page-conoce-mas) .ay-row-contribuye .ay-left-card,
  body:has(.ay-page-conoce-mas) .ay-row-apoyos .ay-left-card {
    padding-top: 28px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-left-card h1,
  body:has(.ay-page-conoce-mas) .ay-left-card h2 {
    font-size: 26px !important;
    letter-spacing: 0 !important;
    margin-bottom: 25px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-left-card p,
  body:has(.ay-page-conoce-mas) .ay-side-text p {
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-contact-card {
    display: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-media-card,
  body:has(.ay-page-conoce-mas) .ay-side-text {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    margin-top: 28px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-media-card img,
  body:has(.ay-page-conoce-mas) .ay-media-card video,
  body:has(.ay-page-conoce-mas) .ay-media-card iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-subscribe-area {
    padding-top: 28px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-subscribe-button {
    width: 100% !important;
    margin: 0 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-mobile-contact-card {
    display: block !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding: 38px 14px 54px !important;
    text-align: center !important;
    color: #d7b7f1 !important;
    background:
      linear-gradient(
        180deg,
        #841160 0%,
        #9564d2 58%,
        #9b90f2 100%
      ) !important;
    box-sizing: border-box !important;
  }

  body:has(.ay-page-conoce-mas) .ay-mobile-contact-card h2 {
    margin: 0 0 24px !important;
    color: #d7b7f1 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
  }

  body:has(.ay-page-conoce-mas) .ay-mobile-contact-card p,
  body:has(.ay-page-conoce-mas) .ay-mobile-contact-card a {
    color: #d7b7f1 !important;
    font-size: 8.8px !important;
    line-height: 1.25 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-mobile-socials {
    margin-top: 28px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 32px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-mobile-socials img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
  }

  body:has(.ay-page-conoce-mas) .ay-conoce-footer {
    width: calc(100vw - 80px) !important;
    margin-top: 26px !important;
    font-size: 8.5px !important;
  }

  body:has(.ay-desc-page) .ay-desc-layout {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    grid-template-columns: 1fr !important;
    padding-top: 40px !important;
  }

  body:has(.ay-desc-page) .ay-desc-side-label-top,
  body:has(.ay-desc-page) .ay-desc-side-label-mision {
    display: none !important;
  }

  body:has(.ay-desc-page) .ay-desc-main-text h1,
  body:has(.ay-desc-page) .ay-desc-mision h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 560px) {
  :root {
    --ay-shell: calc(100vw - 28px);
    --ay-content-shell: calc(100vw - 28px);
    --ay-header-shell: calc(100vw - 28px);
  }
}

/* =========================================================
   AJUSTE FINO — ANCHO MAYOR, NAV CON MARGEN PEQUEÑO,
   ES/EN MÁS A LA DERECHA
   Fecha: 2026-06
   ========================================================= */

:root {
  /* Más ancho general: reduce el aire lateral sin hacer full width total */
  --ay-shell: min(1380px, calc(100vw - 40px)) !important;
  --ay-content-shell: min(1160px, calc(100vw - 96px)) !important;
  --ay-header-shell: min(1180px, calc(100vw - 96px)) !important;
}

/* Header más abierto en escritorio */
body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-desc-page) .ay-hero-inner,
body:has(.ay-met-page) .ay-hero-inner,
body:has(.ay-hist-page) .ay-hero-inner,
body:has(.ay-som-page) .ay-hero-inner,
body:has(.ay-par-page) .ay-hero-inner {
  width: var(--ay-header-shell) !important;
  grid-template-columns: 340px minmax(520px, 1fr) 24px !important;
  column-gap: 82px !important;
}

/* Idioma vertical un poco más a la derecha, como en el diseño */
body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-met-page) .ay-lang,
body:has(.ay-hist-page) .ay-lang,
body:has(.ay-som-page) .ay-lang,
body:has(.ay-par-page) .ay-lang {
  transform: translateX(28px) !important;
}

/* Buscador mantiene proporción y se abre un poco más */
body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area {
  grid-template-columns: 95px minmax(300px, 1fr) 170px !important;
}

/* Accesos superiores: un poquito más anchos, pero centrados */
body:has(.ay-page-conoce-mas) .ay-main-access,
body:has(.ay-desc-page) .ay-main-access,
body:has(.ay-met-page) .ay-main-access,
body:has(.ay-hist-page) .ay-main-access,
body:has(.ay-som-page) .ay-main-access,
body:has(.ay-par-page) .ay-main-access {
  width: min(760px, calc(100vw - 220px)) !important;
  column-gap: 64px !important;
}

/* Barra de navegación: casi todo el ancho del diseño, con margen lateral fino */
body:has(.ay-page-conoce-mas) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-conoce-nav,
body:has(.ay-met-page) .ay-conoce-nav,
body:has(.ay-hist-page) .ay-conoce-nav,
body:has(.ay-som-page) .ay-conoce-nav,
body:has(.ay-par-page) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-desc-nav,
body:has(.ay-met-page) .ay-met-nav,
body:has(.ay-hist-page) .ay-hist-nav,
body:has(.ay-som-page) .ay-som-nav,
body:has(.ay-par-page) .ay-par-nav {
  width: var(--ay-shell) !important;
  max-width: var(--ay-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Hace que los enlaces ocupen toda la barra sin dejar “huecos” internos raros */
body:has(.ay-page-conoce-mas) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-conoce-nav a,
body:has(.ay-met-page) .ay-conoce-nav a,
body:has(.ay-hist-page) .ay-conoce-nav a,
body:has(.ay-som-page) .ay-conoce-nav a,
body:has(.ay-par-page) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-desc-nav a,
body:has(.ay-met-page) .ay-met-nav a,
body:has(.ay-hist-page) .ay-hist-nav a,
body:has(.ay-som-page) .ay-som-nav a,
body:has(.ay-par-page) .ay-par-nav a {
  flex: 1 1 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

/* Contenido principal un poco más ancho, pero sin irse a full width */
body:has(.ay-page-conoce-mas) .ay-content-row {
  width: var(--ay-content-shell) !important;
  max-width: var(--ay-content-shell) !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.92fr) !important;
  column-gap: 62px !important;
}

/* Descripción detallada: mismo criterio de ancho */
body:has(.ay-desc-page) .ay-desc-layout {
  width: var(--ay-content-shell) !important;
  max-width: var(--ay-content-shell) !important;
  grid-template-columns: 44px minmax(0, 1.65fr) minmax(300px, 0.92fr) !important;
  column-gap: 62px !important;
}

/* Footer interno: sigue más compacto que el contenido */
body:has(.ay-page-conoce-mas) .ay-conoce-footer,
body:has(.ay-desc-page) .ay-desc-footer,
body:has(.ay-met-page) .ay-met-footer,
body:has(.ay-hist-page) .ay-hist-footer,
body:has(.ay-som-page) .ay-som-footer,
body:has(.ay-par-page) .ay-par-footer {
  width: min(780px, calc(100vw - 220px)) !important;
}

/* Ajuste intermedio para tablets / pantallas medianas */
@media (max-width: 1180px) {
  :root {
    --ay-shell: calc(100vw - 36px) !important;
    --ay-content-shell: calc(100vw - 90px) !important;
    --ay-header-shell: calc(100vw - 90px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner,
  body:has(.ay-desc-page) .ay-hero-inner,
  body:has(.ay-met-page) .ay-hero-inner,
  body:has(.ay-hist-page) .ay-hero-inner,
  body:has(.ay-som-page) .ay-hero-inner,
  body:has(.ay-par-page) .ay-hero-inner {
    grid-template-columns: 300px minmax(480px, 1fr) 24px !important;
    column-gap: 56px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-image,
  body:has(.ay-desc-page) .ay-logo-image,
  body:has(.ay-met-page) .ay-logo-image,
  body:has(.ay-hist-page) .ay-logo-image,
  body:has(.ay-som-page) .ay-logo-image,
  body:has(.ay-par-page) .ay-logo-image {
    width: 260px !important;
  }
}

/* En móvil se mantiene el diseño responsive existente */
@media (max-width: 900px) {
  :root {
    --ay-shell: calc(100vw - 28px) !important;
    --ay-content-shell: calc(100vw - 28px) !important;
    --ay-header-shell: calc(100vw - 28px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang {
    transform: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-main-access,
  body:has(.ay-desc-page) .ay-main-access,
  body:has(.ay-met-page) .ay-main-access,
  body:has(.ay-hist-page) .ay-main-access,
  body:has(.ay-som-page) .ay-main-access,
  body:has(.ay-par-page) .ay-main-access {
    width: 100% !important;
    column-gap: 0 !important;
  }
}

/* =========================================================
   AJUSTE FINAL — BUSCADOR MÁS CORTO + NAV CON ESPACIOS
   Aplica a Conoce más y subpáginas con encabezado estándar
   ========================================================= */

:root {
  --ay-nav-side-space: clamp(54px, 5vw, 86px);
  --ay-search-total: 500px;
  --ay-search-label: 88px;
  --ay-search-input: 270px;
  --ay-search-button: 142px;
}

/* Buscador: reduce el ancho para acercarlo al diseño original */
body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area {
  width: var(--ay-search-total) !important;
  max-width: var(--ay-search-total) !important;
  display: grid !important;
  grid-template-columns: var(--ay-search-label) var(--ay-search-input) var(--ay-search-button) !important;
  grid-template-rows: auto 25px auto !important;
  align-items: start !important;
}

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-desc-page) .ay-login,
body:has(.ay-met-page) .ay-login,
body:has(.ay-hist-page) .ay-login,
body:has(.ay-som-page) .ay-login,
body:has(.ay-par-page) .ay-login {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: right !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label,
body:has(.ay-desc-page) .ay-search-area > label,
body:has(.ay-met-page) .ay-search-area > label,
body:has(.ay-hist-page) .ay-search-area > label,
body:has(.ay-som-page) .ay-search-area > label,
body:has(.ay-par-page) .ay-search-area > label {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: auto !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input,
body:has(.ay-desc-page) .ay-search-area > input,
body:has(.ay-met-page) .ay-search-area > input,
body:has(.ay-hist-page) .ay-search-area > input,
body:has(.ay-som-page) .ay-search-area > input,
body:has(.ay-par-page) .ay-search-area > input {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button,
body:has(.ay-desc-page) .ay-search-area > button,
body:has(.ay-met-page) .ay-search-area > button,
body:has(.ay-hist-page) .ay-search-area > button,
body:has(.ay-som-page) .ay-search-area > button,
body:has(.ay-par-page) .ay-search-area > button {
  grid-column: 3 !important;
  grid-row: 2 !important;
  width: auto !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-caption,
body:has(.ay-desc-page) .ay-hero-caption,
body:has(.ay-met-page) .ay-hero-caption,
body:has(.ay-hist-page) .ay-hero-caption,
body:has(.ay-som-page) .ay-hero-caption,
body:has(.ay-par-page) .ay-hero-caption {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Barra: mantiene ancho de diseño, pero agrega espacios negros antes del primer botón y después del último */
body:has(.ay-page-conoce-mas) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-conoce-nav,
body:has(.ay-met-page) .ay-conoce-nav,
body:has(.ay-hist-page) .ay-conoce-nav,
body:has(.ay-som-page) .ay-conoce-nav,
body:has(.ay-par-page) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-desc-nav,
body:has(.ay-met-page) .ay-met-nav,
body:has(.ay-hist-page) .ay-hist-nav,
body:has(.ay-som-page) .ay-som-nav,
body:has(.ay-par-page) .ay-par-nav {
  background: var(--ay-final-dark) !important;
  padding-left: var(--ay-nav-side-space) !important;
  padding-right: var(--ay-nav-side-space) !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  gap: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-conoce-nav a,
body:has(.ay-met-page) .ay-conoce-nav a,
body:has(.ay-hist-page) .ay-conoce-nav a,
body:has(.ay-som-page) .ay-conoce-nav a,
body:has(.ay-par-page) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-desc-nav a,
body:has(.ay-met-page) .ay-met-nav a,
body:has(.ay-hist-page) .ay-hist-nav a,
body:has(.ay-som-page) .ay-som-nav a,
body:has(.ay-par-page) .ay-par-nav a {
  flex: 1 1 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

/* Página activa: en el diseño no parece un bloque morado, sino una abertura sin fondo oscuro */
body:has(.ay-page-conoce-mas) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-conoce-nav a.active,
body:has(.ay-met-page) .ay-conoce-nav a.active,
body:has(.ay-hist-page) .ay-conoce-nav a.active,
body:has(.ay-som-page) .ay-conoce-nav a.active,
body:has(.ay-par-page) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-desc-nav a.active,
body:has(.ay-met-page) .ay-met-nav a.active,
body:has(.ay-hist-page) .ay-hist-nav a.active,
body:has(.ay-som-page) .ay-som-nav a.active,
body:has(.ay-par-page) .ay-par-nav a.active {
  background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
}

/* ES / EN: mantiene el desplazamiento derecho del diseño sin romper el responsive */
body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-met-page) .ay-lang,
body:has(.ay-hist-page) .ay-lang,
body:has(.ay-som-page) .ay-lang,
body:has(.ay-par-page) .ay-lang {
  transform: translateX(34px) !important;
}

/* Pantallas medianas: evita que buscador y nav se salgan */
@media (max-width: 1180px) {
  :root {
    --ay-search-total: min(500px, calc(100vw - 420px));
    --ay-search-label: 86px;
    --ay-search-input: minmax(180px, 1fr);
    --ay-search-button: 126px;
    --ay-nav-side-space: clamp(42px, 4.5vw, 70px);
  }
}

/* Móvil: conserva la lógica responsiva previa */
@media (max-width: 900px) {
  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 82px minmax(0, 1fr) 38px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang {
    transform: none !important;
  }
}

/* =========================================================
   AJUSTE DEFINITIVO — 2026-06-23
   Correcciones solicitadas:
   1) Buscador más corto y alineado a la derecha del encabezado.
   2) Barra de navegación con espacios negros laterales internos.
   3) Activo de navegación como abertura del fondo, no bloque morado.
   4) Contacto de escritorio alineado hacia la derecha.
   5) Responsive de Conoce más conservando el diseño móvil.
   ========================================================= */

:root {
  --ay-search-total: 500px !important;
  --ay-search-label: 88px !important;
  --ay-search-input: 270px !important;
  --ay-search-button: 142px !important;
  --ay-nav-side-space: clamp(58px, 5.6vw, 92px) !important;
  --ay-header-shell: min(1180px, calc(100vw - 96px)) !important;
  --ay-content-shell: min(1080px, calc(100vw - 150px)) !important;
}

/* Encabezado estándar: mantiene proporción, pero permite que el buscador se pegue más a la derecha. */
body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-desc-page) .ay-hero-inner,
body:has(.ay-met-page) .ay-hero-inner,
body:has(.ay-hist-page) .ay-hero-inner,
body:has(.ay-som-page) .ay-hero-inner,
body:has(.ay-par-page) .ay-hero-inner {
  width: var(--ay-header-shell) !important;
  grid-template-columns: 330px minmax(500px, 1fr) 24px !important;
  column-gap: clamp(66px, 7.2vw, 120px) !important;
}

/* Buscador: corto, pero alineado a la derecha de su columna, como en el diseño. */
body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area {
  justify-self: end !important;
  width: var(--ay-search-total) !important;
  max-width: var(--ay-search-total) !important;
  display: grid !important;
  grid-template-columns: var(--ay-search-label) var(--ay-search-input) var(--ay-search-button) !important;
  grid-template-rows: auto 25px auto !important;
  grid-template-areas:
    "login login login"
    "label input button"
    "caption caption caption" !important;
}

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-desc-page) .ay-login,
body:has(.ay-met-page) .ay-login,
body:has(.ay-hist-page) .ay-login,
body:has(.ay-som-page) .ay-login,
body:has(.ay-par-page) .ay-login {
  grid-area: login !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: right !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label,
body:has(.ay-desc-page) .ay-search-area > label,
body:has(.ay-met-page) .ay-search-area > label,
body:has(.ay-hist-page) .ay-search-area > label,
body:has(.ay-som-page) .ay-search-area > label,
body:has(.ay-par-page) .ay-search-area > label {
  grid-area: label !important;
  width: auto !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input,
body:has(.ay-desc-page) .ay-search-area > input,
body:has(.ay-met-page) .ay-search-area > input,
body:has(.ay-hist-page) .ay-search-area > input,
body:has(.ay-som-page) .ay-search-area > input,
body:has(.ay-par-page) .ay-search-area > input {
  grid-area: input !important;
  width: auto !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button,
body:has(.ay-desc-page) .ay-search-area > button,
body:has(.ay-met-page) .ay-search-area > button,
body:has(.ay-hist-page) .ay-search-area > button,
body:has(.ay-som-page) .ay-search-area > button,
body:has(.ay-par-page) .ay-search-area > button {
  grid-area: button !important;
  width: auto !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-caption,
body:has(.ay-desc-page) .ay-hero-caption,
body:has(.ay-met-page) .ay-hero-caption,
body:has(.ay-hist-page) .ay-hero-caption,
body:has(.ay-som-page) .ay-hero-caption,
body:has(.ay-par-page) .ay-hero-caption {
  grid-area: caption !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ES / EN más cercano al borde derecho del diseño, sin romper móvil. */
body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-met-page) .ay-lang,
body:has(.ay-hist-page) .ay-lang,
body:has(.ay-som-page) .ay-lang,
body:has(.ay-par-page) .ay-lang {
  transform: translateX(38px) !important;
}

/* Barra negra: ancho de maqueta con margen lateral externo e internamente deja espacio negro antes/después de botones. */
body:has(.ay-page-conoce-mas) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-conoce-nav,
body:has(.ay-met-page) .ay-conoce-nav,
body:has(.ay-hist-page) .ay-conoce-nav,
body:has(.ay-som-page) .ay-conoce-nav,
body:has(.ay-par-page) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-desc-nav,
body:has(.ay-met-page) .ay-met-nav,
body:has(.ay-hist-page) .ay-hist-nav,
body:has(.ay-som-page) .ay-som-nav,
body:has(.ay-par-page) .ay-par-nav {
  width: var(--ay-shell) !important;
  max-width: var(--ay-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--ay-nav-side-space) !important;
  padding-right: var(--ay-nav-side-space) !important;
  background: var(--ay-final-dark) !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-conoce-nav a,
body:has(.ay-met-page) .ay-conoce-nav a,
body:has(.ay-hist-page) .ay-conoce-nav a,
body:has(.ay-som-page) .ay-conoce-nav a,
body:has(.ay-par-page) .ay-conoce-nav a,
body:has(.ay-desc-page) .ay-desc-nav a,
body:has(.ay-met-page) .ay-met-nav a,
body:has(.ay-hist-page) .ay-hist-nav a,
body:has(.ay-som-page) .ay-som-nav a,
body:has(.ay-par-page) .ay-par-nav a {
  flex: 1 1 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

/* Activo: debe verse como hueco del fondo de página dentro de la barra, no como botón morado. */
body:has(.ay-page-conoce-mas) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-conoce-nav a.active,
body:has(.ay-met-page) .ay-conoce-nav a.active,
body:has(.ay-hist-page) .ay-conoce-nav a.active,
body:has(.ay-som-page) .ay-conoce-nav a.active,
body:has(.ay-par-page) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-desc-nav a.active,
body:has(.ay-met-page) .ay-met-nav a.active,
body:has(.ay-hist-page) .ay-hist-nav a.active,
body:has(.ay-som-page) .ay-som-nav a.active,
body:has(.ay-par-page) .ay-par-nav a.active {
  background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
}

/* Conoce más: contacto de escritorio vuelve a alinearse hacia la derecha. */
@media (min-width: 901px) {
  body:has(.ay-page-conoce-mas) .ay-contact-card {
    justify-self: end !important;
    text-align: right !important;
    width: min(350px, 100%) !important;
    padding-top: 41px !important;
    padding-right: 42px !important;
    box-sizing: border-box !important;
  }

  body:has(.ay-page-conoce-mas) .ay-contact-card h2,
  body:has(.ay-page-conoce-mas) .ay-contact-item,
  body:has(.ay-page-conoce-mas) .ay-contact-item span,
  body:has(.ay-page-conoce-mas) .ay-contact-item a {
    text-align: right !important;
  }

  body:has(.ay-page-conoce-mas) .ay-contact-item a {
    display: inline-block !important;
    max-width: 100% !important;
    word-break: break-word !important;
  }

  body:has(.ay-page-conoce-mas) .ay-socials {
    position: absolute !important;
    right: -8px !important;
    left: auto !important;
    top: 118px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    align-items: center !important;
  }

  body:has(.ay-page-conoce-mas) .ay-socials a {
    width: 25px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
  }

  body:has(.ay-page-conoce-mas) .ay-social-icon,
  body:has(.ay-page-conoce-mas) .ay-socials img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
    display: block !important;
  }
}

/* Desktop medio: buscador sigue a la derecha, pero sin salirse del header. */
@media (max-width: 1180px) and (min-width: 901px) {
  :root {
    --ay-search-total: 480px !important;
    --ay-search-label: 86px !important;
    --ay-search-input: 260px !important;
    --ay-search-button: 134px !important;
    --ay-nav-side-space: clamp(48px, 5vw, 78px) !important;
    --ay-header-shell: calc(100vw - 90px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner,
  body:has(.ay-desc-page) .ay-hero-inner,
  body:has(.ay-met-page) .ay-hero-inner,
  body:has(.ay-hist-page) .ay-hero-inner,
  body:has(.ay-som-page) .ay-hero-inner,
  body:has(.ay-par-page) .ay-hero-inner {
    grid-template-columns: 300px minmax(480px, 1fr) 24px !important;
    column-gap: 56px !important;
  }
}

/* Responsive Conoce más: se respeta la maqueta móvil enviada. */
@media (max-width: 900px) {
  :root {
    --ay-shell: calc(100vw - 28px) !important;
    --ay-content-shell: calc(100vw - 28px) !important;
    --ay-header-shell: calc(100vw - 28px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-hero-inner,
  body:has(.ay-desc-page) .ay-hero-inner,
  body:has(.ay-met-page) .ay-hero-inner,
  body:has(.ay-hist-page) .ay-hero-inner,
  body:has(.ay-som-page) .ay-hero-inner,
  body:has(.ay-par-page) .ay-hero-inner {
    width: var(--ay-header-shell) !important;
    grid-template-columns: 1fr auto !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    padding-top: 22px !important;
    min-height: 0 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-area,
  body:has(.ay-desc-page) .ay-logo-area,
  body:has(.ay-met-page) .ay-logo-area,
  body:has(.ay-hist-page) .ay-logo-area,
  body:has(.ay-som-page) .ay-logo-area,
  body:has(.ay-par-page) .ay-logo-area {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 46px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-logo-image,
  body:has(.ay-desc-page) .ay-logo-image,
  body:has(.ay-met-page) .ay-logo-image,
  body:has(.ay-hist-page) .ay-logo-image,
  body:has(.ay-som-page) .ay-logo-image,
  body:has(.ay-par-page) .ay-logo-image {
    width: 92px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang {
    position: absolute !important;
    right: 0 !important;
    top: 22px !important;
    transform: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 34px !important;
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) 36px !important;
    grid-template-areas:
      "login login login"
      "label input button"
      "caption caption caption" !important;
  }

  body:has(.ay-page-conoce-mas) .ay-login,
  body:has(.ay-desc-page) .ay-login,
  body:has(.ay-met-page) .ay-login,
  body:has(.ay-hist-page) .ay-login,
  body:has(.ay-som-page) .ay-login,
  body:has(.ay-par-page) .ay-login {
    text-align: center !important;
    margin-bottom: 12px !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > button,
  body:has(.ay-desc-page) .ay-search-area > button,
  body:has(.ay-met-page) .ay-search-area > button,
  body:has(.ay-hist-page) .ay-search-area > button,
  body:has(.ay-som-page) .ay-search-area > button,
  body:has(.ay-par-page) .ay-search-area > button {
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border-top: 2px solid var(--ay-final-dark) !important;
    border-bottom: 2px solid var(--ay-final-dark) !important;
    border-right: 2px solid var(--ay-final-dark) !important;
    position: relative !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area > button::before,
  body:has(.ay-desc-page) .ay-search-area > button::before,
  body:has(.ay-met-page) .ay-search-area > button::before,
  body:has(.ay-hist-page) .ay-search-area > button::before,
  body:has(.ay-som-page) .ay-search-area > button::before,
  body:has(.ay-par-page) .ay-search-area > button::before {
    content: "⌕" !important;
    display: block !important;
    color: var(--ay-final-dark) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body:has(.ay-page-conoce-mas) .ay-main-access,
  body:has(.ay-desc-page) .ay-main-access,
  body:has(.ay-met-page) .ay-main-access,
  body:has(.ay-hist-page) .ay-main-access,
  body:has(.ay-som-page) .ay-main-access,
  body:has(.ay-par-page) .ay-main-access,
  body:has(.ay-page-conoce-mas) .ay-conoce-nav,
  body:has(.ay-desc-page) .ay-conoce-nav,
  body:has(.ay-met-page) .ay-conoce-nav,
  body:has(.ay-hist-page) .ay-conoce-nav,
  body:has(.ay-som-page) .ay-conoce-nav,
  body:has(.ay-par-page) .ay-conoce-nav {
    display: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-contact-card {
    display: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-mobile-contact-card {
    display: block !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding: 38px 14px 54px !important;
    text-align: center !important;
    color: #d7b7f1 !important;
    background: linear-gradient(180deg, #841160 0%, #9564d2 58%, #9b90f2 100%) !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   AJUSTE FINAL 2 — BUSCADOR MÁS A LA DERECHA,
   NAV UN POCO MÁS ANGOSTA Y FONDO UNIFICADO
   Aplica a Conoce más, Descripción, Metodología, Historia,
   Somos y Participa.
   ========================================================= */

:root {
  /* La barra queda un poco más angosta que antes, sin perder el diseño amplio. */
  --ay-shell: min(1320px, calc(100vw - 70px)) !important;
  --ay-content-shell: min(1160px, calc(100vw - 96px)) !important;
  --ay-header-shell: min(1180px, calc(100vw - 96px)) !important;

  /* Buscador mantiene tamaño más corto, pero se pega visualmente hacia la derecha. */
  --ay-search-total: 500px !important;
  --ay-search-label: 88px !important;
  --ay-search-input: 270px !important;
  --ay-search-button: 142px !important;

  /* Espacio negro interno antes/después de los enlaces del nav. */
  --ay-nav-side-space: clamp(54px, 5vw, 82px) !important;
}

/* Fondo único y consistente para todo el grupo Conoce más. */
body:has(.ay-page-conoce-mas),
body:has(.ay-desc-page),
body:has(.ay-met-page),
body:has(.ay-hist-page),
body:has(.ay-som-page),
body:has(.ay-par-page) {
  background: var(--ay-final-bg) !important;
}

body:has(.ay-page-conoce-mas) #content,
body:has(.ay-desc-page) #content,
body:has(.ay-met-page) #content,
body:has(.ay-hist-page) #content,
body:has(.ay-som-page) #content,
body:has(.ay-par-page) #content {
  background:
    linear-gradient(
      180deg,
      var(--ay-final-lavender) 0,
      var(--ay-final-lavender-soft) 28px,
      var(--ay-final-bg) 92px,
      var(--ay-final-bg) 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

/* Si alguna subpágina todavía conserva el hero viejo, no debe tener fondo propio. */
.ay-desc-hero,
.ay-met-hero,
.ay-hist-hero,
.ay-som-hero,
.ay-par-hero {
  background: transparent !important;
}

/* Buscador: queda corto, pero alineado hacia la derecha dentro de su columna. */
body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area {
  width: var(--ay-search-total) !important;
  max-width: var(--ay-search-total) !important;
  justify-self: end !important;
  transform: translateX(18px) !important;
  grid-template-columns: var(--ay-search-label) var(--ay-search-input) var(--ay-search-button) !important;
}

/* El login y el texto descriptivo acompañan el mismo desplazamiento del buscador. */
body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-desc-page) .ay-login,
body:has(.ay-met-page) .ay-login,
body:has(.ay-hist-page) .ay-login,
body:has(.ay-som-page) .ay-login,
body:has(.ay-par-page) .ay-login,
body:has(.ay-page-conoce-mas) .ay-hero-caption,
body:has(.ay-desc-page) .ay-hero-caption,
body:has(.ay-met-page) .ay-hero-caption,
body:has(.ay-hist-page) .ay-hero-caption,
body:has(.ay-som-page) .ay-hero-caption,
body:has(.ay-par-page) .ay-hero-caption {
  width: 100% !important;
  max-width: 100% !important;
}

/* Barra de navegación: un poco más angosta, con respiración lateral e interior negro. */
body:has(.ay-page-conoce-mas) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-conoce-nav,
body:has(.ay-met-page) .ay-conoce-nav,
body:has(.ay-hist-page) .ay-conoce-nav,
body:has(.ay-som-page) .ay-conoce-nav,
body:has(.ay-par-page) .ay-conoce-nav,
body:has(.ay-desc-page) .ay-desc-nav,
body:has(.ay-met-page) .ay-met-nav,
body:has(.ay-hist-page) .ay-hist-nav,
body:has(.ay-som-page) .ay-som-nav,
body:has(.ay-par-page) .ay-par-nav {
  width: var(--ay-shell) !important;
  max-width: var(--ay-shell) !important;
  padding-left: var(--ay-nav-side-space) !important;
  padding-right: var(--ay-nav-side-space) !important;
  background: var(--ay-final-dark) !important;
  box-sizing: border-box !important;
}

/* Activo: mantiene el efecto de “corte” del fondo, sin bloque morado. */
body:has(.ay-page-conoce-mas) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-conoce-nav a.active,
body:has(.ay-met-page) .ay-conoce-nav a.active,
body:has(.ay-hist-page) .ay-conoce-nav a.active,
body:has(.ay-som-page) .ay-conoce-nav a.active,
body:has(.ay-par-page) .ay-conoce-nav a.active,
body:has(.ay-desc-page) .ay-desc-nav a.active,
body:has(.ay-met-page) .ay-met-nav a.active,
body:has(.ay-hist-page) .ay-hist-nav a.active,
body:has(.ay-som-page) .ay-som-nav a.active,
body:has(.ay-par-page) .ay-par-nav a.active {
  background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
}

/* Idioma sigue a la derecha como el diseño, pero sin exagerarse. */
body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-met-page) .ay-lang,
body:has(.ay-hist-page) .ay-lang,
body:has(.ay-som-page) .ay-lang,
body:has(.ay-par-page) .ay-lang {
  transform: translateX(38px) !important;
}

@media (max-width: 1180px) {
  :root {
    --ay-shell: calc(100vw - 52px) !important;
    --ay-content-shell: calc(100vw - 90px) !important;
    --ay-header-shell: calc(100vw - 90px) !important;
    --ay-search-total: min(500px, calc(100vw - 420px)) !important;
    --ay-search-label: 86px !important;
    --ay-search-input: minmax(180px, 1fr) !important;
    --ay-search-button: 126px !important;
    --ay-nav-side-space: clamp(42px, 4.5vw, 68px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area {
    transform: translateX(10px) !important;
  }
}

@media (max-width: 900px) {
  :root {
    --ay-shell: calc(100vw - 28px) !important;
    --ay-content-shell: calc(100vw - 28px) !important;
    --ay-header-shell: calc(100vw - 28px) !important;
  }

  body:has(.ay-page-conoce-mas) #content,
  body:has(.ay-desc-page) #content,
  body:has(.ay-met-page) #content,
  body:has(.ay-hist-page) #content,
  body:has(.ay-som-page) #content,
  body:has(.ay-par-page) #content {
    background:
      linear-gradient(
        180deg,
        var(--ay-final-lavender) 0,
        var(--ay-final-lavender-soft) 22px,
        var(--ay-final-bg) 66px,
        var(--ay-final-bg) 100%
      ) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    transform: none !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang {
    transform: none !important;
  }
}

/* =========================================================
   AJUSTE FINAL 3 — BUSCADOR UN POCO MÁS A LA DERECHA
   + soporte de encabezado estándar para Política
   ========================================================= */

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area,
body:has(.ay-pol-page) .ay-search-area {
  transform: translateX(34px) !important;
}

body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-met-page) .ay-lang,
body:has(.ay-hist-page) .ay-lang,
body:has(.ay-som-page) .ay-lang,
body:has(.ay-par-page) .ay-lang,
body:has(.ay-pol-page) .ay-lang {
  transform: translateX(44px) !important;
}

/* Política usa el mismo encabezado/fondo del bloque Conoce más. */
body:has(.ay-pol-page) {
  background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
  font-family: var(--ay-final-mono) !important;
  overflow-x: hidden !important;
}

body:has(.ay-pol-page) .ay-pol-page {
  display: none !important;
}

body:has(.ay-pol-page) #content > h1:first-child,
body:has(.ay-pol-page) header,
body:has(.ay-pol-page) .site-header,
body:has(.ay-pol-page) .site-title,
body:has(.ay-pol-page) .site-title-wrapper,
body:has(.ay-pol-page) .site-search,
body:has(.ay-pol-page) .search-form,
body:has(.ay-pol-page) .search,
body:has(.ay-pol-page) .sub-menu,
body:has(.ay-pol-page) .child-navigation,
body:has(.ay-pol-page) .page-navigation,
body:has(.ay-pol-page) .page-nav,
body:has(.ay-pol-page) nav.breadcrumbs,
body:has(.ay-pol-page) .pagination,
body:has(.ay-pol-page) .previous,
body:has(.ay-pol-page) .next,
body:has(.ay-pol-page) .site-footer,
body:has(.ay-pol-page) footer.site-footer {
  display: none !important;
}

body:has(.ay-pol-page) #content,
body:has(.ay-pol-page) #content .blocks,
body:has(.ay-pol-page) #content .block {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body:has(.ay-pol-page) #content {
  min-height: 100vh !important;
  background:
    linear-gradient(
      180deg,
      var(--ay-final-lavender) 0,
      var(--ay-final-lavender-soft) 28px,
      var(--ay-final-bg) 92px,
      var(--ay-final-bg) 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

body:has(.ay-pol-page) .ay-hero-main,
body:has(.ay-pol-page) .ay-hero-inner,
body:has(.ay-pol-page) .ay-main-access,
body:has(.ay-pol-page) .ay-logo-area,
body:has(.ay-pol-page) .ay-search-area {
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.ay-pol-page) .ay-conoce-nav {
  width: var(--ay-shell) !important;
  max-width: var(--ay-shell) !important;
  padding-left: var(--ay-nav-side-space) !important;
  padding-right: var(--ay-nav-side-space) !important;
  background: var(--ay-final-dark) !important;
  box-sizing: border-box !important;
}

body:has(.ay-pol-page) .ay-conoce-nav a.active {
  background: var(--ay-final-bg) !important;
  color: var(--ay-final-dark) !important;
}

@media (max-width: 1180px) {
  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area,
  body:has(.ay-pol-page) .ay-search-area {
    transform: translateX(20px) !important;
  }

  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang,
  body:has(.ay-pol-page) .ay-lang {
    transform: translateX(34px) !important;
  }
}

@media (max-width: 900px) {
  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area,
  body:has(.ay-pol-page) .ay-search-area,
  body:has(.ay-page-conoce-mas) .ay-lang,
  body:has(.ay-desc-page) .ay-lang,
  body:has(.ay-met-page) .ay-lang,
  body:has(.ay-hist-page) .ay-lang,
  body:has(.ay-som-page) .ay-lang,
  body:has(.ay-par-page) .ay-lang,
  body:has(.ay-pol-page) .ay-lang {
    transform: none !important;
  }

  body:has(.ay-pol-page) #content {
    background:
      linear-gradient(
        180deg,
        var(--ay-final-lavender) 0,
        var(--ay-final-lavender-soft) 22px,
        var(--ay-final-bg) 66px,
        var(--ay-final-bg) 100%
      ) !important;
  }
}

/* =========================================================
   AJUSTE FINAL 4 — BUSCADOR UN POCO MÁS A LA DERECHA
   No altera navegación, contacto ni responsive.
   Aplica al encabezado estándar de Conoce más y subpáginas.
   ========================================================= */

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-met-page) .ay-search-area,
body:has(.ay-hist-page) .ay-search-area,
body:has(.ay-som-page) .ay-search-area,
body:has(.ay-par-page) .ay-search-area,
body:has(.ay-pol-page) .ay-search-area {
  transform: translateX(72px) !important;
}

@media (max-width: 1180px) {
  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area,
  body:has(.ay-pol-page) .ay-search-area {
    transform: translateX(32px) !important;
  }
}

@media (max-width: 900px) {
  body:has(.ay-page-conoce-mas) .ay-search-area,
  body:has(.ay-desc-page) .ay-search-area,
  body:has(.ay-met-page) .ay-search-area,
  body:has(.ay-hist-page) .ay-search-area,
  body:has(.ay-som-page) .ay-search-area,
  body:has(.ay-par-page) .ay-search-area,
  body:has(.ay-pol-page) .ay-search-area {
    transform: none !important;
  }
}

/* =========================================================