* { box-sizing: border-box; }

body { margin: 0; min-height: 100vh; font-family: "Helvetica Neue", Arial, sans-serif; color: #111; background: #111; overflow-x: hidden; }

#background { position: fixed; inset: 0; background: url("fundo1.png") center top / cover no-repeat; z-index: 0; }

/* em desktop usa imagem diferente */
@media (min-width: 768px) {
  #background { background-image: url("fundo-desktop.png"); }
}

.main, .panel { position: relative; z-index: 1; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem; }

.content { color: #fff; text-align: center; z-index: 1; }

.content h1 { color: #E6D9D1; font-size: 1.6rem; margin-bottom: 0.5rem; }
.content p { color: #E6D9D1; opacity: 0.9; }

/* imagem "em-breve" posicionada conforme pedidos */
.coming-soon { position: fixed; z-index: 2; display: block; max-width: 500px; height: auto; }

/* mobile: centralizado mais na parte inferior */
@media (max-width: 767px) {
  .coming-soon { left: 50%; bottom: 6vh; transform: translateX(-50%); max-width: min(200vw, 400px); }
}

/* desktop: centralizado à direita */
@media (min-width: 768px) {
  .coming-soon { right: 8%; top: 50%; transform: translateY(-50%); max-width: 650px; }
}

.footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 3; text-align: center; background: #1a1a1a; color: #E6D9D1; font-size: 0.75rem; padding: 0.5rem 0.5rem; line-height: 1.4; display: flex; align-items: center; justify-content: center; margin: 0; }
.footer a { color: #E6D9D1; text-decoration: none; font-weight: 600; }
.footer a:hover { text-decoration: underline; }