/* =========================================================
   AURIFEX STUDIO v9 :: a comparação cabe na altura real do iPhone (04/11/2026)

   Chave COMPARACAO_664 em gerador/montar.py, só no Início.
   Levantamento de 04/11 (pendencias/sites-na-altura-do-iphone-2026-11-04.md):
   com a barra do Safari, a tela útil do iPhone é 390 × 664, não 844. Entre o
   cabeçalho e a barra "Pedir orçamento" sobram 520 px, e as duas telinhas
   mediam de 563 a 685: a explicação de "Com o site novo" ficava atrás da barra
   nas quatro situações, o mesmo defeito corrigido para 844 em 30/10.
   Só vale em tela de celular baixa: em 844 e no computador, nada muda.
   Mesmo conteúdo e mesmo desenho, só folgas e alturas menores.
   ========================================================= */
@media (max-width:520px) and (max-height:780px){
  .palco-muda{padding:8px;gap:6px}
  .telinha{padding:9px 10px;gap:5px}
  .telinha .rot{line-height:1.2}
  .telinha .corpo{gap:5px}
  .telinha .pe{font-size:12px;line-height:1.3}
  .esq{height:7px}
  .bloco-cinza{height:26px}
  .discador{padding:5px 8px;gap:1px}
  .discador .dig{font-size:14px}
  .chat-antigo{gap:4px}
  .foto-papel{height:108px;padding:8px 10px}
  .foto-novo{height:56px}
  .zap-mini{padding:7px}
  .balao-zap{padding:6px 9px;font-size:11px}
  .balao-zap small{margin-top:1px}
  .novo-lista{gap:3px}
  .novo-lista div{padding:4px 8px}
  .status-mini{padding:6px 9px}
  .rota-mini span{padding:5px}
  .nav-mini .end{padding:4px 8px}
  .nav-mini .pag{height:72px;padding:6px 8px;gap:5px}
  .nav-mini .b1{height:16px}
  .nav-mini .gira{top:30%;width:22px;height:22px;margin:-11px 0 0 -11px}
  .nav-mini .desistiu{left:8px;right:8px;bottom:5px;padding:4px 8px}
  .nav-mini.bom .pag{height:116px;padding:0;gap:0;grid-template-rows:40px auto auto 1fr}
  .nav-mini.bom .pag img{height:40px}
  .nav-mini.bom .pag b{padding:4px 10px 0;font-size:15px}
  .nav-mini.bom .pag .zap-mini{margin:0 8px 6px;padding:5px}
  .cronometro b{font-size:26px}
}