/* 15 cursos por pagina: 5 x 3 no desktop e 3 x 5 no notebook.
   Escopo local porque .wrapper tambem e usada por outras paginas publicas. */
.ead-results .wrapper {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.ead-results .wrapper .ead-jelly-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 16px;
}

.ead-results .wrapper .ead-jelly-card:hover {
  box-shadow: 0 12px 26px rgba(72, 78, 85, .3);
  transform: translateY(-5px);
}

.ead-results .wrapper .ead-jelly-media,
.ead-results .wrapper .ead-jelly-media.ead-thumb-fallback {
  border-radius: 16px 16px 0 0;
}

.ead-results .wrapper .ead-jelly-img-wrap {
  border-radius: 16px 16px 0 0;
}

.ead-results .wrapper .ead-badge {
  top: 8px;
  left: 8px;
  padding: 2px 7px;
  font-size: 9px;
}

.ead-results .wrapper .ead-jelly-badge {
  right: 12px;
  bottom: -16px;
  width: 36px;
  height: 36px;
  font-size: 15px;
}

.ead-results .wrapper .ead-thumb-icon {
  font-size: 38px;
}

/* "Ver curso" alinhado embaixo em todos os cards da linha */
.ead-results .wrapper .ead-jelly-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 10px 12px 12px;
}

/* Até 2 linhas e sem passar por baixo da bolinha do card */
.ead-results .wrapper .ead-jelly-kicker {
  display: -webkit-box;
  margin-bottom: 4px;
  padding-right: 32px;
  overflow: hidden;
  font-size: 9px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.ead-results .wrapper .ead-jelly-title {
  font-size: 12.5px;
}

.ead-results .wrapper .ead-jelly-body hr {
  width: 100%;
  margin: 8px 0;
}

.ead-results .wrapper .ead-jelly-desc {
  margin-bottom: 8px;
  font-size: 11.5px;
}

.ead-results .wrapper .ead-card-cta {
  align-self: flex-start;
  margin-top: auto;
  font-size: 11.5px;
}

@media (max-width: 1099.98px) {
  .ead-results .wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .ead-results .wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (max-width: 575.98px) {
  .ead-results .wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}