/* ===== Camada de segurança mobile-first (clone ES) ===== Aditiva e conservadora: previne overflow horizontal e estouro de texto ES (mais longo que PT) em botões/títulos. Carregada por último no pra sobrepor com cuidado. */ html, body { max-width: 100%; overflow-x: hidden; } #app { max-width: 100%; overflow-x: hidden; } /* imagens/vídeos nunca estouram a largura da tela */ img, video, .video-js { max-width: 100%; height: auto; } /* texto ES mais longo pode quebrar em vez de estourar o container */ h1, h2, h3, h4, p, span, button, a, label, .btn { overflow-wrap: break-word; word-break: normal; hyphens: auto; } /* botões/CTAs: permitir múltiplas linhas e não exceder a largura */ button, .btn, [class*="btn"] { white-space: normal !important; max-width: 100%; } /* ajustes finos só em telas estreitas (mobile) */ @media (max-width: 480px) { h1, h2 { line-height: 1.2; } /* grade de signos/opções não deve forçar scroll lateral */ .row { margin-left: 0; margin-right: 0; } [class*="col-"] { padding-left: 6px; padding-right: 6px; } }