/* ===== LAYOUT MOBILE FORÇADO EM TODOS OS DISPOSITIVOS ===== */

/* Fundo visível nas laterais em telas maiores que 480px */
html {
  background-color: #0d0d0d;
}

/* Container mobile centralizado */
body {
  max-width: 480px;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
  /* transform cria um novo bloco contenedor para elementos position:fixed,
     fazendo-os respeitar a largura do body (480px) em vez da viewport inteira */
  transform: translateX(0);
}

/* Garante que o preloader fique dentro do container mobile */
#preloader-overlay {
  max-width: 480px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* Garante que a tela de carregamento do app fique no container */
#start_page {
  max-width: 480px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}