/* Nav y footer compartidos: área táctil mínima de 44px (brandbook v2, sección 08 "Target mínimo").
   El área se agranda con un pseudo-elemento invisible centrado sobre cada enlace, así el texto,
   el tamaño de fuente y el layout quedan exactamente igual. Cada página lo carga con un <link> en el head. */

/* Enlaces de texto del nav (Home, Método, Servicios, About), logo y "← Volver…" del nav y del footer */
nav a.t-button,
nav a[class*="logo-link"],
nav a.t-caption,
footer a.t-caption {
  position: relative;
}
nav a.t-button::after,
nav a[class*="logo-link"]::after,
nav a.t-caption::after,
footer a.t-caption::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 44px;
  min-height: 100%;
  transform: translateY(-50%);
}

/* Botón del menú mobile: 38×38 visibles, 44×44 de área táctil */
nav button[class$="burger"] {
  position: relative;
}
nav button[class$="burger"]::after {
  content: "";
  position: absolute;
  inset: -3px;
}