/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans", sans-serif;
  /* background: linear-gradient(135deg, #FF5A00, #FF3200); */
  background: url('../element/mobilebg.png')no-repeat center center;
  color: white;
  line-height: 1.4;
  min-height: 100vh;
  height: 100vh;
  margin: 0 auto;
}


/* Padrão: tudo escondido */
#mobile, #desktop {
  display: none;
}

/* Mostrar só no mobile (até 767px) */
@media (max-width: 1200px) {
  body {
    background-size: cover;
  }

  #mobile {
    display: block;
  }
  #desktop {
    display: none !important;
  }
}

/* Mostrar só no desktop (768px ou maior) */
@media (min-width: 1200px) {
  body {
   background: url('../element/desktop-bg.svg')no-repeat center center;
   background-size: cover;
  }

  #desktop {
    display: block;
  }
}