/*
 * Objetivos táctiles en móvil.
 *
 * Un enlace suelto de una línea mide 18px de alto: en un móvil eso es un objetivo que se
 * falla. La WCAG 2.2 (2.5.8) pide 24px como mínimo; aquí se llega a 32 ampliando SOLO la
 * zona sensible, sin tocar el tamaño de letra ni el ritmo vertical del bloque.
 *
 * La lista es explícita a propósito: son los enlaces que van solos —llamadas, «ver más»,
 * teléfonos y correos—. Los enlaces dentro de un párrafo quedan fuera, porque agrandarlos
 * rompería el interlineado del texto y la propia norma los exceptúa.
 */

@media (max-width: 999px) {
  .exxi-contador a,
  .exxi-section-heading__link,
  .exxi-carrusel__cta,
  .exxi-landing__secundario,
  .exxi-side-suscripcion__prueba,
  .exxi-entrevista__cta,
  .exxi-pildora,
  .exxi-side-leidas__item,
  .exxi-miembro__email,
  .exxi-datos a,
  .exxi-areas a,
  .exxi-pagina__contacto-datos a,
  .exxi-ficha__data a,
  .exxi-entity-group__list a,
  .exxi-ficha__name a,
  .exxi-evento__titulo a,
  .exxi-footer__enlaces a,
  .exxi-topbar__acciones a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
  }

  /* En el pie los enlaces van en columna: el alto mínimo separa uno de otro sin
     añadir un margen que descuadraría las tres columnas en escritorio. */
  .exxi-footer__enlaces li + li { margin-top: var(--space-1); }
}