/**
 * CSS do componente de planos (cards-planos).
 * Carregue este arquivo em qualquer página que inclua o partial sections/cards-planos
 * para que a lista de recursos apareça corretamente (lista vertical), independente do CSS da página.
 */
#planos .box-planos-body .box-planos-lista-recursos {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 20px 0;
  padding-left: 0;
  list-style: none;
}

#planos .box-planos-lista-recursos li.active {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  list-style: none;
  margin-bottom: 8px;
  font-family: Urbanist, sans-serif;
  color: var(--darkblue);
  font-style: normal;
  font-weight: 500;
}