/* ✅ ESTILO GLOBAL PARA SUBMENÚS EN TODA LA WEB AEGRI */
.wp-block-navigation__submenu-container {
  background-color: #00182F !important;
  border-radius: 8px;
  padding: 0.5rem 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.wp-block-navigation__submenu-container a {
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  padding: 0.75rem 1rem;
  display: block;
  text-decoration: none;
  transition: background 0.3s, color 0.3s;
}

.wp-block-navigation__submenu-container a:hover {
  background-color: #e9d2ac !important;
  color: #00182F !important;
}

/* ✅ Asegura que el menú en móvil sea legible y cómodo */
@media screen and (max-width: 1024px) {
  .wp-block-navigation__submenu-container {
    background-color: #00182F !important;
    padding: 0.25rem 0;
  }

  .wp-block-navigation__submenu-container a {
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }

  .wp-block-navigation__submenu-container a:hover {
    background-color: #e9d2ac !important;
    color: #00182F !important;
  }
}

.icono-x-blanco svg {
  fill: #ffffff !important;
}
/* MENÚ MÓVIL MÁS COMPACTO */
.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  max-height: 100vh;
  overflow-y: auto;
}

/* Reduce separación entre enlaces */
.wp-block-navigation__responsive-container .wp-block-navigation__container > li {
  margin: 0.4rem 0;
}

/* Ajusta fuente y padding */
.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
  font-size: 0.95rem;
  padding: 0.4rem 0 !important;
}


@media (max-width: 768px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    background-color: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation__container {
    background-color: #00182F !important;
    padding: 0;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation-item__content {
    background-color: transparent !important;
  }
}




@media (max-width: 768px) {
  .wp-block-navigation__responsive-container-close {
    left: 1rem !important;
    right: auto !important;
    position: absolute !important;
    top: 1rem !important;
    z-index: 9999;
  }
}

/* FOOTER COMPACTO EN MÓVIL */
@media (max-width: 768px) {

  /* Reduce padding general */
  footer, .site-footer, .wp-block-footer {
    padding: 2rem 1rem !important;
  }

  /* Oculta sección SOCIAL (última parte del footer) */
  .site-footer h2, .site-footer h3, .site-footer h4 {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem;
  }

  .site-footer .footer-social,
  .site-footer .footer-menu-social,
  .site-footer .footer-col-social,
  .site-footer .footer-block:has(h2:contains("SOCIAL")),
  .site-footer :where(h2, h3):contains("SOCIAL") {
    display: none !important;
  }

  /* Ajusta tipografía y espacio entre elementos */
  .site-footer p,
  .site-footer li {
    font-size: 0.95rem;
    margin-bottom: 0.4rem;
  }

  .site-footer .footer-section {
    margin-bottom: 1.5rem;
  }
}

.rank-math-sitemap, .rank-math-sitemap ul, .rank-math-sitemap li {
  color: white !important;
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  list-style: none;
  padding-left: 0;
}

.rank-math-sitemap li a {
  color: #e9d2ac !important;
  text-decoration: none;
  display: block;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  transition: color 0.2s;
}

.rank-math-sitemap li a:hover {
  color: #ffffff;
}