/* Desktop - Escala fluída responsiva com clamp() 
   Substitui 36 media queries por uma função CSS moderna
   Range: 1000px (5.21px) → 1920px+ (10px) */
@media (min-width: 993px) {
  html {
    /* Fórmula: clamp(min, preferred, max)
       - Min: 5.21px (limite em telas pequenas desktop)
       - Preferred: 0.521vw + 0.021px (escala proporcional ao viewport)
       - Max: 10px (base em 1920px) */
    font-size: clamp(5.21px, 0.521vw + 0.021px, 10px);
  }
}

/* MOBILE - Escala fluída responsiva com clamp()
   Mantém reset em 992px e substitui 44 media queries
   Range: 312px (3.15px) → 992px (10px) */
@media (max-width: 992px) {
  html {
    /* Fórmula: clamp(min, preferred, max)
       - Min: 3.15px (limite em dispositivos pequenos ~320px)
       - Preferred: 1.007vw + 0.01px (escala proporcional ao viewport)
       - Max: 10px (base mobile em 992px) */
    font-size: clamp(3.15px, 1.007vw + 0.01px, 10px);
  }
}