/* ============================================================
   Copiaecola — Base de responsividade (mobile hardening)
   Carregado por ÚLTIMO pra ter prioridade. Regras conservadoras
   e universais; ajustes por-tela vêm com o teste no dispositivo.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

html, body { max-width: 100%; }
body { overflow-x: hidden; }

/* Mídia nunca estoura a largura */
img, svg, video, canvas { max-width: 100%; height: auto; }

/* Respeita a área segura de aparelhos com notch */
body { padding-bottom: env(safe-area-inset-bottom, 0); }

@media (max-width: 640px) {
  /* iOS dá zoom automático em input com fonte < 16px — evita isso */
  input, select, textarea { font-size: 16px; }

  /* Tabelas largas rolam na horizontal em vez de estourar a tela */
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Alvo de toque mínimo em botões */
  button, .btn { min-height: 40px; }

  /* Contêineres com largura fixa em px não estouram */
  .container, .card, .painel, .conteudo, main, section { max-width: 100%; }
}

/* Quando instalado como app (standalone), respeita a barra de status */
@media (display-mode: standalone) {
  body { padding-top: env(safe-area-inset-top, 0); }
}