/*
 * ecosonics-globals.css
 * Reglas globales de UX — se incluye en todas las páginas de la app.
 *
 * TOUCH TARGETS:
 *   Apple HIG mínimo: 44×44px
 *   Google Material mínimo: 48×48px
 *   Solo aplica en dispositivos táctiles (@media pointer:coarse)
 *   para no alterar layouts desktop.
 */

/* ── Touch targets — dispositivos táctiles ──────────────────────────────── */
@media (pointer: coarse) {

  /* Botones nativos */
  button:not(.empty) {
    min-height: 44px;
  }

  /* Inputs interactivos (excluye checkbox/radio) */
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  select {
    min-height: 44px;
  }

  /* Anchors con clase btn */
  a.btn,
  a.btn-p,
  a.btn-g,
  a.btn-s,
  a.btn-outline,
  a.nav-cta,
  a.cta-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Nav links — área táctil vertical mínima */
  .nav-links a,
  .nav-links button {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

}

/* ── Mejoras de accesibilidad globales ──────────────────────────────────── */

/* Focus visible consistente en toda la app */
:focus-visible {
  outline: 2px solid rgba(168, 85, 212, 0.7);
  outline-offset: 2px;
}

/* Evita zoom no deseado en inputs en iOS */
@media (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="search"],
  select,
  textarea {
    font-size: max(16px, 1em);
  }
}