.cards-pos-grad-conc {
  width: 100%;
  margin: 2rem 0;
}

.cards-pos-grad-conc-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cards-pos-grad-conc-container h3 {
  font-family: "Margem-medium";
}

.cards-pos-grad-conc-container .cards {
  width: 100%;

  display: flex;
  justify-content: space-between;
  gap: 10px;

  margin-top: 3rem;
}

.cards-pos-grad-conc-container .card {
  width: 360px;
  height: 312px;

  position: relative;
  padding: 32px;

  border-radius: 0 24px;
  border: none;
}

.cards-pos-grad-conc-container .card.oab-card {
  background: linear-gradient(180deg, #92b7ff7d 12%, #006da3 95% .9%), url(/assets/cards-pos-grad-conc/img/card-1.webp?202509081615);
  background-size: cover;
  background-position: center;
}

.cards-pos-grad-conc-container .card.concurso-card {
  background: linear-gradient(180deg, #92b7ff7a 12%, rgb(0 28 82) 95%.9%), url(/assets/cards-pos-grad-conc/img/card-2.webp?202509081615);
  background-position: center, bottom;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.cards-pos-grad-conc-container .card.faculdade-card {
  background: linear-gradient(180deg, #ec899169 0%, rgb(0 28 82) 95%.9%), url(/assets/cards-pos-grad-conc/img/card-3.webp?202509081615);
  background-size: cover;
  background-position: center;
}

.cards-pos-grad-conc-container .card.pos-card {
  background: linear-gradient(180deg, #70efba94 0%, rgb(0 28 82) 95%.9%), url(/assets/cards-pos-grad-conc/img/card-4.webp?202509081615);
  background-size: cover;
  background-position: center;
}

.cards-pos-grad-conc-container .card .icon {
  width: 70px;
  height: 70px;

  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);

  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 70px;
  background: #EBF1FF;
}

.cards-pos-grad-conc-container .card .icon i {
  font-size: 2rem;
  color: #6D9FFF;
}

.cards-pos-grad-conc-container .card.oab-card .icon {
  background-color: #FFFFFF;
}

.cards-pos-grad-conc-container .card.faculdade-card .icon {
  background-color: #FCEEEF;
}

.cards-pos-grad-conc-container .card.pos-card .icon {
  background-color: #EDFDF6;
}

.cards-pos-grad-conc-container .card.oab-card .icon i {
  color: #E45864;
}

.cards-pos-grad-conc-container .card.faculdade-card .icon i {
  color: #EC8991;
}

.cards-pos-grad-conc-container .card.pos-card .icon i {
  color: #70EFBA;
}


.cards-pos-grad-conc-container .card .card-container {
  height: 100%;
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.cards-pos-grad-conc-container .card p {
  text-align: center;

  color: #EFEFF0;
  font-family: 'Margem-regular';
  font-size: 1.5rem;
  line-height: normal;
}

.cards-pos-grad-conc-container .card p span {
  font-family: 'Margem-bold';
  font-size: 2rem;
  letter-spacing: -1px;
}

.cards-pos-grad-conc-container .card a {
  width: 100%;
  max-width: 296px;
  padding: 15px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  position: absolute;
  bottom: 0;

  border-radius: 8px;

  font-family: 'Margem-light';
  font-size: 1rem;
  line-height: 1rem;

  background-color: rgba(198, 33, 46, 1);
  color: #FFFFFF;
}


@media (min-width: 992px) and (max-width: 1200px) {
  .cards-pos-grad-conc-container .card p span {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1025px) {
  .cards-pos-grad-conc-container .cards {
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
  }
}

@media screen and (max-width: 400px) {
  .cards-pos-grad-conc-container h3 {
    font-size: 1.5rem;
    text-align: center;
  }

  .cards-pos-grad-conc-container .card p span {
    font-size: 2rem;
  }
}