/* Card geral */
.posts-com-fundo .kt-blocks-post-grid-item-inner-wrap {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px;
  min-height: 220px;
  display: flex !important;
  align-items: flex-end !important;
  background: #10132e;
}

/* Remove o comportamento padrão da imagem no topo */
.posts-com-fundo .kadence-post-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 0;
}

/* Faz a estrutura interna da imagem ocupar todo o card */
.posts-com-fundo .kadence-post-image-intrisic,
.posts-com-fundo .kadence-post-image-inner-intrisic,
.posts-com-fundo .kadence-post-image-inner-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
  display: block !important;
}

/* Imagem como fundo */
.posts-com-fundo .kadence-post-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Degradê sobre a imagem */
.posts-com-fundo .kt-blocks-post-grid-item-inner-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to top,
    rgba(15, 18, 48, 0.82) 0%,
    rgba(15, 18, 48, 0.55) 42%,
    rgba(15, 18, 48, 0.18) 72%,
    rgba(15, 18, 48, 0) 100%
  );
  pointer-events: none;
}

/* Área do texto por cima da imagem */
.posts-com-fundo .kt-blocks-post-grid-item-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100%;
  padding: 28px !important;
  background: transparent !important;
}

/* Título */
.posts-com-fundo .entry-title,
.posts-com-fundo .entry-title a {
  color: #fff !important;
  text-decoration: none;
}

/* Ajustes do título */
.posts-com-fundo .entry-title {
  margin: 0 !important;
  font-size: clamp(22px, 2.4vw, 42px);
  line-height: 1.12;
  font-weight: 500;
}

/* Remove espaços vazios, se existirem */
.posts-com-fundo .entry-content,
.posts-com-fundo .kt-blocks-post-footer {
  display: none !important;
}

/* Responsivo */
@media (max-width: 767px) {
  .posts-com-fundo .kt-blocks-post-grid-item-inner-wrap {
    min-height: 260px;
  }

  .posts-com-fundo .kt-blocks-post-grid-item-inner {
    padding: 22px !important;
  }
}

/*################*/
.posts-com-fundo-destacado .kt-blocks-post-grid-item-inner-wrap {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px;
  min-height: 470px;
  display: flex !important;
  align-items: flex-end !important;
  background: #10132e;
}

/* Remove o comportamento padrão da imagem no topo */
.posts-com-fundo-destacado .kadence-post-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 0;
}

/* Faz a estrutura interna da imagem ocupar todo o card */
.posts-com-fundo-destacado .kadence-post-image-intrisic,
.posts-com-fundo-destacado .kadence-post-image-inner-intrisic,
.posts-com-fundo-destacado .kadence-post-image-inner-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
  display: block !important;
}

/* Imagem como fundo */
.posts-com-fundo-destacado .kadence-post-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Degradê sobre a imagem */
.posts-com-fundo-destacado .kt-blocks-post-grid-item-inner-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to top,
    rgba(15, 18, 48, 0.82) 0%,
    rgba(15, 18, 48, 0.55) 42%,
    rgba(15, 18, 48, 0.18) 72%,
    rgba(15, 18, 48, 0) 100%
  );
  pointer-events: none;
}

/* Área do texto por cima da imagem */
.posts-com-fundo-destacado .kt-blocks-post-grid-item-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100%;
  padding: 28px !important;
  background: transparent !important;
}

/* Título */
.posts-com-fundo-destacado .entry-title,
.posts-com-fundo-destacado .entry-title a {
  color: #fff !important;
  text-decoration: none;
}

/* Ajustes do título */
.posts-com-fundo-destacado .entry-title {
  margin: 0 !important;
  font-size: clamp(22px, 2.4vw, 42px);
  line-height: 1.12;
  font-weight: 500;
}

/* Remove espaços vazios, se existirem */
.posts-com-fundo-destacado .entry-content,
.posts-com-fundo-destacado .kt-blocks-post-footer {
  display: none !important;
}

/* Responsivo */
@media (max-width: 767px) {
  .posts-com-fundo-destacado .kt-blocks-post-grid-item-inner-wrap {
    min-height: 260px;
  }

  .posts-com-fundo-destacado .kt-blocks-post-grid-item-inner {
    padding: 22px !important;
  }
}


/*######## CATEGORIAS ########*/

/* 
  Centralização das cores e nomes das categorias.
  Para alterar uma cor, mude apenas o --cat-color aqui.
*/

/* Ambiente de trabalho e segurança */
.category-ambiente-de-trabalho-e-seguranca {
  --cat-label: "Ambiente de trabalho e segurança";
  --cat-color: #5668D3;
}

/* Assédio moral e indenizações */
.category-link-assedio-moral-e-indenizacoes,
.category-assedio-moral-e-indenizacoes {
  --cat-label: "Assédio moral e indenizações";
  --cat-color: #5668D3;
}

