/* ============================================================================
   BIOMELISA · BASE.CSS · Capa base segura (no sobrescribe a Kadence globalmente)
   Se carga tras variables.css y antes de layout.css / components.css.
   Filosofía: tipografía y color globales los gestiona Kadence (Customizer) +
   las clases bm-* con scope; aquí solo van resets universales seguros y a11y.
   ============================================================================ */

/* Media responsive · base universal segura */
img, video { max-width: 100%; height: auto; }

/* Accesibilidad · contenido solo para lectores de pantalla (etiquetas, contexto) */
.bm-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

/* Foco visible coherente para elementos interactivos que no lo definan (respaldo AA).
   Los componentes bm-* ya definen su :focus-visible propio; esto es una red de seguridad. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: var(--focus-offset);
}