/** * Parlons — ajustes para viewports até 450px. * Carregar por último no para complementar os breakpoints 500/480/400/384px. */ @media (max-width: 450px) { html { -webkit-text-size-adjust: 100%; } body { padding-left: max(0px, env(safe-area-inset-left, 0px)); padding-right: max(0px, env(safe-area-inset-right, 0px)); } .container { width: 100%; max-width: 100%; box-sizing: border-box; } .chat-container { max-width: 100%; border-radius: 0; box-sizing: border-box; } .header { max-width: 100%; box-sizing: border-box; } .page { max-width: 100%; padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px)); box-sizing: border-box; } .mensagem-wrapper, .mensagem-header { max-width: 100%; box-sizing: border-box; } .site-main, .site-main--index { box-sizing: border-box; } .terms-container { max-width: 100%; padding: 20px 14px; box-sizing: border-box; } .container img, .terms-container img, .page img { max-width: 100%; height: auto; } .adm-header { padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px)); } /* Menu principal (main.php): painel alinhado à direita como em ≤384px */ #dropdown.dropdown-menu { position: fixed; top: 70px; right: 20px; left: auto; transform: none; width: calc(100vw - 60px); max-width: 380px; box-sizing: border-box; z-index: 10050; } #dropdown .submenu-content { width: 100%; left: 0; } }