/* ==========================================================================
   BLASUL — EM BREVE
   Puro Minimalismo: Logo Branco + EM BREVE Estático
   Fundo: #08079f
   Sem efeitos ou animações
   ========================================================================== */

:root {
  --bg-color: #08079f;
  --text-white: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.7);
  --line-color: rgba(255, 255, 255, 0.2);
  --font-heading: 'Syne', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
}

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

html, body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  background-color: var(--bg-color);
  color: var(--text-white);
  font-family: var(--font-body);
  overflow: hidden;
  user-select: none;
  cursor: default;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------------- PALCO CENTRAL ESTÁTICO ---------------- */
.stage {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
}

.brand-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 90vw;
}

/* Logo Blasul */
.logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-image {
  width: clamp(260px, 42vw, 500px);
  height: auto;
  display: block;
  object-fit: contain;
}

/* Linha Divisória Sutil */
.separator-line {
  width: clamp(60px, 12vw, 120px);
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--line-color) 50%,
    transparent 100%
  );
  margin: clamp(26px, 4vh, 38px) 0;
}

/* Texto EM BREVE */
.status-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-text {
  font-family: var(--font-heading);
  font-size: clamp(0.85rem, 1.35vw, 1.15rem);
  font-weight: 500;
  color: var(--text-muted);
  letter-spacing: clamp(0.35em, 0.6vw, 0.55em);
  text-indent: clamp(0.35em, 0.6vw, 0.55em);
  text-transform: uppercase;
}

/* ---------------- RESPONSIVIDADE ---------------- */
@media (max-width: 600px) {
  .logo-image {
    width: clamp(220px, 75vw, 340px);
  }

  .separator-line {
    margin: 20px 0;
  }
}