@charset "UTF-8";
/**
 * Área personal — hoja propia.
 *
 * Va fuera del bundle style.scss a propósito: ese bundle se compiló con otra
 * versión de Sass y recompilarlo entero por esta página reordenaría reglas de
 * todo el sitio. Salvo la corrección de contraste de .mwm-tabs__tab (marcada
 * abajo), todo está acotado a .mwm-main-private-area.
 *
 * Tokens del tema (no inventar colores):
 *   p100 #142E51  texto principal        13.4:1 sobre blanco
 *   p200 #3C4868  texto secundario        9.0:1 sobre blanco
 *   p300 #8B8BA0  SOLO bordes/iconos      3.2:1  (nunca texto de cuerpo)
 *   p400 #BCBDCA  SOLO bordes             1.9:1
 *   s100 #14A3DC  acento
 *   e200 #D8D8D6 / e300 #E5E5E4 / e400 #F4F4F3  superficies y bordes
 */
/* Contraste (verificado en vivo 2026-07-27): la pestaña inactiva estaba en
   p300 = 3.33:1 sobre blanco. A 18px (móvil) el mínimo es 4.5:1 → fallaba.
   p200 = 9.0:1. Regla global a propósito: el mismo fallo estaba en todas las
   páginas con pestañas. */
.mwm-tabs__tab {
  color: var(--mwm--color--p200);
}

/* Contraste (verificado en vivo 2026-07-27): el hover global de los botones
   ponía texto blanco sobre s100 #14A3DC = 2.88:1, por debajo incluso del 3:1
   de texto grande. p200 #3C4868 con blanco = 9.06:1. Regla global a propósito:
   el fallo estaba en los botones de todo el sitio, no solo aquí. */
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.mwm-btn:hover {
  background-color: var(--mwm--color--p200);
  color: var(--mwm--color--n100);
}

/* Fallos de legibilidad de la HOME (dashboard), verificados en vivo el
   2026-07-27 con el contraste ya renderizado. Son previos a este trabajo, pero
   son texto ilegible y se corrigen aquí:
     · "Ver todas las áreas" (tpl-dashboard.php:77) es texto BLANCO sobre fondo
       BLANCO → 1:1, literalmente invisible. Único uso de esa clase.
     · Email / Nº asociado del perfil: p300 sobre e400 = 3.19:1 (mínimo 4.5:1).
     · Fecha y ciudad de los próximos encuentros: n400 #888 = 3.54:1.
   p200 #3C4868 deja las tres parejas por encima de 8:1. */
.mwm-main-dashboard__link-white {
  color: var(--mwm--color--p100);
}

.mwm-main-dashboard__kv-val,
.mwm-main-dashboard__event-date,
.mwm-main-dashboard__event-city,
.mwm-main-dashboard__event-meta,
.mwm-main-dashboard__note-excerpt {
  color: var(--mwm--color--p200);
}

/* "Ver todos" / "Ver todas las actividades": cian s100 sobre blanco = 2.88:1.
   Se mantiene como enlace (subrayado) pero en p100 = 13.6:1. */
.mwm-main-dashboard__link-light {
  color: var(--mwm--color--p100);
}

/* El aro de foco del tema (s300 sobre blanco = 1.66:1) es prácticamente
   invisible: no cumple el 3:1 de componente. */
.mwm-btn:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 0.1875rem solid var(--mwm--color--p100);
  outline-offset: 0.125rem;
}

