/**
 * SanBernarda Breakpoints 2026+ (Velasque)
 * Canonical: docs/architecture/BREAKPOINTS-2026.md
 */

:root {
  --bp-sm: 480px;
  --bp-md: 640px;
  --bp-lg: 768px;
  --bp-xl: 1024px;
  --bp-2xl: 1280px;
  --bp-3xl: 1440px;
  --bp-4xl: 1920px;
  --bp-5xl: 2560px;
  --bp-max-sm: 639px;
  --bp-max-lg: 1023px;
  --bp-max-2xl: 1439px;
  --bp-max-3xl: 1919px;
  --bp-fold-min: 600px;
  --bp-fold-max: 767px;
  --bp-short-max-h: 900px;
  --bp-tall-min-h: 850px;
}

/* ==========================================================================
   MOBILE BREAKPOINTS SYSTEM (320px - 480px)
   Garantia de Zero Layout Shift, Zero Overflow-X e Ergonomia Tátil
   ========================================================================== */

/* 480px — Smartphones convencionais */
@media (max-width: 480px) {
  :root {
    --header-height: 3.85rem;
  }

  .section {
    padding-block: var(--space-12);
  }

  /* Form inputs touch target seguro e prevenção de zoom no iOS Safari */
  .form-field input,
  .form-field select,
  .form-field textarea {
    font-size: 16px;
    min-height: 44px;
  }
}

/* 320px - 360px — Telas ultra-compactas (iPhone SE 1st gen, Galaxy Fold frontal) */
@media (max-width: 360px) {
  :root {
    --header-height: 3.75rem;
  }

  .section {
    padding-block: var(--space-10);
  }

  .btn {
    padding-inline: var(--space-3);
    font-size: 0.78125rem;
  }
}