.certificacoes{
  width: auto;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 8px;
  
  @media (min-width: 700px) {
    margin-left: 8px;
  }
  }

.certificacoes figure {
  display: grid;
  overflow: hidden;
  cursor: pointer;
  align-items: center;
  border-left: 3px solid #126c35;
  height: 180px;
}

.certificacoes figure > * {
  grid-area: 1/1;
  transition: .4s;
}

.certificacoes figure figcaption {
  align-self: flex-end;
  font-family: sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  color: #ffffff;
  padding: .2rem;
  background: var(--c,rgba(2, 124, 39, 0.9));
  clip-path: inset(0 var(--_i,100%) 0 0);
  margin: -1px;
}
.certificacoes figure:hover figcaption{
  --_i: 0%;
}

.certificados-img {
  max-width: 200px;
  max-height: 200px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* certificacoes.php e card-certificacoes.php */

.img-cert {
  max-width: 130px;
  max-height: 130px;
}

.box-cert {
  margin-top: 30px;
  margin-bottom: 25px;
}

.center-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

#selo-div {
  perspective: 1000px;
}

.selo-bpb-index {
  max-width: 325px;
  max-height: 325px;
  margin-top: 20px;
  margin-bottom: 20px;
  object-fit: contain;
  padding: 45px;
  transition: transform 0.1s; /* Transição suave */
}

.selo-bpb-index:hover {
  cursor: pointer;
}

.selo-bpb-index-text {
  font-size: 20px;
}

.certificados-img-bpb {
  max-width: 325px;
  max-height: 325px;
  margin-top: 20px;
  margin-bottom: 20px;
}