/* Tags de categoria separadas nos cards de Blog Post (elemento Post Meta com classe tags-categorias) */
.tags-categorias.fusion-meta-tb { min-height: 0 !important; margin-top: 10px; border: 0 !important; }
.tags-categorias .fusion-tb-categories { font-size: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.tags-categorias .fusion-tb-categories a { display: inline-block; background: #f5d020; color: #fff !important; font-family: Epilogue, sans-serif; font-size: 12px; font-weight: 500; line-height: 20.4px; letter-spacing: .18px; padding: 0 10px; border-radius: 50px; text-decoration: none; }
.tags-categorias .fusion-tb-categories a:hover { opacity: .85; }
.tags-categorias .fusion-meta-tb-sep { display: none; }

/* Tags de categoria separadas nos cards do carrossel da página inicial (título com classe button-tag-amarela) */
.button-tag-amarela:has(> .fusion-title-heading > a) { background: transparent !important; padding: 0 !important; border-radius: 0; }
.button-tag-amarela:has(> .fusion-title-heading > a) > .fusion-title-heading { font-size: 0 !important; display: flex; flex-wrap: wrap; gap: 4px; }
.button-tag-amarela:has(> .fusion-title-heading > a) > .fusion-title-heading > a { display: inline-block; font-size: 10px; line-height: 12px; padding: 5px 8px; background: var(--awb-color2); border-radius: 3px; }

.acessos-rapidos-card { border-radius: 5px; overflow: hidden; }

/* Fix: "Ver todos os projetos" button cut off on mobile/tablet.
 *    The .cards-projeto-logo column had its left/right padding forced to 0
 *    for the medium breakpoint (which mobile also inherits), so the centered
 *    button lost its horizontal safe-area and overflowed off-screen. */
@media only screen and (max-width: 800px) {
	.cards-projeto-logo {
		    --awb-padding-left-medium: 30px !important;
		    --awb-padding-right-medium: 30px !important;
	}
}

/* Post card: tag "Blog" fixa em amarelo + categorias em branco (elemento Post Meta com classe tags-card) */
.tags-card .fusion-tb-categories::before { content: "Blog"; display: inline-block; background: #f5d020; color: #fff; font-family: Epilogue, sans-serif; font-size: 12px; font-weight: 700; line-height: 20.4px; letter-spacing: .18px; padding: 0 10px; border-radius: 50px; }
.tags-card .fusion-tb-categories a { background: #fff; color: #6b7785 !important; border: 1px solid #d9dee3; line-height: 18.4px; }
.tags-card.fusion-meta-tb { margin-top: 20px !important; }


/* Banner das matérias do blog: exibe a arte inteira, sem corte (proporção 1472x576) */
.single-post .fusion-builder-row-2.fullwidth-box {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1472 / 576;
  background-size: cover !important;
  background-position: center center !important;
}


/* Cards de componentes do ecossistema (apenas Ecossistema PPI): cabeçalho com imagem em altura uniforme */
.page-id-9705 .fusion-grid-posts-cards .fusion_builder_column_inner > .fusion-column-wrapper {
  height: 180px !important;
  min-height: 180px !important;
  justify-content: center !important;
  padding: 20px 30px !important;
  box-sizing: border-box;
}
.page-id-9705 .fusion-grid-posts-cards .fusion_builder_column_inner .fusion-image-element img {
  max-height: 110px;
  width: auto;
  object-fit: contain;
}


/* Carreiras: formulário de candidatura ocupa a largura disponível em tablets */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.fusion-form-10729,
	.fusion-form-10729 .fusion-layout-column,
	.fusion-form-10729 .fusion-form-field,
	.fusion-form-10729 .fusion-form-input,
	.fusion-form-10729 select,
	.fusion-form-10729 textarea {
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}
	.fusion-form-10729 .fusion-form-field,
	.fusion-form-10729 .fusion-form-input,
	.fusion-form-10729 select,
	.fusion-form-10729 textarea {
		width: 100%;
	}
}