/* =========================================================
   ARCHIVAS & DOCUMENTAS — HEADER-FOOTER V48
   POLÍTICA MÓVIL INTEGRADA AL HEADER COMPARTIDO
   ---------------------------------------------------------
   - .ay-conoce-footer.ay-conoce-desktop-footer usa #905E98.
   - El degradado rosa -> azul permanece únicamente antes de
     la sección DONA AQUÍ.
   - El footer ya no cambia hacia #9F7FD4 en su parte inferior.
   - No modifica los bloques HTML.
   ========================================================= */


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

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

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

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

/* ARCHIVAS & DOCUMENTAS — 10 HEADER, MENÚ, ACCESOS, FOOTERS Y REGLAS COMPARTIDAS */

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;
}

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;
}

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-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;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-femoteca{
  max-width: 96px !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;
}



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

.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;
}

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;
}

.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;
}

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;
}

.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;
}

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;
}

.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;
}

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;
}

.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;
}

.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;
}

body:has(.ay-home-page) *,
body:has(.ay-page-conoce-mas) *,
body:has(.ay-desc-page) *,
body:has(.ay-pol-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;
}

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-pol-page) #content .blocks,
body:has(.ay-desc-page) #content .block,
body:has(.ay-pol-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;
}

.ay-page-conoce-mas,
.ay-desc-page,
.ay-pol-page,
.ay-met-page,
.ay-hist-page,
.ay-som-page,
.ay-par-page{
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-main,
body:has(.ay-desc-page) .ay-hero-main,
body:has(.ay-pol-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-logo-area,
body:has(.ay-desc-page) .ay-logo-area,
body:has(.ay-pol-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-pol-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-pol-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;
  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-pol-page) .ay-logo-text,
body:has(.ay-desc-page) .ay-logo-wave,
body:has(.ay-pol-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;
}

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-pol-page) .ay-login a,
body:has(.ay-desc-page) .ay-login span,
body:has(.ay-pol-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-lang a,
body:has(.ay-page-conoce-mas) .ay-lang span,
body:has(.ay-desc-page) .ay-lang a,
body:has(.ay-pol-page) .ay-lang a,
body:has(.ay-desc-page) .ay-lang span,
body:has(.ay-pol-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;
}

body:has(.ay-page-conoce-mas) .ay-access,
body:has(.ay-desc-page) .ay-access,
body:has(.ay-pol-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-pol-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-pol-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-pol-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-pol-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;
}

body:has(.ay-page-conoce-mas) .ay-read-more,
body:has(.ay-desc-page) .ay-read-more,
body:has(.ay-pol-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;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer{
  font-family: var(--ay-mono) !important;
  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-main-access,
body:has(.ay-desc-page) .ay-main-access,
body:has(.ay-pol-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{
  margin: 0 auto !important;
  padding: 8px 0 46px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  width: min(760px, calc(100vw - 220px)) !important;
  column-gap: 64px !important;
}

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;
}

body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-desc-page) .ay-hero-inner,
body:has(.ay-pol-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{
  margin: 0 auto !important;
  padding: 70px 0 0 !important;
  min-height: 220px !important;
  display: grid !important;
  align-items: start !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: var(--ay-header-shell) !important;
  grid-template-columns: 330px minmax(500px, 1fr) 24px !important;
  column-gap: clamp(66px, 7.2vw, 120px) !important;
}

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-desc-page) .ay-login,
body:has(.ay-pol-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{
  margin: 0 0 10px !important;
  color: var(--ay-final-dark) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  grid-column: 1 / -1 !important;
  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-pol-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: 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;
  grid-column: 1 !important;
  grid-row: 2 !important;
  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-pol-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: 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;
  grid-column: 2 !important;
  grid-row: 2 !important;
  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-pol-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: 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;
  grid-column: 3 !important;
  grid-row: 2 !important;
  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-pol-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{
  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;
  grid-column: 1 / -1 !important;
  grid-area: caption !important;
  width: 100% !important;
  max-width: 100% !important;
}



body:has(.ay-page-conoce-mas),
body:has(.ay-desc-page),
body:has(.ay-pol-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;
  color: var(--ay-final-dark) !important;
  font-family: var(--ay-font) !important;
  overflow-x: hidden !important;
  background: var(--ay-final-bg) !important;
}

body:has(.ay-page-conoce-mas) #content,
body:has(.ay-desc-page) #content,
body:has(.ay-pol-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;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.ay-desc-hero,
.ay-met-hero,
.ay-hist-hero,
.ay-som-hero,
.ay-par-hero{
  background: transparent !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-pol-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{
  padding-top: 0 !important;
  box-sizing: border-box !important;
  align-items: start !important;
  display: grid !important;
  grid-template-rows: auto 25px auto !important;
  grid-template-areas: "login login login"
    "label input button"
    "caption caption caption" !important;
  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;
}

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-desc-page) .ay-login,
body:has(.ay-pol-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-pol-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;
}





body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-pol-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;
  transform: translateX(38px) !important;
}

body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-pol-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(44px) !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) .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-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-pol-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(72px) !important;
}

body:has(.ay-policy-page) .site-footer *,
body:has(.ay-policy-page) #footer *,
body:has(.ay-policy-page) .theme-footer *,
body:has(.ay-policy-page) .page-footer *,
body:has(.ay-policy-page) .site-info *,
body:has(.ay-policy-page) .powered-by *{
  display: none !important;
  visibility: hidden !important;
}

body:has(.ay-pol-page) .ay-anchor-offset,
body:has(.ay-map-new-page) .ay-anchor-offset{
  display: block !important;
  position: relative !important;
  top: -24px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

html:has(.ay-pol-page),
html:has(.ay-map-new-page){
  scroll-behavior: smooth !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .block:has(.ay-map-new-footer){
  display: block !important;
  visibility: visible !important;
  opacity: 1 !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;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) footer.ay-map-new-footer{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !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;
  background: transparent !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.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer::before,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) footer.ay-map-new-footer::before{
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 1.35px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  background: #2a0629 !important;
  border: 0 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer::after,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) footer.ay-map-new-footer::after{
  content: none !important;
  display: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-row,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-text{
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2a0629 !important;
  background: transparent !important;
  font-family: var(--ay-new-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer p{
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #2a0629 !important;
  background: transparent !important;
  font-family: var(--ay-new-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer a,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer a:visited,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-link,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-full-link{
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2a0629 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: var(--ay-new-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer a:hover,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-link:hover{
  color: #571447 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-sep{
  display: inline !important;
  margin: 0 6px !important;
  color: #2a0629 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) footer.ay-map-new-footer,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer *,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-row,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-row span,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-row a,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-row a:visited,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-sep,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-link{
  color: #2a0629 !important;
  font-family: var(--ay-new-font) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  background: transparent !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-row a:hover,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-footer-link:hover{
  color: #2a0629 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body:has(.ay-page-conoce-mas) .ay-page-conoce-mas,
body:has(.ay-page-conoce-mas) #content > h1:first-child,
body:has(.ay-page-conoce-mas) #user-bar,
body:has(.ay-page-conoce-mas) .user-bar,
body:has(.ay-page-conoce-mas) #admin-bar,
body:has(.ay-page-conoce-mas) .admin-bar,
body:has(.ay-page-conoce-mas) .site-admin-bar,
body:has(.ay-page-conoce-mas) .site-header,
body:has(.ay-page-conoce-mas) header[role="banner"],
body:has(.ay-page-conoce-mas) header:not(.ay-conoce-footer),
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) nav.pagination,
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) .previous-next,
body:has(.ay-page-conoce-mas) .page-pagination,
body:has(.ay-page-conoce-mas) .site-page-pagination,
body:has(.ay-page-conoce-mas) .nav-links,
body:has(.ay-page-conoce-mas) .navigation,
body:has(.ay-page-conoce-mas) footer:not(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) .site-footer,
body:has(.ay-page-conoce-mas) #footer,
body:has(.ay-page-conoce-mas) .footer:not(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) .site-info,
body:has(.ay-page-conoce-mas) .powered-by,
body:has(.ay-page-conoce-mas) #content > a[href*="/page/"],
body:has(.ay-page-conoce-mas) #content > .blocks ~ a[href*="/page/"],
body:has(.ay-page-conoce-mas) #content > nav:not(.ay-conoce-nav),
body:has(.ay-page-conoce-mas) .blocks + a[href*="/page/"]{
  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;
}

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

body:has(.ay-page-conoce-mas) .ay-conoce-footer p{
  padding-bottom: 9px !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
  border-bottom: 1.5px solid var(--ay-cm-dark) !important;
  color: var(--ay-cm-dark) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

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

body:has(.ay-page-conoce-mas) #user-bar,
body:has(.ay-page-conoce-mas) .user-bar,
body:has(.ay-page-conoce-mas) .admin-bar,
body:has(.ay-page-conoce-mas) .site-admin-bar,
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) .site-footer,
body:has(.ay-page-conoce-mas) footer.site-footer,
body:has(.ay-page-conoce-mas) footer:not(.ay-conoce-footer):not(.ay-map-new-footer),
body:has(.ay-page-conoce-mas) .site-info,
body:has(.ay-page-conoce-mas) .powered-by,
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) .previous-next,
body:has(.ay-page-conoce-mas) .page-pagination,
body:has(.ay-page-conoce-mas) .nav-links,
body:has(.ay-page-conoce-mas) #content > a[href*="/page/"]{
  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;
}

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-active strong{
  color: #A51D75 !important;
}

body:has(.ay-page-conoce-mas) .ay-page-conoce-mas,
body:has(.ay-page-conoce-mas) #content > h1:first-child,
body:has(.ay-page-conoce-mas) #user-bar,
body:has(.ay-page-conoce-mas) .user-bar,
body:has(.ay-page-conoce-mas) #admin-bar,
body:has(.ay-page-conoce-mas) .admin-bar,
body:has(.ay-page-conoce-mas) .site-admin-bar,
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) nav.pagination,
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) .previous-next,
body:has(.ay-page-conoce-mas) .page-pagination,
body:has(.ay-page-conoce-mas) .site-page-pagination,
body:has(.ay-page-conoce-mas) .nav-links,
body:has(.ay-page-conoce-mas) .navigation,
body:has(.ay-page-conoce-mas) footer:not(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) .site-footer,
body:has(.ay-page-conoce-mas) #footer,
body:has(.ay-page-conoce-mas) .footer:not(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) .site-info,
body:has(.ay-page-conoce-mas) .powered-by,
body:has(.ay-page-conoce-mas) #content > a[href*="/page/"],
body:has(.ay-page-conoce-mas) #content > .blocks ~ a[href*="/page/"]{
  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;
}

body:has(.ay-page-conoce-mas) .ay-hero-main{
  max-width: min(1120px, calc(100vw - 140px)) !important;
  margin: 0 auto !important;
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  position: relative !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-inner{
  box-sizing: border-box !important;
  background: transparent !important;
  width: var(--ay-cm-shell) !important;
  max-width: var(--ay-cm-shell) !important;
  margin: 0 auto !important;
  padding: 74px 0 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 390px) minmax(420px, 1fr) !important;
  column-gap: clamp(75px, 9vw, 150px) !important;
  align-items: start !important;
  justify-content: stretch !important;
  position: relative !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area{
  padding: 0 !important;
  min-height: 0 !important;
  position: relative !important;
  text-align: left !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: 296px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 !important;
  filter: var(--ay-cm-filter-dark) !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;
}

body:has(.ay-page-conoce-mas) .ay-logo-area > .ay-hero-caption{
  display: block !important;
  width: 390px !important;
  max-width: 100% !important;
  margin: 38px 0 0 !important;
  color: var(--ay-cm-dark) !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area{
  box-sizing: border-box !important;
  padding: 4px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  width: 530px !important;
  max-width: 100% !important;
  justify-self: end !important;
  padding-top: 4px !important;
  display: grid !important;
  grid-template-columns: 86px minmax(200px, 1fr) 150px !important;
  grid-template-areas: "label input button" !important;
  align-items: start !important;
  align-content: start !important;
  row-gap: 0 !important;
  position: static !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > .ay-hero-caption{
  position: absolute !important;
  left: 0 !important;
  top: 202px !important;
  width: 390px !important;
  max-width: 390px !important;
  margin: 0 !important;
  color: var(--ay-cm-dark) !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
}

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

body:has(.ay-page-conoce-mas) .ay-search-area > label{
  width: 100% !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;
  min-height: 0 !important;
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  box-sizing: border-box !important;
  grid-area: label !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 0 0 9px !important;
  margin: 0 !important;
  border: 2px solid var(--ay-cm-dark) !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

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

body:has(.ay-page-conoce-mas) .ay-search-area > button{
  width: 100% !important;
  border-radius: 0 !important;
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  box-sizing: border-box !important;
  grid-area: button !important;
  height: 25px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: var(--ay-cm-dark) !important;
  color: var(--ay-cm-lavender) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access,
body:has(.ay-page-conoce-mas) .ay-main-access-two{
  background: transparent !important;
  box-sizing: border-box !important;
  width: min(470px, calc(100vw - 260px)) !important;
  max-width: min(470px, calc(100vw - 260px)) !important;
  margin: 48px auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 112px !important;
  align-items: end !important;
  justify-content: center !important;
  text-align: center !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access .ay-access[href*="femoteca"],
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:has(.ay-access-icon-femoteca){
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access[href*="mapeo"],
body:has(.ay-page-conoce-mas) .ay-access[href="cataloga"]{
  order: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access[href*="conoce"]{
  order: 2 !important;
}

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

body:has(.ay-page-conoce-mas) .ay-access strong{
  grid-row: 2 !important;
  align-self: start !important;
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  display: block !important;
  margin-top: 13px !important;
  color: var(--ay-cm-dark) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:has(.ay-page-conoce-mas) .ay-access-active strong,
body:has(.ay-page-conoce-mas) .ay-access[href*="conoce"] strong{
  color: var(--ay-cm-pink) !important;
}







body:has(.ay-page-conoce-mas) .ay-socials img,
body:has(.ay-page-conoce-mas) .ay-mobile-socials img{
  filter: var(--ay-cm-filter-dark) !important;
}

body:has(.ay-page-conoce-mas) #content .block:has(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) #content .block.block-html:has(.ay-conoce-footer){
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer{
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  display: block !important;
  visibility: visible !important;
  width: min(760px, calc(100vw - 260px)) !important;
  max-width: min(760px, calc(100vw - 260px)) !important;
  margin: 170px auto 0 !important;
  padding: 0 0 36px !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer p,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer p{
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 14px 0 0 !important;
  border-top: 1.35px solid var(--ay-cm-dark) !important;
  border-bottom: 0 !important;
  color: var(--ay-cm-dark) !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer a,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer a{
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-cm-dark) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

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

html:has(.ay-page-conoce-mas),
body:has(.ay-page-conoce-mas),
html:has(.ay-hero-main):has(.ay-conoce-nav),
body:has(.ay-hero-main):has(.ay-conoce-nav){
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  background: var(--ay-cm-bg) !important;
  color: var(--ay-cm-dark) !important;
  font-family: var(--ay-cm-font) !important;
}

body:has(.ay-page-conoce-mas) *,
body:has(.ay-page-conoce-mas) #content *,
body:has(.ay-hero-main):has(.ay-conoce-nav) *,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content *{
  box-sizing: border-box !important;
  font-family: var(--ay-cm-font) !important;
}

body:has(.ay-page-conoce-mas) .ay-page-conoce-mas,
body:has(.ay-page-conoce-mas) #content > h1:first-child,
body:has(.ay-page-conoce-mas) #user-bar,
body:has(.ay-page-conoce-mas) .user-bar,
body:has(.ay-page-conoce-mas) #admin-bar,
body:has(.ay-page-conoce-mas) .admin-bar,
body:has(.ay-page-conoce-mas) .site-admin-bar,
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) nav.pagination,
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) .previous-next,
body:has(.ay-page-conoce-mas) .page-pagination,
body:has(.ay-page-conoce-mas) .site-page-pagination,
body:has(.ay-page-conoce-mas) .nav-links,
body:has(.ay-page-conoce-mas) .navigation,
body:has(.ay-page-conoce-mas) footer:not(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) .site-footer,
body:has(.ay-page-conoce-mas) #footer,
body:has(.ay-page-conoce-mas) .footer:not(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) .site-info,
body:has(.ay-page-conoce-mas) .powered-by,
body:has(.ay-page-conoce-mas) #content > a[href*="/page/"],
body:has(.ay-page-conoce-mas) #content > .blocks ~ a[href*="/page/"],
body:has(.ay-hero-main):has(.ay-conoce-nav) #content > h1:first-child,
body:has(.ay-hero-main):has(.ay-conoce-nav) #user-bar,
body:has(.ay-hero-main):has(.ay-conoce-nav) .user-bar,
body:has(.ay-hero-main):has(.ay-conoce-nav) #admin-bar,
body:has(.ay-hero-main):has(.ay-conoce-nav) .admin-bar,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-admin-bar,
body:has(.ay-hero-main):has(.ay-conoce-nav) header,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-header,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-title,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-title-wrapper,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-search,
body:has(.ay-hero-main):has(.ay-conoce-nav) .search-form,
body:has(.ay-hero-main):has(.ay-conoce-nav) .search,
body:has(.ay-hero-main):has(.ay-conoce-nav) .sub-menu,
body:has(.ay-hero-main):has(.ay-conoce-nav) .child-navigation,
body:has(.ay-hero-main):has(.ay-conoce-nav) .page-navigation,
body:has(.ay-hero-main):has(.ay-conoce-nav) .page-nav,
body:has(.ay-hero-main):has(.ay-conoce-nav) nav.breadcrumbs,
body:has(.ay-hero-main):has(.ay-conoce-nav) nav.pagination,
body:has(.ay-hero-main):has(.ay-conoce-nav) .pagination,
body:has(.ay-hero-main):has(.ay-conoce-nav) .previous,
body:has(.ay-hero-main):has(.ay-conoce-nav) .next,
body:has(.ay-hero-main):has(.ay-conoce-nav) .previous-next,
body:has(.ay-hero-main):has(.ay-conoce-nav) .page-pagination,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-page-pagination,
body:has(.ay-hero-main):has(.ay-conoce-nav) .nav-links,
body:has(.ay-hero-main):has(.ay-conoce-nav) .navigation,
body:has(.ay-hero-main):has(.ay-conoce-nav) footer:not(.ay-conoce-footer),
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-footer,
body:has(.ay-hero-main):has(.ay-conoce-nav) #footer,
body:has(.ay-hero-main):has(.ay-conoce-nav) .footer:not(.ay-conoce-footer),
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-info,
body:has(.ay-hero-main):has(.ay-conoce-nav) .powered-by,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content > a[href*="/page/"],
body:has(.ay-hero-main):has(.ay-conoce-nav) #content > .blocks ~ a[href*="/page/"]{
  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;
}

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) .site-content,
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 .blocks-inner,
body:has(.ay-page-conoce-mas) #content .block,
body:has(.ay-page-conoce-mas) .blocks,
body:has(.ay-page-conoce-mas) .blocks-inner,
body:has(.ay-page-conoce-mas) .block,
body:has(.ay-page-conoce-mas) .block-html,
body:has(.ay-hero-main):has(.ay-conoce-nav) main,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-main,
body:has(.ay-hero-main):has(.ay-conoce-nav) .site-content,
body:has(.ay-hero-main):has(.ay-conoce-nav) .wrapper,
body:has(.ay-hero-main):has(.ay-conoce-nav) .container,
body:has(.ay-hero-main):has(.ay-conoce-nav) .region,
body:has(.ay-hero-main):has(.ay-conoce-nav) #wrap,
body:has(.ay-hero-main):has(.ay-conoce-nav) #main,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .blocks,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .blocks-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .block,
body:has(.ay-hero-main):has(.ay-conoce-nav) .blocks,
body:has(.ay-hero-main):has(.ay-conoce-nav) .blocks-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav) .block,
body:has(.ay-hero-main):has(.ay-conoce-nav) .block-html{
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow-y: visible !important;
}

body:has(.ay-page-conoce-mas) #content,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content{
  min-height: 100vh !important;
  background: linear-gradient(
      180deg,
      var(--ay-cm-top) 0px,
      var(--ay-cm-mid) 96px,
      var(--ay-cm-bg) 265px,
      var(--ay-cm-bg) 80%,
      var(--ay-cm-mid) 93%,
      var(--ay-cm-top) 100%
    ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  color: var(--ay-cm-dark) !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-main,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-main{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area{
  min-height: 0 !important;
  position: relative !important;
  text-align: left !important;
  overflow: visible !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image-link,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-image-link{
  display: inline-block !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

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

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-login,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-lang{
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > label{
  grid-area: label !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 0 0 9px !important;
  margin: 0 !important;
  border: 2px solid var(--ay-cm-dark) !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > input{
  grid-area: input !important;
  display: block !important;
  width: 100% !important;
  height: 25px !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-top: 2px solid var(--ay-cm-dark) !important;
  border-bottom: 2px solid var(--ay-cm-dark) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
  box-shadow: none !important;
  outline: none !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button,
body:has(.ay-hero-main):has(.ay-conoce-nav) .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-cm-dark) !important;
  color: var(--ay-cm-lavender) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access .ay-access[href*="femoteca"],
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:has(.ay-access-icon-femoteca),
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access .ay-access[href*="femoteca"],
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access .ay-access:has(.ay-access-icon-femoteca){
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access[href*="mapeo"],
body:has(.ay-page-conoce-mas) .ay-access[href="cataloga"],
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access[href*="mapeo"],
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access[href="cataloga"]{
  order: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access[href*="conoce"],
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access[href*="conoce"]{
  order: 2 !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-icon{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 60px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-mapeo,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-icon-mapeo{
  max-width: 84px !important;
  filter: var(--ay-cm-filter-dark) !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-conoce,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-icon-conoce{
  max-width: 68px !important;
  filter: var(--ay-cm-filter-pink) !important;
}

body:has(.ay-page-conoce-mas) .ay-access-active strong,
body:has(.ay-page-conoce-mas) .ay-access[href*="conoce"] strong,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-active strong,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access[href*="conoce"] strong{
  color: var(--ay-cm-pink) !important;
}











body:has(.ay-page-conoce-mas) .ay-left-card,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-left-card{
  border-bottom: 1.5px solid var(--ay-cm-pink) !important;
}

body:has(.ay-page-conoce-mas) .ay-left-card h1,
body:has(.ay-page-conoce-mas) .ay-left-card h2,
body:has(.ay-page-conoce-mas) .ay-left-card p,
body:has(.ay-page-conoce-mas) .ay-side-text p,
body:has(.ay-page-conoce-mas) .ay-contact-card,
body:has(.ay-page-conoce-mas) .ay-contact-card *,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-left-card h1,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-left-card h2,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-left-card p,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-side-text p,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-contact-card,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-contact-card *{
  color: var(--ay-cm-dark) !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 a,
body:has(.ay-page-conoce-mas) .ay-read-more,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-contact-card h2,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-contact-item,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-contact-item a,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-read-more{
  color: var(--ay-cm-pink) !important;
}

body:has(.ay-page-conoce-mas) .ay-socials img,
body:has(.ay-page-conoce-mas) .ay-mobile-socials img,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-socials img,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-mobile-socials img{
  filter: var(--ay-cm-filter-dark) !important;
}

body:has(.ay-page-conoce-mas) #content .block:has(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) #content .block.block-html:has(.ay-conoce-footer),
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .block:has(.ay-conoce-footer),
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .block.block-html:has(.ay-conoce-footer){
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-footer,
body:has(.ay-hero-main):has(.ay-conoce-nav) footer.ay-conoce-footer{
  display: block !important;
  visibility: visible !important;
  width: min(760px, calc(100vw - 260px)) !important;
  max-width: min(760px, calc(100vw - 260px)) !important;
  margin: 170px auto 0 !important;
  padding: 0 0 36px !important;
  background: transparent !important;
  color: var(--ay-cm-dark) !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer p,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer p,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-footer p,
body:has(.ay-hero-main):has(.ay-conoce-nav) footer.ay-conoce-footer p{
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 14px 0 0 !important;
  border-top: 1.35px solid var(--ay-cm-dark) !important;
  border-bottom: 0 !important;
  color: var(--ay-cm-dark) !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer a,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer a,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-footer a,
body:has(.ay-hero-main):has(.ay-conoce-nav) footer.ay-conoce-footer a{
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-cm-dark) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-inner{
  min-height: 0 !important;
  justify-content: stretch !important;
  position: relative !important;
  width: var(--ay-cm-shell) !important;
  max-width: var(--ay-cm-shell) !important;
  margin: 0 auto !important;
  padding: 72px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 390px) minmax(420px, 1fr) !important;
  column-gap: clamp(75px, 9vw, 150px) !important;
  align-items: start !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-image{
  display: block !important;
  object-fit: contain !important;
  filter: var(--ay-cm-filter-dark) !important;
  width: 296px !important;
  max-width: 296px !important;
  height: auto !important;
  margin: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area{
  padding-top: 0 !important;
  align-items: start !important;
  align-content: start !important;
  row-gap: 0 !important;
  position: static !important;
  width: 530px !important;
  max-width: 530px !important;
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: 86px minmax(200px, 1fr) 150px !important;
  grid-template-areas: "label input button" !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area > .ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area > .ay-hero-caption{
  display: block !important;
  color: var(--ay-cm-dark) !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.015em !important;
  width: 390px !important;
  max-width: 100% !important;
  margin: 34px 0 0 !important;
  position: static !important;
  text-align: left !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > .ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > .ay-hero-caption{
  display: block !important;
  color: var(--ay-cm-dark) !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.015em !important;
  z-index: 2 !important;
  position: absolute !important;
  left: 0 !important;
  top: 198px !important;
  width: 390px !important;
  max-width: 390px !important;
  margin: 0 !important;
  text-align: left !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access,
body:has(.ay-page-conoce-mas) .ay-main-access-two,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access-two{
  width: min(470px, calc(100vw - 260px)) !important;
  max-width: min(470px, calc(100vw - 260px)) !important;
  margin: 72px auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 112px !important;
  align-items: end !important;
  justify-content: center !important;
  text-align: center !important;
}

body:has(.ay-page-conoce-mas) .ay-access,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access{
  display: grid !important;
  grid-template-rows: 66px auto !important;
  align-items: end !important;
  justify-items: center !important;
  color: var(--ay-cm-dark) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 15px !important;
}

body:has(.ay-page-conoce-mas) .ay-access strong,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access strong{
  display: block !important;
  margin-top: 12px !important;
  color: var(--ay-cm-dark) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
}



body:has(.ay-page-conoce-mas) .ay-content-row,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-content-row{
  display: grid !important;
  align-items: start !important;
  background: transparent !important;
  width: var(--ay-cm-tabs) !important;
  max-width: var(--ay-cm-tabs) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.88fr) !important;
  column-gap: clamp(34px, 5vw, 76px) !important;
}

body:has(.ay-page-conoce-mas) .ay-row-descripcion,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-row-descripcion{
  position: relative !important;
  padding-top: 72px !important;
}

body:has(.ay-page-conoce-mas) .ay-row-descripcion::before,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-row-descripcion::before{
  content: "Mujeres\A Arte y\A Feminismos\A en Ecuador" !important;
  white-space: pre !important;
  position: absolute !important;
  width: 84px !important;
  color: var(--ay-cm-dark) !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  transform-origin: center !important;
  letter-spacing: 0 !important;
  left: -96px !important;
  top: 165px !important;
  text-align: left !important;
}



















.ay-map-new-access,
.ay-map-new-access strong,
.ay-map-new-access img,
.ay-access,
.ay-access strong,
.ay-access img,
.ay-desc-access,
.ay-desc-access strong,
.ay-desc-access img,
.ay-met-access,
.ay-met-access strong,
.ay-met-access img,
.ay-hist-access,
.ay-hist-access strong,
.ay-hist-access img,
.ay-som-access,
.ay-som-access strong,
.ay-som-access img,
.ay-par-access,
.ay-par-access strong,
.ay-par-access img{
  transition: color 160ms ease, filter 160ms ease, border-color 160ms ease !important;
}

.ay-map-new-access:hover strong,
.ay-map-new-access:focus-visible strong,
.ay-access:hover strong,
.ay-access:focus-visible strong,
.ay-desc-access:hover strong,
.ay-desc-access:focus-visible strong,
.ay-met-access:hover strong,
.ay-met-access:focus-visible strong,
.ay-hist-access:hover strong,
.ay-hist-access:focus-visible strong,
.ay-som-access:hover strong,
.ay-som-access:focus-visible strong,
.ay-par-access:hover strong,
.ay-par-access:focus-visible strong{
  color: var(--ay-hover-access) !important;
}

.ay-map-new-access:hover .ay-map-new-access-icon,
.ay-map-new-access:focus-visible .ay-map-new-access-icon,
.ay-access:hover .ay-access-icon,
.ay-access:focus-visible .ay-access-icon,
.ay-desc-access:hover img,
.ay-desc-access:focus-visible img,
.ay-met-access:hover img,
.ay-met-access:focus-visible img,
.ay-hist-access:hover img,
.ay-hist-access:focus-visible img,
.ay-som-access:hover img,
.ay-som-access:focus-visible img,
.ay-par-access:hover img,
.ay-par-access:focus-visible img{
  filter: var(--ay-hover-access-filter) !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access{
  box-sizing: border-box !important;
  width: min(470px, calc(100vw - 260px)) !important;
  max-width: min(470px, calc(100vw - 260px)) !important;
  margin: 72px auto 0 !important;
  padding: 0 0 54px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 112px !important;
  align-items: end !important;
  justify-content: center !important;
  text-align: center !important;
}

body:has(.ay-page-conoce-mas) .ay-access{
  font-family: var(--ay-new-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
  color: var(--ay-cm-dark) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  display: grid !important;
  grid-template-rows: 66px auto !important;
  align-items: end !important;
  justify-items: center !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-mapeo{
  max-height: 60px !important;
  filter: var(--ay-cm-filter-dark) !important;
  max-width: 88px !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-conoce{
  max-height: 60px !important;
  filter: var(--ay-cm-filter-pink) !important;
  max-width: 68px !important;
}

.ay-desc-access:hover,
.ay-desc-access:focus-visible,
.ay-desc-access:hover strong,
.ay-desc-access:focus-visible strong,
.ay-met-access:hover,
.ay-met-access:focus-visible,
.ay-met-access:hover strong,
.ay-met-access:focus-visible strong,
.ay-hist-access:hover,
.ay-hist-access:focus-visible,
.ay-hist-access:hover strong,
.ay-hist-access:focus-visible strong,
.ay-som-access:hover,
.ay-som-access:focus-visible,
.ay-som-access:hover strong,
.ay-som-access:focus-visible strong,
.ay-par-access:hover,
.ay-par-access:focus-visible,
.ay-par-access:hover strong,
.ay-par-access:focus-visible strong{
  color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:hover .ay-desc-access-circle,
.ay-desc-access:focus-visible .ay-desc-access-circle,
.ay-met-access:hover .ay-met-access-circle,
.ay-met-access:focus-visible .ay-met-access-circle,
.ay-hist-access:hover .ay-hist-access-circle,
.ay-hist-access:focus-visible .ay-hist-access-circle,
.ay-som-access:hover .ay-som-access-circle,
.ay-som-access:focus-visible .ay-som-access-circle,
.ay-par-access:hover .ay-par-access-circle,
.ay-par-access:focus-visible .ay-par-access-circle{
  border-color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:hover .ay-desc-access-mapeo,
.ay-desc-access:hover .ay-desc-access-femoteca,
.ay-desc-access:focus-visible .ay-desc-access-mapeo,
.ay-desc-access:focus-visible .ay-desc-access-femoteca,
.ay-met-access:hover .ay-met-access-mapeo,
.ay-met-access:hover .ay-met-access-femoteca,
.ay-met-access:focus-visible .ay-met-access-mapeo,
.ay-met-access:focus-visible .ay-met-access-femoteca,
.ay-hist-access:hover .ay-hist-access-mapeo,
.ay-hist-access:hover .ay-hist-access-femoteca,
.ay-hist-access:focus-visible .ay-hist-access-mapeo,
.ay-hist-access:focus-visible .ay-hist-access-femoteca,
.ay-som-access:hover .ay-som-access-mapeo,
.ay-som-access:hover .ay-som-access-femoteca,
.ay-som-access:focus-visible .ay-som-access-mapeo,
.ay-som-access:focus-visible .ay-som-access-femoteca,
.ay-par-access:hover .ay-par-access-mapeo,
.ay-par-access:hover .ay-par-access-femoteca,
.ay-par-access:focus-visible .ay-par-access-mapeo,
.ay-par-access:focus-visible .ay-par-access-femoteca{
  color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:hover img,
.ay-desc-access:focus-visible img,
.ay-met-access:hover img,
.ay-met-access:focus-visible img,
.ay-hist-access:hover img,
.ay-hist-access:focus-visible img,
.ay-som-access:hover img,
.ay-som-access:focus-visible img,
.ay-par-access:hover img,
.ay-par-access:focus-visible img{
  filter: var(--ay-hover-access-filter-final) !important;
}

body:has(.ay-new-home-page) .ay-new-home-logo-link,
body:has(.ay-map-new-page) .ay-map-new-logo-link,
body:has(.ay-page-conoce-mas) .ay-logo-image-link,
body:has(.ay-desc-page) .ay-desc-logo-image-link,
body:has(.ay-met-page) .ay-met-logo-image-link,
body:has(.ay-hist-page) .ay-hist-logo-image-link,
body:has(.ay-som-page) .ay-som-logo-image-link,
body:has(.ay-par-page) .ay-par-logo-image-link{
  cursor: pointer !important;
}

body:has(.ay-new-home-page) .ay-new-home-logo-link:hover .ay-new-home-logo,
body:has(.ay-new-home-page) .ay-new-home-logo-link:focus-visible .ay-new-home-logo,
body:has(.ay-map-new-page) .ay-map-new-logo-link:hover .ay-map-new-logo,
body:has(.ay-map-new-page) .ay-map-new-logo-link:focus-visible .ay-map-new-logo,
body:has(.ay-page-conoce-mas) .ay-logo-image-link:hover .ay-logo-image,
body:has(.ay-page-conoce-mas) .ay-logo-image-link:focus-visible .ay-logo-image,
body:has(.ay-desc-page) .ay-desc-logo-image-link:hover .ay-desc-logo-image,
body:has(.ay-desc-page) .ay-desc-logo-image-link:focus-visible .ay-desc-logo-image,
body:has(.ay-met-page) .ay-met-logo-image-link:hover .ay-met-logo-image,
body:has(.ay-met-page) .ay-met-logo-image-link:focus-visible .ay-met-logo-image,
body:has(.ay-hist-page) .ay-hist-logo-image-link:hover .ay-hist-logo-image,
body:has(.ay-hist-page) .ay-hist-logo-image-link:focus-visible .ay-hist-logo-image,
body:has(.ay-som-page) .ay-som-logo-image-link:hover .ay-som-logo-image,
body:has(.ay-som-page) .ay-som-logo-image-link:focus-visible .ay-som-logo-image,
body:has(.ay-par-page) .ay-par-logo-image-link:hover .ay-par-logo-image,
body:has(.ay-par-page) .ay-par-logo-image-link:focus-visible .ay-par-logo-image{
  filter: var(--ay-hover-access-filter) !important;
}

body:has(.ay-desc-page) .ay-desc-logo-area a:hover .ay-desc-logo-text,
body:has(.ay-desc-page) .ay-desc-logo-area a:hover .ay-desc-logo-wave,
body:has(.ay-met-page) .ay-met-logo-area a:hover .ay-met-logo-text,
body:has(.ay-met-page) .ay-met-logo-area a:hover .ay-met-logo-wave,
body:has(.ay-hist-page) .ay-hist-logo-area a:hover .ay-hist-logo-text,
body:has(.ay-hist-page) .ay-hist-logo-area a:hover .ay-hist-logo-wave,
body:has(.ay-som-page) .ay-som-logo-area a:hover .ay-som-logo-text,
body:has(.ay-som-page) .ay-som-logo-area a:hover .ay-som-logo-wave,
body:has(.ay-par-page) .ay-par-logo-area a:hover .ay-par-logo-text,
body:has(.ay-par-page) .ay-par-logo-area a:hover .ay-par-logo-wave{
  color: var(--ay-hover-access-final) !important;
}

body:has(.ay-map-new-page) .ay-map-new-main-access .ay-map-new-access:hover,
body:has(.ay-map-new-page) .ay-map-new-main-access .ay-map-new-access:focus-visible,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:hover,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:focus-visible,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:hover,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:focus-visible,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:hover,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:focus-visible,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:hover,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:focus-visible,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:hover,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:focus-visible,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:hover,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:focus-visible{
  color: var(--ay-hover-access-final) !important;
  text-decoration: none !important;
}

body:has(.ay-map-new-page) .ay-map-new-main-access .ay-map-new-access:hover strong,
body:has(.ay-map-new-page) .ay-map-new-main-access .ay-map-new-access:focus-visible strong,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:hover strong,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:focus-visible strong,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:hover strong,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:focus-visible strong,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:hover strong,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:focus-visible strong,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:hover strong,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:focus-visible strong,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:hover strong,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:focus-visible strong,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:hover strong,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:focus-visible strong{
  color: var(--ay-hover-access-final) !important;
}

body:has(.ay-map-new-page) .ay-map-new-main-access .ay-map-new-access:hover img,
body:has(.ay-map-new-page) .ay-map-new-main-access .ay-map-new-access:focus-visible img,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:hover img,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:focus-visible img,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:hover img,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:focus-visible img,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:hover img,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:focus-visible img,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:hover img,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:focus-visible img,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:hover img,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:focus-visible img,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:hover img,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:focus-visible img{
  filter: var(--ay-hover-access-filter) !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:hover .ay-access-mapeo,
body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:hover .ay-access-femoteca,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:hover .ay-desc-access-mapeo,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:hover .ay-desc-access-femoteca,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:hover .ay-met-access-mapeo,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:hover .ay-met-access-femoteca,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:hover .ay-hist-access-mapeo,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:hover .ay-hist-access-femoteca,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:hover .ay-som-access-mapeo,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:hover .ay-som-access-femoteca,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:hover .ay-par-access-mapeo,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:hover .ay-par-access-femoteca{
  color: var(--ay-hover-access-final) !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access .ay-access:hover .ay-access-circle,
body:has(.ay-desc-page) .ay-desc-main-access .ay-desc-access:hover .ay-desc-access-circle,
body:has(.ay-met-page) .ay-met-main-access .ay-met-access:hover .ay-met-access-circle,
body:has(.ay-hist-page) .ay-hist-main-access .ay-hist-access:hover .ay-hist-access-circle,
body:has(.ay-som-page) .ay-som-main-access .ay-som-access:hover .ay-som-access-circle,
body:has(.ay-par-page) .ay-par-main-access .ay-par-access:hover .ay-par-access-circle{
  border-color: var(--ay-hover-access-final) !important;
}

.ay-map-new-logo-link,
.ay-logo-image-link,
.ay-new-home-logo-link,
.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-map-new-logo-link img,
.ay-logo-image-link img,
.ay-new-home-logo-link img,
.ay-desc-logo-image-link img,
.ay-met-logo-image-link img,
.ay-hist-logo-image-link img,
.ay-som-logo-image-link img,
.ay-par-logo-image-link img{
  transition: filter 160ms ease !important;
}

.ay-map-new-logo-link:hover img,
.ay-map-new-logo-link:focus-visible img,
.ay-logo-image-link:hover img,
.ay-logo-image-link:focus-visible img,
.ay-new-home-logo-link:hover img,
.ay-new-home-logo-link:focus-visible img,
.ay-desc-logo-image-link:hover img,
.ay-desc-logo-image-link:focus-visible img,
.ay-met-logo-image-link:hover img,
.ay-met-logo-image-link:focus-visible img,
.ay-hist-logo-image-link:hover img,
.ay-hist-logo-image-link:focus-visible img,
.ay-som-logo-image-link:hover img,
.ay-som-logo-image-link:focus-visible img,
.ay-par-logo-image-link:hover img,
.ay-par-logo-image-link:focus-visible img{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-desc-logo-text,
.ay-met-logo-text,
.ay-hist-logo-text,
.ay-som-logo-text,
.ay-par-logo-text{
  transition: color 160ms ease !important;
}

.ay-map-new-access,
.ay-map-new-access strong,
.ay-map-new-access img,
.ay-access,
.ay-access strong,
.ay-access img,
.ay-desc-access,
.ay-desc-access strong,
.ay-met-access,
.ay-met-access strong,
.ay-hist-access,
.ay-hist-access strong,
.ay-som-access,
.ay-som-access strong,
.ay-par-access,
.ay-par-access strong{
  transition: color 160ms ease, filter 160ms ease, border-color 160ms ease !important;
}

.ay-access:not(.ay-access-active):hover .ay-access-icon,
.ay-access:not(.ay-access-active):focus-visible .ay-access-icon,
.ay-access:not(.ay-access-active):hover img,
.ay-access:not(.ay-access-active):focus-visible img{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-desc-access:not(.ay-desc-access-active):hover,
.ay-desc-access:not(.ay-desc-access-active):focus-visible,
.ay-desc-access:not(.ay-desc-access-active):hover strong,
.ay-desc-access:not(.ay-desc-access-active):focus-visible strong,
.ay-met-access:not(.ay-met-access-active):hover,
.ay-met-access:not(.ay-met-access-active):focus-visible,
.ay-met-access:not(.ay-met-access-active):hover strong,
.ay-met-access:not(.ay-met-access-active):focus-visible strong,
.ay-hist-access:not(.ay-hist-access-active):hover,
.ay-hist-access:not(.ay-hist-access-active):focus-visible,
.ay-hist-access:not(.ay-hist-access-active):hover strong,
.ay-hist-access:not(.ay-hist-access-active):focus-visible strong,
.ay-som-access:not(.ay-som-access-active):hover,
.ay-som-access:not(.ay-som-access-active):focus-visible,
.ay-som-access:not(.ay-som-access-active):hover strong,
.ay-som-access:not(.ay-som-access-active):focus-visible strong,
.ay-par-access:not(.ay-par-access-active):hover,
.ay-par-access:not(.ay-par-access-active):focus-visible,
.ay-par-access:not(.ay-par-access-active):hover strong,
.ay-par-access:not(.ay-par-access-active):focus-visible strong{
  color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-mapeo,
.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-femoteca,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-mapeo,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-femoteca,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-mapeo,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-femoteca,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-mapeo,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-femoteca,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-mapeo,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-femoteca,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-mapeo,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-femoteca,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-mapeo,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-femoteca,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-mapeo,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-femoteca,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-mapeo,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-femoteca,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-mapeo,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-femoteca{
  color: var(--ay-hover-access-final) !important;
}

.ay-access-active,
.ay-access-active:hover,
.ay-access-active:focus-visible,
.ay-access-active strong,
.ay-access-active:hover strong,
.ay-access-active:focus-visible strong{
  color: var(--ay-pink, #A51D75) !important;
}

.ay-access-active .ay-access-icon,
.ay-access-active:hover .ay-access-icon,
.ay-access-active:focus-visible .ay-access-icon,
.ay-access-active img,
.ay-access-active:hover img,
.ay-access-active:focus-visible img{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-desc-access-active,
.ay-desc-access-active:hover,
.ay-desc-access-active:focus-visible,
.ay-desc-access-active strong,
.ay-desc-access-active:hover strong,
.ay-desc-access-active:focus-visible strong,
.ay-met-access-active,
.ay-met-access-active:hover,
.ay-met-access-active:focus-visible,
.ay-met-access-active strong,
.ay-met-access-active:hover strong,
.ay-met-access-active:focus-visible strong,
.ay-hist-access-active,
.ay-hist-access-active:hover,
.ay-hist-access-active:focus-visible,
.ay-hist-access-active strong,
.ay-hist-access-active:hover strong,
.ay-hist-access-active:focus-visible strong,
.ay-som-access-active,
.ay-som-access-active:hover,
.ay-som-access-active:focus-visible,
.ay-som-access-active strong,
.ay-som-access-active:hover strong,
.ay-som-access-active:focus-visible strong,
.ay-par-access-active,
.ay-par-access-active:hover,
.ay-par-access-active:focus-visible,
.ay-par-access-active strong,
.ay-par-access-active:hover strong,
.ay-par-access-active:focus-visible strong{
  color: var(--ay-pink, #A51D75) !important;
}

.ay-desc-access-active .ay-desc-access-circle,
.ay-desc-access-active:hover .ay-desc-access-circle,
.ay-desc-access-active:focus-visible .ay-desc-access-circle,
.ay-met-access-active .ay-met-access-circle,
.ay-met-access-active:hover .ay-met-access-circle,
.ay-met-access-active:focus-visible .ay-met-access-circle,
.ay-hist-access-active .ay-hist-access-circle,
.ay-hist-access-active:hover .ay-hist-access-circle,
.ay-hist-access-active:focus-visible .ay-hist-access-circle,
.ay-som-access-active .ay-som-access-circle,
.ay-som-access-active:hover .ay-som-access-circle,
.ay-som-access-active:focus-visible .ay-som-access-circle,
.ay-par-access-active .ay-par-access-circle,
.ay-par-access-active:hover .ay-par-access-circle,
.ay-par-access-active:focus-visible .ay-par-access-circle{
  border-color: var(--ay-pink, #A51D75) !important;
}

.ay-new-home-nav a,
.ay-map-new-access,
.ay-map-new-access strong,
.ay-access,
.ay-access strong,
.ay-desc-access,
.ay-desc-access strong,
.ay-met-access,
.ay-met-access strong,
.ay-hist-access,
.ay-hist-access strong,
.ay-som-access,
.ay-som-access strong,
.ay-par-access,
.ay-par-access strong,
.ay-map-new-tab,
.ay-conoce-nav a,
.ay-desc-nav a,
.ay-met-nav a,
.ay-hist-nav a,
.ay-som-nav a,
.ay-par-nav a,
.ay-pol-nav a,
.ay-map-new-menu-panel a,
.ay-new-home-menu-panel a,
.ay-desc-logo-text,
.ay-met-logo-text,
.ay-hist-logo-text,
.ay-som-logo-text,
.ay-par-logo-text{
  transition: color 160ms ease, border-color 160ms ease, filter 160ms ease !important;
}

.ay-new-home-logo-link:hover .ay-new-home-logo,
.ay-new-home-logo-link:focus-visible .ay-new-home-logo,
.ay-map-new-logo-link:hover .ay-map-new-logo,
.ay-map-new-logo-link:focus-visible .ay-map-new-logo,
.ay-logo-image-link:hover .ay-logo-image,
.ay-logo-image-link:focus-visible .ay-logo-image,
.ay-desc-logo-image-link:hover .ay-desc-logo-image,
.ay-desc-logo-image-link:focus-visible .ay-desc-logo-image,
.ay-met-logo-image-link:hover .ay-met-logo-image,
.ay-met-logo-image-link:focus-visible .ay-met-logo-image,
.ay-hist-logo-image-link:hover .ay-hist-logo-image,
.ay-hist-logo-image-link:focus-visible .ay-hist-logo-image,
.ay-som-logo-image-link:hover .ay-som-logo-image,
.ay-som-logo-image-link:focus-visible .ay-som-logo-image,
.ay-par-logo-image-link:hover .ay-par-logo-image,
.ay-par-logo-image-link:focus-visible .ay-par-logo-image{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-access:not(.ay-access-active):hover,
.ay-access:not(.ay-access-active):focus-visible,
.ay-access:not(.ay-access-active):hover strong,
.ay-access:not(.ay-access-active):focus-visible strong{
  color: var(--ay-hover-access-final) !important;
}

.ay-access:not(.ay-access-active):hover img,
.ay-access:not(.ay-access-active):focus-visible img,
.ay-access:not(.ay-access-active):hover .ay-access-icon,
.ay-access:not(.ay-access-active):focus-visible .ay-access-icon,
.ay-access:not(.ay-access-active):hover .ay-access-icon-mapeo,
.ay-access:not(.ay-access-active):focus-visible .ay-access-icon-mapeo,
.ay-access:not(.ay-access-active):hover .ay-access-icon-conoce,
.ay-access:not(.ay-access-active):focus-visible .ay-access-icon-conoce,
.ay-access:not(.ay-access-active):hover .ay-access-icon-femoteca,
.ay-access:not(.ay-access-active):focus-visible .ay-access-icon-femoteca{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-access:not(.ay-access-active):hover .ay-access-circle,
.ay-access:not(.ay-access-active):focus-visible .ay-access-circle{
  border-color: var(--ay-hover-access-final) !important;
}

.ay-access:not(.ay-access-active):hover .ay-access-mapeo,
.ay-access:not(.ay-access-active):focus-visible .ay-access-mapeo,
.ay-access:not(.ay-access-active):hover .ay-access-femoteca,
.ay-access:not(.ay-access-active):focus-visible .ay-access-femoteca{
  color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:not(.ay-desc-access-active):hover,
.ay-desc-access:not(.ay-desc-access-active):focus-visible,
.ay-desc-access:not(.ay-desc-access-active):hover strong,
.ay-desc-access:not(.ay-desc-access-active):focus-visible strong,
.ay-met-access:not(.ay-met-access-active):hover,
.ay-met-access:not(.ay-met-access-active):focus-visible,
.ay-met-access:not(.ay-met-access-active):hover strong,
.ay-met-access:not(.ay-met-access-active):focus-visible strong,
.ay-hist-access:not(.ay-hist-access-active):hover,
.ay-hist-access:not(.ay-hist-access-active):focus-visible,
.ay-hist-access:not(.ay-hist-access-active):hover strong,
.ay-hist-access:not(.ay-hist-access-active):focus-visible strong,
.ay-som-access:not(.ay-som-access-active):hover,
.ay-som-access:not(.ay-som-access-active):focus-visible,
.ay-som-access:not(.ay-som-access-active):hover strong,
.ay-som-access:not(.ay-som-access-active):focus-visible strong,
.ay-par-access:not(.ay-par-access-active):hover,
.ay-par-access:not(.ay-par-access-active):focus-visible,
.ay-par-access:not(.ay-par-access-active):hover strong,
.ay-par-access:not(.ay-par-access-active):focus-visible strong{
  color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:not(.ay-desc-access-active):hover img,
.ay-desc-access:not(.ay-desc-access-active):focus-visible img,
.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-icon,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-icon,
.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-icon-mapeo,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-icon-mapeo,
.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-icon-conoce,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-icon-conoce,
.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-icon-femoteca,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-icon-femoteca,
.ay-met-access:not(.ay-met-access-active):hover img,
.ay-met-access:not(.ay-met-access-active):focus-visible img,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-icon,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-icon,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-icon-mapeo,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-icon-mapeo,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-icon-conoce,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-icon-conoce,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-icon-femoteca,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-icon-femoteca,
.ay-hist-access:not(.ay-hist-access-active):hover img,
.ay-hist-access:not(.ay-hist-access-active):focus-visible img,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-icon,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-icon,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-icon-mapeo,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-icon-mapeo,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-icon-conoce,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-icon-conoce,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-icon-femoteca,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-icon-femoteca,
.ay-som-access:not(.ay-som-access-active):hover img,
.ay-som-access:not(.ay-som-access-active):focus-visible img,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-icon,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-icon,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-icon-mapeo,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-icon-mapeo,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-icon-conoce,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-icon-conoce,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-icon-femoteca,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-icon-femoteca,
.ay-par-access:not(.ay-par-access-active):hover img,
.ay-par-access:not(.ay-par-access-active):focus-visible img,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-icon,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-icon,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-icon-mapeo,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-icon-mapeo,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-icon-conoce,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-icon-conoce,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-icon-femoteca,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-icon-femoteca{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-circle,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-circle,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-circle,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-circle,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-circle,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-circle,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-circle,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-circle,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-circle,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-circle{
  border-color: var(--ay-hover-access-final) !important;
}

.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-mapeo,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-mapeo,
.ay-desc-access:not(.ay-desc-access-active):hover .ay-desc-access-femoteca,
.ay-desc-access:not(.ay-desc-access-active):focus-visible .ay-desc-access-femoteca,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-mapeo,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-mapeo,
.ay-met-access:not(.ay-met-access-active):hover .ay-met-access-femoteca,
.ay-met-access:not(.ay-met-access-active):focus-visible .ay-met-access-femoteca,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-mapeo,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-mapeo,
.ay-hist-access:not(.ay-hist-access-active):hover .ay-hist-access-femoteca,
.ay-hist-access:not(.ay-hist-access-active):focus-visible .ay-hist-access-femoteca,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-mapeo,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-mapeo,
.ay-som-access:not(.ay-som-access-active):hover .ay-som-access-femoteca,
.ay-som-access:not(.ay-som-access-active):focus-visible .ay-som-access-femoteca,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-mapeo,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-mapeo,
.ay-par-access:not(.ay-par-access-active):hover .ay-par-access-femoteca,
.ay-par-access:not(.ay-par-access-active):focus-visible .ay-par-access-femoteca{
  color: var(--ay-hover-access-final) !important;
}

.ay-map-new-access-active,
.ay-map-new-access-active:hover,
.ay-map-new-access-active:focus-visible,
.ay-map-new-access-active strong,
.ay-map-new-access-active:hover strong,
.ay-map-new-access-active:focus-visible strong,
.ay-access-active,
.ay-access-active:hover,
.ay-access-active:focus-visible,
.ay-access-active strong,
.ay-access-active:hover strong,
.ay-access-active:focus-visible strong,
.ay-desc-access-active,
.ay-desc-access-active:hover,
.ay-desc-access-active:focus-visible,
.ay-desc-access-active strong,
.ay-desc-access-active:hover strong,
.ay-desc-access-active:focus-visible strong,
.ay-met-access-active,
.ay-met-access-active:hover,
.ay-met-access-active:focus-visible,
.ay-met-access-active strong,
.ay-met-access-active:hover strong,
.ay-met-access-active:focus-visible strong,
.ay-hist-access-active,
.ay-hist-access-active:hover,
.ay-hist-access-active:focus-visible,
.ay-hist-access-active strong,
.ay-hist-access-active:hover strong,
.ay-hist-access-active:focus-visible strong,
.ay-som-access-active,
.ay-som-access-active:hover,
.ay-som-access-active:focus-visible,
.ay-som-access-active strong,
.ay-som-access-active:hover strong,
.ay-som-access-active:focus-visible strong,
.ay-par-access-active,
.ay-par-access-active:hover,
.ay-par-access-active:focus-visible,
.ay-par-access-active strong,
.ay-par-access-active:hover strong,
.ay-par-access-active:focus-visible strong{
  color: var(--ay-hover-access-final) !important;
}

.ay-map-new-access-active img,
.ay-map-new-access-active:hover img,
.ay-map-new-access-active:focus-visible img,
.ay-map-new-access-active .ay-map-new-access-icon,
.ay-map-new-access-active:hover .ay-map-new-access-icon,
.ay-map-new-access-active:focus-visible .ay-map-new-access-icon,
.ay-access-active img,
.ay-access-active:hover img,
.ay-access-active:focus-visible img,
.ay-access-active .ay-access-icon,
.ay-access-active:hover .ay-access-icon,
.ay-access-active:focus-visible .ay-access-icon,
.ay-desc-access-active img,
.ay-desc-access-active:hover img,
.ay-desc-access-active:focus-visible img,
.ay-desc-access-active .ay-desc-access-icon,
.ay-desc-access-active:hover .ay-desc-access-icon,
.ay-desc-access-active:focus-visible .ay-desc-access-icon,
.ay-met-access-active img,
.ay-met-access-active:hover img,
.ay-met-access-active:focus-visible img,
.ay-met-access-active .ay-met-access-icon,
.ay-met-access-active:hover .ay-met-access-icon,
.ay-met-access-active:focus-visible .ay-met-access-icon,
.ay-hist-access-active img,
.ay-hist-access-active:hover img,
.ay-hist-access-active:focus-visible img,
.ay-hist-access-active .ay-hist-access-icon,
.ay-hist-access-active:hover .ay-hist-access-icon,
.ay-hist-access-active:focus-visible .ay-hist-access-icon,
.ay-som-access-active img,
.ay-som-access-active:hover img,
.ay-som-access-active:focus-visible img,
.ay-som-access-active .ay-som-access-icon,
.ay-som-access-active:hover .ay-som-access-icon,
.ay-som-access-active:focus-visible .ay-som-access-icon,
.ay-par-access-active img,
.ay-par-access-active:hover img,
.ay-par-access-active:focus-visible img,
.ay-par-access-active .ay-par-access-icon,
.ay-par-access-active:hover .ay-par-access-icon,
.ay-par-access-active:focus-visible .ay-par-access-icon{
  filter: var(--ay-hover-access-filter-final) !important;
}

.ay-access-active .ay-access-circle,
.ay-access-active:hover .ay-access-circle,
.ay-access-active:focus-visible .ay-access-circle,
.ay-desc-access-active .ay-desc-access-circle,
.ay-desc-access-active:hover .ay-desc-access-circle,
.ay-desc-access-active:focus-visible .ay-desc-access-circle,
.ay-met-access-active .ay-met-access-circle,
.ay-met-access-active:hover .ay-met-access-circle,
.ay-met-access-active:focus-visible .ay-met-access-circle,
.ay-hist-access-active .ay-hist-access-circle,
.ay-hist-access-active:hover .ay-hist-access-circle,
.ay-hist-access-active:focus-visible .ay-hist-access-circle,
.ay-som-access-active .ay-som-access-circle,
.ay-som-access-active:hover .ay-som-access-circle,
.ay-som-access-active:focus-visible .ay-som-access-circle,
.ay-par-access-active .ay-par-access-circle,
.ay-par-access-active:hover .ay-par-access-circle,
.ay-par-access-active:focus-visible .ay-par-access-circle{
  border-color: var(--ay-hover-access-final) !important;
}

.ay-map-new-tab:hover,
.ay-map-new-tab:focus-visible,
.ay-map-new-tab.active,
.ay-map-new-tab.active:visited,
.ay-conoce-nav a:hover,
.ay-conoce-nav a:focus-visible,
.ay-desc-nav a:hover,
.ay-desc-nav a:focus-visible,
.ay-met-nav a:hover,
.ay-met-nav a:focus-visible,
.ay-hist-nav a:hover,
.ay-hist-nav a:focus-visible,
.ay-som-nav a:hover,
.ay-som-nav a:focus-visible,
.ay-par-nav a:hover,
.ay-par-nav a:focus-visible,
.ay-pol-nav a:hover,
.ay-pol-nav a:focus-visible,
.ay-map-new-menu-panel a:hover,
.ay-map-new-menu-panel a:focus-visible{
  color: var(--ay-hover-access-final) !important;
}

.ay-new-home-logo,
.ay-map-new-logo,
.ay-logo-image,
.ay-desc-logo-image,
.ay-met-logo-image,
.ay-hist-logo-image,
.ay-som-logo-image,
.ay-par-logo-image,
.ay-map-new-access img,
.ay-map-new-access-icon,
.ay-access img,
.ay-access-icon,
.ay-desc-access img,
.ay-desc-access-icon,
.ay-met-access img,
.ay-met-access-icon,
.ay-hist-access img,
.ay-hist-access-icon,
.ay-som-access img,
.ay-som-access-icon,
.ay-par-access img,
.ay-par-access-icon{
  transition: filter 160ms ease !important;
}

.ay-new-home-nav a,
.ay-map-new-access,
.ay-map-new-access strong,
.ay-access,
.ay-access strong,
.ay-desc-access,
.ay-desc-access strong,
.ay-met-access,
.ay-met-access strong,
.ay-hist-access,
.ay-hist-access strong,
.ay-som-access,
.ay-som-access strong,
.ay-par-access,
.ay-par-access strong,
.ay-map-new-tab,
.ay-conoce-nav a,
.ay-desc-nav a,
.ay-met-nav a,
.ay-hist-nav a,
.ay-som-nav a,
.ay-par-nav a,
.ay-pol-nav a,
.ay-map-new-menu-panel a,
.ay-new-home-menu-panel a{
  transition: color 160ms ease, border-color 160ms ease !important;
}

.ay-new-home-logo-link:hover .ay-new-home-logo,
.ay-new-home-logo-link:focus-visible .ay-new-home-logo,
.ay-map-new-logo-link:hover .ay-map-new-logo,
.ay-map-new-logo-link:focus-visible .ay-map-new-logo,
.ay-logo-image-link:hover .ay-logo-image,
.ay-logo-image-link:focus-visible .ay-logo-image,
.ay-desc-logo-image-link:hover .ay-desc-logo-image,
.ay-desc-logo-image-link:focus-visible .ay-desc-logo-image,
.ay-met-logo-image-link:hover .ay-met-logo-image,
.ay-met-logo-image-link:focus-visible .ay-met-logo-image,
.ay-hist-logo-image-link:hover .ay-hist-logo-image,
.ay-hist-logo-image-link:focus-visible .ay-hist-logo-image,
.ay-som-logo-image-link:hover .ay-som-logo-image,
.ay-som-logo-image-link:focus-visible .ay-som-logo-image,
.ay-par-logo-image-link:hover .ay-par-logo-image,
.ay-par-logo-image-link:focus-visible .ay-par-logo-image{
  filter: var(--ay-nav-hover-filter-v12) !important;
}

a:hover .ay-desc-logo-text,
a:focus-visible .ay-desc-logo-text,
a:hover .ay-met-logo-text,
a:focus-visible .ay-met-logo-text,
a:hover .ay-hist-logo-text,
a:focus-visible .ay-hist-logo-text,
a:hover .ay-som-logo-text,
a:focus-visible .ay-som-logo-text,
a:hover .ay-par-logo-text,
a:focus-visible .ay-par-logo-text{
  color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-hero-main .ay-main-access a.ay-access:hover,
.ay-hero-main .ay-main-access a.ay-access:focus-visible,
.ay-hero-main .ay-main-access a.ay-access:hover strong,
.ay-hero-main .ay-main-access a.ay-access:focus-visible strong,
.ay-main-access a.ay-access:hover,
.ay-main-access a.ay-access:focus-visible,
.ay-main-access a.ay-access:hover strong,
.ay-main-access a.ay-access:focus-visible strong{
  color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-hero-main .ay-main-access a.ay-access:hover img,
.ay-hero-main .ay-main-access a.ay-access:focus-visible img,
.ay-hero-main .ay-main-access a.ay-access:hover .ay-access-icon,
.ay-hero-main .ay-main-access a.ay-access:focus-visible .ay-access-icon,
.ay-main-access a.ay-access:hover img,
.ay-main-access a.ay-access:focus-visible img,
.ay-main-access a.ay-access:hover .ay-access-icon,
.ay-main-access a.ay-access:focus-visible .ay-access-icon{
  filter: var(--ay-nav-hover-filter-v12) !important;
}

.ay-main-access a.ay-access:hover .ay-access-circle,
.ay-main-access a.ay-access:focus-visible .ay-access-circle{
  border-color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-main-access a.ay-access:hover .ay-access-mapeo,
.ay-main-access a.ay-access:focus-visible .ay-access-mapeo,
.ay-main-access a.ay-access:hover .ay-access-femoteca,
.ay-main-access a.ay-access:focus-visible .ay-access-femoteca{
  color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-desc-main-access a.ay-desc-access:hover,
.ay-desc-main-access a.ay-desc-access:focus-visible,
.ay-desc-main-access a.ay-desc-access:hover strong,
.ay-desc-main-access a.ay-desc-access:focus-visible strong,
.ay-met-main-access a.ay-met-access:hover,
.ay-met-main-access a.ay-met-access:focus-visible,
.ay-met-main-access a.ay-met-access:hover strong,
.ay-met-main-access a.ay-met-access:focus-visible strong,
.ay-hist-main-access a.ay-hist-access:hover,
.ay-hist-main-access a.ay-hist-access:focus-visible,
.ay-hist-main-access a.ay-hist-access:hover strong,
.ay-hist-main-access a.ay-hist-access:focus-visible strong,
.ay-som-main-access a.ay-som-access:hover,
.ay-som-main-access a.ay-som-access:focus-visible,
.ay-som-main-access a.ay-som-access:hover strong,
.ay-som-main-access a.ay-som-access:focus-visible strong,
.ay-par-main-access a.ay-par-access:hover,
.ay-par-main-access a.ay-par-access:focus-visible,
.ay-par-main-access a.ay-par-access:hover strong,
.ay-par-main-access a.ay-par-access:focus-visible strong{
  color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-desc-main-access a.ay-desc-access:hover img,
.ay-desc-main-access a.ay-desc-access:focus-visible img,
.ay-desc-main-access a.ay-desc-access:hover .ay-desc-access-icon,
.ay-desc-main-access a.ay-desc-access:focus-visible .ay-desc-access-icon,
.ay-met-main-access a.ay-met-access:hover img,
.ay-met-main-access a.ay-met-access:focus-visible img,
.ay-met-main-access a.ay-met-access:hover .ay-met-access-icon,
.ay-met-main-access a.ay-met-access:focus-visible .ay-met-access-icon,
.ay-hist-main-access a.ay-hist-access:hover img,
.ay-hist-main-access a.ay-hist-access:focus-visible img,
.ay-hist-main-access a.ay-hist-access:hover .ay-hist-access-icon,
.ay-hist-main-access a.ay-hist-access:focus-visible .ay-hist-access-icon,
.ay-som-main-access a.ay-som-access:hover img,
.ay-som-main-access a.ay-som-access:focus-visible img,
.ay-som-main-access a.ay-som-access:hover .ay-som-access-icon,
.ay-som-main-access a.ay-som-access:focus-visible .ay-som-access-icon,
.ay-par-main-access a.ay-par-access:hover img,
.ay-par-main-access a.ay-par-access:focus-visible img,
.ay-par-main-access a.ay-par-access:hover .ay-par-access-icon,
.ay-par-main-access a.ay-par-access:focus-visible .ay-par-access-icon{
  filter: var(--ay-nav-hover-filter-v12) !important;
}

.ay-desc-main-access a.ay-desc-access:hover .ay-desc-access-circle,
.ay-desc-main-access a.ay-desc-access:focus-visible .ay-desc-access-circle,
.ay-met-main-access a.ay-met-access:hover .ay-met-access-circle,
.ay-met-main-access a.ay-met-access:focus-visible .ay-met-access-circle,
.ay-hist-main-access a.ay-hist-access:hover .ay-hist-access-circle,
.ay-hist-main-access a.ay-hist-access:focus-visible .ay-hist-access-circle,
.ay-som-main-access a.ay-som-access:hover .ay-som-access-circle,
.ay-som-main-access a.ay-som-access:focus-visible .ay-som-access-circle,
.ay-par-main-access a.ay-par-access:hover .ay-par-access-circle,
.ay-par-main-access a.ay-par-access:focus-visible .ay-par-access-circle{
  border-color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-desc-main-access a.ay-desc-access:hover .ay-desc-access-mapeo,
.ay-desc-main-access a.ay-desc-access:focus-visible .ay-desc-access-mapeo,
.ay-desc-main-access a.ay-desc-access:hover .ay-desc-access-femoteca,
.ay-desc-main-access a.ay-desc-access:focus-visible .ay-desc-access-femoteca,
.ay-met-main-access a.ay-met-access:hover .ay-met-access-mapeo,
.ay-met-main-access a.ay-met-access:focus-visible .ay-met-access-mapeo,
.ay-met-main-access a.ay-met-access:hover .ay-met-access-femoteca,
.ay-met-main-access a.ay-met-access:focus-visible .ay-met-access-femoteca,
.ay-hist-main-access a.ay-hist-access:hover .ay-hist-access-mapeo,
.ay-hist-main-access a.ay-hist-access:focus-visible .ay-hist-access-mapeo,
.ay-hist-main-access a.ay-hist-access:hover .ay-hist-access-femoteca,
.ay-hist-main-access a.ay-hist-access:focus-visible .ay-hist-access-femoteca,
.ay-som-main-access a.ay-som-access:hover .ay-som-access-mapeo,
.ay-som-main-access a.ay-som-access:focus-visible .ay-som-access-mapeo,
.ay-som-main-access a.ay-som-access:hover .ay-som-access-femoteca,
.ay-som-main-access a.ay-som-access:focus-visible .ay-som-access-femoteca,
.ay-par-main-access a.ay-par-access:hover .ay-par-access-mapeo,
.ay-par-main-access a.ay-par-access:focus-visible .ay-par-access-mapeo,
.ay-par-main-access a.ay-par-access:hover .ay-par-access-femoteca,
.ay-par-main-access a.ay-par-access:focus-visible .ay-par-access-femoteca{
  color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-map-new-main-access a.ay-map-new-access-active,
.ay-map-new-main-access a.ay-map-new-access-active:hover,
.ay-map-new-main-access a.ay-map-new-access-active:focus-visible,
.ay-map-new-main-access a.ay-map-new-access-active strong,
.ay-map-new-main-access a.ay-map-new-access-active:hover strong,
.ay-map-new-main-access a.ay-map-new-access-active:focus-visible strong,
.ay-main-access a.ay-access-active,
.ay-main-access a.ay-access-active:hover,
.ay-main-access a.ay-access-active:focus-visible,
.ay-main-access a.ay-access-active strong,
.ay-main-access a.ay-access-active:hover strong,
.ay-main-access a.ay-access-active:focus-visible strong,
.ay-desc-main-access a.ay-desc-access-active,
.ay-desc-main-access a.ay-desc-access-active:hover,
.ay-desc-main-access a.ay-desc-access-active:focus-visible,
.ay-desc-main-access a.ay-desc-access-active strong,
.ay-desc-main-access a.ay-desc-access-active:hover strong,
.ay-desc-main-access a.ay-desc-access-active:focus-visible strong,
.ay-met-main-access a.ay-met-access-active,
.ay-met-main-access a.ay-met-access-active:hover,
.ay-met-main-access a.ay-met-access-active:focus-visible,
.ay-met-main-access a.ay-met-access-active strong,
.ay-met-main-access a.ay-met-access-active:hover strong,
.ay-met-main-access a.ay-met-access-active:focus-visible strong,
.ay-hist-main-access a.ay-hist-access-active,
.ay-hist-main-access a.ay-hist-access-active:hover,
.ay-hist-main-access a.ay-hist-access-active:focus-visible,
.ay-hist-main-access a.ay-hist-access-active strong,
.ay-hist-main-access a.ay-hist-access-active:hover strong,
.ay-hist-main-access a.ay-hist-access-active:focus-visible strong,
.ay-som-main-access a.ay-som-access-active,
.ay-som-main-access a.ay-som-access-active:hover,
.ay-som-main-access a.ay-som-access-active:focus-visible,
.ay-som-main-access a.ay-som-access-active strong,
.ay-som-main-access a.ay-som-access-active:hover strong,
.ay-som-main-access a.ay-som-access-active:focus-visible strong,
.ay-par-main-access a.ay-par-access-active,
.ay-par-main-access a.ay-par-access-active:hover,
.ay-par-main-access a.ay-par-access-active:focus-visible,
.ay-par-main-access a.ay-par-access-active strong,
.ay-par-main-access a.ay-par-access-active:hover strong,
.ay-par-main-access a.ay-par-access-active:focus-visible strong{
  color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-map-new-main-access a.ay-map-new-access-active img,
.ay-map-new-main-access a.ay-map-new-access-active:hover img,
.ay-map-new-main-access a.ay-map-new-access-active:focus-visible img,
.ay-main-access a.ay-access-active img,
.ay-main-access a.ay-access-active:hover img,
.ay-main-access a.ay-access-active:focus-visible img,
.ay-desc-main-access a.ay-desc-access-active img,
.ay-desc-main-access a.ay-desc-access-active:hover img,
.ay-desc-main-access a.ay-desc-access-active:focus-visible img,
.ay-met-main-access a.ay-met-access-active img,
.ay-met-main-access a.ay-met-access-active:hover img,
.ay-met-main-access a.ay-met-access-active:focus-visible img,
.ay-hist-main-access a.ay-hist-access-active img,
.ay-hist-main-access a.ay-hist-access-active:hover img,
.ay-hist-main-access a.ay-hist-access-active:focus-visible img,
.ay-som-main-access a.ay-som-access-active img,
.ay-som-main-access a.ay-som-access-active:hover img,
.ay-som-main-access a.ay-som-access-active:focus-visible img,
.ay-par-main-access a.ay-par-access-active img,
.ay-par-main-access a.ay-par-access-active:hover img,
.ay-par-main-access a.ay-par-access-active:focus-visible img{
  filter: var(--ay-nav-hover-filter-v12) !important;
}

.ay-main-access a.ay-access-active .ay-access-circle,
.ay-main-access a.ay-access-active:hover .ay-access-circle,
.ay-main-access a.ay-access-active:focus-visible .ay-access-circle,
.ay-desc-main-access a.ay-desc-access-active .ay-desc-access-circle,
.ay-desc-main-access a.ay-desc-access-active:hover .ay-desc-access-circle,
.ay-desc-main-access a.ay-desc-access-active:focus-visible .ay-desc-access-circle,
.ay-met-main-access a.ay-met-access-active .ay-met-access-circle,
.ay-met-main-access a.ay-met-access-active:hover .ay-met-access-circle,
.ay-met-main-access a.ay-met-access-active:focus-visible .ay-met-access-circle,
.ay-hist-main-access a.ay-hist-access-active .ay-hist-access-circle,
.ay-hist-main-access a.ay-hist-access-active:hover .ay-hist-access-circle,
.ay-hist-main-access a.ay-hist-access-active:focus-visible .ay-hist-access-circle,
.ay-som-main-access a.ay-som-access-active .ay-som-access-circle,
.ay-som-main-access a.ay-som-access-active:hover .ay-som-access-circle,
.ay-som-main-access a.ay-som-access-active:focus-visible .ay-som-access-circle,
.ay-par-main-access a.ay-par-access-active .ay-par-access-circle,
.ay-par-main-access a.ay-par-access-active:hover .ay-par-access-circle,
.ay-par-main-access a.ay-par-access-active:focus-visible .ay-par-access-circle{
  border-color: var(--ay-nav-hover-pink-v12) !important;
}

.ay-map-new-tabs a.ay-map-new-tab:hover,
.ay-map-new-tabs a.ay-map-new-tab:focus-visible,
.ay-map-new-tabs a.ay-map-new-tab.active,
.ay-map-new-tabs a.ay-map-new-tab.active:visited,
.ay-conoce-nav a:hover,
.ay-conoce-nav a:focus-visible,
.ay-desc-nav a:hover,
.ay-desc-nav a:focus-visible,
.ay-met-nav a:hover,
.ay-met-nav a:focus-visible,
.ay-hist-nav a:hover,
.ay-hist-nav a:focus-visible,
.ay-som-nav a:hover,
.ay-som-nav a:focus-visible,
.ay-par-nav a:hover,
.ay-par-nav a:focus-visible,
.ay-pol-nav a:hover,
.ay-pol-nav a:focus-visible,
.ay-map-new-menu-panel a:hover,
.ay-map-new-menu-panel a:focus-visible,
.ay-new-home-menu-panel a:hover,
.ay-new-home-menu-panel a:focus-visible{
  color: var(--ay-nav-hover-pink-v12) !important;
}



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

body:has(.ay-page-conoce-mas) #content .block:has(.ay-conoce-footer),
body:has(.ay-page-conoce-mas) #content .block.block-html:has(.ay-conoce-footer),
body:has(.ay-desc-page) #content .block:has(.ay-conoce-footer),
body:has(.ay-pol-page) #content .block:has(.ay-conoce-footer),
body:has(.ay-desc-page) #content .block.block-html:has(.ay-conoce-footer),
body:has(.ay-pol-page) #content .block.block-html:has(.ay-conoce-footer){
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer,
body:has(.ay-desc-page) .ay-conoce-footer,
body:has(.ay-pol-page) .ay-conoce-footer,
body:has(.ay-desc-page) footer.ay-conoce-footer,
body:has(.ay-pol-page) footer.ay-conoce-footer{
  display: block !important;
  visibility: visible !important;
  width: min(760px, calc(100vw - 260px)) !important;
  max-width: min(760px, calc(100vw - 260px)) !important;
  margin: 210px auto 0 !important;
  padding: 0 0 34px !important;
  background: transparent !important;
  color: var(--ay-desc-v19-dark) !important;
  text-align: center !important;
  font-family: var(--ay-desc-v19-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer p,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer p,
body:has(.ay-desc-page) .ay-conoce-footer p,
body:has(.ay-pol-page) .ay-conoce-footer p,
body:has(.ay-desc-page) footer.ay-conoce-footer p,
body:has(.ay-pol-page) footer.ay-conoce-footer p{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 14px 0 0 !important;
  border-top: 1.35px solid var(--ay-desc-v19-dark) !important;
  border-bottom: 0 !important;
  color: var(--ay-desc-v19-dark) !important;
  background: transparent !important;
  text-align: center !important;
  font-family: var(--ay-desc-v19-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer a,
body:has(.ay-page-conoce-mas) footer.ay-conoce-footer a,
body:has(.ay-desc-page) .ay-conoce-footer a,
body:has(.ay-pol-page) .ay-conoce-footer a,
body:has(.ay-desc-page) footer.ay-conoce-footer a,
body:has(.ay-pol-page) footer.ay-conoce-footer a{
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-desc-v19-dark) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-family: var(--ay-desc-v19-font) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-footer a:hover,
body:has(.ay-desc-page) .ay-conoce-footer a:hover,
body:has(.ay-pol-page) .ay-conoce-footer a:hover{
  color: var(--ay-desc-v19-pink) !important;
}

body:has(.ay-desc-page) .ay-logo-image-link,
body:has(.ay-pol-page) .ay-logo-image-link{
  display: inline-block !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

body:has(.ay-desc-page) .ay-logo-image,
body:has(.ay-pol-page) .ay-logo-image{
  transition: filter 180ms ease !important;
}

body:has(.ay-desc-page) .ay-logo-image-link:hover .ay-logo-image,
body:has(.ay-pol-page) .ay-logo-image-link:hover .ay-logo-image,
body:has(.ay-desc-page) .ay-logo-image-link:focus-visible .ay-logo-image,
body:has(.ay-pol-page) .ay-logo-image-link:focus-visible .ay-logo-image{
  filter: var(--ay-desc-v21-logo-hover-filter) !important;
}

/* RESPONSIVE Y CONDICIONALES */

@media (max-width: 900px) {
body:has(.ay-hist-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-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{
  height: 18px !important;
  font-size: 9px !important;
  padding-left: 5px !important;
}

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{
  height: 18px !important;
}

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{
  content: "⌕" !important;
  font-size: 16px !important;
  color: var(--ay-final-dark) !important;
}

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{
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  margin-top: 9px !important;
  max-width: 280px !important;
}

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-hist-page) .ay-conoce-nav,
body:has(.ay-som-page) .ay-main-access{
  display: none !important;
}











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{
  width: 100% !important;
  column-gap: 0 !important;
}

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{
  padding-bottom: 0 !important;
  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-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{
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-height: 46px !important;
}

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{
  width: 92px !important;
}

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{
  font-size: 9.5px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

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{
  height: 18px !important;
  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-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{
  content: "⌕" !important;
  display: block !important;
  color: var(--ay-final-dark) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

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-hist-page) .ay-conoce-nav{
  display: none !important;
}



body:has(.ay-desc-page) #content,
body:has(.ay-met-page) #content,
body:has(.ay-hist-page) #content,
body:has(.ay-som-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-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{
  grid-column: 1 / -1 !important;
  grid-row: 2 !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;
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  transform: none !important;
}

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{
  grid-column: 3 !important;
  font-size: 10px !important;
  align-self: start !important;
  position: absolute !important;
  right: 0 !important;
  top: 22px !important;
  transform: none !important;
}

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-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{
  transform: none !important;
}

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{
  transform: none !important;
}
}

@media (max-width: 390px) {
body:has(.ay-desc-page) .ay-desc-hero,
body:has(.ay-met-page) .ay-met-hero,
body:has(.ay-hist-page) .ay-hist-hero,
body:has(.ay-som-page) .ay-som-hero,
body:has(.ay-par-page) .ay-par-hero{
  padding-left: 16px !important;
  padding-right: 16px !important;
}


}

@media (max-width: 1040px) {
body:has(.ay-page-conoce-mas) .ay-hero-inner{
  grid-template-columns: 280px minmax(380px, 1fr) !important;
  column-gap: 70px !important;
}

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

body:has(.ay-page-conoce-mas) .ay-search-area{
  width: 500px !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-inner{
  grid-template-columns: 280px minmax(380px, 1fr) !important;
  column-gap: 70px !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-image{
  width: 250px !important;
  max-width: 250px !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area{
  width: 500px !important;
  max-width: 500px !important;
}

body:has(.ay-page-conoce-mas) .ay-row-descripcion::before,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-row-descripcion::before{
  left: -68px !important;
}
}

@media (max-width: 760px) {
































































































































































































































































































html:has(.ay-desc-page),
body:has(.ay-desc-page),
html:has(.ay-met-page),
body:has(.ay-met-page),
html:has(.ay-hist-page),
body:has(.ay-hist-page),
html:has(.ay-som-page),
body:has(.ay-som-page){
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: var(--ay-cm-mobile-bg) !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-family: var(--ay-cm-mobile-font) !important;
}

body:has(.ay-desc-page) *,
body:has(.ay-met-page) *,
body:has(.ay-hist-page) *,
body:has(.ay-som-page) *{
  box-sizing: border-box !important;
  font-family: var(--ay-cm-mobile-font) !important;
}

body:has(.ay-desc-page) #content,
body:has(.ay-met-page) #content,
body:has(.ay-hist-page) #content,
body:has(.ay-som-page) #content{
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: linear-gradient(
        180deg,
        var(--ay-cm-mobile-lavender) 0px,
        var(--ay-cm-mobile-lavender-soft) 82px,
        var(--ay-cm-mobile-bg) 226px,
        var(--ay-cm-mobile-bg) calc(100% - 360px),
        #b59cff 100%
      ) !important;
  color: var(--ay-cm-mobile-dark) !important;
}

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

body:has(.ay-desc-page) header:not(.ay-desc-hero):not(.ay-hero-main),
body:has(.ay-met-page) header:not(.ay-met-hero):not(.ay-hero-main),
body:has(.ay-hist-page) header:not(.ay-hist-hero):not(.ay-hero-main),
body:has(.ay-som-page) header:not(.ay-som-hero):not(.ay-hero-main),
body:has(.ay-desc-page) .site-header,
body:has(.ay-met-page) .site-header,
body:has(.ay-hist-page) .site-header,
body:has(.ay-som-page) .site-header,
body:has(.ay-desc-page) .site-footer,
body:has(.ay-met-page) .site-footer,
body:has(.ay-hist-page) .site-footer,
body:has(.ay-som-page) .site-footer,
body:has(.ay-desc-page) #content > h1:first-child,
body:has(.ay-met-page) #content > h1:first-child,
body:has(.ay-hist-page) #content > h1:first-child,
body:has(.ay-som-page) #content > h1:first-child,
body:has(.ay-desc-page) .pagination,
body:has(.ay-met-page) .pagination,
body:has(.ay-hist-page) .pagination,
body:has(.ay-som-page) .pagination,
body:has(.ay-desc-page) .previous,
body:has(.ay-met-page) .previous,
body:has(.ay-hist-page) .previous,
body:has(.ay-som-page) .previous,
body:has(.ay-desc-page) .next,
body:has(.ay-met-page) .next,
body:has(.ay-hist-page) .next,
body:has(.ay-som-page) .next{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body:has(.ay-desc-page) .ay-desc-logo-image,
body:has(.ay-met-page) .ay-met-logo-image,
body:has(.ay-hist-page) .ay-hist-logo-image,
body:has(.ay-som-page) .ay-som-logo-image{
  display: block !important;
  width: 148px !important;
  max-width: 148px !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: none !important;
}

body:has(.ay-desc-page) .ay-desc-logo-text,
body:has(.ay-met-page) .ay-met-logo-text,
body:has(.ay-hist-page) .ay-hist-logo-text,
body:has(.ay-som-page) .ay-som-logo-text{
  display: inline-block !important;
  margin: 0 auto !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 24px !important;
  line-height: 0.86 !important;
  letter-spacing: -0.075em !important;
  text-align: center !important;
}

body:has(.ay-desc-page) .ay-desc-logo-wave,
body:has(.ay-met-page) .ay-met-logo-wave,
body:has(.ay-hist-page) .ay-hist-logo-wave,
body:has(.ay-som-page) .ay-som-logo-wave{
  display: none !important;
}

body:has(.ay-desc-page) .ay-desc-login,
body:has(.ay-met-page) .ay-met-login,
body:has(.ay-hist-page) .ay-hist-login,
body:has(.ay-som-page) .ay-som-login,
body:has(.ay-desc-page) .ay-desc-lang,
body:has(.ay-met-page) .ay-met-lang,
body:has(.ay-hist-page) .ay-hist-lang,
body:has(.ay-som-page) .ay-som-lang,
body:has(.ay-desc-page) .ay-desc-main-access,
body:has(.ay-met-page) .ay-met-main-access,
body:has(.ay-hist-page) .ay-hist-main-access,
body:has(.ay-som-page) .ay-som-main-access,
body:has(.ay-hist-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{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body:has(.ay-desc-page) .ay-desc-search,
body:has(.ay-met-page) .ay-met-search,
body:has(.ay-hist-page) .ay-hist-search,
body:has(.ay-som-page) .ay-som-search{
  grid-area: label / label / button / button !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) 32px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid var(--ay-cm-mobile-dark) !important;
  background: transparent !important;
}

body:has(.ay-desc-page) .ay-desc-search label,
body:has(.ay-met-page) .ay-met-search label,
body:has(.ay-hist-page) .ay-hist-search label,
body:has(.ay-som-page) .ay-som-search label{
  grid-area: label !important;
  display: flex !important;
  align-items: center !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 0 0 7px !important;
  margin: 0 !important;
  border: 1.5px solid var(--ay-cm-mobile-dark) !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body:has(.ay-desc-page) .ay-desc-search label,
body:has(.ay-met-page) .ay-met-search label,
body:has(.ay-hist-page) .ay-hist-search label,
body:has(.ay-som-page) .ay-som-search label{
  border: 0 !important;
  border-right: 0 !important;
}

body:has(.ay-desc-page) .ay-desc-search input,
body:has(.ay-met-page) .ay-met-search input,
body:has(.ay-hist-page) .ay-hist-search input,
body:has(.ay-som-page) .ay-som-search input{
  grid-area: input !important;
  display: block !important;
  width: 100% !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  border-top: 1.5px solid var(--ay-cm-mobile-dark) !important;
  border-bottom: 1.5px solid var(--ay-cm-mobile-dark) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-mobile-dark) !important;
  box-shadow: none !important;
  outline: none !important;
}

body:has(.ay-desc-page) .ay-desc-search input,
body:has(.ay-met-page) .ay-met-search input,
body:has(.ay-hist-page) .ay-hist-search input,
body:has(.ay-som-page) .ay-som-search input{
  border: 0 !important;
}

body:has(.ay-desc-page) .ay-desc-search button,
body:has(.ay-met-page) .ay-met-search button,
body:has(.ay-hist-page) .ay-hist-search button,
body:has(.ay-som-page) .ay-som-search button{
  grid-area: button !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1.5px solid var(--ay-cm-mobile-dark) !important;
  border-left: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  position: relative !important;
}

body:has(.ay-desc-page) .ay-desc-search button,
body:has(.ay-met-page) .ay-met-search button,
body:has(.ay-hist-page) .ay-hist-search button,
body:has(.ay-som-page) .ay-som-search button{
  border: 0 !important;
  border-left: 1.5px solid var(--ay-cm-mobile-dark) !important;
}

body:has(.ay-desc-page) .ay-desc-search button::after,
body:has(.ay-met-page) .ay-met-search button::after,
body:has(.ay-hist-page) .ay-hist-search button::after,
body:has(.ay-som-page) .ay-som-search button::after{
  content: "⌕" !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body:has(.ay-desc-page) .ay-desc-layout,
body:has(.ay-met-page) .ay-met-layout,
body:has(.ay-hist-page) .ay-hist-layout,
body:has(.ay-som-page) .ay-som-layout{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 34px 18px 0 !important;
  color: var(--ay-cm-mobile-dark) !important;
  background: transparent !important;
}

body:has(.ay-desc-page) .ay-desc-main-text h1,
body:has(.ay-met-page) .ay-met-main-text h1,
body:has(.ay-hist-page) .ay-hist-main-text h1,
body:has(.ay-som-page) .ay-som-main-text h1,
body:has(.ay-desc-page) .ay-desc-main-text h2,
body:has(.ay-met-page) .ay-met-main-text h2,
body:has(.ay-hist-page) .ay-hist-main-text h2,
body:has(.ay-som-page) .ay-som-main-text h2{
  margin: 0 0 18px !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 28px !important;
  line-height: 0.96 !important;
  letter-spacing: -0.035em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

body:has(.ay-desc-page) .ay-desc-main-text p,
body:has(.ay-met-page) .ay-met-main-text p,
body:has(.ay-hist-page) .ay-hist-main-text p,
body:has(.ay-som-page) .ay-som-main-text p,
body:has(.ay-desc-page) .ay-desc-main-text li,
body:has(.ay-hist-page) .ay-hist-main-text li,
body:has(.ay-som-page) .ay-som-main-text li{
  max-width: 100% !important;
  margin: 0 0 21px !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 14px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.035em !important;
  font-weight: 400 !important;
  text-align: left !important;
}

body:has(.ay-desc-page) .ay-desc-side-label,
body:has(.ay-met-page) .ay-met-side-label,
body:has(.ay-met-page) .ay-met-side-label-top,
body:has(.ay-met-page) .ay-met-side-label-lineas,
body:has(.ay-hist-page) .ay-hist-side-label,
body:has(.ay-som-page) .ay-som-side-label,
body:has(.ay-desc-page) .ay-desc-sidebar,
body:has(.ay-met-page) .ay-met-sidebar,
body:has(.ay-hist-page) .ay-hist-sidebar,
body:has(.ay-som-page) .ay-som-sidebar,
body:has(.ay-desc-page) .ay-desc-socials,
body:has(.ay-met-page) .ay-met-socials,
body:has(.ay-hist-page) .ay-hist-socials,
body:has(.ay-som-page) .ay-som-socials{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body:has(.ay-met-page) .ay-met-mapa-section,
body:has(.ay-met-page) .ay-met-image-card,
body:has(.ay-desc-page) .ay-desc-image-card,
body:has(.ay-hist-page) .ay-hist-image-card,
body:has(.ay-som-page) .ay-som-image-card{
  display: none !important;
}

body:has(.ay-desc-page) .ay-mobile-contact-card,
body:has(.ay-met-page) .ay-mobile-contact-card,
body:has(.ay-hist-page) .ay-mobile-contact-card,
body:has(.ay-som-page) .ay-mobile-contact-card,
body:has(.ay-desc-page) .ay-map-new-mobile-contact,
body:has(.ay-met-page) .ay-map-new-mobile-contact,
body:has(.ay-hist-page) .ay-map-new-mobile-contact,
body:has(.ay-som-page) .ay-map-new-mobile-contact{
  display: block !important;
  visibility: visible !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 48px 18px 112px !important;
  text-align: center !important;
  background: linear-gradient(
        180deg,
        #841160 0%,
        #9564d2 56%,
        #9b90f2 100%
      ) !important;
  color: var(--ay-cm-mobile-contact) !important;
}

body:has(.ay-desc-page) .ay-mobile-contact-card h2,
body:has(.ay-met-page) .ay-mobile-contact-card h2,
body:has(.ay-hist-page) .ay-mobile-contact-card h2,
body:has(.ay-som-page) .ay-mobile-contact-card h2,
body:has(.ay-desc-page) .ay-map-new-mobile-contact h2,
body:has(.ay-met-page) .ay-map-new-mobile-contact h2,
body:has(.ay-hist-page) .ay-map-new-mobile-contact h2,
body:has(.ay-som-page) .ay-map-new-mobile-contact h2{
  margin: 0 0 32px !important;
  color: var(--ay-cm-mobile-contact) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

body:has(.ay-desc-page) .ay-mobile-contact-card p,
body:has(.ay-met-page) .ay-mobile-contact-card p,
body:has(.ay-hist-page) .ay-mobile-contact-card p,
body:has(.ay-som-page) .ay-mobile-contact-card p,
body:has(.ay-desc-page) .ay-map-new-contact-item,
body:has(.ay-met-page) .ay-map-new-contact-item,
body:has(.ay-hist-page) .ay-map-new-contact-item,
body:has(.ay-som-page) .ay-map-new-contact-item{
  margin: 0 0 16px !important;
  color: var(--ay-cm-mobile-contact) !important;
  font-size: 10px !important;
  line-height: 1.24 !important;
  text-align: center !important;
}

body:has(.ay-desc-page) .ay-mobile-contact-card a,
body:has(.ay-met-page) .ay-mobile-contact-card a,
body:has(.ay-hist-page) .ay-mobile-contact-card a,
body:has(.ay-som-page) .ay-mobile-contact-card a,
body:has(.ay-desc-page) .ay-map-new-contact-item a,
body:has(.ay-met-page) .ay-map-new-contact-item a,
body:has(.ay-hist-page) .ay-map-new-contact-item a,
body:has(.ay-som-page) .ay-map-new-contact-item a{
  color: var(--ay-cm-mobile-contact) !important;
  text-decoration: underline !important;
  word-break: break-word !important;
  font-size: 9px !important;
}

body:has(.ay-desc-page) .ay-mobile-socials,
body:has(.ay-met-page) .ay-mobile-socials,
body:has(.ay-hist-page) .ay-mobile-socials,
body:has(.ay-som-page) .ay-mobile-socials,
body:has(.ay-desc-page) .ay-map-new-mobile-socials,
body:has(.ay-met-page) .ay-map-new-mobile-socials,
body:has(.ay-hist-page) .ay-map-new-mobile-socials,
body:has(.ay-som-page) .ay-map-new-mobile-socials{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 38px !important;
  margin: 42px 0 0 !important;
}

body:has(.ay-desc-page) .ay-mobile-socials img,
body:has(.ay-met-page) .ay-mobile-socials img,
body:has(.ay-hist-page) .ay-mobile-socials img,
body:has(.ay-som-page) .ay-mobile-socials img,
body:has(.ay-desc-page) .ay-map-new-mobile-socials img,
body:has(.ay-met-page) .ay-map-new-mobile-socials img,
body:has(.ay-hist-page) .ay-map-new-mobile-socials img,
body:has(.ay-som-page) .ay-map-new-mobile-socials img{
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  filter: brightness(0) saturate(100%) invert(75%) sepia(33%) saturate(1332%) hue-rotate(208deg) brightness(103%) contrast(104%) !important;
}

body:has(.ay-desc-page) .ay-conoce-footer,
body:has(.ay-met-page) .ay-conoce-footer,
body:has(.ay-hist-page) .ay-conoce-footer,
body:has(.ay-som-page) .ay-conoce-footer,
body:has(.ay-desc-page) .ay-map-new-footer,
body:has(.ay-met-page) .ay-map-new-footer,
body:has(.ay-hist-page) .ay-map-new-footer,
body:has(.ay-som-page) .ay-map-new-footer{
  display: block !important;
  visibility: visible !important;
  width: calc(100vw - 36px) !important;
  max-width: calc(100vw - 36px) !important;
  margin: -70px auto 0 !important;
  padding: 10px 0 22px !important;
  transform: none !important;
  border-top: 1.2px solid var(--ay-cm-mobile-dark) !important;
  background: transparent !important;
  color: var(--ay-cm-mobile-dark) !important;
  text-align: center !important;
  font-size: 9px !important;
  line-height: 1.24 !important;
  font-weight: 400 !important;
  position: relative !important;
  z-index: 20 !important;
}

body:has(.ay-desc-page) .ay-conoce-footer p,
body:has(.ay-met-page) .ay-conoce-footer p,
body:has(.ay-hist-page) .ay-conoce-footer p,
body:has(.ay-som-page) .ay-conoce-footer p,
body:has(.ay-desc-page) .ay-map-new-footer p,
body:has(.ay-met-page) .ay-map-new-footer p,
body:has(.ay-hist-page) .ay-map-new-footer p,
body:has(.ay-som-page) .ay-map-new-footer p{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 9px !important;
  line-height: 1.24 !important;
  font-weight: 400 !important;
}

body:has(.ay-desc-page) .ay-conoce-footer a,
body:has(.ay-met-page) .ay-conoce-footer a,
body:has(.ay-hist-page) .ay-conoce-footer a,
body:has(.ay-som-page) .ay-conoce-footer a,
body:has(.ay-desc-page) .ay-map-new-footer a,
body:has(.ay-met-page) .ay-map-new-footer a,
body:has(.ay-hist-page) .ay-map-new-footer a,
body:has(.ay-som-page) .ay-map-new-footer a{
  color: var(--ay-cm-mobile-dark) !important;
  text-decoration: none !important;
  font-size: 9px !important;
  line-height: 1.24 !important;
}

body:has(.ay-desc-page) .ay-desc-hero::before,
body:has(.ay-met-page) .ay-met-hero::before,
body:has(.ay-hist-page) .ay-hist-hero::before,
body:has(.ay-som-page) .ay-som-hero::before{
  position: absolute !important;
  top: 28px !important;
  left: 50% !important;
  width: 31px !important;
  height: 3px !important;
  transform: translateX(-50%) !important;
  background: var(--ay-cm-mobile-dark) !important;
  box-shadow: 0 7px 0 var(--ay-cm-mobile-dark), 0 14px 0 var(--ay-cm-mobile-dark) !important;
  z-index: 12 !important;
  content: none !important;
  display: none !important;
}



body:has(.ay-desc-page) .ay-desc-lang,
body:has(.ay-met-page) .ay-met-lang,
body:has(.ay-hist-page) .ay-hist-lang,
body:has(.ay-som-page) .ay-som-lang,
body:has(.ay-desc-page) .ay-desc-login,
body:has(.ay-met-page) .ay-met-login,
body:has(.ay-hist-page) .ay-hist-login,
body:has(.ay-som-page) .ay-som-login{
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

body:has(.ay-desc-page) .ay-desc-hero,
body:has(.ay-met-page) .ay-met-hero,
body:has(.ay-hist-page) .ay-hist-hero,
body:has(.ay-som-page) .ay-som-hero{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  background: transparent !important;
  color: var(--ay-cm-mobile-dark) !important;
  overflow: visible !important;
  min-height: 0 !important;
  padding: 0 18px 18px !important;
}

body:has(.ay-desc-page) .ay-desc-hero-inner,
body:has(.ay-met-page) .ay-met-hero-inner,
body:has(.ay-hist-page) .ay-hist-hero-inner,
body:has(.ay-som-page) .ay-som-hero-inner{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 82px 0 0 !important;
  background: transparent !important;
  padding-top: 76px !important;
}

body:has(.ay-desc-page) .ay-desc-logo-area,
body:has(.ay-met-page) .ay-met-logo-area,
body:has(.ay-hist-page) .ay-hist-logo-area,
body:has(.ay-som-page) .ay-som-logo-area{
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  text-align: center !important;
  position: relative !important;
  margin-bottom: 20px !important;
}

body:has(.ay-desc-page) .ay-desc-search-area,
body:has(.ay-met-page) .ay-met-search-area,
body:has(.ay-hist-page) .ay-hist-search-area,
body:has(.ay-som-page) .ay-som-search-area{
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: 76px minmax(0, 1fr) 32px !important;
  grid-template-areas: "label input button"
      "caption caption caption" !important;
  align-items: start !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body:has(.ay-desc-page) .ay-desc-hero-caption,
body:has(.ay-met-page) .ay-met-hero-caption,
body:has(.ay-hist-page) .ay-hist-hero-caption,
body:has(.ay-som-page) .ay-som-hero-caption{
  grid-area: caption !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  color: var(--ay-cm-mobile-dark) !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
  margin-top: 9px !important;
  margin-bottom: 0 !important;
}

body:has(.ay-desc-page) .ay-desc-layout,
body:has(.ay-met-page) .ay-met-layout,
body:has(.ay-hist-page) .ay-hist-layout,
body:has(.ay-som-page) .ay-som-layout{
  padding-top: 28px !important;
}

























































body:has(.ay-desc-page) .ay-conoce-footer,
body:has(.ay-desc-page) footer.ay-conoce-footer{
  width: calc(100vw - 82px) !important;
  max-width: calc(100vw - 82px) !important;
  margin: -42px auto 0 !important;
  padding: 0 0 23px !important;
  color: var(--ay-desc-v19-dark) !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
}

body:has(.ay-desc-page) .ay-conoce-footer p,
body:has(.ay-desc-page) footer.ay-conoce-footer p,
body:has(.ay-desc-page) .ay-conoce-footer a,
body:has(.ay-desc-page) footer.ay-conoce-footer a{
  color: var(--ay-desc-v19-dark) !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

body:has(.ay-desc-page) .ay-conoce-footer p,
body:has(.ay-desc-page) footer.ay-conoce-footer p{
  padding-top: 10px !important;
  border-top: 1.1px solid var(--ay-desc-v19-dark) !important;
}
}

@media (max-width: 360px) {






















body:has(.ay-desc-page) .ay-desc-hero,
body:has(.ay-met-page) .ay-met-hero,
body:has(.ay-hist-page) .ay-hist-hero,
body:has(.ay-som-page) .ay-som-hero,
body:has(.ay-par-page) .ay-par-hero{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body:has(.ay-desc-page) .ay-desc-main-text h1,
body:has(.ay-met-page) .ay-met-main-text h1,
body:has(.ay-hist-page) .ay-hist-main-text h1,
body:has(.ay-som-page) .ay-som-main-text h1,
body:has(.ay-par-page) .ay-par-main-text h1,
body:has(.ay-met-page) .ay-met-lineas-inner h2{
  font-size: 26px !important;
}

body:has(.ay-desc-page) .ay-desc-main-text p,
body:has(.ay-met-page) .ay-met-main-text p,
body:has(.ay-met-page) .ay-met-lineas-inner li{
  font-size: 13px !important;
}
}

@media (min-width: 1600px) {
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) {
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;
}
}

@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;
}
}

@media (max-width: 1180px) {
body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-desc-page) .ay-hero-inner,
body:has(.ay-pol-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-pol-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;
}

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-pol-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;
}

body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-desc-page) .ay-lang,
body:has(.ay-pol-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;
}

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-desc-page) .ay-search-area,
body:has(.ay-pol-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(32px) !important;
}
}

@media (max-width: 1180px) and (min-width: 901px) {
body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-desc-page) .ay-hero-inner,
body:has(.ay-pol-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;
}
}

@media (min-width: 761px) {
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-header{
  display: block !important;
  visibility: visible !important;
  width: min(1340px, calc(100vw - 170px)) !important;
  max-width: min(1340px, calc(100vw - 170px)) !important;
  height: 390px !important;
  min-height: 390px !important;
  max-height: 390px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  background: #571447 !important;
  color: #BD9BF9 !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-header-top{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  background: transparent !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo-area{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 76px !important;
  width: 360px !important;
  max-width: 360px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  overflow: visible !important;
  background: transparent !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo-link{
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 315px !important;
  max-width: 315px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  filter: var(--ay-new-logo-filter) !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-header::before,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-header::after{
  content: none !important;
  display: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo-area::before{
  content: none !important;
  display: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo-area::after{
  content: "Ecosistema de prácticas, memorias, archivos y redes\A de mujeres y colectivas que han configurado el arte\A contemporáneo en Ecuador." !important;
  white-space: pre-line !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 144px !important;
  width: 455px !important;
  max-width: 455px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #BD9BF9 !important;
  background: transparent !important;
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  font-size: 14px !important;
  line-height: 1.36 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  z-index: 80 !important;
  pointer-events: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > label{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 84px !important;
  right: 520px !important;
  width: 90px !important;
  height: 25px !important;
  min-height: 25px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 0 0 8px !important;
  margin: 0 !important;
  border: 2px solid #BD9BF9 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: #BD9BF9 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > input{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 84px !important;
  right: 150px !important;
  width: 370px !important;
  height: 25px !important;
  min-height: 25px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-top: 2px solid #BD9BF9 !important;
  border-bottom: 2px solid #BD9BF9 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: #BD9BF9 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > button{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 84px !important;
  right: 0 !important;
  width: 150px !important;
  height: 25px !important;
  min-height: 25px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #BD9BF9 !important;
  color: #571447 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > button::after{
  content: none !important;
  display: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > .ay-map-new-hero-caption,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-hero-caption{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-main-access{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 178px !important;
  right: 205px !important;
  width: 430px !important;
  max-width: 430px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 118px !important;
  align-items: end !important;
  justify-items: center !important;
  text-align: center !important;
  background: transparent !important;
  z-index: 15 !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-access{
  display: grid !important;
  grid-template-rows: 72px auto !important;
  align-items: end !important;
  justify-items: center !important;
  min-width: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-access-icon-mapeo{
  display: block !important;
  max-width: 92px !important;
  max-height: 66px !important;
  filter: var(--ay-new-logo-filter-pink) !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-access-icon-conoce{
  display: block !important;
  max-width: 74px !important;
  max-height: 68px !important;
  filter: var(--ay-new-logo-filter) !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-access strong{
  display: block !important;
  margin-top: 10px !important;
  color: #BD9BF9 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-access-active strong{
  color: #A51D75 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tabs-section{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(1100px, calc(100vw - 140px)) !important;
  max-width: min(1100px, calc(100vw - 140px)) !important;
  margin: 0 auto 0 !important;
  padding: 0 !important;
  background: #571447 !important;
  overflow: visible !important;
  transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tab{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #BD9BF9 !important;
  border-right-width: 0 !important;
  color: #BD9BF9 !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tab:last-child{
  border-right-width: 2px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tab.active,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tab:hover{
  color: #A51D75 !important;
  background: transparent !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-divider{
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
  background: #BD9BF9 !important;
  border: 0 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .block:has(.ay-map-new-donate){
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-donate,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) section.ay-map-new-donate{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 520px !important;
  height: 520px !important;
  margin: 110px 0 0 calc(50% - 50vw) !important;
  padding: 0 20px 132px !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: #BD9BF9 !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) 58%,
        rgba(159, 112, 190, 1) 100%
      ) !important;
  background-color: #9f70be !important;
  box-sizing: border-box !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-donate p,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) section.ay-map-new-donate p{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(820px, calc(100vw - 220px)) !important;
  max-width: min(820px, calc(100vw - 220px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto 42px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #BD9BF9 !important;
  background: transparent !important;
  font-family: var(--ay-new-font) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: 0.075em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-donate-button,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) .ay-map-new-donate a.ay-map-new-donate-button{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 250px !important;
  width: 250px !important;
  min-height: 51px !important;
  height: 51px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  background: #300323 !important;
  color: #BD9BF9 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: var(--ay-new-font) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

body:has(.ay-page-conoce-mas) #content .ay-hero-main,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .ay-hero-main,
body:has(.ay-page-conoce-mas) .ay-hero-main,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-main{
  display: block !important;
  visibility: visible !important;
  width: var(--ay-cm-shell-v5) !important;
  max-width: var(--ay-cm-shell-v5) !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;
  overflow: visible !important;
  background: transparent !important;
  color: var(--ay-cm-dark-v5) !important;
  box-sizing: border-box !important;
  transform: none !important;
}

body:has(.ay-page-conoce-mas) #content .ay-hero-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .ay-hero-inner,
body:has(.ay-page-conoce-mas) .ay-hero-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-inner{
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 390px !important;
  min-height: 390px !important;
  max-height: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transform: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 76px !important;
  width: 360px !important;
  max-width: 360px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  overflow: visible !important;
  background: transparent !important;
  transform: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image-link,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-image-link{
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-image{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 315px !important;
  max-width: 315px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  filter: none !important;
  transform: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area::before,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area::before{
  content: none !important;
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area::after,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area::after{
  content: "Ecosistema de prácticas, memorias, archivos y redes\A de mujeres y colectivas que han configurado el arte\A contemporáneo en Ecuador." !important;
  white-space: pre-line !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 144px !important;
  width: 455px !important;
  max-width: 455px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-cm-dark-v5) !important;
  background: transparent !important;
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  font-size: 14px !important;
  line-height: 1.36 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  z-index: 80 !important;
  pointer-events: none !important;
}

body:has(.ay-page-conoce-mas) .ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-caption,
body:has(.ay-page-conoce-mas) .ay-search-area > .ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > .ay-hero-caption,
body:has(.ay-page-conoce-mas) .ay-logo-area > .ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area > .ay-hero-caption{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body:has(.ay-page-conoce-mas) .ay-login,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-login,
body:has(.ay-page-conoce-mas) .ay-lang,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-lang{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > label{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 84px !important;
  right: 520px !important;
  width: 90px !important;
  height: 25px !important;
  min-height: 25px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 0 0 8px !important;
  margin: 0 !important;
  border: 2px solid var(--ay-cm-dark-v5) !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-dark-v5) !important;
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > input{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 84px !important;
  right: 150px !important;
  width: 370px !important;
  height: 25px !important;
  min-height: 25px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-top: 2px solid var(--ay-cm-dark-v5) !important;
  border-bottom: 2px solid var(--ay-cm-dark-v5) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  color: var(--ay-cm-dark-v5) !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > button{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 84px !important;
  right: 0 !important;
  width: 150px !important;
  height: 25px !important;
  min-height: 25px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--ay-cm-dark-v5) !important;
  color: #dfbff0 !important;
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button::after,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > button::after{
  content: none !important;
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access,
body:has(.ay-page-conoce-mas) .ay-main-access-two,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access-two{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 178px !important;
  right: 205px !important;
  width: 430px !important;
  max-width: 430px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 118px !important;
  align-items: end !important;
  justify-items: center !important;
  text-align: center !important;
  background: transparent !important;
  z-index: 15 !important;
  transform: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access[href*="femoteca"],
body:has(.ay-page-conoce-mas) .ay-access:has(.ay-access-icon-femoteca),
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access[href*="femoteca"],
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access:has(.ay-access-icon-femoteca){
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access:has(.ay-access-icon-mapeo),
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access:has(.ay-access-icon-mapeo){
  order: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access:has(.ay-access-icon-conoce),
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access:has(.ay-access-icon-conoce){
  order: 2 !important;
}

body:has(.ay-page-conoce-mas) .ay-access,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access{
  display: grid !important;
  grid-template-rows: 72px auto !important;
  align-items: end !important;
  justify-items: center !important;
  min-width: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ay-cm-dark-v5) !important;
  text-align: center !important;
  text-decoration: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-mapeo,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-icon-mapeo{
  display: block !important;
  max-width: 92px !important;
  max-height: 66px !important;
  filter: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access-icon-conoce,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-icon-conoce{
  display: block !important;
  max-width: 74px !important;
  max-height: 68px !important;
  filter: none !important;
}

body:has(.ay-page-conoce-mas) .ay-access strong,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access strong{
  display: block !important;
  margin-top: 10px !important;
  color: var(--ay-cm-dark-v5) !important;
  font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body:has(.ay-page-conoce-mas) .ay-access-active strong,
body:has(.ay-page-conoce-mas) .ay-access:has(.ay-access-icon-conoce) strong,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access-active strong,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-access:has(.ay-access-icon-conoce) strong{
  color: var(--ay-cm-pink-v5) !important;
}







body:has(.ay-page-conoce-mas) .ay-content-row,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-content-row{
  width: var(--ay-cm-tabs-v5) !important;
  max-width: var(--ay-cm-tabs-v5) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.88fr) !important;
  column-gap: clamp(34px, 5vw, 76px) !important;
}

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

body:has(.ay-page-conoce-mas) .ay-row-descripcion::before,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-row-descripcion::before{
  left: -96px !important;
  top: 165px !important;
  text-align: left !important;
}

body:has(.ay-page-conoce-mas) .ay-map-new-menu,
body:has(.ay-desc-page) .ay-map-new-menu,
body:has(.ay-pol-page) .ay-map-new-menu,
body:has(.ay-met-page) .ay-map-new-menu,
body:has(.ay-hist-page) .ay-map-new-menu,
body:has(.ay-som-page) .ay-map-new-menu,
body:has(.ay-par-page) .ay-map-new-menu{
  display: none !important;
}

body:has(.ay-page-conoce-mas) .ay-map-new-menu,
body:has(.ay-desc-page) .ay-map-new-menu,
body:has(.ay-pol-page) .ay-map-new-menu,
body:has(.ay-met-page) .ay-map-new-menu,
body:has(.ay-hist-page) .ay-map-new-menu,
body:has(.ay-som-page) .ay-map-new-menu,
body:has(.ay-par-page) .ay-map-new-menu,
body:has(.ay-policy-page) .ay-map-new-menu{
  display: none !important;
}
}

@media (min-width: 761px) and (max-width: 1180px) {
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-header{
  width: min(1040px, calc(100vw - 80px)) !important;
  max-width: min(1040px, calc(100vw - 80px)) !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo{
  width: 250px !important;
  max-width: 250px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-logo-area::after{
  top: 128px !important;
  width: 360px !important;
  max-width: 360px !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > label{
  right: 450px !important;
  width: 82px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > input{
  right: 135px !important;
  width: 315px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-search-area > button{
  width: 135px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-main-access{
  top: 182px !important;
  right: 110px !important;
  width: 380px !important;
  max-width: 380px !important;
  column-gap: 88px !important;
}

body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-tabs-section,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-new-intro,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-ref-content,
body:has(.ay-map-new-page):not(:has(.ay-pol-page)) #content .ay-map-type-list-section{
  width: min(920px, calc(100vw - 80px)) !important;
  max-width: min(920px, calc(100vw - 80px)) !important;
}

body:has(.ay-page-conoce-mas) #content .ay-hero-main,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content .ay-hero-main,
body:has(.ay-page-conoce-mas) .ay-hero-main,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-hero-main{
  width: min(1040px, calc(100vw - 80px)) !important;
  max-width: min(1040px, calc(100vw - 80px)) !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-image,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-image{
  width: 250px !important;
  max-width: 250px !important;
}

body:has(.ay-page-conoce-mas) .ay-logo-area::after,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-logo-area::after{
  top: 128px !important;
  width: 360px !important;
  max-width: 360px !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > label,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > label{
  right: 450px !important;
  width: 82px !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > input,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > input{
  right: 135px !important;
  width: 315px !important;
}

body:has(.ay-page-conoce-mas) .ay-search-area > button,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-search-area > button{
  width: 135px !important;
}

body:has(.ay-page-conoce-mas) .ay-main-access,
body:has(.ay-page-conoce-mas) .ay-main-access-two,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-main-access-two{
  top: 182px !important;
  right: 110px !important;
  width: 380px !important;
  max-width: 380px !important;
  column-gap: 88px !important;
}

body:has(.ay-page-conoce-mas) .ay-conoce-nav,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav,
body:has(.ay-page-conoce-mas) .ay-content-row,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-content-row{
  width: min(920px, calc(100vw - 80px)) !important;
  max-width: min(920px, calc(100vw - 80px)) !important;
}

body:has(.ay-page-conoce-mas) .ay-row-descripcion::before,
body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-row-descripcion::before{
  left: -68px !important;
}
}

@media (max-width: 760px) and (max-height: 820px) {





























}


/* Color oficial de hover/activo */
:root,
body:has(.ay-hero-main):has(.ay-conoce-nav),
body:has(.ay-page-conoce-mas),
body:has(.ay-desc-page),
body:has(.ay-pol-page),
body:has(.ay-met-page),
body:has(.ay-hist-page),
body:has(.ay-som-page),
body:has(.ay-par-page){
  --ay-nav-hover-pink-v35: #A51D75 !important;
  --ay-nav-active-dark-v35: #22061D !important;
  --ay-nav-normal-white-v35: #ffffff !important;
  --ay-cm-nav-wide-v35: min(1220px, calc(100vw - 80px)) !important;
  --ay-cm-nav-h-v35: 27px !important;

  /* Filtro para llevar PNG negros/morados al rosa oficial #A51D75 */
  --ay-nav-hover-filter-v35: brightness(0) saturate(100%) invert(21%) sepia(66%) saturate(2276%) hue-rotate(294deg) brightness(86%) contrast(93%) !important;

  /* Reescritura de variables antiguas para que ninguna use el rosa incorrecto */
  --ay-cm-pink: #A51D75 !important;
  --ay-pink: #A51D75 !important;
  --ay-hover-access: #A51D75 !important;
  --ay-hover-access-final: #A51D75 !important;
  --ay-nav-hover-pink-v12: #A51D75 !important;
  --ay-cm-nav-pink-v6: #A51D75 !important;
  --ay-cm-filter-pink: var(--ay-nav-hover-filter-v35) !important;
  --ay-new-logo-filter-pink: var(--ay-nav-hover-filter-v35) !important;
  --ay-hover-access-filter: var(--ay-nav-hover-filter-v35) !important;
  --ay-hover-access-filter-final: var(--ay-nav-hover-filter-v35) !important;
  --ay-nav-hover-filter-v12: var(--ay-nav-hover-filter-v35) !important;
  --ay-desc-v21-logo-hover-filter: var(--ay-nav-hover-filter-v35) !important;
}

/* ---------- HOVER DEL LOGO PRINCIPAL ---------- */
.ay-logo-image-link,
.ay-map-new-logo-link,
.ay-new-home-logo-link,
.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;
  cursor: pointer !important;
  text-decoration: none !important;
  transform: none !important;
}

.ay-logo-image,
.ay-map-new-logo,
.ay-new-home-logo,
.ay-desc-logo-image,
.ay-met-logo-image,
.ay-hist-logo-image,
.ay-som-logo-image,
.ay-par-logo-image{
  transition: filter 180ms ease, opacity 180ms ease !important;
  transform: none !important;
}

.ay-logo-image-link:hover .ay-logo-image,
.ay-logo-image-link:focus-visible .ay-logo-image,
.ay-map-new-logo-link:hover .ay-map-new-logo,
.ay-map-new-logo-link:focus-visible .ay-map-new-logo,
.ay-new-home-logo-link:hover .ay-new-home-logo,
.ay-new-home-logo-link:focus-visible .ay-new-home-logo,
.ay-desc-logo-image-link:hover .ay-desc-logo-image,
.ay-desc-logo-image-link:focus-visible .ay-desc-logo-image,
.ay-met-logo-image-link:hover .ay-met-logo-image,
.ay-met-logo-image-link:focus-visible .ay-met-logo-image,
.ay-hist-logo-image-link:hover .ay-hist-logo-image,
.ay-hist-logo-image-link:focus-visible .ay-hist-logo-image,
.ay-som-logo-image-link:hover .ay-som-logo-image,
.ay-som-logo-image-link:focus-visible .ay-som-logo-image,
.ay-par-logo-image-link:hover .ay-par-logo-image,
.ay-par-logo-image-link:focus-visible .ay-par-logo-image{
  filter: var(--ay-nav-hover-filter-v35) !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ---------- HOVER DE ACCESOS MAPEO / CONOCE MÁS ---------- */
.ay-access,
.ay-access strong,
.ay-access img,
.ay-access-icon,
.ay-map-new-access,
.ay-map-new-access strong,
.ay-map-new-access img,
.ay-map-new-access-icon,
.ay-desc-access,
.ay-desc-access strong,
.ay-desc-access img,
.ay-met-access,
.ay-met-access strong,
.ay-met-access img,
.ay-hist-access,
.ay-hist-access strong,
.ay-hist-access img,
.ay-som-access,
.ay-som-access strong,
.ay-som-access img,
.ay-par-access,
.ay-par-access strong,
.ay-par-access img{
  transition: color 180ms ease, filter 180ms ease, border-color 180ms ease !important;
  transform: none !important;
}

.ay-access:hover,
.ay-access:focus-visible,
.ay-access:hover strong,
.ay-access:focus-visible strong,
.ay-map-new-access:hover,
.ay-map-new-access:focus-visible,
.ay-map-new-access:hover strong,
.ay-map-new-access:focus-visible strong,
.ay-desc-access:hover,
.ay-desc-access:focus-visible,
.ay-desc-access:hover strong,
.ay-desc-access:focus-visible strong,
.ay-met-access:hover,
.ay-met-access:focus-visible,
.ay-met-access:hover strong,
.ay-met-access:focus-visible strong,
.ay-hist-access:hover,
.ay-hist-access:focus-visible,
.ay-hist-access:hover strong,
.ay-hist-access:focus-visible strong,
.ay-som-access:hover,
.ay-som-access:focus-visible,
.ay-som-access:hover strong,
.ay-som-access:focus-visible strong,
.ay-par-access:hover,
.ay-par-access:focus-visible,
.ay-par-access:hover strong,
.ay-par-access:focus-visible strong{
  color: var(--ay-nav-hover-pink-v35) !important;
  text-decoration: none !important;
  transform: none !important;
}

.ay-access:hover img,
.ay-access:focus-visible img,
.ay-access:hover .ay-access-icon,
.ay-access:focus-visible .ay-access-icon,
.ay-map-new-access:hover img,
.ay-map-new-access:focus-visible img,
.ay-map-new-access:hover .ay-map-new-access-icon,
.ay-map-new-access:focus-visible .ay-map-new-access-icon,
.ay-desc-access:hover img,
.ay-desc-access:focus-visible img,
.ay-met-access:hover img,
.ay-met-access:focus-visible img,
.ay-hist-access:hover img,
.ay-hist-access:focus-visible img,
.ay-som-access:hover img,
.ay-som-access:focus-visible img,
.ay-par-access:hover img,
.ay-par-access:focus-visible img{
  filter: var(--ay-nav-hover-filter-v35) !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Estados activos de accesos principales se mantienen en #A51D75 */
.ay-access-active,
.ay-access-active strong,
.ay-access-active:hover,
.ay-access-active:hover strong,
.ay-map-new-access-active,
.ay-map-new-access-active strong,
.ay-map-new-access-active:hover,
.ay-map-new-access-active:hover strong,
.ay-desc-access-active,
.ay-desc-access-active strong,
.ay-met-access-active,
.ay-met-access-active strong,
.ay-hist-access-active,
.ay-hist-access-active strong,
.ay-som-access-active,
.ay-som-access-active strong,
.ay-par-access-active,
.ay-par-access-active strong{
  color: var(--ay-nav-hover-pink-v35) !important;
}

.ay-access-active img,
.ay-access-active .ay-access-icon,
.ay-map-new-access-active img,
.ay-map-new-access-active .ay-map-new-access-icon,
.ay-desc-access-active img,
.ay-met-access-active img,
.ay-hist-access-active img,
.ay-som-access-active img,
.ay-par-access-active img{
  filter: var(--ay-nav-hover-filter-v35) !important;
}

/* Evita cualquier crecimiento, salto o cambio de tamaño en hover */
.ay-access:hover,
.ay-access:hover img,
.ay-access:hover strong,
.ay-map-new-access:hover,
.ay-map-new-access:hover img,
.ay-map-new-access:hover strong,
.ay-logo-image-link:hover,
.ay-map-new-logo-link:hover{
  transform: none !important;
  scale: 1 !important;
}



























/* =========================================================
   V36 AJUSTE FINO — BARRA Y HOVER LOGO SUBPÁGINAS
   ========================================================= */




/* Hover del logo principal en TODAS las subpáginas que usan .ay-logo-image-link.
   Se deja muy específico para ganar frente a los CSS de cada página cargados después. */
html body:has(.ay-desc-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:hover img.ay-logo-image,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:hover img.ay-logo-image,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:focus-visible img.ay-logo-image,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:focus-visible img.ay-logo-image,
html body:has(.ay-met-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:hover img.ay-logo-image,
html body:has(.ay-met-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:focus-visible img.ay-logo-image,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:hover img.ay-logo-image,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:focus-visible img.ay-logo-image,
html body:has(.ay-som-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:hover img.ay-logo-image,
html body:has(.ay-som-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:focus-visible img.ay-logo-image,
html body:has(.ay-par-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:hover img.ay-logo-image,
html body:has(.ay-par-page) #content .ay-hero-main .ay-logo-area a.ay-logo-image-link:focus-visible img.ay-logo-image{
  filter: var(--ay-nav-hover-filter-v35, brightness(0) saturate(100%) invert(21%) sepia(66%) saturate(2276%) hue-rotate(294deg) brightness(86%) contrast(93%)) !important;
  transform: none !important;
  scale: 1 !important;
}

/* Hover de accesos principales en subpáginas: texto e icono a #A51D75 sin cambio de tamaño. */
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access:hover strong,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access:hover strong,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible strong,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible strong,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access:hover strong,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible strong,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access:hover strong,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible strong,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access:hover strong,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible strong,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access:hover strong,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible strong{
  color: #A51D75 !important;
}

html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access:hover img,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access:hover img,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible img,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible img,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access:hover img,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible img,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access:hover img,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible img,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access:hover img,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible img,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access:hover img,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access:focus-visible img{
  filter: var(--ay-nav-hover-filter-v35, brightness(0) saturate(100%) invert(21%) sepia(66%) saturate(2276%) hue-rotate(294deg) brightness(86%) contrast(93%)) !important;
  transform: none !important;
  scale: 1 !important;
}

/* =========================================================
   V37 — AJUSTE CONTACTO + SOCIALES
   - Contacto en Conoce Más con un solo color #A51D75.
   - Íconos Facebook/Instagram un poco más grandes y más a la derecha.
   ========================================================= */

:root{
  --ay-contact-unicolor-v37: #A51D75;
  --ay-social-shift-v37: 22px;
  --ay-social-size-v37: 34px;
}

/* CONTACTO — página Conoce Más: todo el texto en un solo color */
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card *,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card h2,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card p,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card strong,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card a,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item *,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
  color: var(--ay-contact-unicolor-v37) !important;
}

html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card a,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
  text-decoration-color: var(--ay-contact-unicolor-v37) !important;
}

/* SOCIALES DESKTOP — mover un poco a la derecha y agrandar levemente */
@media (min-width: 901px) {
  html body:has(.ay-page-conoce-mas) #content .ay-socials,
html body:has(.ay-desc-page) #content .ay-desc-socials,
html body:has(.ay-met-page) #content .ay-met-socials,
html body:has(.ay-hist-page) #content .ay-hist-socials,
html body:has(.ay-som-page) #content .ay-som-socials,
html body:has(.ay-par-page) #content .ay-par-socials,
html body:has(.ay-pol-page) #content .ay-pol-socials{
    translate: var(--ay-social-shift-v37) 0 !important;
  }

  html body:has(.ay-page-conoce-mas) #content .ay-socials a,
html body:has(.ay-desc-page) #content .ay-desc-socials a,
html body:has(.ay-met-page) #content .ay-met-socials a,
html body:has(.ay-hist-page) #content .ay-hist-socials a,
html body:has(.ay-som-page) #content .ay-som-socials a,
html body:has(.ay-par-page) #content .ay-par-socials a,
html body:has(.ay-pol-page) #content .ay-pol-socials a{
    width: var(--ay-social-size-v37) !important;
    height: var(--ay-social-size-v37) !important;
  }

  html body:has(.ay-page-conoce-mas) #content .ay-socials img,
html body:has(.ay-page-conoce-mas) #content .ay-social-icon,
html body:has(.ay-desc-page) #content .ay-desc-socials img,
html body:has(.ay-met-page) #content .ay-met-socials img,
html body:has(.ay-hist-page) #content .ay-hist-socials img,
html body:has(.ay-som-page) #content .ay-som-socials img,
html body:has(.ay-par-page) #content .ay-par-socials img,
html body:has(.ay-pol-page) #content .ay-pol-socials img{
    width: var(--ay-social-size-v37) !important;
    height: var(--ay-social-size-v37) !important;
    max-width: var(--ay-social-size-v37) !important;
    max-height: var(--ay-social-size-v37) !important;
    object-fit: contain !important;
  }
}

/* =========================================================
   V38 — CONTACTO CONOCE MÁS + SOCIALES
   - Contacto alineado sobre la misma columna del correo largo.
   - Íconos sociales un poco más a la derecha y apenas más grandes.
   ========================================================= */

:root{
  --ay-contact-unicolor-v38: #A51D75;
  --ay-social-shift-v38: 38px;
  --ay-social-size-v38: 36px;
}

/* CONTACTO — Conoce más: mismo color y columna ordenada */
@media (min-width: 901px) {
  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card{
    width: 430px !important;
    max-width: 430px !important;
    padding-right: 0 !important;
    text-align: center !important;
    justify-self: end !important;
    color: var(--ay-contact-unicolor-v38) !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card *,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card h2,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card p,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card strong,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card a,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item *,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
    color: var(--ay-contact-unicolor-v38) !important;
    text-decoration-color: var(--ay-contact-unicolor-v38) !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card h2,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
    display: block !important;
    max-width: none !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Sociales de Conoce más: más a la derecha del bloque de contacto */
  html body:has(.ay-page-conoce-mas) #content .ay-socials{
    right: -82px !important;
    left: auto !important;
    translate: 0 0 !important;
    top: 114px !important;
  }

  html body:has(.ay-page-conoce-mas) #content .ay-socials a{
    width: var(--ay-social-size-v38) !important;
    height: var(--ay-social-size-v38) !important;
  }

  html body:has(.ay-page-conoce-mas) #content .ay-socials img,
html body:has(.ay-page-conoce-mas) #content .ay-social-icon{
    width: var(--ay-social-size-v38) !important;
    height: var(--ay-social-size-v38) !important;
    max-width: var(--ay-social-size-v38) !important;
    max-height: var(--ay-social-size-v38) !important;
    object-fit: contain !important;
  }

  /* Sociales en subpáginas Conoce Más: un poco más a la derecha y apenas más grandes */
  html body:has(.ay-desc-page) #content .ay-desc-socials,
html body:has(.ay-met-page) #content .ay-met-socials,
html body:has(.ay-hist-page) #content .ay-hist-socials,
html body:has(.ay-som-page) #content .ay-som-socials,
html body:has(.ay-par-page) #content .ay-par-socials,
html body:has(.ay-pol-page) #content .ay-pol-socials{
    translate: var(--ay-social-shift-v38) 0 !important;
  }

  html body:has(.ay-desc-page) #content .ay-desc-socials a,
html body:has(.ay-met-page) #content .ay-met-socials a,
html body:has(.ay-hist-page) #content .ay-hist-socials a,
html body:has(.ay-som-page) #content .ay-som-socials a,
html body:has(.ay-par-page) #content .ay-par-socials a,
html body:has(.ay-pol-page) #content .ay-pol-socials a,
html body:has(.ay-desc-page) #content .ay-desc-socials img,
html body:has(.ay-met-page) #content .ay-met-socials img,
html body:has(.ay-hist-page) #content .ay-hist-socials img,
html body:has(.ay-som-page) #content .ay-som-socials img,
html body:has(.ay-par-page) #content .ay-par-socials img,
html body:has(.ay-pol-page) #content .ay-pol-socials img{
    width: var(--ay-social-size-v38) !important;
    height: var(--ay-social-size-v38) !important;
    max-width: var(--ay-social-size-v38) !important;
    max-height: var(--ay-social-size-v38) !important;
    object-fit: contain !important;
  }
}


/* =========================================================
   V39 — CONTACTO CONOCE MÁS ALINEADO A LA DERECHA
   - Mantiene el color #A51D75.
   - Alinea título, etiquetas, correo, teléfono y ubicación a la derecha.
   - La columna toma como referencia el ancho del correo largo.
   ========================================================= */

@media (min-width: 901px) {
  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card{
    width: max-content !important;
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-self: end !important;
    text-align: right !important;
    color: #A51D75 !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card *,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card h2,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card p,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card strong,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card a,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item *,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
    color: #A51D75 !important;
    text-align: right !important;
    text-decoration-color: #A51D75 !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card h2,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item span,
html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-item a{
    display: block !important;
    max-width: none !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body:has(.ay-page-conoce-mas) #content .blocks .ay-contact-card h2{
    padding-right: 0 !important;
  }
}

/* =========================================================
   V40 — CONOCE MÁS ACTIVO SIN HOVER ROJO
   Ajuste específico para CONOCE MÁS y sus subpáginas.
   Mantiene el hover de MAPEO/otros accesos, pero congela el
   acceso activo CONOCE MÁS en el rosa oficial #A51D75.
   ========================================================= */

html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"],
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] strong{
  color: var(--ay-cm-pink, #A51D75) !important;
  text-decoration: none !important;
}

html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover strong,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible strong{
  color: var(--ay-cm-pink, #A51D75) !important;
  text-decoration: none !important;
}

html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-page-conoce-mas) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-desc-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img,
html body:has(.ay-pol-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-met-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-som-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] img,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"] .ay-access-icon,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:hover img,
html body:has(.ay-par-page) #content .ay-hero-main .ay-main-access a.ay-access[href*="conoce"]:focus-visible img{
  filter: var(--ay-cm-filter-pink, brightness(0) saturate(100%) invert(21%) sepia(66%) saturate(2276%) hue-rotate(294deg) brightness(86%) contrast(93%)) !important;
}

/* ======================================================================
   ARCHIVAS & DOCUMENTAS — HEADER/FOOTER V41
   Corrección móvil para CONOCE MÁS y subpáginas.
   - No toca escritorio.
   - Elimina el falso ícono ::after del header.
   - Usa el <details> real como menú móvil.
   - Oculta accesos grandes y nav horizontal en móvil.
   - Permite submenú desplegable CONOCE MÁS si el bloque 1 usa .ay-menu-sub.
   ====================================================================== */

@media (max-width: 760px) {
html:has(.ay-hist-page),
body:has(.ay-hist-page){
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main{
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 14px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--ay-cm-dark, #22061d) !important;
  }

  /* Quita el hamburger falso que estaba dibujado con ::after y se desalineaba. */
html body:has(.ay-hist-page) #content .ay-hero-main::before,
html body:has(.ay-hist-page) #content .ay-hero-main::after{
    content: none !important;
    display: none !important;
  }

  /* =========================
     Menú móvil real <details>
     ========================= */

  

  

  

  

  

  

  

  

  

  

  

  

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub > summary{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 340px !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 16px 0 !important;
    border-top: 1.5px solid var(--ay-cm-dark, #22061d) !important;
    color: var(--ay-cm-dark, #22061d) !important;
    background: transparent !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    list-style: none !important;
    cursor: pointer !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub{
    display: block !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub > summary::-webkit-details-marker{
    display: none !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub > summary::after{
    content: "+" !important;
    display: inline-block !important;
    margin-left: 10px !important;
    color: var(--ay-cm-pink, #A51D75) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub[open] > summary::after{
    content: "–" !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub-panel{
    display: none !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 0 0 8px !important;
    background: transparent !important;
    border: 0 !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub[open] .ay-menu-sub-panel{
    display: block !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub-panel a{
    min-height: 38px !important;
    padding: 11px 0 !important;
    border-top: 1px solid rgba(34, 6, 29, 0.45) !important;
    color: var(--ay-cm-pink, #A51D75) !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
  }

  

  /* =========================
     Header móvil: solo logo, búsqueda y bajada.
     ========================= */

html body:has(.ay-hist-page) #content .ay-hero-main .ay-hero-inner{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-logo-area{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-logo-image-link{
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-logo-image{
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    filter: var(--ay-cm-filter-dark, none) !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area{
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) 34px !important;
    grid-template-areas:
      "label input button"
      "caption caption caption" !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    justify-self: stretch !important;
    align-items: stretch !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > label{
    grid-area: label !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 0 0 7px !important;
    border: 1.5px solid var(--ay-cm-dark, #22061d) !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ay-cm-dark, #22061d) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > input{
    grid-area: input !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    border-top: 1.5px solid var(--ay-cm-dark, #22061d) !important;
    border-bottom: 1.5px solid var(--ay-cm-dark, #22061d) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ay-cm-dark, #22061d) !important;
    font-size: 11px !important;
    line-height: 22px !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button{
    grid-area: button !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1.5px solid var(--ay-cm-dark, #22061d) !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button::before,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button::after{
    display: none !important;
    content: none !important;
  }

  

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button::marker{
    display: none !important;
  }

  

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button{
    font-family: Arial, sans-serif !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button span{
    display: none !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > button::after{
    content: "⌕" !important;
    display: block !important;
    color: var(--ay-cm-dark, #22061d) !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

html body:has(.ay-hist-page) #content .ay-hero-main .ay-hero-caption,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-search-area > .ay-hero-caption{
    grid-area: caption !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: var(--ay-cm-dark, #22061d) !important;
    font-size: 9.5px !important;
    line-height: 1.34 !important;
    letter-spacing: -0.035em !important;
    text-align: left !important;
  }

  /* En móvil esos accesos no van visibles en CONOCE MÁS/subpáginas. */
html body:has(.ay-hist-page) #content .ay-hero-main .ay-main-access,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-conoce-nav{
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}


/* =========================================================
   ARCHIVAS & DOCUMENTAS — HEADER/FOOTER V42
   Ajuste móvil del menú desplegable CONOCE MÁS / MAPEO
   Basado en la lógica visual del menú móvil de ficha artista.
   ========================================================= */
@media (max-width: 760px) {
  

  

  

  

  

  

  /* Estado abierto: overlay claro, sin franja morada debajo de MAPEO. */
  

  /* X centrada como en ficha de artista. */
  

  

  

  

  

  

  /* Enlaces principales del menú: CONOCE MÁS y MAPEO. */
  

  

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub{
    display: block !important;
    width: min(326px, calc(100vw - 70px)) !important;
    max-width: min(326px, calc(100vw - 70px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Corrige el símbolo cruzado que se montaba encima de CONOCE MÁS. */
html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub > summary::before,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub > summary::before,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub > summary::before{
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub > summary::after,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub > summary::after,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub > summary::after{
    content: "+" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    color: var(--ay-cm-pink, #A51D75) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
  }

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub[open] > summary::after,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub[open] > summary::after,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub[open] > summary::after{
    content: "–" !important;
  }

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub-panel,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub-panel,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub-panel{
    display: none !important;
    width: min(326px, calc(100vw - 70px)) !important;
    max-width: min(326px, calc(100vw - 70px)) !important;
    margin: 0 auto !important;
    padding: 0 0 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub[open] .ay-menu-sub-panel,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub[open] .ay-menu-sub-panel,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub[open] .ay-menu-sub-panel{
    display: block !important;
  }

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub-panel a,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub-panel a,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub-panel a{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px !important;
    margin: 0 auto !important;
    padding: 10px 8px !important;
    border: 0 !important;
    border-top: 1px solid rgba(34, 6, 29, 0.38) !important;
    background: transparent !important;
    color: var(--ay-cm-pink, #A51D75) !important;
    font-family: var(--ay-cm-font, "Bitstream Vera Sans Mono", "Courier New", monospace) !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

html body:has(.ay-met-page) #content .ay-hero-main .ay-menu-sub > summary:hover,
html body:has(.ay-hist-page) #content .ay-hero-main .ay-menu-sub > summary:hover,
html body:has(.ay-som-page) #content .ay-hero-main .ay-menu-sub > summary:hover{
    color: var(--ay-cm-pink, #A51D75) !important;
  }
}

/* =========================================================
   NAVEGACIÓN CONOCE MÁS — BLOQUE ÚNICO Y LIMPIO
   DESCRIPCIÓN · METODOLOGÍA · SOMOS · CONTRIBUYE · POLÍTICA

   Estado normal:
   - letras con el mismo color del fondo de la página;
   - opacidad completa;
   - sin contorno ni sombra.

   Hover/focus:
   - letras magenta #A51D75.

   Estado activo:
   - fondo transparente;
   - letras oscuras.
   ========================================================= */

:root{
  --ay-clean-nav-dark: var(--ay-cm-dark, var(--ay-final-dark, #22061D));
  --ay-clean-nav-page-bg: var(--ay-cm-bg, var(--ay-final-bg, #f4dce7));
  --ay-clean-nav-hover: #A51D75;
  --ay-clean-nav-active: var(--ay-nav-active-dark-v35, #22061D);
  --ay-clean-nav-height: var(--ay-cm-nav-h-v35, 27px);
  --ay-clean-nav-width: var(
    --ay-cm-nav-wide-v35,
    min(1160px, calc(100vw - 120px))
  );
  --ay-clean-nav-cap: var(
    --ay-cm-nav-cap-v6,
    clamp(92px, 8.2vw, 138px)
  );
}

/* Contenedor único de la navegación. */
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
),
html body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav{
  width: var(--ay-clean-nav-width) !important;
  max-width: var(--ay-clean-nav-width) !important;
  height: var(--ay-clean-nav-height) !important;
  min-height: var(--ay-clean-nav-height) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* Bloques laterales oscuros. */
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
)::before,
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
)::after,
html body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav::before,
html body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav::after{
  content: "" !important;
  display: block !important;
  flex: 0 0 var(--ay-clean-nav-cap) !important;
  width: var(--ay-clean-nav-cap) !important;
  height: var(--ay-clean-nav-height) !important;
  min-height: var(--ay-clean-nav-height) !important;
  background: var(--ay-clean-nav-dark) !important;
}

/* Estado normal de todos los enlaces. */
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
) a,
html body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav a{
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: var(--ay-clean-nav-height) !important;
  min-height: var(--ay-clean-nav-height) !important;
  margin: 0 !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;

  background: var(--ay-clean-nav-dark) !important;
  color: var(--ay-clean-nav-page-bg) !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: 0 transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;

  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;

  transition: color 180ms ease !important;
}

/* Hover y navegación por teclado: color visible. */
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
) a:hover,
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
) a:focus-visible,
html body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav a:hover,
html body:has(.ay-hero-main):has(.ay-conoce-nav) .ay-conoce-nav a:focus-visible{
  color: var(--ay-clean-nav-hover) !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: 0 transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Ocultar HISTORIA, como en el diseño actual. */
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
) a[href*="historia"]{
  display: none !important;
}

/* Estado activo por clase, aria-current o página correspondiente. */
html body:has(:is(
  .ay-page-conoce-mas,
  .ay-desc-page,
  .ay-met-page,
  .ay-hist-page,
  .ay-som-page,
  .ay-par-page,
  .ay-pol-page
)) :is(
  .ay-conoce-nav,
  .ay-desc-nav,
  .ay-met-nav,
  .ay-hist-nav,
  .ay-som-nav,
  .ay-par-nav,
  .ay-pol-nav
) a:is(.active, [aria-current="page"]),
html body:has(.ay-desc-page) :is(.ay-conoce-nav, .ay-desc-nav) a[href*="descripcion"],
html body:has(.ay-met-page) :is(.ay-conoce-nav, .ay-met-nav) a[href*="metodologia"],
html body:has(.ay-hist-page) :is(.ay-conoce-nav, .ay-hist-nav) a[href*="historia"],
html body:has(.ay-som-page) :is(.ay-conoce-nav, .ay-som-nav) a[href*="somos"],
html body:has(.ay-par-page) :is(.ay-conoce-nav, .ay-par-nav) a[href*="participa"],
html body:has(.ay-pol-page) :is(.ay-conoce-nav, .ay-pol-nav) a[href*="politica"]{
  background: transparent !important;
  color: var(--ay-clean-nav-active) !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-text-stroke: 0 transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

/* Las navegaciones antiguas permanecen ocultas en móvil.
   La navegación actual .ay-conoce-nav queda visible. */
@media (max-width: 900px) {
  html body :is(
    .ay-desc-nav,
    .ay-met-nav,
    .ay-hist-nav,
    .ay-som-nav,
    .ay-par-nav,
    .ay-pol-nav
  ){
    display: none !important;
  }
}

/* =========================================================
   V82 — CORRECCIÓN PUNTUAL DEL TEXTO “ECOSISTEMA...”
   Este archivo Header–Footer es el que controla realmente
   el encabezado de Conoce Más. La regla queda al final para
   imponerse sobre --ay-font, --ay-cm-font y --ay-new-font.
   ========================================================= */
body:has(.ay-page-conoce-mas)
  .ay-hero-main
  .ay-logo-area
  > p.ay-hero-caption,
body:has(.ay-page-conoce-mas)
  #content
  .ay-hero-main
  .ay-logo-area
  > p.ay-hero-caption,
body:has(.ay-page-conoce-mas)
  .ay-hero-main
  p.ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  .ay-hero-main
  .ay-logo-area
  > p.ay-hero-caption{
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* =========================================================
   ARCHIVAS & DOCUMENTAS — BÚSQUEDA CONOCE MÁS V4
   PANEL DE RESULTADOS JUSTO DEBAJO DEL BUSCADOR
   ---------------------------------------------------------
   - No modifica EXPLORA, el input ni el botón BUSCAR.
   - El JavaScript monta el panel en <body>.
   - La posición se calcula usando la unión visual de:
     etiqueta + campo + botón.
   - Solo Artista es clickeable.
   - Obras y documentos son informativos, sin enlace.
   ========================================================= */

html body .ay-live-search-panel.ay-live-search-portal{
  position: fixed !important;
  z-index: 2147483000 !important;
  display: block !important;
  max-height: min(430px, 62vh) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color:
    var(--ay-cm-pink, #a51d75)
    rgba(244, 220, 231, 0.98) !important;

  color: var(--ay-cm-dark, var(--ay-final-dark, #22061d)) !important;
  background: rgba(244, 220, 231, 0.992) !important;
  border: 2px solid var(--ay-cm-dark, var(--ay-final-dark, #22061d)) !important;
  border-radius: 0 !important;
  box-shadow: 0 14px 34px rgba(34, 6, 29, 0.22) !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
}

html body .ay-live-search-panel.ay-live-search-portal[hidden]{
  display: none !important;
}

html body .ay-live-search-panel.ay-live-search-portal::-webkit-scrollbar{
  width: 8px !important;
}

html body .ay-live-search-panel.ay-live-search-portal::-webkit-scrollbar-track{
  background: rgba(244, 220, 231, 0.98) !important;
}

html body .ay-live-search-panel.ay-live-search-portal::-webkit-scrollbar-thumb{
  background: var(--ay-cm-pink, #a51d75) !important;
  border: 2px solid rgba(244, 220, 231, 0.98) !important;
  border-radius: 0 !important;
}

html body .ay-live-search-status{
  display: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  color: var(--ay-cm-dark, var(--ay-final-dark, #22061d)) !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

html body .ay-live-search-panel.is-loading .ay-live-search-status,
html body .ay-live-search-panel.has-message .ay-live-search-status{
  display: block !important;
}

html body .ay-live-search-panel.is-loading .ay-live-search-status::before{
  content: "" !important;
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 8px 0 0 !important;
  vertical-align: -1px !important;
  border: 1.5px solid rgba(34, 6, 29, 0.22) !important;
  border-top-color: var(--ay-cm-pink, #a51d75) !important;
  border-radius: 50% !important;
  animation: ay-live-search-spin-v4 720ms linear infinite !important;
}

@keyframes ay-live-search-spin-v4 {
  to {
    transform: rotate(360deg);
  }
}

html body .ay-live-search-results{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

html body .ay-live-search-result{
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 8px 12px !important;

  color: var(--ay-cm-dark, var(--ay-final-dark, #22061d)) !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(165, 29, 117, 0.30) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  outline: 0 !important;
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
}

html body .ay-live-search-result:first-child{
  border-top: 0 !important;
}

html body a.ay-live-search-result.is-clickable{
  cursor: pointer !important;
}

html body a.ay-live-search-result.is-clickable:hover,
html body a.ay-live-search-result.is-clickable:focus-visible,
html body a.ay-live-search-result.is-clickable.is-active{
  color: var(--ay-cm-dark, var(--ay-final-dark, #22061d)) !important;
  background: rgba(159, 157, 255, 0.28) !important;
  text-decoration: none !important;
}

html body .ay-live-search-result.is-static{
  cursor: default !important;
}

html body .ay-live-search-result.is-static:hover{
  background: transparent !important;
}

html body .ay-live-search-thumb{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: var(--ay-cm-pink, #a51d75) !important;
  background: rgba(159, 157, 255, 0.23) !important;
  border: 1px solid rgba(165, 29, 117, 0.40) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;

  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

html body .ay-live-search-thumb img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .ay-live-search-copy{
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .ay-live-search-title{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: var(--ay-cm-dark, var(--ay-final-dark, #22061d)) !important;
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .ay-live-search-title mark{
  color: inherit !important;
  background: rgba(165, 29, 117, 0.16) !important;
  font-weight: 700 !important;
}

html body .ay-live-search-type{
  display: block !important;
  width: 100% !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;

  color: var(--ay-cm-pink, var(--ay-final-pink, #a51d75)) !important;
  background: transparent !important;
  border: 0 !important;

  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Compatibilidad: cualquier texto auxiliar de versiones anteriores se oculta. */
html body .ay-live-search-help{
  display: none !important;
}

@media (max-width: 760px) {
  html body .ay-live-search-panel.ay-live-search-portal{
    max-height: min(360px, 58vh) !important;
    border-width: 1.5px !important;
  }

  html body .ay-live-search-result{
    grid-template-columns: 48px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    min-height: 64px !important;
    padding: 7px 9px !important;
  }

  html body .ay-live-search-thumb{
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 13px !important;
  }

  html body .ay-live-search-title{
    font-size: 11px !important;
  }

  html body .ay-live-search-type{
    font-size: 8px !important;
  }
}

/* =========================================================
   ARCHIVAS & DOCUMENTAS — HEADER/FOOTER V86
   TAMAÑO UNIFICADO DEL TEXTO ESCRITO EN LOS BUSCADORES
   ---------------------------------------------------------
   Corrige únicamente la tipografía dentro del campo de búsqueda.
   No cambia anchos, alturas, bordes, colores ni posiciones.

   Se aplica a:
   - Conoce Más
   - Descripción
   - Metodología
   - Historia
   - Somos
   - Contribuye
   - Política
   ========================================================= */

html body #content input#ay-busqueda,
html body #content input#ay-desc-busqueda,
html body #content input#ay-met-busqueda,
html body #content input#ay-hist-busqueda,
html body #content input#ay-som-busqueda,
html body #content input#ay-par-busqueda,
html body #content input#ay-policy-busqueda,
html body input#ay-busqueda,
html body input#ay-desc-busqueda,
html body input#ay-met-busqueda,
html body input#ay-hist-busqueda,
html body input#ay-som-busqueda,
html body input#ay-par-busqueda,
html body input#ay-policy-busqueda{
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Refuerzo por clases para futuras subpáginas que reutilicen el header. */
html body:has(.ay-page-conoce-mas) .ay-search-area > input,
html body:has(.ay-desc-page) .ay-search-area > input,
html body:has(.ay-pol-page) .ay-search-area > input,
html body:has(.ay-met-page) .ay-search-area > input,
html body:has(.ay-hist-page) .ay-search-area > input,
html body:has(.ay-som-page) .ay-search-area > input,
html body:has(.ay-par-page) .ay-search-area > input{
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* =========================================================
   V42 — CORRECCIÓN FINAL DEL TEXTO BAJO EL LOGO
   ---------------------------------------------------------
   El texto visible se genera mediante ::after. Se fija en
   Bitstream Vera Sans Roman para evitar que una regla Mono
   con mayor especificidad vuelva a imponerse.
   ========================================================= */

html body:has(.ay-map-new-page):not(:has(.ay-pol-page))
  #content
  .ay-map-new-logo-area::after,
html body:has(.ay-page-conoce-mas)
  #content
  .ay-logo-area::after,
html body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content
  .ay-logo-area::after{
  font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  font-variant: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* AY — OCULTAR FOOTER GLOBAL AUTOMÁTICO DE OMEKA — INICIO */

/*
 * Oculta únicamente el footer general sin clase generado
 * por themes/default/view/layout/layout.phtml.
 *
 * No afecta a los footers personalizados:
 * .ay-map-new-footer
 * .ay-map-clean-menu-footer
 * .ay-map-filter-footer
 */
html body > footer:not([class]){
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  overflow: hidden !important;
  pointer-events: none !important;
}

/* AY — OCULTAR FOOTER GLOBAL AUTOMÁTICO DE OMEKA — FIN */

/* =========================================================
   ARCHIVAS & DOCUMENTAS — HEADER-FOOTER V43
   CONOCE MÁS: DONACIÓN Y FOOTERS IGUALES A MAPEO
   ---------------------------------------------------------
   Afecta únicamente a la página principal CONOCE MÁS:
   body:has(.ay-page-conoce-mas)

   Escritorio:
   - DONA AQUÍ con el mismo fondo, medidas y colores de MAPEO.
   - Footer en flujo normal con la misma línea y tipografía.

   Móvil:
   - Se ocultan la donación y el footer de escritorio.
   - Se muestra CONTACTO con el mismo degradado de MAPEO.
   - El footer móvil queda dentro del bloque de contacto.
   ========================================================= */

/* ---------------------------------------------------------
   1. RESETEO DE LOS BLOQUES NUEVOS
   --------------------------------------------------------- */

html body:has(.ay-page-conoce-mas)
  #content
  .block:has(.ay-conoce-donate),
html body:has(.ay-page-conoce-mas)
  #content
  .block-html:has(.ay-conoce-donate),
html body:has(.ay-page-conoce-mas)
  #content
  .block:has(.ay-conoce-desktop-footer),
html body:has(.ay-page-conoce-mas)
  #content
  .block-html:has(.ay-conoce-desktop-footer),
html body:has(.ay-page-conoce-mas)
  #content
  .block:has(.ay-conoce-mobile-contact),
html body:has(.ay-page-conoce-mas)
  #content
  .block-html:has(.ay-conoce-mobile-contact){
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow-x: clip !important;
  overflow-y: visible !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Los dos footers personalizados deben quedar fuera de las
   reglas que ocultan el footer automático del tema. */
html body:has(.ay-page-conoce-mas)
  #content
  footer.ay-conoce-footer{
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* ---------------------------------------------------------
   2. ESCRITORIO — DONACIÓN
   Copia visual exacta del bloque de MAPEO.
   --------------------------------------------------------- */

@media (min-width: 761px){

  html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-donate{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 150px 20px 102px !important;

    overflow-x: clip !important;
    overflow-y: visible !important;

    color: #BD9BF9 !important;

    background:
      radial-gradient(
        ellipse at 50% 47%,
        #2E0A28 0%,
        #440D35 13%,
        #571040 28%,
        #75396E 46%,
        #834C83 54%,
        #905E98 65%,
        #905E98 100%
      ) !important;
    background-color: #905E98 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
    transform: none !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-donate
    > p{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: min(760px, calc(100% - 80px)) !important;
    max-width: 100% !important;

    margin: 0 auto 42px !important;
    padding: 0 !important;

    color: #BD9BF9 !important;
    background: transparent !important;
    border: 0 !important;

    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-donate
    > .ay-conoce-donate-button{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    min-width: 250px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    align-items: center !important;
    justify-content: center !important;

    color: #BD9BF9 !important;
    background: #2E0A28 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    transition:
      color 160ms ease,
      background-color 160ms ease !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-donate
    > .ay-conoce-donate-button:hover,
html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-donate
    > .ay-conoce-donate-button:focus-visible{
    color: #BD9BF9 !important;
    background: #A51D75 !important;
    text-decoration: none !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-donate
    > .ay-conoce-donate-button:focus-visible{
    outline: 2px solid #BD9BF9 !important;
    outline-offset: 4px !important;
  }

  /* -------------------------------------------------------
     3. ESCRITORIO — FOOTER
     ------------------------------------------------------- */

  html body:has(.ay-page-conoce-mas)
    #content
    footer.ay-conoce-desktop-footer{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 20px 30px !important;

    overflow: visible !important;

    color: #571447 !important;

    background: #905E98 !important;
    background-color: #905E98 !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
    transform: none !important;
    z-index: 20 !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    footer.ay-conoce-desktop-footer::before{
    content: "" !important;
    display: block !important;

    width: min(720px, calc(100% - 160px)) !important;
    max-width: 100% !important;
    height: 2px !important;

    margin: 0 auto 15px !important;
    padding: 0 !important;

    background: #571447 !important;
    border: 0 !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    .ay-conoce-footer-row{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: min(900px, calc(100% - 80px)) !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #571447 !important;
    background: transparent !important;
    border: 0 !important;

    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    .ay-conoce-footer-row
    > span,
html body:has(.ay-page-conoce-mas)
    #content
    .ay-conoce-footer-row
    > a,
html body:has(.ay-page-conoce-mas)
    #content
    .ay-conoce-footer-link,
html body:has(.ay-page-conoce-mas)
    #content
    .ay-conoce-footer-sep{
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #571447 !important;
    background: transparent !important;
    border: 0 !important;

    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    .ay-conoce-footer-sep{
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    footer.ay-conoce-desktop-footer
    a:visited{
    color: #571447 !important;
  }

  html body:has(.ay-page-conoce-mas)
    #content
    footer.ay-conoce-desktop-footer
    a:hover,
html body:has(.ay-page-conoce-mas)
    #content
    footer.ay-conoce-desktop-footer
    a:focus-visible{
    color: #571447 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }

  /* En escritorio el bloque de contacto móvil no deja espacio. */
  html body:has(.ay-page-conoce-mas)
    #content
    section.ay-conoce-mobile-contact{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border: 0 !important;
    pointer-events: none !important;
  }
}

/* ---------------------------------------------------------
   4. MÓVIL — CONTACTO Y FOOTER MÓVIL
   --------------------------------------------------------- */

@media (max-width: 760px){

  /* No aparecen la donación ni el footer de escritorio. */
  

  

  

  

  

  

  

  

  

  /* Único footer visible en móvil. */
  

  

  

  

  
}

@media (max-width: 390px){
  
}

/* =========================================================
   ARCHIVAS & DOCUMENTAS — HEADER-FOOTER V44
   DONACIÓN Y FOOTER UNIFICADOS PARA TODAS LAS PÁGINAS
   DE LA SECCIÓN CONOCE MÁS
   ---------------------------------------------------------
   Páginas incluidas:
   - Conoce más
   - Descripción
   - Metodología
   - Historia
   - Somos
   - Participa

   Ajuste V44:
   - Se deja una separación superior amplia antes de DONA AQUÍ.
   - Esa separación conserva visible el fondo/degradado propio
     de cada página.
   - El conjunto donación + footer se desplaza hacia abajo.
   - Se reutiliza el mismo bloque y el mismo diseño en todas
     las páginas de la sección.
   ========================================================= */

/* ---------------------------------------------------------
   1. ÁMBITO COMPARTIDO
   --------------------------------------------------------- */

html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
){
  --ay-conoce-shared-dark: #2E0A28;
  --ay-conoce-shared-wine: #571447;
  --ay-conoce-shared-pink: #A51D75;
  --ay-conoce-shared-lavender: #BD9BF9;
  --ay-conoce-shared-footer-top: #905E98;
  --ay-conoce-shared-footer-bottom: #9F7FD4;
}

/* Los bloques HTML que contienen el nuevo cierre no deben
   heredar límites, fondos ni espacios del tema de Omeka. */
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block:has(.ay-conoce-donate),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block:has(.ay-conoce-donate),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block-html:has(.ay-conoce-donate),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block-html:has(.ay-conoce-donate),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block:has(.ay-conoce-desktop-footer),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block:has(.ay-conoce-desktop-footer),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block-html:has(.ay-conoce-desktop-footer),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block-html:has(.ay-conoce-desktop-footer),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block:has(.ay-conoce-mobile-contact),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block:has(.ay-conoce-mobile-contact),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block-html:has(.ay-conoce-mobile-contact),
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content .block-html:has(.ay-conoce-mobile-contact){
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow-x: clip !important;
  overflow-y: visible !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Mantiene visibles solamente los footers personalizados. */
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-desc-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content footer.ay-conoce-footer,
html body:is(
  :has(.ay-page-conoce-mas),
  :has(.ay-pol-page),
  :has(.ay-met-page),
  :has(.ay-hist-page),
  :has(.ay-som-page),
  :has(.ay-par-page),
  :has(.ay-pol-page),
  :has(.ay-policy-page)
) #content footer.ay-conoce-footer{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* ---------------------------------------------------------
   2. ESCRITORIO
   --------------------------------------------------------- */

@media (min-width: 761px){

  /* La separación superior deja visible el degradado de la
     página antes de iniciar el bloque de donación. */
  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin:
      clamp(110px, 8vw, 160px)
      0
      0
      calc(50% - 50vw) !important;

    padding: 150px 20px 102px !important;

    overflow-x: clip !important;
    overflow-y: visible !important;

    color: var(--ay-conoce-shared-lavender) !important;

    background:
      radial-gradient(
        ellipse at 50% 47%,
        #2E0A28 0%,
        #440D35 13%,
        #571040 28%,
        #75396E 46%,
        #834C83 54%,
        #905E98 65%,
        #905E98 100%
      ) !important;
    background-color: #905E98 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
    transform: none !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate > p,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate > p{
    display: block !important;

    width: min(760px, calc(100% - 80px)) !important;
    max-width: 100% !important;

    margin: 0 auto 42px !important;
    padding: 0 !important;

    color: var(--ay-conoce-shared-lavender) !important;
    background: transparent !important;
    border: 0 !important;

    font-family:
      "Bitstream Vera Sans",
      Arial,
      Helvetica,
      sans-serif !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    min-width: 250px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    align-items: center !important;
    justify-content: center !important;

    color: var(--ay-conoce-shared-lavender) !important;
    background: var(--ay-conoce-shared-dark) !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family:
      "Bitstream Vera Sans",
      Arial,
      Helvetica,
      sans-serif !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    transition:
      color 160ms ease,
      background-color 160ms ease !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button:hover,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button:hover,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button:focus-visible,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button:focus-visible{
    color: var(--ay-conoce-shared-lavender) !important;
    background: var(--ay-conoce-shared-pink) !important;
    text-decoration: none !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button:focus-visible,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-donate-button:focus-visible{
    outline:
      2px solid
      var(--ay-conoce-shared-lavender) !important;
    outline-offset: 4px !important;
  }

  /* Footer de escritorio idéntico en todas las páginas. */
  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 20px 30px !important;

    overflow: visible !important;

    color: var(--ay-conoce-shared-wine) !important;

    background: #905E98 !important;
    background-color: #905E98 !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
    transform: none !important;
    z-index: 20 !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer::before,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer::before{
    content: "" !important;
    display: block !important;

    width: min(720px, calc(100% - 160px)) !important;
    max-width: 100% !important;
    height: 2px !important;

    margin: 0 auto 15px !important;
    padding: 0 !important;

    background: var(--ay-conoce-shared-wine) !important;
    border: 0 !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-row,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-row{
    display: block !important;

    width: min(900px, calc(100% - 80px)) !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: var(--ay-conoce-shared-wine) !important;
    background: transparent !important;
    border: 0 !important;

    font-family:
      "Bitstream Vera Sans",
      Arial,
      Helvetica,
      sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-row > span,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-row > span,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-row > a,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-row > a{
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--ay-conoce-shared-wine) !important;
    background: transparent !important;
    border: 0 !important;

    font-family:
      "Bitstream Vera Sans",
      Arial,
      Helvetica,
      sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-sep,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content .ay-conoce-footer-sep{
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer a:hover,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer a:hover,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer a:focus-visible,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content footer.ay-conoce-desktop-footer a:focus-visible{
    color: var(--ay-conoce-shared-wine) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }

  /* En escritorio el contacto móvil no ocupa espacio. */
  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-mobile-contact,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-mobile-contact{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    border: 0 !important;
    pointer-events: none !important;
  }
}

/* ---------------------------------------------------------
   3. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 760px){

  

  /* El contacto conserva una separación antes de comenzar,
     igual que el cierre móvil de Mapeo. */
  

  

  

  

  

  

  

  

  

  

  

  

  
}

@media (max-width: 390px){
  
}

/* =========================================================
   ARCHIVAS & DOCUMENTAS — HEADER-FOOTER V45
   DEGRADADO DE LA PÁGINA HASTA EL INICIO DE “DONA AQUÍ”
   ---------------------------------------------------------
   Corrección:
   - El fondo general de #content ya no se estira hasta el
     final del footer.
   - La parte superior del bloque de donación prolonga el
     fondo de la página desde rosa claro hasta azul/lavanda.
   - Al terminar ese degradado comienza, sin espacio vacío,
     el fondo propio de DONA AQUÍ.
   - No requiere cambiar los bloques ya instalados en
     CONOCE MÁS o DESCRIPCIÓN.
   - Se aplica a todas las páginas de la sección CONOCE MÁS.
   ========================================================= */

@media (min-width: 761px){

  /* -------------------------------------------------------
     1. FONDO GENERAL DE LA PÁGINA
     Mantiene solamente el degradado corto del encabezado y
     después continúa con el rosa base. Ya no calcula el azul
     usando la altura completa de donación + footer.
     ------------------------------------------------------- */

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content{
    background:
      linear-gradient(
        180deg,
        var(--ay-cm-top, #9f9dff) 0px,
        var(--ay-cm-mid, #d9c2ef) 90px,
        var(--ay-cm-bg, #f4dce7) 255px
      )
      top center / 100% 255px
      no-repeat,
      var(--ay-cm-bg, #f4dce7) !important;

    background-color: var(--ay-cm-bg, #f4dce7) !important;
  }

  /* -------------------------------------------------------
     2. BLOQUE DONA AQUÍ
     La primera franja pertenece visualmente a la página:
     rosa claro -> azul/lavanda.
     Debajo comienza el degradado propio de la donación.
     ------------------------------------------------------- */

  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate{
    --ay-conoce-page-gradient-height:
      clamp(110px, 8vw, 150px);

    margin:
      0
      0
      0
      calc(50% - 50vw) !important;

    padding:
      calc(
        var(--ay-conoce-page-gradient-height)
        + 150px
      )
      20px
      102px !important;

    background:
      linear-gradient(
        180deg,
        var(
          --ay-conoce-pre-start,
          var(--ay-final-bg, #f4dce7)
        ) 0%,
        var(--ay-conoce-pre-mid-1, #ead8eb) 27%,
        var(--ay-conoce-pre-mid-2, #d3c7ef) 55%,
        var(--ay-conoce-pre-mid-3, #b8acf7) 78%,
        var(--ay-conoce-pre-end, #9F9DFF) 100%
      )
      top center /
      100% var(--ay-conoce-page-gradient-height)
      no-repeat,

      radial-gradient(
        ellipse at 50% 47%,
        #2E0A28 0%,
        #440D35 13%,
        #571040 28%,
        #75396E 46%,
        #834C83 54%,
        #905E98 65%,
        #905E98 100%
      )
      bottom center /
      100%
      calc(
        100% - var(--ay-conoce-page-gradient-height)
      )
      no-repeat !important;

    background-color: #905E98 !important;
  }
}

/* En pantallas de escritorio intermedias se conserva una
   transición suficiente sin crear un espacio excesivo. */
@media (min-width: 761px) and (max-width: 1100px){
  html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-desc-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate,
html body:is(
    :has(.ay-page-conoce-mas),
    :has(.ay-pol-page),
    :has(.ay-met-page),
    :has(.ay-hist-page),
    :has(.ay-som-page),
    :has(.ay-par-page),
    :has(.ay-pol-page),
    :has(.ay-policy-page)
  ) #content section.ay-conoce-donate{
    --ay-conoce-page-gradient-height:
      clamp(100px, 11vw, 125px);

    padding:
      calc(
        var(--ay-conoce-page-gradient-height)
        + 130px
      )
      20px
      92px !important;
  }
}

/* ---------------------------------------------------------
   3. MÓVIL
   En móvil DONA AQUÍ permanece oculto como en MAPEO.
   Se evita que el azul se estire hasta el final del contacto.
   --------------------------------------------------------- */

@media (max-width: 760px){

  
}

/* =========================================================
   CONOCE MÁS — HEADER, MENÚ, SUBNAVEGACIÓN, CONTACTO Y FOOTER
   VISTA MÓVIL ÚNICA Y LIMPIA
   ---------------------------------------------------------
   - Conserva intactos escritorio y tableta.
   - El menú abierto muestra únicamente CONOCE MÁS y MAPEO.
   - La navegación de subpáginas permanece fuera del menú,
     antes del contenido, en formato vertical y centrado.
   - CONTACTO y footer siguen el diseño móvil institucional.
   ========================================================= */
@media (max-width: 767px) {
  :root{
    --ay-conoce-mobile-dark: #22061d;
    --ay-conoce-mobile-purple: #571447;
    --ay-conoce-mobile-magenta: #a51d75;
    --ay-conoce-mobile-lavender: #9f9dff;
    --ay-conoce-mobile-pink: #f3dde7;
    --ay-conoce-mobile-menu-top-height: 441px;

    --ay-conoce-mobile-dark-filter:
      brightness(0) saturate(100%) invert(8%) sepia(37%)
      saturate(1120%) hue-rotate(282deg) brightness(82%)
      contrast(108%);

    --ay-conoce-mobile-lavender-filter:
      brightness(0) saturate(100%) invert(73%) sepia(34%)
      saturate(1964%) hue-rotate(203deg) brightness(103%)
      contrast(105%);
  }

  html:has(.ay-hero-main):has(.ay-conoce-nav),
body:has(.ay-hero-main):has(.ay-conoce-nav){
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: var(--ay-conoce-mobile-pink) !important;
    font-family:
      "Bitstream Vera Sans",
      Arial,
      Helvetica,
      sans-serif !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav) #content{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background:
      linear-gradient(
        180deg,
        var(--ay-conoce-mobile-lavender) 0%,
        #d8c7ee 4%,
        var(--ay-conoce-mobile-pink) 12%,
        var(--ay-conoce-mobile-pink) 82%,
        #c9b4ed 93%,
        var(--ay-conoce-mobile-lavender) 100%
      ) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav) #content *,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content *::before,
body:has(.ay-hero-main):has(.ay-conoce-nav) #content *::after{
    box-sizing: border-box !important;
    font-family:
      "Bitstream Vera Sans",
      Arial,
      Helvetica,
      sans-serif !important;
  }

  /* =======================================================
     HEADER MÓVIL CERRADO
     ======================================================= */
  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-hero-main{
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background:
      linear-gradient(
        180deg,
        var(--ay-conoce-mobile-lavender) 0%,
        #d8c7ee 34%,
        var(--ay-conoce-mobile-pink) 80%,
        var(--ay-conoce-mobile-pink) 100%
      ) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu:not([open]){
    display: block !important;
    position: static !important;
    z-index: 80 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 94px !important;
    min-height: 94px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu:not([open]) > summary{
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 34px !important;
    width: 28px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    pointer-events: auto !important;
    transform: translateX(-50%) !important;
    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 2px solid var(--ay-conoce-mobile-dark) !important;
    border-bottom: 2px solid var(--ay-conoce-mobile-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu:not([open]) > summary::-webkit-details-marker{
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu:not([open]) > summary::marker{
    content: "" !important;
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu:not([open]) > summary::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 6px !important;
    width: 28px !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 2px solid var(--ay-conoce-mobile-dark) !important;
    transform: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu:not([open]) > summary::after{
    content: none !important;
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-map-new-menu-panel{
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-hero-inner{
    display: flex !important;
    position: relative !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 18px 18px !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-logo-area{
    display: contents !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-logo-image-link{
    order: 1 !important;
    position: static !important;
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    margin: 0 auto 27px !important;
    padding: 0 !important;
    line-height: 0 !important;
    transform: none !important;
    background: transparent !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-logo-image{
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    filter: var(--ay-conoce-mobile-dark-filter) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area{
    order: 2 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns:
      70px
      minmax(0, 1fr)
      34px !important;
    grid-template-rows: 28px auto !important;
    grid-template-areas:
      "label input button"
      "caption caption caption" !important;
    align-items: stretch !important;
    justify-self: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > label,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > input,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > button{
    position: static !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > label{
    grid-area: label !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 0 0 7px !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: transparent !important;
    border: 1.2px solid var(--ay-conoce-mobile-dark) !important;
    border-right: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > input{
    grid-area: input !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 6px !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: transparent !important;
    border-top: 1.2px solid var(--ay-conoce-mobile-dark) !important;
    border-bottom: 1.2px solid var(--ay-conoce-mobile-dark) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    outline: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > button{
    grid-area: button !important;
    position: relative !important;
    display: block !important;
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: 1.2px solid var(--ay-conoce-mobile-dark) !important;
    border-left: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > button::before{
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 7px !important;
    width: 9px !important;
    height: 9px !important;
    border: 1.6px solid var(--ay-conoce-mobile-dark) !important;
    border-radius: 50% !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-search-area > button::after{
    content: "" !important;
    position: absolute !important;
    left: 19px !important;
    top: 17px !important;
    width: 7px !important;
    height: 0 !important;
    border-top: 1.6px solid var(--ay-conoce-mobile-dark) !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-hero-caption,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-logo-area > .ay-hero-caption{
    order: 3 !important;
    grid-area: caption !important;
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 342px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: transparent !important;
    font-size: 11px !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    text-align: left !important;
    transform: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-main-access,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-side-label,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-socials{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* =======================================================
     SUBNAVEGACIÓN MÓVIL
     Se mantiene fuera del menú desplegable y aparece antes
     del contenido principal.
     ======================================================= */
  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav{
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: min(230px, calc(100% - 48px)) !important;
    max-width: 230px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 8px auto 30px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav::before,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav::after{
    content: none !important;
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav > a{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    color: var(--ay-conoce-mobile-pink) !important;
    -webkit-text-fill-color: currentColor !important;
    background: var(--ay-conoce-mobile-dark) !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    pointer-events: auto !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav > a.active,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav > a[aria-current="page"]{
    color: var(--ay-conoce-mobile-magenta) !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
    font-weight: 700 !important;
    pointer-events: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav > a:hover,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-nav > a:focus-visible{
    color: var(--ay-conoce-mobile-lavender) !important;
    -webkit-text-fill-color: currentColor !important;
  }

  /* =======================================================
     CONTACTO Y FOOTER EN LA VISTA NORMAL
     ======================================================= */
  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content section.ay-conoce-mobile-contact{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 54px 18px 0 !important;
    overflow: hidden !important;
    color: var(--ay-conoce-mobile-lavender) !important;
    background:
      linear-gradient(
        180deg,
        #721451 0%,
        #84205f 22%,
        #8f4f9f 60%,
        var(--ay-conoce-mobile-lavender) 100%
      ) !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content section.ay-conoce-mobile-contact > h2{
    margin: 0 0 30px !important;
    padding: 0 !important;
    color: var(--ay-conoce-mobile-lavender) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: 0.025em !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-contact-item{
    margin: 0 0 17px !important;
    padding: 0 !important;
    color: var(--ay-conoce-mobile-lavender) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-contact-item > span,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-contact-item > a{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ay-conoce-mobile-lavender) !important;
    background: transparent !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-contact-item > a{
    font-size: 10.5px !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    overflow-wrap: anywhere !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-socials{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 44px !important;
    margin: 42px 0 66px !important;
    padding: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-socials > a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-socials img{
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    object-fit: contain !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: var(--ay-conoce-mobile-lavender-filter) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content footer.ay-conoce-mobile-footer{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 28px !important;
    color: var(--ay-conoce-mobile-purple) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content footer.ay-conoce-mobile-footer::before{
    content: "" !important;
    display: block !important;
    width: min(342px, 100%) !important;
    height: 1px !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    background: var(--ay-conoce-mobile-purple) !important;
    border: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-footer-row{
    display: block !important;
    width: min(342px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: var(--ay-conoce-mobile-purple) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.28 !important;
    font-weight: 400 !important;
    text-align: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-footer-row > span,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-footer-row > a,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-footer-link,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-mobile-footer-sep{
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ay-conoce-mobile-purple) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content .ay-conoce-donate,
body:has(.ay-hero-main):has(.ay-conoce-nav)
  #content footer.ay-conoce-desktop-footer{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* =======================================================
     MENÚ ABIERTO
     ======================================================= */
  html:has(.ay-map-new-menu[open]),
body:has(.ay-map-new-menu[open]){
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content{
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482998 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: var(--ay-conoce-mobile-pink) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .block,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .block-html{
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .block:has(.ay-hero-main),
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .block-html:has(.ay-hero-main),
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .block:has(.ay-conoce-mobile-contact),
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .block-html:has(.ay-conoce-mobile-contact){
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-hero-inner,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-main-access,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-conoce-nav,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-conoce-side-label,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-conoce-socials{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-hero-main{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--ay-conoce-mobile-menu-top-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    background:
      linear-gradient(
        180deg,
        var(--ay-conoce-mobile-lavender) 0%,
        #d8c7ee 12%,
        var(--ay-conoce-mobile-pink) 28%,
        var(--ay-conoce-mobile-pink) 100%
      ) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open]{
    display: block !important;
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: var(--ay-conoce-mobile-menu-top-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open] > summary{
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 18px !important;
    z-index: 20 !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    pointer-events: auto !important;
    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open] > summary::before,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open] > summary::after{
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 25px !important;
    width: 31px !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 7px solid var(--ay-conoce-mobile-dark) !important;
    transform-origin: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open] > summary::before{
    transform: rotate(45deg) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open] > summary::after{
    transform: rotate(-45deg) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu[open] .ay-map-new-menu-panel{
    display: flex !important;
    position: relative !important;
    z-index: 1 !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--ay-conoce-mobile-menu-top-height) !important;
    min-height: var(--ay-conoce-mobile-menu-top-height) !important;
    max-height: var(--ay-conoce-mobile-menu-top-height) !important;
    margin: 0 !important;
    padding: 102px 0 0 !important;
    overflow: hidden !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: transparent !important;
    text-align: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel::before{
    content: "" !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 200px !important;
    height: 81px !important;
    margin: 0 auto 38px !important;
    background-image:
      url("/themes/default/asset/img/ay-header-logo.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: var(--ay-conoce-mobile-dark-filter) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a{
    display: none !important;
  }

  /* Las páginas cuyo menú usa un <details> interno para CONOCE MÁS
     lo presentan como el primer acceso principal, sin desplegar
     las subpáginas dentro del menú general. */
  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub{
    display: block !important;
    order: 1 !important;
    width: calc(100% - 48px) !important;
    max-width: 342px !important;
    min-width: 0 !important;
    height: 89px !important;
    min-height: 89px !important;
    max-height: 89px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub > summary{
    appearance: none !important;
    -webkit-appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 89px !important;
    min-height: 89px !important;
    max-height: 89px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--ay-conoce-mobile-dark) !important;
    box-shadow: none !important;
    list-style: none !important;
    cursor: default !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub > summary::-webkit-details-marker,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub > summary::marker,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub > summary::before,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub > summary::after{
    content: none !important;
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel .ay-menu-sub-panel{
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href="conoce-mas"],
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href$="/conoce-mas"],
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href="mapeo"],
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href$="/mapeo"]{
    display: flex !important;
    flex: 0 0 89px !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 48px) !important;
    max-width: 342px !important;
    min-width: 0 !important;
    height: 89px !important;
    min-height: 89px !important;
    max-height: 89px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    color: var(--ay-conoce-mobile-dark) !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--ay-conoce-mobile-dark) !important;
    box-shadow: none !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href="conoce-mas"],
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href$="/conoce-mas"]{
    order: 1 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href="mapeo"],
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href$="/mapeo"]{
    order: 2 !important;
  }

  /* POLÍTICA — distribución móvil determinista.
     Su HTML utiliza un <details> interno para CONOCE MÁS.
     Se fija el orden visual: X, logo, CONOCE MÁS y MAPEO. */
  body:has(.ay-pol-page):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel{
    position: relative !important;
    padding: 0 !important;
  }

  body:has(.ay-pol-page):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel::before{
    position: absolute !important;
    left: 50% !important;
    top: 102px !important;
    order: 0 !important;
    width: 200px !important;
    height: 81px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body:has(.ay-pol-page):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub{
    position: absolute !important;
    left: 50% !important;
    top: 221px !important;
    right: auto !important;
    bottom: auto !important;
    order: 1 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body:has(.ay-pol-page):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > .ay-menu-sub > summary{
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  body:has(.ay-pol-page):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href="mapeo"],
  body:has(.ay-pol-page):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a[href$="/mapeo"]{
    position: absolute !important;
    left: 50% !important;
    top: 310px !important;
    right: auto !important;
    bottom: auto !important;
    order: 2 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a:hover,
body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-map-new-menu-panel > a:focus-visible{
    color: var(--ay-conoce-mobile-magenta) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content section.ay-conoce-mobile-contact{
    display: flex !important;
    position: relative !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: clamp(470px, 135vw, 527px) !important;
    margin: 0 !important;
    padding: 35px 24px 28px !important;
    overflow: hidden !important;
    color: var(--ay-conoce-mobile-lavender) !important;
    background:
      linear-gradient(
        180deg,
        #84165f 0%,
        #7b1a62 12%,
        #88418f 44%,
        #9570c6 72%,
        var(--ay-conoce-mobile-lavender) 100%
      ) !important;
    text-align: center !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content section.ay-conoce-mobile-contact > h2{
    margin: 0 0 27px !important;
    font-size: 20px !important;
    letter-spacing: 0.01em !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-conoce-contact-item{
    margin-bottom: 15px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-conoce-mobile-socials{
    gap: 48px !important;
    margin: 54px 0 0 !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content footer.ay-conoce-mobile-footer{
    width: min(320px, calc(100% - 16px)) !important;
    max-width: 320px !important;
    margin: auto auto 0 !important;
    padding: 10px 0 0 !important;
    color: var(--ay-conoce-mobile-purple) !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(87, 20, 71, 0.72) !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content footer.ay-conoce-mobile-footer::before{
    content: none !important;
    display: none !important;
  }

  body:has(.ay-hero-main):has(.ay-conoce-nav):has(.ay-map-new-menu[open])
  #content .ay-conoce-mobile-footer-row{
    width: 100% !important;
    max-width: 100% !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
}