/* HERO SIMPLES — compartilhado por todas as páginas internas
   (FAQ, Contato, e as próximas: Credenciamento, Fórum, Quero Expor,
   Patrocinador, Já sou Expositor, Lista de Expositores, Privacidade) */

.page-hero-simple {
  background: var(--blue-dark);
  padding: 140px 64px 56px;
  position: relative;
  overflow: hidden;
}

.page-hero-simple::before {
  content: '';
  position: absolute; top: 0; left: 0; bottom: 0; width: 5px;
  background: linear-gradient(to bottom, var(--gold) 0%, var(--gold-dark) 30%, var(--green) 55%, var(--green-dark) 100%);
}

.hero-simple-breadcrumb { display:flex; align-items:center; gap:8px; font-size:11px; color:rgba(255,255,255,.4); margin-bottom:14px; }
.hero-simple-breadcrumb a { color:rgba(255,255,255,.4); text-decoration:none; }
.hero-simple-breadcrumb a:hover { color:var(--gold); }
.hero-simple-breadcrumb span { color:rgba(255,255,255,.2); }

.hero-simple-titulo { font-family:var(--font-display); font-size:clamp(32px,4vw,52px); font-weight:900; text-transform:uppercase; color:white; letter-spacing:-0.5px; margin-bottom:10px; }
.hero-simple-sub { font-size:13px; color:rgba(255,255,255,.55); max-width:520px; line-height:1.6; }

@media (max-width: 768px) {
  .page-hero-simple { padding: 100px 20px 40px; }
}

/* HERO EM BANNER — página cujo hero é uma arte pronta (título, datas e
   CTA já embutidos na imagem), sem overlay de texto por cima. Navbar é
   sempre position:fixed (ver .navbar em base.css) mesmo no modo "solid",
   então precisa do padding-top = altura da navbar (68px) senão ela fica
   sobreposta por cima do banner, cortando o topo da arte. */
.page-hero-banner { width: 100%; line-height: 0; padding-top: 68px; background: var(--off-white); }
.page-hero-banner img { width: 100%; height: auto; display: block; }

/* MENSAGEM DE STATUS DE FORMULÁRIO — compartilhada por todos os
   formulários processados via admin-post.php (Contato, Quero Expor,
   e os próximos que vierem a ter handler próprio). */
.form-status { border-radius:6px; padding:14px 16px; font-size:13px; line-height:1.5; margin-bottom:20px; }
.form-status-ok { background:rgba(45,157,110,0.1); border:1.5px solid rgba(45,157,110,0.3); color:var(--green-dark); }
.form-status-erro { background:rgba(214,69,69,0.08); border:1.5px solid rgba(214,69,69,0.3); color:#b23a3a; }