/* Este arquivo e propositalmente independente do Elementor e do plugin de SEO. */

/* Nao existe mais episodio totalmente bloqueado: remove o cadeado e a camada escura. */
.vfm-locked-overlay,
.vfm-lock-icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
}

.vfm-mobile-directory-forced {
  box-sizing: border-box !important;
  width: calc(100% - 12px) !important;
  max-width: 1180px !important;
  margin: 12px auto !important;
  padding: 12px !important;
}

.vfm-mobile-directory-forced .vfm-directory-heading h2 {
  margin-bottom: 7px !important;
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
}

.vfm-mobile-directory-forced .vfm-directory-heading p {
  margin-bottom: 14px !important;
  font-size: .9rem !important;
  line-height: 1.4 !important;
}

.vfm-mobile-directory-forced .vfm-directory-search {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 44px !important;
  margin-bottom: 16px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
}

.vfm-mobile-directory-forced .vfm-directory-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

.vfm-mobile-directory-forced .vfm-directory-card {
  display: grid !important;
  grid-template-columns: var(--vfm-mobile-cover, 112px) minmax(0, 1fr) !important;
  grid-template-rows: minmax(166px, auto) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 166px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .045) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .24) !important;
}

.vfm-mobile-directory-forced .vfm-directory-card[hidden] {
  display: none !important;
}

.vfm-mobile-directory-forced .vfm-directory-image {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--vfm-mobile-cover, 112px) !important;
  height: 100% !important;
  min-height: 166px !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
  background: #090d18 !important;
}

.vfm-mobile-directory-forced .vfm-directory-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 166px !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.vfm-mobile-directory-forced .vfm-directory-body {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding: 10px !important;
  align-items: flex-start !important;
  flex-direction: column !important;
}

.vfm-mobile-directory-forced .vfm-directory-badge {
  display: inline-flex !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  font-size: .56rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.vfm-mobile-directory-forced .vfm-directory-body h3 {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 6px 0 4px !important;
  font-size: .83rem !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.vfm-mobile-directory-forced .vfm-directory-date {
  margin: 0 0 5px !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
  opacity: .75 !important;
}

.vfm-mobile-directory-forced .vfm-directory-body > p:not(.vfm-directory-date) {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 0 7px !important;
  font-size: .72rem !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.vfm-mobile-directory-forced .vfm-directory-listen {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin-top: auto !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.vfm-mobile-directory-forced .vfm-directory-more {
  width: calc(100% - 8px) !important;
  min-height: 44px !important;
  margin: 18px 4px 0 !important;
  padding: 11px 14px !important;
  font-size: .78rem !important;
}

/* Cards de ultimos episodios exibidos na pagina inicial. */
.vfm-mobile-home-forced {
  --vfm-mobile-cover: 112px;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 18px 0 !important;
  padding: 0 6px !important;
}

.vfm-mobile-home-forced .vfm-episode-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: var(--vfm-mobile-cover) minmax(0, 1fr) !important;
  grid-template-rows: minmax(166px, auto) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 166px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 13px !important;
  background: #1b263d !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .24) !important;
}

.vfm-mobile-home-forced .vfm-episode-card[hidden] {
  display: none !important;
}

.vfm-mobile-home-forced .vfm-episode-image {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--vfm-mobile-cover) !important;
  height: 100% !important;
  min-height: 166px !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #090d18 !important;
}

.vfm-mobile-home-forced .vfm-episode-content {
  box-sizing: border-box !important;
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding: 10px !important;
  align-items: flex-start !important;
  flex-direction: column !important;
}

.vfm-mobile-home-forced .vfm-premium-badge {
  display: inline-flex !important;
  margin: 0 0 5px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  font-size: .56rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.vfm-mobile-home-forced .vfm-episode-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  min-height: 0 !important;
  margin: 0 0 4px !important;
  color: #fff !important;
  font-size: .83rem !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.vfm-mobile-home-forced .vfm-episode-date {
  margin: 0 0 5px !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
}

.vfm-mobile-home-forced .vfm-episode-excerpt {
  display: -webkit-box !important;
  overflow: hidden !important;
  min-height: 0 !important;
  margin: 0 0 7px !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: .72rem !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.vfm-mobile-home-forced .vfm-listen-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin-top: auto !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

@media (max-width: 370px) {
  .vfm-mobile-directory-forced,
  .vfm-mobile-home-forced {
    --vfm-mobile-cover: 96px;
  }

  .vfm-mobile-directory-forced .vfm-directory-card,
  .vfm-mobile-directory-forced .vfm-directory-image,
  .vfm-mobile-directory-forced .vfm-directory-image img,
  .vfm-mobile-home-forced .vfm-episode-card,
  .vfm-mobile-home-forced .vfm-episode-image {
    min-height: 158px !important;
  }

  .vfm-mobile-directory-forced .vfm-directory-body,
  .vfm-mobile-home-forced .vfm-episode-content {
    padding: 9px 8px !important;
  }
}