/* ========================= */
/* CARD SOBRE NÓS */
/* ========================= */

.goodafter {

  position: relative;

  display: block;

  max-width: 1500px;

  margin: 40px auto;

  padding: 40px;

  text-align: center;

  font-size: 24px;

  line-height: 1.8;

  color: white;

  font-weight: bold;

  background: #111827;

  border-radius: 30px;

  z-index: 1;

  overflow: hidden;
}

/* RGB */

.goodafter::before {

  content: "";

  position: absolute;

  top: -3px;
  left: -3px;

  width: calc(100% + 6px);
  height: calc(100% + 6px);

  background: linear-gradient(
    45deg,
    #ff0080,
    #9333ea,
    #00ffff,
    #04f851,
    #ffff00,
    #ff0080
  );

  background-size: 400%;

  border-radius: 32px;

  animation: rgbCard 8s linear infinite;

  filter: blur(12px);

  z-index: -2;
}

/* Fundo escuro do card */

.goodafter::after {

  content: "";

  position: absolute;

  inset: 3px;

  background: #03060e;

  border-radius: 27px;

  z-index: -1;
}

/* Animação RGB */

@keyframes rgbCard {

  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 400% 50%;
  }

}


@media (max-width: 768px) {

  .goodafter {

    max-width: 95%;

    padding: 20px;

    font-size: 18px;

    line-height: 1.6;

    border-radius: 20px;

  }

  .good {

    font-size: 28px;

    padding: 0 10px;

  }

}