/*
|--------------------------------------------------------------------------
| CARD RELACIONADA
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada {
  display: flex;

  flex-direction: column;

  background: #fff;

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.stbg-card-relacionada:hover {
  transform: translateY(-6px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/*
|--------------------------------------------------------------------------
| IMAGEM
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada-imagem {
  display: block;

  aspect-ratio: 1/1;

  overflow: hidden;
}

.stbg-card-relacionada-imagem img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 0.35s ease;
}

.stbg-card-relacionada:hover .stbg-card-relacionada-imagem img {
  transform: scale(1.05);
}

/*
|--------------------------------------------------------------------------
| CONTEÚDO
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada-conteudo {
  display: flex;

  flex-direction: column;

  flex: 1;

  padding: 22px;
}

/*
|--------------------------------------------------------------------------
| DATA
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada-data {
  margin-bottom: 12px;

  font-size: 0.8rem;

  color: #8b8b8b;
}

/*
|--------------------------------------------------------------------------
| TÍTULO
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada-conteudo h3 {
  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  font-size: 1.1rem;

  font-weight: 700;
}

.stbg-card-relacionada-conteudo h3 a {
  color: #222;

  text-decoration: none;

  transition: color 0.25s;
}

.stbg-card-relacionada-conteudo h3 a:hover {
  color: #7b1113;
}

/*
|--------------------------------------------------------------------------
| RESUMO
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada-conteudo p {
  flex: 1;

  margin: 0 0 22px;

  color: #555;

  line-height: 1.4;

  font-size: 0.8rem;
}

/*
|--------------------------------------------------------------------------
| LINK
|--------------------------------------------------------------------------
*/

.stbg-card-relacionada-link {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  font-weight: 600;

  color: #7b1113;

  text-decoration: none;

  transition: 0.25s;
}

.stbg-card-relacionada-link:hover {
  color: #b8732a;
}

/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 992px) {
  .stbg-card-relacionada-conteudo {
    padding: 18px;
  }
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {
  .stbg-card-relacionada-conteudo {
    padding: 16px;
  }

  .stbg-card-relacionada-conteudo h3 {
    font-size: 1.1rem;
  }
}