/* Página "Em breve" — comum aos cases futuros (Attini, Instituto Pomin, Verriê, Outrise) */

body.em-breve {
  margin: 0;
  background: #08080a;
  color: #fff;
  font-family: 'Space Grotesk', 'SpaceGrotesk Variablefont Wght', Arial, sans-serif;
  min-height: 100vh;
  display: grid;
  place-items: center;
  position: relative;
  overflow-x: hidden;
}

body.em-breve::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse at 25% 30%, var(--accent-1, rgba(255, 255, 255, 0.06)) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 70%, var(--accent-2, rgba(255, 255, 255, 0.03)) 0%, transparent 55%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.013) 0px, rgba(255, 255, 255, 0.013) 1px, transparent 1px, transparent 28px);
  pointer-events: none;
  z-index: 0;
}

.eb-back {
  position: fixed;
  top: 2rem;
  left: 2rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.05em;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: color .2s ease, border-color .2s ease;
}

.eb-back:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}

.eb-main {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 6rem 2rem;
  max-width: 960px;
}

.eb-label {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  padding: 8px 18px;
  margin-bottom: 2.5rem;
}

.eb-name {
  font-family: 'Space Grotesk', 'SpaceGrotesk Variablefont Wght', Arial, sans-serif;
  font-weight: 500;
  font-size: clamp(56px, 9vw, 144px);
  line-height: 1;
  letter-spacing: -0.04em;
  margin: 0 0 2.5rem;
  text-transform: lowercase;
}

.eb-quote {
  font-family: 'Space Grotesk', 'SpaceGrotesk Variablefont Wght', Arial, sans-serif;
  font-weight: 300;
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 auto 3.5rem;
  max-width: 760px;
  text-wrap: balance;
}

.eb-cta {
  display: inline-block;
  background: #ff3300;
  color: #fff;
  text-decoration: none;
  padding: 18px 38px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 4px 20px rgba(255, 51, 0, 0.25);
}

.eb-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(255, 51, 0, 0.4);
}

@media (max-width: 767px) {
  .eb-back { top: 1rem; left: 1rem; }
  .eb-main { padding: 5rem 1.25rem; }
  .eb-label { margin-bottom: 1.5rem; }
  .eb-name { margin-bottom: 1.5rem; }
  .eb-quote { margin-bottom: 2.5rem; }
}