/* Contrato, registro e tipo de trabalho */
.category-contrato-registro-e-tipo-de-trabalho {
  --cat-label: "Contrato, registro e tipo de trabalho";
  --cat-color: #5f76ff;
}

/* Demissão, rescisão e estabilidade */
.category-demissao-rescisao-e-estabilidade {
  --cat-label: "Demissão, rescisão e estabilidade";
  --cat-color: #EB837F;
}

/* Licenças, afastamentos e atestados */
.category-licencas-afastamentos-e-atestados {
  --cat-label: "Licenças, afastamentos e atestados";
  --cat-color: #F19E2C;
}

/* Salário, adicionais e jornada de trabalho */
.category-salario-adicionais-e-jornada-de-trabalho {
  --cat-label: "Salário, adicionais e jornada de trabalho";
  --cat-color: #ED7B2F;
}


/* Selo fake de categoria nos cards/listagens */
.categorias article[class*="category-"] .entry-header::before,
.categorias article[class*="category-"] .kt-blocks-post-grid-item-inner header::before {
  content: var(--cat-label);
  display: inline-flex;
  width: fit-content;
  padding: 6px 6px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: var(--cat-color);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
}


/* Categorias em formato pill no bloco de arquivo/lista */
#archive-container .entry-taxonomies .category-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: 0;
}

/* Pill da categoria no arquivo/lista */
#archive-container .entry-taxonomies .category-links a[rel="tag"] {
  display: inline-flex !important;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

/* Cores das pills no arquivo/lista por slug */
#archive-container .entry-taxonomies .category-links a[href*="ambiente-de-trabalho-e-seguranca"] {
  background-color: #5668D3 !important;
}

#archive-container .entry-taxonomies .category-links a[href*="assedio-moral-e-indenizacoes"] {
  background-color: #5668D3 !important;
}

#archive-container .entry-taxonomies .category-links a[href*="contrato-registro-e-tipo-de-trabalho"] {
  background-color: #5f76ff !important;
}

#archive-container .entry-taxonomies .category-links a[href*="demissao-rescisao-e-estabilidade"] {
  background-color: #EB837F !important;
}

#archive-container .entry-taxonomies .category-links a[href*="licencas-afastamentos-e-atestados"] {
  background-color: #F19E2C !important;
}

#archive-container .entry-taxonomies .category-links a[href*="salario-adicionais-e-jornada-de-trabalho"] {
  background-color: #ED7B2F !important;
}


/* Categorias em formato pill acima do post */
.categoria-post-pill.wp-block-post-terms,
.taxonomy-category.wp-block-post-terms {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: 0;
}

/* Pill da categoria acima do post */
.categoria-post-pill.wp-block-post-terms a[rel="tag"],
.taxonomy-category.wp-block-post-terms a[rel="tag"] {
  display: inline-flex !important;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

/* Cores das pills acima do post por slug */
.categoria-post-pill.wp-block-post-terms a[href*="ambiente-de-trabalho-e-seguranca"],
.taxonomy-category.wp-block-post-terms a[href*="ambiente-de-trabalho-e-seguranca"] {
  background-color: #5668D3 !important;
}

.categoria-post-pill.wp-block-post-terms a[href*="assedio-moral-e-indenizacoes"],
.taxonomy-category.wp-block-post-terms a[href*="assedio-moral-e-indenizacoes"] {
  background-color: #5668D3 !important;
}

.categoria-post-pill.wp-block-post-terms a[href*="contrato-registro-e-tipo-de-trabalho"],
.taxonomy-category.wp-block-post-terms a[href*="contrato-registro-e-tipo-de-trabalho"] {
  background-color: #5f76ff !important;
}

.categoria-post-pill.wp-block-post-terms a[href*="demissao-rescisao-e-estabilidade"],
.taxonomy-category.wp-block-post-terms a[href*="demissao-rescisao-e-estabilidade"] {
  background-color: #EB837F !important;
}

.categoria-post-pill.wp-block-post-terms a[href*="licencas-afastamentos-e-atestados"],
.taxonomy-category.wp-block-post-terms a[href*="licencas-afastamentos-e-atestados"] {
  background-color: #F19E2C !important;
}

.categoria-post-pill.wp-block-post-terms a[href*="salario-adicionais-e-jornada-de-trabalho"],
.taxonomy-category.wp-block-post-terms a[href*="salario-adicionais-e-jornada-de-trabalho"] {
  background-color: #ED7B2F !important;
}


/*######## POP-UP ########*/
#popmake-1388 {
  max-width: 800px !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake-overlay {
  background-color: rgba(0, 0, 0, 0.4) !important;
}


/*######## sticky sidebar ########*/
#secondary .sidebar-inner-wrap {
  position: sticky !important;
  top: 120px !important;
  align-self: flex-start;
  height: fit-content;
  z-index: 10;
}