/* Página inicial: hero em tela cheia (estilos do hero em base.css) + botões */

.hero-full {
  min-height: 100vh;
  min-height: 100dvh;
}

.hero-full .hero-brand { margin-bottom: 40px; }

/* ---- BOTÕES ---- */
.hero-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Linha 2: dois botões iguais, somando a largura do botão de cima */
.btn-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.btn {
  display: block;
  padding: 16px 12px;
  background: var(--red);
  color: var(--cream);
  border-radius: 2px;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  transition: background 0.15s ease, transform 0.15s ease;
}

.btn:hover { background: #A3141F; }
.btn:active { transform: translateY(1px); }