/* ============================================================================ * mobile.css — camada de layout para SMARTPHONE. * * REGRA DE OURO (nao quebre isto): * TODO seletor deste arquivo comeca com `html[data-viewport="mobile"]` * (fork de LAYOUT, so celular) ou `html[data-pointer="coarse"]` * (afordancia de TOQUE, celular + tablet). * Sem esses atributos no , este arquivo inteiro e' INERTE — e' assim * que o layout de PC fica provadamente intocado, por construcao e nao por * sorte de cascata. O script inline no do index.html so' carimba * data-viewport="mobile" quando o aparelho e' de toque E o menor lado da * TELA (nao da janela) e' <= 600px. * * POR QUE ATRIBUTO E NAO @media: * 21 modulos JS injetam