/* FocaWeb v1.3.6 — destaques territoriais, resumos e imagens editoriais */

.gr-page-home .gr-city-story-card__body p,
.gr-page-actions .gr-flag-card__copy p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  /*
   * Reserva explícita para 3 linhas. Sem isso, o Safari mede o conteúdo do
   * "display: -webkit-box" (legado) de forma inconsistente quando esse
   * elemento é filho de um flex column ("__body") que, por sua vez, é
   * esticado (align-items: stretch) por uma linha automática de grid — a
   * linha do grid acaba menor do que o necessário, e como o card pai tem
   * overflow: hidden, o link abaixo do texto fica cortado fora da caixa. O
   * Chrome mede certo; o valor explícito abaixo remove a ambiguidade nos
   * dois motores.
   */
  min-height: calc(1.45em * 3);
}

.gr-page-home .gr-city-results-panel .gr-tabs:empty {
  display: none;
}

.gr-page-actions .gr-flag-card.has-cms-featured-image {
  background:
    linear-gradient(155deg, rgba(7, 43, 112, 0.16), rgba(4, 27, 77, 0.91)),
    var(--focaweb-card-image) center / cover no-repeat !important;
}

.gr-page-actions .gr-flag-card.has-cms-featured-image .gr-flag-card__trigger {
  min-height: inherit;
}

.gr-page-actions .gr-flag-card.has-cms-featured-image .gr-flag-card__copy,
.gr-page-actions .gr-flag-card.has-cms-featured-image .gr-flag-card__action,
.gr-page-actions .gr-flag-card.has-cms-featured-image .gr-flag-card__icon {
  position: relative;
  z-index: 1;
}