.space-1{
  height: 1rem;
}
.op{
  display: flex;
  justify-content: space-evenly;
}

button .btn-salvar{
  background: #d31d1d;
  color: #fff;
  padding: 1rem 2rem;
}

.dark-background {
  background-color: rgba(255, 255, 255, 0.0); /* Um fundo semitransparente para melhor legibilidade */
}

/* Vídeo de Fundo */
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.read-more-custom{
  background: #423e80;
  padding: .6rem 1rem;
  margin: 0 .5rem;
  border-radius: .4rem;
  color: #fff;
  margin-top: 1rem;
  width: 200px;
  border: none;
  border-bottom: 4px #353265 solid;
}

.read-more-custom:hover{
  background: #676499;
  color: #fff;
}

.btns{
  display: flex;
  justify-content: center;
}

.form-login{
  max-width: 300px; 
  margin: 0 auto;
  padding: 1rem;
}

.form-login fieldset{
  padding-bottom: 1rem;
}

.form-login fieldset button{
  width: 100%;
  padding: .5rem;
  border-radius: .5rem;
  background: #a09fc1;
  color: #fff;
}

.btn-center{
  max-width: 330px;
  text-align: center;
  margin: 0 auto;
  padding: 3rem 0 0 0;
}

.hero-e {
  width: 100%;
  min-height: 40vh;
  position: relative;
  padding: 80px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-category{
  background: #f7f7f7;
  position: absolute;
  bottom: 160px;
  left: 20px;
  z-index: 99;
  padding: .2rem 1rem;
  border-radius: .3rem;
}

.img-responsive{
  width: 100%;
}