/* FUNDO GLOBAL */
body,
section,
main,
footer {
  background-color: #0b1f5c;
}

/* HERO COM IMAGEM + GRADIENTE SUAVE */
.hero {
  position: relative;
  overflow: hidden;
}

/* Gradiente atrás do conteúdo */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(11,31,92,0.85) 0%,
    rgba(11,31,92,0.6) 50%,
    rgba(8,23,68,0.85) 100%
  );
  z-index: 1;
}

/* Conteúdo sempre acima */
.hero > * {
  position: relative;
  z-index: 2;
}