@charset "UTF-8";

/*
 * MASTER HEAD - Página Inicial
 */
 
.masthead {
  color: var(--primeira-cor);	
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative; /* Necessário para o pseudo-elemento */
}
.masthead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  /*opacity: 0.6; Ajuste a opacidade (0 a 1) */
  z-index: 1;
}
/* Garantir que o conteúdo fique acima do overlay */
.masthead > * {
  position: relative;
  z-index: 2;
}
.overlay-20::before { opacity: 0.2; }
.overlay-30::before { opacity: 0.3; }
.overlay-40::before { opacity: 0.4; }
.overlay-50::before { opacity: 0.5; }
.overlay-60::before { opacity: 0.6; }
.overlay-70::before { opacity: 0.7; }
.overlay-80::before { opacity: 0.8; }
.overlay-90::before { opacity: 0.9; }

.masthead h1, .masthead .h1 {
  font-size: 2.25rem;
}

.masthead p {
    font-size: 1.8rem;
  }


@media (min-width: 992px) {
  .masthead {
    height: calc(100vh - 100px);
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  .masthead h1, .masthead .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .masthead h1, .masthead .h1 {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .masthead p {
    font-size: 1.4rem;
  }
}