.mwm-main-private-area {
  --ap-surface: var(--mwm--color--n100);
  --ap-surface-soft: var(--mwm--color--e400);
  /* p400 y no e200 para el filete de las tarjetas: e200 sobre el fondo e400
     da 1.15:1 y el borde no se ve; p400 lo dibuja sin endurecerlo. */
  --ap-border: var(--mwm--color--p400);
  --ap-hairline: var(--mwm--color--e200);
  --ap-border-strong: var(--mwm--color--p400);
  --ap-text: var(--mwm--color--p100);
  --ap-text-soft: var(--mwm--color--p200);
  --ap-accent: var(--mwm--color--s100);
  --ap-radius: .625rem;
  --ap-gap: 1rem;
  /* ── Layout ───────────────────────────────────────────────────────── */
  /* Fondo suave en toda la página y tarjetas blancas encima: da profundidad
     y separa las secciones sin necesidad de líneas divisorias. */
  background: var(--ap-surface-soft);
  padding-block: 2.5rem 3.5rem;
}
.mwm-main-private-area__content {
  max-width: 70rem;
}
.mwm-main-private-area__row {
  margin-block: 2.5rem;
}
.mwm-main-private-area__row:first-child {
  margin-top: 0;
}
.mwm-main-private-area__section-title {
  margin: 0 0 1rem;
  scroll-margin-top: 6rem; /* el header es fijo: si no, tapa el título al saltar */
  white-space: normal; /* los títulos largos se partían fuera del contenedor */
}
.mwm-main-private-area {
  /* Títulos de segundo nivel dentro de una pestaña (Facturas / Certificados).
     Antes llevaban el margen en un style="" inline en la plantilla. */
}
.mwm-main-private-area__subsection {
  margin: 2.5rem 0 1rem;
  /* Sólo se quita el aire cuando el título ABRE el bloque (el "Facturas"
     del tercer tab). Con :first-of-type se lo quitaba también a títulos
     que van detrás de una lista, como "Alertas que no tienes activadas",
     y quedaban pegados al contenido anterior. */
}
.mwm-main-private-area__subsection:first-child {
  margin-top: 0;
}
.mwm-main-private-area {
  /* En móvil el nombre y el avatar van en su propia fila sobre la ficha. */
}
.mwm-main-private-area__profile-movile {
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.mwm-main-private-area__profile-movile .mwm-main-private-area__avatar {
  height: 4rem;
  width: 4rem;
}
.mwm-main-private-area__profile-movile .mwm-main-private-area__avatar::before {
  font-size: 1.25rem;
}
.mwm-main-private-area__profile-movile .mwm-main-private-area__section-title {
  margin: 0;
}
.mwm-main-private-area__title {
  white-space: normal;
}
.mwm-main-private-area {
  /* ── Aviso de cabecera ───────────────────────────────────────────── */
}
.mwm-main-private-area__notice {
  background: var(--ap-surface);
  border: 0;
  border-left: 0.25rem solid var(--mwm--color--p100);
  border-radius: 0 var(--ap-radius) var(--ap-radius) 0;
  color: var(--ap-text-soft);
  padding: 1.125rem 1.25rem;
}
.mwm-main-private-area__notice p {
  margin: 0;
}
.mwm-main-private-area {
  /* ── Ficha de perfil ─────────────────────────────────────────────── */
}
.mwm-main-private-area__profile-card {
  align-items: start;
  background: var(--ap-surface);
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  gap: 1.5rem;
  padding: 1.5rem;
}
.mwm-main-private-area {
  /* El avatar pinta las iniciales del asociado por debajo de la imagen. El
     <img> se pide a Gravatar con default=blank: si tiene foto la tapa, y si
     no llega un PNG transparente y quedan las iniciales (antes salía el
     muñeco gris genérico de WordPress). */
}
.mwm-main-private-area__avatar {
  background: var(--mwm--color--p100);
  border: 0.0625rem solid var(--ap-border);
  border-radius: 50%;
  color: var(--mwm--color--n100); /* iniciales blancas sobre p100 = 13.4:1 */
  flex: none;
  height: 6rem;
  overflow: hidden;
  position: relative;
  width: 6rem;
}
.mwm-main-private-area__avatar::before {
  align-items: center;
  content: attr(data-initials);
  display: flex;
  font-size: 2rem;
  font-weight: var(--mwm--font-weight--semibold);
  inset: 0;
  justify-content: center;
  letter-spacing: 0.02em;
  position: absolute;
}
.mwm-main-private-area__avatar > img {
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.mwm-main-private-area__kv {
  gap: 0;
  padding: 0;
}
.mwm-main-private-area__kv-row {
  align-items: baseline;
  border-bottom: 0.0625rem solid var(--ap-hairline);
  gap: 0.25rem 1rem;
  grid-template-columns: 1fr;
  margin-bottom: 0;
  padding-block: 0.625rem;
}
.mwm-main-private-area__kv-row:last-child {
  border-bottom: 0;
}
.mwm-main-private-area__kv-key {
  color: var(--ap-text-soft);
  font-size: 0.875rem;
  font-weight: var(--mwm--font-weight--medium);
}
.mwm-main-private-area__kv-val {
  color: var(--ap-text);
  font-weight: var(--mwm--font-weight--regular);
  white-space: normal;
  word-break: break-word;
}
.mwm-main-private-area__profile-actions {
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.mwm-main-private-area__profile-actions .mwm-btn {
  min-height: 2.75rem;
}
.mwm-main-private-area {
  /* ── Suscripciones ───────────────────────────────────────────────── */
}
.mwm-main-private-area__subs-head {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.mwm-main-private-area {
  /* Frase que aclara qué contiene cada bloque: "Actividad reciente en AEDAF"
     (novedades de tus suscripciones) y "Mi actividad" (lo tuyo) se confundían
     cuando ambos títulos eran casi iguales. */
}
.mwm-main-private-area__section-intro {
  color: var(--ap-text-soft);
  margin: 0.25rem 0 0;
  max-width: 60ch;
}
.mwm-main-private-area {
  /* El <span> del subrayado venía vacío y sin ancho: no se veía nada. */
}
.mwm-main-private-area__underline {
  background: var(--mwm--color--p100);
  border-bottom: 0;
  border-radius: 0.125rem;
  display: block;
  height: 0.1875rem;
  width: 2.5rem;
}
.mwm-main-private-area__subscriptions-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-main-private-area__subscription-item {
  align-items: center;
  background: var(--ap-surface);
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  display: flex;
  gap: 0.75rem;
  min-height: 2.75rem;
  padding: 0.625rem 0.875rem;
}
.mwm-main-private-area__subscription-web, .mwm-main-private-area__subscription-email {
  align-items: center;
  border: 0.0625rem solid var(--ap-border);
  border-radius: 50%;
  color: var(--mwm--color--p300); /* icono apagado: 3.2:1, cumple el 3:1 de componente */
  display: inline-flex;
  flex: none;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}
.mwm-main-private-area__subscription-web svg, .mwm-main-private-area__subscription-email svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
.mwm-main-private-area__subscription-web, .mwm-main-private-area__subscription-email {
  /* Estado activo: NO solo color — también relleno y borde, para que se
     distinga sin depender de la percepción cromática. */
}
.mwm-main-private-area__subscription-web.is-active, .mwm-main-private-area__subscription-email.is-active {
  background: var(--mwm--color--s400);
  border-color: var(--ap-accent);
  color: var(--mwm--color--p100);
}
.mwm-main-private-area__subscription-label {
  color: var(--ap-text);
  font-weight: var(--mwm--font-weight--medium);
  line-height: 1.35;
}
.mwm-main-private-area {
  /* ── Pestañas ────────────────────────────────────────────────────── */
}
.mwm-main-private-area .mwm-tabs {
  border-bottom: 0.0625rem solid var(--ap-border);
  display: flex;
  gap: 0.25rem;
  grid-template-columns: none;
  margin: 0 0 1.5rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.mwm-main-private-area .mwm-tabs::-webkit-scrollbar {
  display: none;
}
.mwm-main-private-area .mwm-tabs__tab {
  border-bottom: 0.1875rem solid transparent;
  color: var(--ap-text-soft);
  flex: none;
  font-size: 1rem; /* en móvil no caben los tres a 18px; a 16px casi */
  min-height: 2.75rem;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
}
@media (min-width: 48rem) {
  .mwm-main-private-area .mwm-tabs__tab {
    font-size: 1.125rem;
    padding: 0.5rem 0.875rem;
  }
}
.mwm-main-private-area .mwm-tabs__tab:hover {
  color: var(--ap-text);
}
.mwm-main-private-area .mwm-tabs__tab:focus-visible {
  border-radius: 0.25rem 0.25rem 0 0;
  outline: 0.125rem solid var(--ap-accent);
  outline-offset: -0.125rem;
}
.mwm-main-private-area .mwm-tabs__tab {
  /* Sin cambiar el peso: en fila, engordar la activa desplaza a las
     demás en cada clic. El estado ya lo dan el color y la barra. */
}
.mwm-main-private-area .mwm-tabs__tab.is-active {
  border-bottom-color: var(--ap-text);
  color: var(--ap-text);
}
.mwm-main-private-area .mwm-tabs__tab {
  /* el subrayado ya lo da el border-bottom */
}
.mwm-main-private-area .mwm-tabs__tab.is-active::after {
  content: none;
}
.mwm-main-private-area {
  /* ── Listas de contenido (favoritos, facturas, certificados) ─────── */
}
.mwm-main-private-area .mwm-main-dashboard__table-like {
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  display: block;
  overflow: hidden;
}
.mwm-main-private-area .mwm-main-dashboard__table-row {
  align-items: center;
  border-bottom: 0.0625rem solid var(--ap-hairline);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
}
.mwm-main-private-area .mwm-main-dashboard__table-row:last-child {
  border-bottom: 0;
}
.mwm-main-private-area .mwm-main-dashboard__table-row:hover {
  background: var(--ap-surface-soft);
}
.mwm-main-private-area .mwm-main-dashboard__table-cell {
  align-items: center;
  color: var(--ap-text);
  display: flex;
  flex: 1 1 16rem;
  gap: 0.5rem;
  min-width: 0;
}
.mwm-main-private-area .mwm-main-dashboard__table-cell-btn {
  flex: 0 0 auto;
  justify-content: flex-end;
}
.mwm-main-private-area .mwm-main-dashboard__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-main-private-area .mwm-card-info {
  align-items: flex-start;
  background: var(--ap-surface);
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  display: flex;
  gap: 0.875rem;
  padding: 1rem;
}
.mwm-main-private-area .mwm-card-info__icon {
  color: var(--mwm--color--p300);
  flex: none;
  height: 1.25rem;
  width: 1.25rem;
}
.mwm-main-private-area .mwm-card-info__doc-title {
  color: var(--ap-text);
  font-size: 1rem;
  font-weight: var(--mwm--font-weight--medium);
  margin: 0;
}
.mwm-main-private-area .mwm-card-info__doc-meta {
  color: var(--ap-text-soft);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.mwm-main-private-area .mwm-card-info {
  /* Estado vacío: que se lea como "no hay nada", no como un error. */
}
.mwm-main-private-area .mwm-card-info__content > p:only-child {
  color: var(--ap-text-soft);
  margin: 0;
  text-align: center;
  width: 100%;
}
.mwm-main-private-area {
  /* ── Actividades del asociado (pestaña 1) ────────────────────────── */
}
.mwm-main-private-area__activity {
  gap: 0.75rem;
}
.mwm-main-private-area__activity-item {
  background: var(--ap-surface);
  border: 0.0625rem solid var(--ap-border);
  border-bottom: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  padding: 1rem;
}
.mwm-main-private-area__activity-item > p {
  color: var(--ap-text-soft);
  margin: 0;
  text-align: center;
}
.mwm-main-private-area__activity-head {
  color: var(--ap-text);
  font-weight: var(--mwm--font-weight--semibold);
}
.mwm-main-private-area__activity-row {
  grid-template-columns: 1fr;
}
.mwm-main-private-area__activity-key {
  color: var(--ap-text-soft);
  font-size: 0.875rem;
}
.mwm-main-private-area__activity-val {
  color: var(--ap-text);
  font-weight: var(--mwm--font-weight--regular);
  white-space: normal;
}
.mwm-main-private-area__bullet {
  color: var(--mwm--color--p300);
  height: 1rem;
}
.mwm-main-private-area__bullet svg path {
  fill: currentColor;
}
.mwm-main-private-area {
  /* ── Actividad reciente (notificaciones) ─────────────────────────── */
  /* Estado vacío de una pestaña: que lea como "aquí no hay nada", no como error. */
}
.mwm-main-private-area__empty {
  background: var(--ap-surface);
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  color: var(--ap-text-soft);
  margin: 0;
  padding: 2rem 1rem;
  text-align: center;
}
.mwm-main-private-area__notifications-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 0;
}
.mwm-main-private-area__notification-group {
  background: var(--ap-surface);
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
  padding: 1rem 1.25rem;
}
.mwm-main-private-area__notification-group .mwm-main-private-area__activity-head {
  border-bottom: 0.0625rem solid var(--ap-hairline);
  margin-bottom: 0.75rem;
  padding-bottom: 0.625rem;
}
.mwm-main-private-area__notification-items {
  display: grid;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-main-private-area__notification-item {
  align-items: baseline;
  display: grid;
  gap: 0.125rem 0.5rem;
  grid-template-columns: 1rem 1fr;
}
.mwm-main-private-area__notification-icon {
  color: var(--mwm--color--p300);
  grid-row: span 2;
  height: 1rem;
  width: 1rem;
}
.mwm-main-private-area__notification-icon svg {
  display: block;
  height: 1rem;
  width: 1rem;
}
.mwm-main-private-area__notification-type {
  color: var(--ap-text-soft);
  font-size: 0.8125rem;
  font-weight: var(--mwm--font-weight--medium);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.mwm-main-private-area {
  /* Los títulos de actividad pasan de 60 caracteres; en dos columnas hay que
     cortarlos por algún lado. Dos líneas y elipsis: el título completo sigue
     en el atributo title. */
}
.mwm-main-private-area__notification-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--ap-text);
  display: -webkit-box;
  font-weight: var(--mwm--font-weight--regular);
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mwm-main-private-area {
  /* ── Formularios ─────────────────────────────────────────────────── */
}
.mwm-main-private-area__form-container {
  border: 0.0625rem solid var(--ap-border);
  border-radius: var(--ap-radius);
}
.mwm-main-private-area__input {
  border-radius: 0.375rem;
  min-height: 2.75rem;
}
.mwm-main-private-area__input:focus-visible {
  outline: 0.125rem solid var(--ap-accent);
  outline-offset: 0.0625rem;
}
.mwm-main-private-area__form-actions .mwm-btn {
  min-height: 2.75rem;
}
.mwm-main-private-area {
  /* ── Responsive ──────────────────────────────────────────────────── */
}
@media (min-width: 48rem) {
  .mwm-main-private-area__kv-row {
    grid-template-columns: 11rem 1fr;
  }
  .mwm-main-private-area__profile-card {
    align-items: start;
    grid-template-columns: auto 1fr;
    padding: 1.75rem;
  }
  .mwm-main-private-area__avatar {
    height: 7.5rem;
    width: 7.5rem;
  }
  .mwm-main-private-area__subscriptions-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mwm-main-private-area__activity-row {
    grid-template-columns: 7rem 1fr;
  }
}
@media (min-width: 64rem) {
  .mwm-main-private-area__subscriptions-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mwm-main-private-area__notifications-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 90rem) {
  .mwm-main-private-area__content {
    max-width: 75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mwm-main-private-area * {
    transition: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   Feedback de asociado (2026-08): histórico de inscripciones, configurar
   alertas, programa y documentación en la ficha, y Servicios AEDAF.
   Todo el color sale de los tokens del tema, siempre texto oscuro
   (p100 12.4:1 / p200 8.2:1 sobre e400) sobre fondos claros.
   ═══════════════════════════════════════════════════════════════════════ */
.mwm-main-private-area {
  /* ── Mis actividades: conmutador Próximas / Histórico ─────────────── */
}
.mwm-main-private-area__activity-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-block: 0 1.5rem;
}
.mwm-main-private-area__activity-search {
  margin-block: 0 1.5rem;
}
.mwm-main-private-area__activity-search .mwm-main-private-area__label {
  display: block;
  margin-block: 0 0.375rem;
  color: var(--ap-text);
  font-weight: 600;
}
.mwm-main-private-area__activity-search .mwm-main-private-area__input {
  width: 100%;
}
.mwm-main-private-area__activity-empty {
  margin: 1rem 0 0;
  color: var(--ap-text-soft);
}
.mwm-main-private-area {
  /* ── Alertas: catálogo de las no activadas ───────────────────────── */
}
.mwm-main-private-area__subscriptions-list--off .mwm-main-private-area__subscription-item {
  opacity: 0.85;
}
.mwm-main-private-area__subscriptions-list--off .mwm-main-private-area__subscription-label {
  color: var(--ap-text-soft);
}
.mwm-main-private-area__subs-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-block: 1.5rem 0;
}
.mwm-main-private-area__subs-note {
  margin: 0;
  color: var(--ap-text-soft);
  font-size: 0.875rem;
  max-width: 46rem;
}

/* ── Inicio: acceso a la configuración de alertas ────────────────────── */
.mwm-main-dashboard__alerts-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.mwm-main-dashboard__alerts-head .mwm-main-dashboard__section-title {
  margin: 0;
}
.mwm-main-dashboard__alerts-config {
  flex-shrink: 0;
  font-size: 0.875rem;
}

/* ── Listado de Formación: pista del filtro de ponentes ──────────────── */
.mwm-main-events__hint {
  display: block;
  margin-block: 0.375rem 0;
  color: var(--mwm--color--p200);
  font-size: 0.8125rem;
  line-height: 1.4;
}

/* ── Ficha de actividad: programa, ponentes y documentación ──────────── */
.mwm-main-details-event__program, .mwm-main-details-event__speakers, .mwm-main-details-event__docs {
  margin-block: 2rem 0;
}
.mwm-main-details-event__program-body {
  color: var(--mwm--color--p100);
  line-height: 1.6;
}
.mwm-main-details-event__program-body p {
  margin-block: 0 0.75rem;
}
.mwm-main-details-event__program-body p:last-child {
  margin-bottom: 0;
}
.mwm-main-details-event__program-body a {
  color: var(--mwm--color--p100);
}
.mwm-main-details-event__docs {
  padding: 1.5rem;
  border-radius: 0.625rem;
}
.mwm-main-details-event__docs-note {
  margin: 0 0 1rem;
  color: var(--mwm--color--p200);
  max-width: 46rem;
}

/* ── Servicios AEDAF ─────────────────────────────────────────────────── */
.mwm-main-services {
  background: var(--mwm--color--e400);
  padding-block: 2.5rem 3.5rem;
}
.mwm-main-services__intro {
  max-width: 46rem;
  color: var(--mwm--color--p200);
  margin-block: 0 2.5rem;
}
.mwm-main-services__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-main-services__item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--mwm--color--n100);
  border: 0.0625rem solid var(--mwm--color--p400);
  border-radius: 0.625rem;
  padding: 1.5rem;
}
.mwm-main-services__item-title {
  margin: 0;
  color: var(--mwm--color--p100);
}
.mwm-main-services__item-text {
  margin: 0;
  color: var(--mwm--color--p200);
  line-height: 1.55;
  flex-grow: 1;
}
.mwm-main-services__item-actions {
  margin-block: 0.25rem 0;
}
.mwm-main-services__note {
  margin-block: 2.5rem 0;
  color: var(--mwm--color--p200);
  max-width: 46rem;
}
@media (min-width: 48rem) {
  .mwm-main-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .mwm-main-services__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ── Formación: aviso de la búsqueda global ──────────────────────────── */
.mwm-main-events__search-status {
  margin-block: 0 1rem;
  padding: 0.75rem 1rem;
  background: var(--mwm--color--e400);
  border-left: 0.1875rem solid var(--mwm--color--s100);
  border-radius: 0.25rem;
  color: var(--mwm--color--p100);
  font-size: 0.9375rem;
  line-height: 1.45;
}

/* ── Menú principal: una sola línea por entrada ──────────────────────────
   Con seis entradas el menú necesitaba 1.043 px y sólo disponía de 1.013,
   así que cinco de las seis se partían en dos líneas. Agrupando Servicios y
   Herramientas en un desplegable bajan a 745 px y caben holgadamente, pero
   hay que impedir el corte explícitamente: el reparto del flex volvía a
   partirlas en cuanto el texto se acercaba al hueco disponible.
   ────────────────────────────────────────────────────────────────────── */
@media (min-width: 1280px) {
  .mwm-header__menu > ul > li {
    position: relative; /* ancla del submenú, que va en absolute */
  }
  .mwm-header__menu > ul > li > a {
    white-space: nowrap;
  }
  .mwm-header__menu {
    /* El submenú sí puede respirar: no lo comprime el ancho del header. */
  }
  .mwm-header__menu ul ul li {
    white-space: nowrap;
  }
  .mwm-header__menu ul ul a {
    display: block;
    padding-block: 0.375rem;
  }
}

/* ── Aire entre los bloques nuevos ───────────────────────────────────────
   Los bloques añadidos heredaban el margen por defecto del navegador y
   quedaban pegados al contenido anterior. Se les da respiración explícita,
   consistente con el ritmo del resto de la página.
   ────────────────────────────────────────────────────────────────────── */
.mwm-main-private-area__subs-list .mwm-main-private-area__section-intro {
  margin-block: 0.75rem 1.5rem;
  max-width: 46rem;
}
.mwm-main-private-area {
  /* El catálogo de alertas sin activar va detrás de una lista: necesita
     separarse de ella y de su propio listado. */
}
.mwm-main-private-area__subscriptions-list--off {
  margin-block: 0 0;
}
.mwm-main-private-area__subs-actions {
  margin-block: 2rem 0;
  gap: 0.75rem;
}
.mwm-main-private-area__activity-switch {
  margin-block: 1.5rem 2rem;
}
.mwm-main-private-area__activity-search {
  margin-block: 0 2rem;
}

.mwm-main-details-event {
  /* Programa, ponentes y documentación son secciones hermanas: mismo ritmo
     vertical entre ellas y respecto a la ficha de datos de arriba. */
}
.mwm-main-details-event__program, .mwm-main-details-event__speakers, .mwm-main-details-event__docs {
  margin-block: 2.5rem 0;
}
.mwm-main-details-event__program .mwm-main-details-event__section-title, .mwm-main-details-event__speakers .mwm-main-details-event__section-title, .mwm-main-details-event__docs .mwm-main-details-event__section-title {
  margin-block: 0 1rem;
}
.mwm-main-details-event__docs .mwm-main-details-event__btns {
  margin-block: 1.5rem 0;
}
.mwm-main-details-event__actions {
  margin-block: 2.5rem 0;
}

.mwm-main-services__title {
  margin-block: 0.5rem 1rem;
}
.mwm-main-services__row + .mwm-main-services__row {
  margin-block: 2.5rem 0;
}

/* El bloque de certificados cierra la ficha: mismo ritmo (40px) que el resto
   de secciones, no los 20px que heredaba del row. */
.mwm-main-details-event__certs {
  margin-block: 2.5rem 0;
}

/* ── Inicio: aire entre las tarjetas de la columna lateral ───────────────
   Documentos favoritos, Mis actividades, Facturas y Certificados son cuatro
   secciones seguidas y sólo la primera llevaba margen, así que "Facturas"
   arrancaba pegado al "Ver todas las actividades" de la tarjeta anterior y
   "Certificados" pegado a la última factura (0 px de separación).
   ────────────────────────────────────────────────────────────────────── */
.mwm-main-dashboard__doc > section + section {
  margin-block: 2.5rem 0;
}
.mwm-main-dashboard__doc {
  /* El margen ya lo pone la regla de arriba: si no, se suman. */
}
.mwm-main-dashboard__doc .mwm-main-dashboard__favorites {
  margin-bottom: 0;
}
.mwm-main-dashboard {
  /* Pie de tarjeta ("Ver todos", "Ver todas las actividades"): separarlo de
     la lista que cierra. */
}
.mwm-main-dashboard__section-foot {
  margin-block: 1rem 0;
}

/* ── Títulos de tarjeta: dos líneas en vez de un corte a media palabra ───
   .mwm-main-dashboard__event-title iba con white-space: nowrap + ellipsis, y
   se usa en los titulares de Comunicaciones internas, en Próximos encuentros,
   en Grupo de Expertos y en las facturas y certificados del inicio. Medido en
   vivo: en Comunicaciones internas se veían 671 px de los 2.086 que ocupa el
   titular, o sea menos de un tercio. Con dos líneas entran casi siempre
   enteros y, cuando no, cortan por palabra y no por la mitad.
   ────────────────────────────────────────────────────────────────────── */
.mwm-main-dashboard__event-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* El chip de sección y el h1 de Servicios estaban a 2 px. */
.mwm-main-services .mwm-type-view {
  display: inline-block;
  margin-block: 0 0.75rem;
}

/* En Mis actividades, Facturas y Certificados el título lleva un icono
   delante. Con el clamp (-webkit-box en vertical) el icono quedaba apilado
   ENCIMA del texto en su propia línea. Ahí se flota el icono y el texto lo
   rodea; el clamp no hace falta porque estos nombres no se disparan. */
.mwm-main-dashboard__event-title:has(svg) {
  display: block;
  line-clamp: none;
  -webkit-line-clamp: none;
  overflow: visible;
}
.mwm-main-dashboard__event-title:has(svg) > svg {
  float: left;
  margin-inline: 0 0.5rem;
  margin-block: 0.15rem 0;
}

/* Navegador de meses del listado de Formación.
   Hasta agosto de 2026 la flecha de retroceder nacía desactivada y no se podía
   ver ningún mes pasado. Con el candado quitado, el archivo llega a 2004: por
   eso el cursor lleva ahora un salto directo a mes y año, que sin él serían más
   de cien clics para llegar a mitad del histórico. */
.mwm-month-nav {
  column-gap: 1.5rem; /* aire entre la flecha de avanzar y el salto directo */
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
.mwm-month-nav__cursor {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 0.75rem;
  justify-content: space-between;
  min-width: 0;
}
.mwm-month-nav__label {
  min-width: 0;
}
.mwm-month-nav {
  /* En una sola línea: con flex-wrap el "Ir a:" y los dos desplegables se
     partían en tres renglones y el cursor quedaba desequilibrado. */
}
.mwm-month-nav__jump {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
.mwm-month-nav__jump-label {
  color: var(--mwm--color--p100);
  font-weight: var(--mwm--font-weight--medium);
  margin: 0;
  white-space: nowrap; /* si no, "Ir a:" se parte en dos renglones */
}
.mwm-month-nav {
  /* Texto azul oscuro sobre blanco y borde p200: el gris p300 del tema se
     queda en 3,03:1 contra este fondo, justo en el filo del mínimo. */
}
.mwm-month-nav__select {
  background-color: var(--mwm--color--n100);
  border: 0.0625rem solid var(--mwm--color--p200);
  border-radius: 0.25rem;
  color: var(--mwm--color--p100);
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  min-height: 2.75rem; /* objetivo táctil */
  /* Hueco a la derecha para la flecha nativa del desplegable: sin él la
     flecha se monta encima de la última letra del mes. */
  padding: 0.375rem 2rem 0.375rem 0.625rem;
}
.mwm-month-nav__select:focus-visible {
  outline: 0.125rem solid var(--mwm--color--p100);
  outline-offset: 0.125rem;
}
.mwm-month-nav {
  /* El botón desactivado tiene que LEERSE como desactivado, no sólo verse
     apagado: sin esto el cursor seguía siendo "manita" en los extremos. */
}
.mwm-month-nav__btn:disabled {
  cursor: default;
}

@media (max-width: 47.9375rem) {
  .mwm-month-nav--with-jump {
    flex-direction: column;
    align-items: stretch;
  }
  .mwm-month-nav--with-jump .mwm-month-nav__jump {
    justify-content: center;
  }
}
/* Documentación de la ficha de actividad.
   Pasa de ser un botón suelto a una lista con la MISMA forma que la parte
   descriptiva de arriba (etiqueta / valor), con una fila por tipo de material.
   Petición del asociado, 2026-08-07. */
.mwm-main-details-event__docs-kv {
  margin-block: 0;
  /* La etiqueta hereda 120px de style.scss y "Grabación / streaming:" no
     cabe: se parte en dos líneas contra el valor. */
}
.mwm-main-details-event__docs-kv .mwm-main-details-event__kv-row {
  grid-template-columns: minmax(0, 1fr);
}
.mwm-main-details-event__docs-kv {
  /* style.scss impone nowrap + ellipsis a __kv-val para las filas cortas
     de arriba. En una fila de documentos eso corta el nombre del fichero
     justo por donde importa. */
}
.mwm-main-details-event__docs-kv .mwm-main-details-event__kv-val {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.mwm-main-details-event__doc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-main-details-event__doc-list li + li {
  margin-block: 0.35rem 0;
}
.mwm-main-details-event__doc-link, .mwm-main-details-event__doc-list a {
  color: var(--mwm--color--p100);
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
.mwm-main-details-event__doc-link:hover, .mwm-main-details-event__doc-link:focus-visible, .mwm-main-details-event__doc-list a:hover, .mwm-main-details-event__doc-list a:focus-visible {
  text-decoration: none;
}
.mwm-main-details-event__doc-empty {
  color: var(--mwm--color--p200);
}
.mwm-main-details-event__doc-hint {
  color: var(--mwm--color--p200);
  display: block;
  font-size: 0.875rem;
  margin-block: 0.25rem 0;
  word-break: break-word;
}

@media (min-width: 48rem) {
  .mwm-main-details-event__docs-kv .mwm-main-details-event__kv-row {
    grid-template-columns: 12.5rem minmax(0, 1fr);
  }
}
/* La nota de la sección de documentación heredaba el margin:0 y el peso medio
   de .box-grey, así que salía pegada a la última fila y compitiendo en negrita
   con las etiquetas. Es un pie de sección, no una fila más. */
.mwm-main-details-event__docs .mwm-main-details-event__docs-note {
  font-weight: var(--mwm--font-weight--light, 300);
  margin-block: 1.25rem 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   Revisión de Marketing AEDAF — septiembre 2026
   ──────────────────────────────────────────────────────────────────────────
   Toque de color complementario (turquesa) en toda la intranet, portada
   reordenada (saludo + accesos directos + ficha, LaBiblioteca con su logo),
   Comunicaciones en tres bloques, Grupos de Expertos en tarjetas, Servicios
   con cajas de varios enlaces, footer con todas las redes.

   Turquesa: s100 #14A3DC. Sobre blanco da 2,88:1, así que NUNCA se usa como
   texto sobre fondo claro: ahí va --mwm--turquesa-text #0B6E93 (5,7:1). Sobre
   el navy p100 sí vale para texto grande e iconos (4,75:1).
   ══════════════════════════════════════════════════════════════════════════ */
:root {
  --mwm--turquesa: var(--mwm--color--s100); /* #14A3DC — decorativo / sobre navy */
  --mwm--turquesa-text: #0B6E93; /* texto e iconos sobre fondos claros */
  --mwm--turquesa-soft: var(--mwm--color--s400); /* #D9ECF8 — fondos suaves */
}

/* ── Filete turquesa bajo los titulares de sección (todas las páginas) ─── */
.mwm-main-events__hero-title::after,
.mwm-main-details-event__title::after,
.mwm-main-commission__title::after,
.mwm-main-services__title::after,
.mwm-main-documentation__title::after,
.mwm-main-herramientas__title::after,
.mwm-main-private-area__title::after,
.mwm-main-asociados__title::after {
  background: var(--mwm--turquesa);
  block-size: 0.25rem;
  content: "";
  display: block;
  inline-size: 3rem;
  margin-block: 0.75rem 0;
}

/* ── PORTADA ─────────────────────────────────────────────────────────────── */
.mwm-home__welcome {
  background: var(--mwm--color--p100);
  color: var(--mwm--color--n100);
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  padding: 2rem 1.5rem;
}
.mwm-home__welcome-main {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  justify-content: center;
}
.mwm-home__welcome-title {
  color: var(--mwm--color--n100);
  font-weight: var(--mwm--font-weight--medium);
  margin: 0;
  text-wrap: balance;
}
.mwm-home {
  /* El nombre, en turquesa y sin bloque de color detrás. Sobre navy: 4,75:1. */
}
.mwm-home__welcome-name {
  color: var(--mwm--turquesa);
  font-weight: var(--mwm--font-weight--semibold);
}
.mwm-home__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.mwm-home__quick-link {
  align-items: center;
  background: var(--mwm--color--n100);
  border-left: 0.25rem solid var(--mwm--turquesa);
  color: var(--mwm--color--p100);
  display: inline-flex;
  font-weight: var(--mwm--font-weight--medium);
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0.625rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
.mwm-home__quick-link svg {
  block-size: 1.125rem;
  color: var(--mwm--turquesa-text);
  flex: 0 0 auto;
  inline-size: 1.125rem;
}
.mwm-home__quick-link:hover, .mwm-home__quick-link:focus-visible {
  background: var(--mwm--turquesa-soft);
  color: var(--mwm--color--p100);
}
.mwm-home {
  /* Ficha resumida: caja pequeña, nombre completo con los dos apellidos. */
}
.mwm-home__profile {
  align-self: start;
  background: var(--mwm--color--n100);
  color: var(--mwm--color--p100);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
}
.mwm-home__profile-title {
  color: var(--mwm--turquesa-text);
  font-size: 0.8125rem;
  font-weight: var(--mwm--font-weight--semibold);
  letter-spacing: 0.06em;
  margin: 0;
  text-transform: uppercase;
}
.mwm-home__profile-name {
  font-size: 1.125rem;
  font-weight: var(--mwm--font-weight--semibold);
  line-height: 1.35;
  margin: 0;
}
.mwm-home__profile-kv {
  display: grid;
  gap: 0.5rem;
  margin: 0;
}
.mwm-home__profile-row {
  display: grid;
  gap: 0.125rem;
}
.mwm-home__profile-row dt {
  color: var(--mwm--color--p200);
  font-size: 0.8125rem;
  font-weight: var(--mwm--font-weight--medium);
}
.mwm-home__profile-row dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.mwm-home__profile-row dd a {
  color: var(--mwm--color--p100);
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
.mwm-home__profile-link {
  align-self: start;
  color: var(--mwm--color--p100);
  font-weight: var(--mwm--font-weight--medium);
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
.mwm-home__profile-link:hover, .mwm-home__profile-link:focus-visible {
  text-decoration: none;
}
.mwm-home {
  /* LaBiblioteca: bloque claro con el logo de la biblioteca en lugar del
     rótulo de texto. */
}
.mwm-home__biblio {
  background: var(--mwm--color--e400);
  border-top: 0.25rem solid var(--mwm--turquesa);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem 1.5rem;
}
.mwm-home__biblio-head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mwm-home__biblio-title {
  margin: 0;
}
.mwm-home__biblio-logo {
  block-size: auto;
  display: block;
  inline-size: min(100%, 17rem);
}
.mwm-home__biblio-intro {
  color: var(--mwm--color--p200);
  margin: 0;
  max-width: 46rem;
}
.mwm-home__biblio-search .mwm-main-dashboard__input {
  background: var(--mwm--color--n100);
  border: 0.0625rem solid var(--mwm--color--p400);
}
.mwm-home__biblio-search .mwm-main-dashboard__search-label {
  color: var(--mwm--color--p200);
  font-weight: var(--mwm--font-weight--regular);
}
.mwm-home {
  /* Los chips heredan fondo e400, igual que el bloque: se pintan en blanco. */
}
.mwm-home__biblio-chips .mwm-main-dashboard__chip {
  background: var(--mwm--color--n100);
  border: 0.0625rem solid var(--mwm--color--p400);
}
.mwm-home__biblio-chips .mwm-main-dashboard__chip:hover, .mwm-home__biblio-chips .mwm-main-dashboard__chip:focus-visible {
  background: var(--mwm--color--p100);
  border-color: var(--mwm--color--p100);
  color: var(--mwm--color--n100);
}
@media (min-width: 48rem) {
  .mwm-home__welcome, .mwm-home__biblio {
    padding: 2.5rem 2rem;
  }
  .mwm-home__biblio-search .mwm-main-dashboard__search-form {
    flex-direction: row;
  }
}
@media (min-width: 64rem) {
  .mwm-home__welcome {
    grid-template-columns: minmax(0, 1.6fr) minmax(16rem, 1fr);
  }
}

/* ── COMUNICACIONES: tres bloques ─────────────────────────────────────────── */
.mwm-comunicaciones__head {
  margin-block: 2rem 0;
}
.mwm-comunicaciones__intro, .mwm-comunicaciones__desc {
  color: var(--mwm--color--p200);
  max-width: 46rem;
}
.mwm-comunicaciones__intro {
  margin-block: 0.75rem 0;
}
.mwm-comunicaciones__desc {
  margin-block: 0 1.25rem;
}
.mwm-comunicaciones__block + .mwm-comunicaciones__block {
  margin-block: 3rem 0;
}
.mwm-comunicaciones__title {
  margin-block: 0 0.5rem;
}
.mwm-comunicaciones .mwm-comunicados-load-more {
  margin-block: 1.5rem 0;
}

/* ── GRUPOS DE EXPERTOS: tarjetas ─────────────────────────────────────────── */
.mwm-ge__grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-ge__card {
  background: var(--mwm--color--n100);
  border: 0.0625rem solid var(--mwm--color--p400);
  border-top: 0.25rem solid var(--mwm--turquesa);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
}
.mwm-ge__card-title {
  margin: 0;
}
.mwm-ge__card-title a {
  color: var(--mwm--color--p100);
  text-decoration: none;
}
.mwm-ge__card-title a:hover, .mwm-ge__card-title a:focus-visible {
  text-decoration: underline;
}
.mwm-ge__card-meta {
  color: var(--mwm--color--p200);
  font-size: 0.875rem;
  margin: 0;
}
.mwm-ge__card-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: auto 0 0;
  padding: 0.25rem 0 0;
}
.mwm-ge__card-link {
  border: 0.0625rem solid var(--mwm--color--p200);
  color: var(--mwm--color--p100);
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: var(--mwm--font-weight--medium);
  padding: 0.375rem 0.75rem;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
.mwm-ge__card-link:hover, .mwm-ge__card-link:focus-visible {
  background: var(--mwm--color--p100);
  border-color: var(--mwm--color--p100);
  color: var(--mwm--color--n100);
}
.mwm-ge__cai {
  color: var(--mwm--color--p200);
}
.mwm-ge__cai a {
  color: var(--mwm--color--p100);
}
@media (min-width: 48rem) {
  .mwm-ge__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .mwm-ge__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* La sección de publicaciones de la ficha de grupo cierra la página con el
   mismo ritmo que las demás. */
.mwm-main-commission__publications .box-grey {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mwm-main-commission__publications .box-grey > p {
  font-weight: var(--mwm--font-weight--regular);
}
.mwm-main-commission__publications .box-grey .mwm-btn {
  align-self: start;
}

/* ── SERVICIOS: cajas con varios enlaces ──────────────────────────────────── */
.mwm-main-services__item {
  border-top: 0.25rem solid var(--mwm--turquesa);
}
.mwm-main-services__item-links {
  display: grid;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-main-services__item-link {
  color: var(--mwm--color--p100);
  font-weight: var(--mwm--font-weight--medium);
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}
.mwm-main-services__item-link:hover, .mwm-main-services__item-link:focus-visible {
  text-decoration: none;
}
.mwm-main-services__note a {
  color: var(--mwm--color--p100);
}

/* ── FORMACIÓN: convocatorias homologadas en la barra lateral ─────────────── */
.mwm-main-events__sidebar-homologadas {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: left;
}
.mwm-main-events__sidebar-homologadas .mwm-main-events__sidebar-title {
  padding-bottom: 0;
}
.mwm-main-events__sidebar-homologadas .mwm-main-events__sidebar-paragraph {
  font-weight: var(--mwm--font-weight--regular);
}
.mwm-main-events__sidebar-homologadas .mwm-btn {
  align-self: start;
  white-space: normal;
}
.mwm-main-events {
  /* La "Demarcación" pasa a segundo lugar: el desplegable hereda el alto de
     los inputs para que la columna no baile. */
}
.mwm-main-events__select {
  min-height: 2.75rem;
}

/* ── AYUDA: formulario simplificado ───────────────────────────────────────── */
.mwm-main-ayuda__form-hint {
  color: var(--mwm--color--p200);
  margin: 0;
}

/* ── FOOTER: todas las redes de AEDAF ─────────────────────────────────────── */
.mwm-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mwm-footer__social li {
  margin: 0;
}
.mwm-footer__social .mwm-footer__social-link {
  align-items: center;
  block-size: 2.5rem;
  color: var(--mwm--color--n100);
  display: inline-flex;
  inline-size: 2.5rem;
  justify-content: center;
  transition: color 0.2s;
}
.mwm-footer__social .mwm-footer__social-link svg {
  block-size: 1.25rem;
  inline-size: auto;
}
.mwm-footer__social .mwm-footer__social-link {
  /* Turquesa sobre p200 = 3,1:1: cumple el 3:1 de componente. */
}
.mwm-footer__social .mwm-footer__social-link:hover, .mwm-footer__social .mwm-footer__social-link:focus-visible {
  color: var(--mwm--turquesa);
}

/* ── Tipografía: una sola escala para los titulares de tarjeta ────────────── */
.mwm-comunicaciones .mwm-main-dashboard__event-title,
.mwm-ge__card-title {
  font-size: 1.125rem;
  line-height: 1.4;
}

/* ── Contraste del menú principal (verificado en vivo 2026-09-09) ──────────
   El elemento activo del menú iba en s100 #14A3DC sobre blanco = 2,88:1 a
   16 px (mínimo 4,5:1). Fallo previo del tema, en todas las páginas. Se pasa
   al turquesa de texto (#0B6E93 = 5,7:1) para mantener el acento sin perder
   legibilidad. */
.mwm-header__menu .current-menu-item > a,
.mwm-header__menu .current-menu-ancestor > a,
.mwm-header__menu .current_page_item > a,
.mwm-header__menu a:hover,
.mwm-header__menu a:focus-visible {
  color: var(--mwm--turquesa-text);
}

/* El campo "Texto" de Formación queda en el DOM (lo alimenta el buscador
   principal) pero oculto: .mwm-main-events__input le ponía display y el
   atributo hidden no bastaba. */
.mwm-main-events__input[hidden] {
  display: none;
}

/* El titular de Ayuda va centrado: su filete también. */
.mwm-main-documentation__title::after {
  margin-inline: auto;
}

/* ── Ajustes tras el barrido con Playwright (1440 y 390 px, 2026-09-09) ──── */
/* El tema pinta el ítem activo con `li.current-menu-item > a` (más específico
   que la regla de arriba, que no llegaba a aplicarse). Misma especificidad. */
.mwm-header__menu li.current-menu-item > a,
.mwm-header__menu li.current-menu-ancestor > a,
.mwm-header__menu li.current-menu-ancestor:not(.is-open) > a,
.mwm-header__menu li.current_page_item > a,
.mwm-header__menu li > a:hover,
.mwm-header__menu li > a:focus-visible {
  color: var(--mwm--turquesa-text);
}

/* Botones largos dentro de cajas: .mwm-btn lleva nowrap y a 390 px el de
   "Ver publicaciones del grupo en LaBiblioteca" desbordaba la página
   (403 px de 375). */
.mwm-main-commission .box-grey .mwm-btn,
.mwm-main-commission__cta .mwm-btn {
  white-space: normal;
  text-align: left;
}

/* "Leer más" de las fichas de grupo en móvil: s100 sobre la caja gris
   #DADBE2 = 2,08:1. En p100 da 9,9:1. */
.mwm-main-commission__readmore {
  color: var(--mwm--color--p100);
}

/* Miga actual de la bolsa de trabajo: s100 sobre blanco = 2,88:1. */
.mwm-main-archive__crumb.is-current {
  color: var(--mwm--turquesa-text);
}

/* Formación en móvil: el hero y el bloque de filtros iban pegados (0 px). */
@media (max-width: 47.9375rem) {
  .mwm-main-events__row + .mwm-main-events__row {
    margin-block-start: 1.5rem;
  }
}
/* Convocatorias homologadas: el título y la tabla iban pegados (0 px). */
.mwm-main-call__row + .mwm-main-call__row {
  margin-block-start: 1.5rem;
}

/* Herramientas (estructura de Diego, 27-oct-2026): una sección por categoría
   principal y solo una visible a la vez (la del filtro activo). Proveedores de
   software lleva dentro sus subcategorías, Externos y Asociados. */
.mwm-herramientas-group {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.mwm-herramientas-group.is-hidden {
  display: none;
}

.mwm-herramientas-subgroup {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mwm-main-herramientas__block-title {
  margin: 0;
  padding-block-end: 0.75rem;
  border-block-end: 0.125rem solid var(--mwm--color--e200);
}

.mwm-main-herramientas__section-title {
  margin: 0;
}

.mwm-herramientas-block__empty {
  color: var(--mwm--color--p200);
  margin: 0;
}

/* Información institucional: una tabla por categoría, con la maqueta de
   Archivos compartidos. */
.mwm-main-institucional__group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mwm-main-institucional__group-title {
  margin: 0;
}

/* Información institucional en móvil: la tabla de Archivos compartidos no
   tiene versión apilada (a 390 px obliga a desplazar en horizontal y corta la
   columna Acción). Aquí cada documento pasa a ser una ficha: nombre, fecha
   con su etiqueta y el botón debajo. */
/* El tema pone white-space: nowrap a las celdas: con un título largo la tabla
   se sale de su caja. Aquí el nombre del documento parte línea; el botón no. */
.mwm-main-institucional .mwm-main-archive__td {
  white-space: normal;
}

.mwm-main-institucional .mwm-main-archive__td--right {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .mwm-main-institucional .mwm-main-archive__thead {
    display: none;
  }
  .mwm-main-institucional .mwm-main-archive__table,
  .mwm-main-institucional .mwm-main-archive__tbody {
    display: block;
    width: 100%;
  }
  .mwm-main-institucional .mwm-main-archive__tr {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0;
    border-block-end: 0.125rem solid var(--mwm--color--p100);
  }
  .mwm-main-institucional .mwm-main-archive__td {
    display: block;
    padding: 0;
  }
  .mwm-main-institucional .mwm-main-archive__td:not(:first-child):not(.mwm-main-archive__td--right):not([colspan])::before {
    content: attr(data-col) ": ";
    color: var(--mwm--color--p200);
  }
}
/* Información institucional: intro editable, subcategorías, acciones
   (ficha + PDF) y página de ficha. Colores: texto p100 (#142E51) sobre blanco. */
.mwm-main-institucional__intro {
  max-width: 60rem;
  color: var(--mwm--color--p100);
}

.mwm-main-institucional__subgroup {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-block-start: 1rem;
}

.mwm-main-institucional__subgroup-title {
  margin: 0;
  color: var(--mwm--color--p100);
}

.mwm-main-institucional__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.mwm-institucional-ficha {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 52rem;
  color: var(--mwm--color--p100);
  overflow-wrap: anywhere;
}

.mwm-institucional-ficha__media img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mwm-institucional-ficha__body a {
  color: var(--mwm--color--p100);
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .mwm-main-institucional .mwm-main-archive__td--right.mwm-main-institucional__actions {
    justify-content: flex-start;
    white-space: normal;
  }
}
/* Servicios: listados de Patrocinios y Colaboración social. */
.mwm-main-services__listado {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: var(--mwm--color--p100);
}

/* Grupos de Expertos: subtítulo "Otros Grupos". */
.mwm-ge__subtitle {
  margin: 0;
  color: var(--mwm--color--p100);
}

/* Móvil (375/360/320): el selector de archivo del CV de la bolsa pública y el botón
   «Abrir esta actividad en aedaf.es» de la ficha de evento no pasan del contenedor. */
@media (max-width: 47.99rem) {
  .mwm-job-form__label,
  .mwm-job-form__input--file {
    max-width: 100%;
    min-width: 0;
  }
  .mwm-job-form__input--file {
    width: 100%;
  }
  .mwm-main-details-event__btn {
    max-width: 100%;
    text-align: center;
    white-space: normal;
  }
}
/* ── Inicio: misma escala de letra que las páginas interiores ─────────────
   María José (8-sep) y Diego (27-oct): de «Próximos encuentros» hacia abajo
   el inicio iba más grande que el resto. Medido en vivo a 1440 px: titulares
   de evento y de alerta a 24 px y títulos de Documentos favoritos, Mis
   actividades, Facturas, Certificados y Alertas a 32 px, cuando en interiores
   los titulares de tarjeta van a 18 px (Comunicaciones, Grupos de Expertos) y
   los subapartados a 24 px (Área personal, Servicios). «Próximos encuentros»
   y el selector de mes ya coinciden con los interiores y no se tocan. */
.mwm-home .mwm-main-dashboard__event-title,
.mwm-home .mwm-main-dashboard__note-title {
  font-size: 1.125rem;
  line-height: 1.4;
}
.mwm-home .mwm-main-dashboard__row .mwm-main-dashboard__columns .mwm-main-dashboard__section-title {
  font-size: var(--mwm--font-size--h300);
  line-height: var(--mwm--line-height--h300);
}

/* Herramientas a 320 px: el botón de acceso iba en una sola línea («Acceder a
   la base de datos de LA LEY», 313 px) y ensanchaba la ficha hasta 359 px.
   Se deja partir el texto y la rejilla no crece por su contenido. Además la
   columna mínima era de 320 px fijos (style.css), más que el hueco útil a 320:
   ahora es como mucho el ancho disponible. */
.mwm-herramientas-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.mwm-herramientas-grid > .mwm-herramienta-card {
  min-width: 0;
}

.mwm-herramienta-card__actions .mwm-herramienta-card__btn {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}

/* Ficha de persona (Comisión Directiva y Junta de Delegados), 28-oct-2026:
   foto pequeña a la izquierda y el perfil al lado. Fuente: single-doc_institucional.php */
.mwm-institucional-ficha--persona {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.mwm-institucional-ficha--persona .mwm-institucional-ficha__media img {
  width: 12rem;
  max-width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 48rem) {
  .mwm-institucional-ficha--persona {
    grid-template-columns: 14rem minmax(0, 1fr);
    column-gap: 2rem;
  }
  .mwm-institucional-ficha--persona > * {
    grid-column: 1 / -1;
  }
  .mwm-institucional-ficha--persona > .mwm-institucional-ficha__media {
    grid-column: 1;
  }
  .mwm-institucional-ficha--persona > .mwm-institucional-ficha__body {
    grid-column: 2;
  }
  .mwm-institucional-ficha--persona .mwm-institucional-ficha__media img {
    width: 14rem;
  }
}