/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Author: Elementor Team
Description: Hello Elementor is a lightweight and minimalist WordPress theme.
Version: 3.4.4.1760438191
Updated: 2025-10-14 10:36:31
*/

/* ====================================================================== */
/* --- CÓDIGO CSS FINAL CONSOLIDADO E CORRIGIDO (Versão Definitiva 3.3 - Correção Linha Vertical) --- */
/* ====================================================================== */

/* ---------------------------------------------------- */
/* --- CORREÇÃO CRÍTICA DE IMAGENS NOS CARTÕES (SOLUÇÃO FINAL V4) --- */
/* ---------------------------------------------------- */

/* 1. Target the outermost container for the fixed height (18em) */

/* News Archive Image Container */
body .cincork-category-archive article.post > a:first-child {
	display: block !important;
	height: 18em !important; 
	overflow: hidden !important; 
	margin: -1em -1em 0 -1em !important; 
	max-height: unset !important;
}

/* Events/Courses and Categories Image Outer Containers (Targeting multiple classes for safety) */
.em-item-image, 
.em-event .em-event-image-container,
.cincork-category-list-card .em-item-image-wrapper,
.lista-cursos-cartao .evnt_thumb {
	height: 18em !important; /* Altura Fixa para Uniformidade */
	overflow: hidden !important; 
	width: 100% !important; 
	max-height: unset !important;
	display: block !important;
}

/* 2. Target the inner wrapper for 100% height (to fill the outer 18em container) */
.em-item-image .em-item-image-wrapper,
.em-event-image-container .em-item-image-wrapper {
	height: 100% !important;
	width: 100% !important;
	max-height: unset !important;
}

/* 3. Target the image tag itself for filling and covering */
body .cincork-category-archive article.post a img,
.cincork-category-list-card .em-item-image-wrapper img,
.em-event .em-event-image-container img,
.lista-cursos-cartao .evnt_thumb img,
.em-item-image img 
{
	width: 100% !important;
	height: 100% !important; /* 100% da altura do contentor (18em) */
	object-fit: cover !important; 
	max-width: 100% !important;
	max-height: unset !important; 
	border-radius: 25px 25px 0 0 !important; 
	display: block !important;
}


/* ---------------------------------------------------- */
/* CLASSE REUTILIZÁVEL: Estilo de Cartão para Lista de Cursos (LEGADO) */
/* ---------------------------------------------------- */
.lista-cursos-cartao .tmnf_column {
	min-height: 480px !important; 
}
.lista-cursos-cartao .event_item {
	height: 100% !important; 
	background: #f7f7f7!important;
	padding: 1em;
	border-radius: 25px!important;
	overflow: hidden; 
}
.lista-cursos-cartao .item_inn {
	margin-top: 20px !important; 
}
.lista-cursos-cartao .item_inn h3 {
	text-align: center !important;
	margin-top: 5px !important; 
	font-size: 1.3em !important; 
	line-height: 1.3em !important; 
	padding: 0 !important;
}
.lista-cursos-cartao .item_inn h3 a, 
.lista-cursos-cartao .item_inn h3 a:hover,
.lista-cursos-cartao .item_inn h3 a:visited {
	color: #1d8649 !important; 
	font-weight: 600 !important;
	text-decoration: none !important;
}
.lista-cursos-cartao .evnt_date {
	display: none!important;
}

/* ---------------------------------------------------------------------- */
/* --- ESTILOS DE ARQUIVO DE CATEGORIAS (NOTÍCIAS) V2.4 FINAL --- */
/* ---------------------------------------------------------------------- */
body .cincork-category-archive {
	padding-top: 150px !important; /* AJUSTE: Afasta o conjunto do menu de navegação */
	padding-bottom: 50px !important;
	margin-top: 0 !important;
}
/* TÍTULO DO ARQUIVO: Cor, Posição e Espaçamento */
body .cincork-category-archive h2.entry-title.archive-category-title {
	font-size: 2em !important; 
	color: #333333 !important; 
	text-align: left !important; 
	position: relative !important;
	z-index: 9999 !important;
	margin-top: -30px !important; /* AJUSTE: Posiciona o título abaixo do menu */
	margin-bottom: 50px !important;
}
/* TÍTULO DO ARQUIVO: Slug da Categoria (Verde/Negrito) */
body .cincork-category-archive h2.entry-title.archive-category-title .category-slug-name {
	color: #1D8649 !important; /* Verde da Marca */
	font-weight: bold !important; 
}
/* LAYOUT DESKTOP: 3 COLUNAS (Específico para Notícias) */
body .cincork-category-archive .page-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 30px; 
	margin-top: 70px !important; /* AJUSTE: Aproxima a lista do título */
}
body .cincork-category-archive article.post {
	min-height: 280px !important; /* Ajuste: Reduz a altura mínima (removida a categoria) */
	height: 100% !important; 
	background: #f7f7f7!important;
	padding: 1em;
	border-radius: 25px!important;
	overflow: hidden; 
	margin-bottom: 0 !important;
	border: 1px solid #ccc !important;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
	display: flex; 
	flex-direction: column;
}

/* TÍTULO E DATA DO CARTÃO */
/* DATA (Verde / Negrito) */
body .cincork-category-archive article.post .post-date-wrapper {
	text-align: center !important;
	margin-top: 20px !important;
	font-size: 0.9em;
	color: #1D8649 !important; /* Verde da Marca */
	font-weight: bold !important; /* Negrito */
}
body .cincork-category-archive article.post h2.entry-title {
	text-align: center !important;
	margin-top: 5px !important; 
	margin-bottom: 15px !important; 
	padding: 0 !important;
	font-size: 1em; 
	line-height: 1.3em !important; 
}
/* TÍTULO DO ARTIGO (Castanho) */
body .cincork-category-archive article.post h2.entry-title a {
	color: #7D6E5D !important; /* Castanho da Marca */
	font-size: 1.3em !important;
	font-weight: 600 !important; 
	text-decoration: none !important;
	display: inline-block;
}

/* CATEGORIA REMOVIDA */
body .cincork-category-archive article.post .post-category-wrapper {
	display: none !important; /* Remove o bloco inteiro da categoria */
}

/* PAGINAÇÃO: Alinhamento e Estilo (Aplicado à nova classe cincork-noticias-pagination) */
body .cincork-category-archive nav.cincork-noticias-pagination {
	grid-column: 1 / -1; 
	text-align: center;
	margin-top: 30px !important;
	padding: 0 15px !important; 
}
body .cincork-category-archive nav.cincork-noticias-pagination a,
body .cincork-category-archive nav.cincork-noticias-pagination div {
	display: inline-block !important; 
	padding: 8px 10px !important;
	min-width: 38px !important;
	text-align: center !important;
	border-radius: 5px !important;
	margin: 0 5px !important; 
	font-size: 1em !important; 
	font-weight: 500 !important;
	transition: all 0.2s ease-in-out;
}
body .cincork-category-archive nav.cincork-noticias-pagination a {
	background-color: #F0F0F0 !important;
	color: #333 !important;
	border: 1px solid #CCC !important;
}
body .cincork-category-archive nav.cincork-noticias-pagination a:hover {
	background-color: #7D6E5D !important; /* Castanho da Marca */
	color: white !important;
	border-color: #7D6E5D !important;
}
body .cincork-category-archive nav.cincork-noticias-pagination span.current {
	background-color: #1D8649 !important; /* Verde da Marca */
	color: white !important;
	border: 1px solid #1D8649 !important;
	font-weight: bold !important;
}

/* ---------------------------------------------------------------------- */
/* --- ESTILO DO BOTÃO 'VOLTAR ÀS NOTÍCIAS' (Verde/Castanho) --- */
/* ---------------------------------------------------------------------- */

/* Container para centrar */
.back-link-wrapper.botao-navegar {
	clear: both !important;
	text-align: center !important;
	margin-top: 30px !important; 
	margin-bottom: 30px !important; 
}

/* Estilo do botão em si */
.back-link-wrapper .go-back-link.button-style {
	display: inline-block !important; 
	background-color: #1D8649 !important; /* VERDE (Base) */
	color: white !important;
	border-radius: 5px !important;
	padding: 10px 20px !important; 
	text-transform: uppercase !important;
	font-weight: 700 !important;
	font-size: 1em !important; 
	text-decoration: none !important;
	transition: background-color 0.3s ease;
}

.back-link-wrapper .go-back-link.button-style:hover {
	background-color: #7D6E5D !important; /* CASTANHO (Hover) */
}
/* ---------------------------------------------------------------------- */
/* --- ESTILOS DE PÁGINA DE PESQUISA (PARA REDUZIR A GROSSURA DA LETRA) --- */
/* ---------------------------------------------------------------------- */
/* Aplica o font-weight 600 nos títulos da pesquisa para os deixar 'menos carregados' e iguais aos cartões */
body.search .entry-title a, 
body.search h2.entry-title a {
	font-weight: 600 !important; 
}


/* ---------------------------------------------------------------------- */
/* --- ESTILOS DE CABEÇALHO DE CATEGORIA/ÁREA (Página Única) --- */
/* ---------------------------------------------------------------------- */

/* CRÍTICO: Espaçador para cabeçalho fixo */
.fixed-header-spacer {
	height: 100px; 
	display: block; 
	visibility: hidden; 
}

/* 1. CENTRALIZAÇÃO E LAYOUT DA IMAGEM E TÍTULO (CAIXA RESTAURADA) */
.category-title-box {
	/* RESTAURAÇÃO DA CAIXA CINZA CLARO */
	background-color: #f7f7f7 !important; 
	border: 1px solid #e0e0e0 !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 

	padding: 25px !important; /* Padding interno para a caixa */
	margin-top: 20px !important; 
	margin-bottom: 40px !important; 
}

/* Estilo para colocar a imagem e o título lado a lado e centralizar o conjunto */
.category-header-content {
	display: flex !important; 
	align-items: center !important; 
	justify-content: center !important; 
	margin-bottom: 5px !important;
	margin-top: 0 !important; /* Reset de margem pois a caixa tem padding */
}

/* Estilos para a imagem da tag (60x60) */
.category-header-content .em-item-image {
	width: 60px !important; 
	height: 60px !important;
	margin-right: 15px !important; 
	overflow: hidden !important; 
	flex-shrink: 0 !important; 
}

/* A imagem em si dentro da div */
.category-header-content .em-item-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important; 
	border-radius: 0 !important; /* NOVO: Torna o ícone quadrado/original no cabeçalho */
}

/* Estilos para o Título (H1) */
.category-title-box h1 {
	text-align: left !important; 
	margin: 0 !important; 
	line-height: 1.2 !important; 
	font-size: 2em !important;
	font-weight: 400 !important; 
	color: #333333 !important; 
}
/* TÍTULO DO CABEÇALHO: Cor alterada para castanho/ocre */
.category-title-box h1 .category-name-green {
	color: #a0522d !important; 
	font-weight: 700 !important; 
}

/* 2. Garante que o título "Descrição/Destinatários:" esteja à esquerda e em negrito */
.category-description-label {
	text-align: left !important;
	font-weight: bold;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
	display: block !important; 
}

/* 3. FORÇA o bloco de notas (descrição) a alinhar à esquerda */
.category-notes-content {
	text-align: left !important;
	margin-top: 0px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ALVO EXTRA: Garante que qualquer bloco HTML interno do #_CATEGORYNOTES esteja à esquerda */
.category-notes-content p,
.category-notes-content div {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* LINK "VER MAIS DETALHES" */
.category-details-link-container {
	text-align: center; 
	margin-top: 20px !important; 
}
.category-details-link {
	display: inline-block !important; 
	padding: 8px 15px; 
	border-radius: 5px;
	background-color: #7D6E5D !important; 
	color: white !important;
	font-size: 1.1em !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: background-color 0.3s;
}
.category-details-link:hover {
	background-color: #5c5344 !important; 
}

/* BOTÃO DE RETORNO (Rodapé) */
.back-to-categories-container {
	text-align: center; 
	margin-top: 40px !important; 
	margin-bottom: 80px !important; 
}
.back-to-categories-button {
	background-color: #7D6E5D !important; 
	color: white !important;
	border-radius: 5px !important;
	padding: 10px 20px !important; 
	text-transform: uppercase !important;
	font-weight: 700 !important;
	font-size: 1em !important; 
	text-decoration: none !important;
	display: inline-block !important; 
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease, transform 0.2s ease;
}
.back-to-categories-button:hover {
	background-color: #5c5344 !important; 
	transform: translateY(-2px);
}

/* ESTILO DO CABEÇALHO "CURSOS DISPONÍVEIS" */
.courses-header-section {
	background-color: #f0f0f0 !important; 
	padding: 15px 20px !important; 
	border-radius: 10px !important; 
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
	margin-top: 20px !important; 
	margin-bottom: 30px !important; 
}
.courses-header-section h2 {
	color: #333333 !important; 
	font-size: 1.5em !important; 
	font-weight: 600 !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------------------- */
/* --- LISTA DE MODALIDADES (CATEGORIAS) E TAGS (ÁREAS) --- */
/* --- ATUALIZADO V1.2: MIGRAÇÃO DAS TAGS PARA CSS GRID --- */
/* ---------------------------------------------------------------------- */

/* LAYOUT DESKTOP: 4 COLUNAS (Inclui Modalidades e Tags) */
.em-categories,
.em-tags, /* NOVO */
.em-tags-list { /* NOVO */
	display: grid !important; 
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important; 
	list-style: none !important;
	padding: 0 !important;
	margin: 0 auto !important;
}
.em-categories > li,
.em-tags > li, /* NOVO */
.em-tags-list > li { /* NOVO */
	display: flex !important; 
	flex-direction: column !important;
	height: 100% !important; 
	width: auto !important;
	float: none !important;
	padding: 0 !important; 
}

/* ESTILO VISUAL DO CARD (Mantido para Taxonomias) */
.cincork-category-list-card {
	min-height: 350px !important;
	height: 100% !important; 
	background: #f7f7f7 !important;
	padding: 0.8em !important; /* NOVO: REDUZIDO PARA 0.8em */
	border-radius: 25px !important;
	overflow: hidden;
	margin-bottom: 0 !important;
	/* BORDA CASTANHA CORRIGIDA - A ÚNICA QUE DEVE ESTAR AQUI */
	border: 1px solid #7D6E5D !important; 
	box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.3s ease-in-out;
}

/* --------------------------------------------------------------------------------- */
/* --- CORREÇÃO FINAL DA LINHA VERTICAL (NOVO E MAIS PRECISO) --- */
/* A linha é aplicada no contentor do texto (em-item-info) e não na borda exterior. */
/* --------------------------------------------------------------------------------- */

/* 1. Torna o contentor do texto (em-item-info) relativo para que a linha fique presa lá dentro */
.cincork-category-list-card .em-item-info {
    position: relative; 
    /* O padding: 15px já existe mais abaixo, então a linha terá espaço. */
}

/* 2. Cria a linha vertical castanha (::before) */
.cincork-category-list-card .em-item-info::before {
    content: ''; 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; /* Coloca-a à esquerda */
    width: 5px; /* A grossura da linha */
    background-color: #7D6E5D !important; /* FORÇA O CASTANHO DA MARCA */
    border-radius: 0 !important; /* Não arredonda a linha, apenas o cartão exterior */
}

/* --- CORREÇÃO ADICIONAL: REMOVER LINHA AZUL NO CLIQUE (FOCO) --- */
.cincork-category-list-card:focus,
.cincork-category-list-card:active,
.cincork-category-list-card a:focus,
.cincork-category-list-card a:active {
    outline: none !important; /* Remove o contorno azul do navegador */
    border-color: #7D6E5D !important; /* Garante que a borda castanha se mantém */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; /* Mantém a sombra */
}

/* TÍTULO DA MODALIDADE/TAG: Cor MANTIDA em verde (#1d8649) e grossura em 600 */
.cincork-category-list-card .em-item-title {
	text-align: center !important;
	margin-top: 5px !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	min-height: 2.2em !important; 
}
.cincork-category-list-card .em-item-title a {
	color: #1d8649 !important; /* MANTIDO VERDE */
	font-size: 1em !important; 
	font-weight: 600 !important; 
	line-height: 1.1em !important; 
	text-decoration: none !important;
	display: inline-block;
}

/* BOTÃO DE MAIS INFO NA LISTA DE TAXONOMIAS */
.cincork-category-list-card .em-item-actions {
	margin-top: auto !important; 
	margin-bottom: 10px !important; 
	text-align: center;
	padding-top: 10px !important; /* NOVO: REDUZIDO PARA 10px */
}
.em-item-actions a.button {
	background-color: #7D6E5D !important; 
	color: white !important;
	border-radius: 5px !important;
	padding: 8px 12px; 
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em !important; 
	transition: background-color 0.3s ease;
	width: fit-content !important; 
	margin: 0 auto !important; 
	text-decoration: none !important; 
}
.em-item-actions a.button:hover {
	background-color: #5c5344 !important; 
}
.cincork-category-list-card:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
	transform: translateY(-5px);
}
.cincork-category-list-card:hover .em-item-image-wrapper img {
	transform: scale(1.08); 
}

/* --- ESTILOS DE UNIFORMIDADE E ESTÉTICA --- */

/* 2. Garante que a imagem tem um tamanho uniforme */
.em-item-image-wrapper {
	width: 100%;
	height: 200px; /* Altura fixa para uniformizar todas as imagens */
	overflow: hidden;
}
.em-item-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Faz a imagem cobrir o espaço sem se deformar */
}

/* 3. EMPURRA O BOTÃO PARA O FUNDO */
.em-item-info {
	flex-grow: 1; 
	padding: 15px; /* IMPORTANTE: ESTE PADDING DEIXA ESPAÇO PARA A LINHA */
	display: flex;
	flex-direction: column;
}
.em-item-actions {
	margin-top: auto; 
	text-align: center;
}

/* 4. Limpeza da lista gerada pelo shortcode */
.em-categories {
	list-style: none !important;
	padding: 0 !important;
}
/* ---------------------------------------------------------------------- */
/* --- LISTA DE CURSOS (EVENTOS) --- */
/* ---------------------------------------------------------------------- */

/* LAYOUT DESKTOP: 4 COLUNAS (Restaurado) */
.em-taxonomy-events .em-events, 
.em-events {
	display: grid !important; 
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 30px !important; 
	list-style: none !important;
	padding: 0 !important;
	margin: 0 auto !important;
}

/* ESTILO DO CARD DE CURSO */
.em-event {
	min-height: 350px !important;
	height: 100% !important;
	background: #f7f7f7 !important;
	padding: 1em; 
	border-radius: 25px !important;
	overflow: hidden;
	margin-bottom: 0 !important;
	border: 1px solid #ccc !important;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.3s ease-in-out;
}

/* TÍTULO DO CURSO: Cor MANTIDA em verde (#1d8649) e grossura em 600 */
.em-event .em-event-title {
	text-align: center !important;
	margin-top: 5px !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	min-height: 2.2em !important; 
}
.em-event .em-event-title a {
	color: #1d8649 !important; /* MANTIDO VERDE */
	font-size: 1em !important; 
	font-weight: 600 !important; 
	line-height: 1.1em !important; 
	text-decoration: none !important;
}

/* BOTÃO MAIS INFORMAÇÕES e HOVER */
.em-event .em-event-actions {
	margin-top: auto !important; 
	text-align: center;
	padding-top: 15px;
}
.em-event .em-event-actions a.button {
	background-color: #7D6E5D !important; 
	color: white !important;
	border-radius: 5px !important;
	padding: 8px 12px !important; 
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em !important; 
	text-decoration: none !important; 
	width: fit-content !important; 
	margin: 0 auto !important; 
	display: inline-block !important;
}
.em-event .em-event-actions a.button:hover {
	background-color: #5c5344 !important;
}
.em-event:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
	transform: translateY(-5px);
}
.em-event:hover .em-event-image-container img {
	transform: scale(1.08); 
}


/* ---------------------------------------------------------------------- */
/* --- AJUSTE DE IMAGENS/ICONES NAS TAGS DA LISTA --- */
/* ---------------------------------------------------------------------- */

/* Define o tamanho do contentor da imagem */
.em-item.em-taxonomy.em-tag.cincork-category-list-card .em-item-image-wrapper {
	width: 80px !important; 
	height: 80px !important;
	margin: 0 auto 15px auto !important; 
	overflow: hidden !important; 
}

/* Força a Imagem/Placeholder a respeitar o novo tamanho */
.em-item.em-taxonomy.em-tag.cincork-category-list-card .em-item-image-wrapper img,
.em-item.em-taxonomy.em-tag.cincork-category-list-card .em-item-image-wrapper .em-item-image-placeholder {
	width: 100% !important; 
	height: 100% !important;
	object-fit: contain !important; 
}


/* --------------------------------------------------------- */
/* --- CÓDIGO DE RESPONSIVIDADE FINAL E CONSOLIDADO --- */
/* --------------------------------------------------------- */

/* REGRAS ANTIGAS DE COLUMN-COUNT PARA TAGS FORAM REMOVIDAS */


/* 1. AJUSTES PARA ECRÃS GRANDES (769px a 1200px) */
@media (min-width: 769px) and (max-width: 1200px) {
	/* Redução da fonte nos cartões */
	body .cincork-category-archive article.post h2.entry-title a,
	.em-event .em-event-title a,
	.cincork-category-list-card .em-item-title a {
		font-size: 1.1em !important; 
	}
}


/* 2. AJUSTES PARA TABLETS (Ecrãs menores que 830px) */
@media (max-width: 830px) {
	/* LAYOUT: Mudar TODAS as grelhas para 2 colunas */
	body .cincork-category-archive .page-content,
	.em-categories,
	.em-tags, /* INCLUÍDO NO CSS GRID */
	.em-tags-list, /* INCLUÍDO NO CSS GRID */
	.em-taxonomy-events .em-events, 
	.em-events {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px;
	}
	
	/* PADDING e TÍTULOS */
	body .cincork-category-archive {
		padding-top: 100px !important;
	}
	body .cincork-category-archive h1.archive-category-title {
		margin-top: -100px !important; 
		font-size: 1.8em !important; 
	}
	
	/* Altura da Imagem (Reduzida para Tablets) */
	body .cincork-category-archive article.post > a:first-child,
	.em-event .em-event-image-container,
	.cincork-category-list-card .em-item-image-wrapper {
		height: 13em !important; 
	}

	/* Títulos apertados para melhor caberem */
	body .cincork-category-archive article.post h2.entry-title a,
	.em-event .em-event-title a,
	.cincork-category-list-card .em-item-title a {
		font-size: 1.05em !important; 
		line-height: 1.2em !important; 
	}
}


/* 3. AJUSTES PARA TELEMÓVEIS (Ecrãs menores que 480px) */
@media (max-width: 480px) {
	/* LAYOUT: Mudar TODAS as grelhas para 1 coluna */
	body .cincork-category-archive .page-content,
	.em-categories,
	.em-tags, /* INCLUÍDO NO CSS GRID */
	.em-tags-list, /* INCLUÍDO NO CSS GRID */
	.em-taxonomy-events .em-events, 
	.em-events {
		grid-template-columns: 1fr !important;
		gap: 30px;
	}
	
	/* PADDING e TÍTULOS */
	body .cincork-category-archive {
		padding-top: 80px !important;
	}
	body .cincork-category-archive h1.archive-category-title {
		margin-top: -80px !important; 
		font-size: 1.5em !important; 
		margin-bottom: 30px !important;
	}
	
	/* Altura da Imagem (Reduzida para Telemóveis) */
	body .cincork-category-archive article.post > a:first-child,
	.em-event .em-event-image-container,
	.cincork-category-list-card .em-item-image-wrapper {
		height: 12em !important;
	}

	/* Títulos no Telemóvel */
	body .cincork-category-archive article.post h2.entry-title a,
	.em-event .em-event-title a,
	.cincork-category-list-card .em-item-title a {
		font-size: 1em !important; 
		line-height: 1.2em !important;
	}
}
/* ====================================================================== */
/* --- SOLUÇÃO FINAL DE ENQUADRAMENTO E ESPAÇAMENTO (V. 9.0 - ALTURA FIXA EM 360px) --- */
/* (Força a caixa da imagem a ter 360px de altura, independentemente da proporção original) */
/* ====================================================================== */

/* 1. ANULAÇÃO DE ESPAÇAMENTO EXTERIOR NA SECÇÃO DA IMAGEM (Manter) */
.em-item-header.em-category-header-design {
	margin-bottom: 0 !important; 
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

/* 2. CONTROLO TOTAL DA CAIXA DA IMAGEM (ALTURA FIXA) */
.em-category-header-design .em-item-image {
	width: 100% !important; 
	height: 360px !important; /* CRÍTICO: FORÇA A ALTURA A 360 PIXELS */
	min-height: 360px !important; /* CRÍTICO: Reforça a altura mínima e máxima */
	max-height: 360px !important; /* CRÍTICO: Reforça a altura máxima */
	overflow: hidden; /* Corta o excesso de imagem que não cabe nos 360px */
	margin: 0 !important; 
	padding: 0 !important;
}

/* 3. ALINHAMENTO DA IMAGEM DENTRO DA CAIXA FIXA */
.em-category-header-design .em-item-image img {
	width: 100% !important; 
	height: 100% !important; /* Faz a imagem preencher os 360px de altura */
	object-fit: cover !important; /* Garante que a imagem preenche, cortando as laterais se necessário */
	object-position: top !important; /* FOCAR NO TOPO */
}


/* 5. ESTILOS INTERNOS: DAR ESPAÇO DENTRO DA CAIXA DE TÍTULO (Manter o "ar") */
/* Espaço após o Título H1 */
.category-title-box h1 {
	text-align: center;
	margin-bottom: 10px !important; 
}
/* Espaço após o rótulo "Destinatários:" */
.category-description-label {
	text-align: left !important;
	font-weight: bold;
	margin-top: 15px !important; 
	margin-bottom: 5px !important; 
}
/* Espaço após a Descrição/Notas e alinhamento */
.category-notes-content {
	text-align: left !important;
	margin-top: 0px !important;
	margin-bottom: 15px !important; 
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* Espaço do Link (Botão) */
.category-details-link-container {
	text-align: center; 
	margin-top: 10px !important; 
}

/* 6. REDUÇÃO DO ESPAÇO ANTES DA SECÇÃO "CURSOS DISPONÍVEIS" (Manter) */
.em-taxonomy-events {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* ======================================= */
/* 0. LINHA SEPARADORA NEUTRA ENTRE BLOCOS */
/* ======================================= */
.separador-neutro {
    border: 0;
    border-top: 1px dashed #CCC; /* Linha tracejada cinzenta */
    margin: 40px 0; 
}

/* ======================================= */
/* 1. CSS PARA O ESTADO NOVO (CAIXA VERDE) */
/* ======================================= */

.caixa-aviso-verde-completa {
    border: 2px solid #008000; /* Borda Verde */
    background-color: rgba(220, 255, 220, 0.2); /* Fundo semi-transparente verde */
    padding: 20px; 
    border-radius: 5px;
    margin: 20px 0;
    font-size: 1em;
}

/* Estilo do Aviso e Data */
.caixa-aviso-verde-completa .linha-aviso-novo { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.caixa-aviso-verde-completa .icone-aviso { font-size: 1.8em; line-height: 1; }
.caixa-aviso-verde-completa .texto-novo { color: #008000; font-size: 1.3em; font-weight: 700; }
.caixa-aviso-verde-completa .texto-principal-aviso { margin-top: 0; margin-bottom: 15px; font-size: 1.1em; color: #333; }
.caixa-aviso-verde-completa .data-limite { color: #008000; font-weight: 700; }

/* Estilos de Detalhe e Lista (VERDE) */
.caixa-aviso-verde-completa .divisor-verde {
    border: 0; height: 1px; background-color: #008000; margin: 15px 0;
}
.caixa-aviso-verde-completa p { margin-top: 0; margin-bottom: 8px; line-height: 1.4; }
.caixa-aviso-verde-completa .texto-sublinhado { text-decoration: underline; color: #333; }

/* Ajuste de espaçamento da lista */
.caixa-aviso-verde-completa .lista-detalhes { 
    margin-top: 5px; margin-bottom: 0; padding-left: 20px;
    line-height: 1.2; /* Altura da linha da lista */
}
.caixa-aviso-verde-completa .lista-detalhes li {
    margin-bottom: 5px; /* Espaço entre cada item */
}


/* ======================================= */
/* 2. CSS PARA O ESTADO COMPLETO (CAIXA VERMELHA) */
/* ======================================= */

.caixa-aviso-vermelha-completa {
    border: 2px solid #D90000; /* Borda Vermelha */
    background-color: rgba(255, 220, 220, 0.2);
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    font-size: 1em;
}

/* Estilo do Aviso Completo */
.caixa-aviso-vermelha-completa .linha-aviso-completo { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.caixa-aviso-vermelha-completa .icone-aviso-vermelho { font-size: 1.8em; line-height: 1; color: #D90000; }
.caixa-aviso-vermelha-completa .texto-completo { color: #D90000; font-size: 1.3em; font-weight: 700; }

/* Estilos de Detalhe e Lista (VERMELHO) */
.caixa-aviso-vermelha-completa .divisor-vermelho {
    border: 0; height: 1px; background-color: #D90000; margin: 15px 0;
}
.caixa-aviso-vermelha-completa p { margin-top: 0; margin-bottom: 8px; line-height: 1.4; color: #555; }
.caixa-aviso-vermelha-completa .texto-sublinhado { text-decoration: underline; color: #555; }

/* Ajuste de espaçamento da lista */
.caixa-aviso-vermelha-completa .lista-detalhes { 
    margin-top: 5px; margin-bottom: 0; padding-left: 20px; 
    line-height: 1.2;
}
.caixa-aviso-vermelha-completa .lista-detalhes li {
    margin-bottom: 5px; 
}
/* ======================================= */
/* CSS PARA A ABA DE FORMULÁRIO (3ª ABA) */
/* ======================================= */

.bloco-formulario-estagio {
    padding: 10px 0; /* Espaçamento interno */
}

/* Título/Instrução Principal */
.bloco-formulario-estagio .instrucao-principal {
    font-size: 1.15em;
    font-weight: 500;
    margin-bottom: 25px; /* Mais espaço antes das opções */
    color: #333;
}

/* Estilos para a Opção 1 (Formulário) */
.bloco-formulario-estagio .instrucao-opcao-1 {
    font-size: 1em;
    padding: 10px;
    background-color: #f7f7f7; /* Fundo cinzento claro para destacar a secção */
    border-left: 4px solid #008000; /* Linha verde de destaque */
    margin-bottom: 15px;
}

/* Divisor simples (hr) */
.bloco-formulario-estagio .divisor-simples {
    border: 0;
    border-top: 1px solid #DDD;
    margin: 30px 0; /* Separa o formulário da opção do PDF */
}

/* Estilos para a Opção 2 (PDF/Documento) */
.bloco-formulario-estagio .instrucao-opcao-2 {
    font-size: 1em;
    padding: 10px;
    margin-bottom: 10px;
}

.bloco-formulario-estagio .link-documento a {
    font-size: 1.1em;
    color: #D90000; /* Cor de alerta ou destaque para o link (pode mudar para a cor do seu tema) */
    font-weight: 700;
    text-decoration: underline;
}
/* ---------------------------------------------------------------------- */
/* 1. ESTILIZAÇÃO UNIVERSAL DOS CAMPOS & TÍTULOS */
/* ---------------------------------------------------------------------- */

/* AJUSTE DE ESTILO DE TÍTULOS (h2) DENTRO DO FORMULÁRIO */
.wpcf7 h2,
.wpcf7-form h2 {
    font-size: 1.5em !important;
    font-weight: 600 !important;
    color: #545454 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid rgba(84, 84, 84, 0.1); /* Linha de separação subtil */
}

/* Seletores universais para inputs de texto, email, número, telefone e select */
.wpcf7 input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.wpcf7 textarea,
.wpcf7 select {
    border-radius: 0 !important;
    border: 1px solid rgba(84, 84, 84, 0.2) !important;
    height: 4em !important;
    background-color: white !important;
    padding: 10px !important;
    width: 100% !important; 
}

.wpcf7 textarea {
    height: 25em !important;
}

/* Efeito ao focar universal */
.wpcf7 input:focus, 
.wpcf7 textarea:focus {
    border-color: #1D8649 !important; /* Borda verde ao focar */
    outline: none !important;
}

/* Estilo do Botão UNIVERSAL (Aplica a formatação do formulário específico) */
.wpcf7-submit {
    /* Estado Normal: Texto castanho, fundo transparente, borda verde forte */
    background-color: transparent !important;
    color: #7D6E5D !important; /* Texto Castanho */
    border: 3px solid #1d8649 !important; /* Contorno verde forte */
    
    font-weight: 700 !important;
    font-size: 1.1em !important;
    padding: 10px 20px !important;
    border-radius: 8px !important; /* Cantos arredondados */
    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    
    /* Manter o espaçamento vertical */
    margin-top: 1em !important; 
}

/* Efeito ao Passar o Rato (Hover): Fundo verde, texto branco */
.wpcf7-submit:hover {
    background-color: #1d8649 !important;
    color: white !important;
    /* Manter a borda e o arredondamento */
    border: 3px solid #1d8649 !important; 
    border-radius: 8px !important; 
}

/* Estilos de Fonte e Cor (Universais) */
.wpcf7-list-item-label, .wpcf7 label, .wpcf7-quiz-label{
	font-family: 'Poppins', sans-serif !important;
	color: #545454 !important;
}
.wpcf7 label, .wpcf7-quiz-label{
	margin-top:1em !important;
}
/* ---------------------------------------------------------------------- */
/* 2. CLASSES DE LAYOUT (UNIFORMIZADAS) - CORREÇÃO SIMETRIA E COLUNAS */
/* ---------------------------------------------------------------------- */

/* ESTILO DO CONTAINER DE GRUPO (fieldset-grupo - Borda Simples) */
.fieldset-grupo {
    border: 1px solid rgba(84, 84, 84, 0.1); 
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 40px; 
    background-color: #fcfcfc;
    box-sizing: border-box !important; /* Mantenho aqui por ser standard Flexbox */
}

/* Container de Linha (fieldset-row: aplica FLEXBOX para colunas) */
.fieldset-row {
    display: flex !important;
    flex-wrap: wrap !important; 
    gap: 20px !important; /* Espaçamento entre as colunas */
    margin-bottom: 20px !important; 
}

/* Coluna de 50% (fieldset-col-50: aplica largura e garante que o CF7 não quebra) */
.fieldset-row .fieldset-col-50 {
    /* CORREÇÃO CRÍTICA FINAL: Usa calc() para compensar metade do GAP (20px / 2 = 10px) */
    width: calc(50% - 10px) !important; 
    
    padding: 0 !important;
    box-sizing: border-box !important; /* Essencial para o calc() funcionar */
    margin: 0 !important;
    flex-shrink: 0 !important; 
}

/* Corrigir a margem dos <p>s que o CF7 insere dentro das colunas */
.fieldset-row .fieldset-col-50 p { 
    margin: 0 !important; 
}
.fieldset-row .fieldset-col-50 p .wpcf7-form-control-wrap {
    width: 100% !important; 
}

/* Adição da classe de largura 100% */
.fieldset-col-100 {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}
/* ---------------------------------------------------------------------- */
/* LAYOUT DE GRELHA PARA LISTAS (fieldset-lista) - CORREÇÃO FINAL */
/* ---------------------------------------------------------------------- */

/* ESTILO do container de listas (usado para áreas de formação) */
.fieldset-lista {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin-top: 15px !important;
    margin-bottom: 30px !important; /* Espaçamento após o bloco de lista */
    padding: 0 !important; 
}

/* Regra CRÍTICA CORRIGIDA: Força cada item (checkbox/radio) a ter 50% de largura */
.fieldset-lista .wpcf7-list-item,
.fieldset-lista .wpcf7-list-item-label,
.fieldset-lista .wpcf7-list-item > span { /* Adiciona especificidade extra */
    width: 50% !important; 
    box-sizing: border-box !important;
    padding-right: 15px !important;
    margin: 5px 0 !important; /* Pequeno espaçamento vertical */
}

/* Garante o alinhamento visual dos itens */
.fieldset-lista .wpcf7-list-item {
    display: inline-flex !important;
    align-items: flex-start !important;
}
.fieldset-lista .wpcf7-list-item-label {
    display: inline !important;
}


/* ---------------------------------------------------------------------- */
/* 3. BLOCOS ESPECÍFICOS DE CONTEÚDO (MENSAGEM E RODAPÉ) */
/* ---------------------------------------------------------------------- */

/* ESTILO DO CONTAINER DE TEXTAREA (MENSAGEM/OBSERVAÇÕES) */
.fieldset-message {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* ESTILO DO CONTAINER DE ACEITAÇÕES/BOTÃO (RODAPÉ) */
.fieldset-footer {
    padding-top: 20px !important;
    border-top: 1px solid rgba(84, 84, 84, 0.1); 
    margin-top: 30px !important;
}
.fieldset-footer p {
    margin-bottom: 5px !important; 
    margin-top: 5px !important;
}

/* ---------------------------------------------------------------------- */
/* 4. CORREÇÃO DE ALINHAMENTO DO BOTÃO SUBMIT COM SPINNER */
/* ---------------------------------------------------------------------- */
/* (Para centrar o botão e alinhar o spinner) */

.wpcf7-form p:has(.wpcf7-submit) {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;
    width: 100% !important;
}

.wpcf7-form .wpcf7-submit {
    margin: 1em 0 0 0 !important; 
}
.wpcf7-form .wpcf7-submit + .wpcf7-spinner {
    position: absolute !important; 
    right: 50% !important; 
    margin-left: 5em !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important;
}
/* ---------------------------------------------------------------------- */
/* 5. CORREÇÃO DE ESPAÇAMENTO VERTICAL EM TEXTOS LONGOS (LINE-HEIGHT) */
/* ---------------------------------------------------------------------- */

/* Aplica respiro (line-height) a todos os parágrafos e textos que possam ser longos */
.wpcf7 p, 
.wpcf7-form p,
.wpcf7 label,
.wpcf7 .fieldset-footer {
    /* O valor 1.5em é o padrão para boa legibilidade em parágrafos */
    line-height: 1.5em !important; 
}
/* ---------------------------------------------------------------------- */
/* 6. BORDA EXTERNA GERAL DO FORMULÁRIO */
/* ---------------------------------------------------------------------- */

.wpcf7 {
    /* Aplica borda verde (cor da marca: #1D8649) */
    border: 2px solid #1D8649 !important; 
    /* Adiciona padding interno para que o conteúdo não toque na borda */
    padding: 30px !important; 
    /* Arredonda os cantos ligeiramente */
    border-radius: 5px !important; 
    /* Garante que o fundo não é transparente, se necessário */
    background-color: #ffffff !important; 
    /* Adiciona uma sombra subtil para destacar */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); 
}
/* ====================================================================== */
/* --- MEDIA QUERIES PARA RESPONSIVIDADE (Ecrãs <= 768px) --- */
/* ====================================================================== */

@media screen and (max-width: 768px) {
    
    /* Regra principal: Força a linha de 2 colunas a virar 1 coluna */
    .fieldset-row {
        flex-direction: column !important;
        gap: 0 !important; /* Remove o espaçamento horizontal */
    }

    /* As duas colunas que estavam lado a lado passam a ter 100% de largura */
    .fieldset-row .fieldset-col-50 {
        width: 100% !important;
        /* Adiciona espaçamento vertical entre campos */
        margin-bottom: 20px !important; 
    }
    
    /* Remove a margem final da última coluna de 50% para evitar espaçamento duplo */
    .fieldset-row:last-child .fieldset-col-50:last-child {
        margin-bottom: 0 !important;
    }

    /* CORREÇÃO DE ESPECIFICIDADE PARA LISTAS EM MÓVEL (100% da largura) */
    .fieldset-lista .wpcf7-list-item,
    .fieldset-lista .wpcf7-list-item-label,
    .fieldset-lista .wpcf7-list-item > span {
        /* Garante que a lista aparece em uma coluna no móvel (100% da largura) */
        width: 100% !important; 
        padding-right: 0 !important; 
        margin: 5px 0 !important;
    }

    /* O agrupamento visual perde o padding lateral excessivo em ecrãs pequenos */
    .fieldset-grupo {
        padding: 15px !important; 
    }
    
    /* Ajusta o tamanho da TextArea para o móvel */
    .wpcf7 textarea {
        height: 15em !important;
    }

    /* Aplica o padding reduzido e RESTAURA A BORDA VERDE */
    .wpcf7 {
        padding: 15px !important; /* Reduz o padding para ecrãs pequenos */
        /* Explicitamente aplica a borda verde no móvel para garantir que não desaparece */
        border: 2px solid #1D8649 !important; 
    }
}
/* ---------------------------------------------------- */
/* RESPONSIVIDADE PARA DOCUMENTOS LEGAIS (Mobile First) */
/* ---------------------------------------------------- */
@media (max-width: 600px) {
    #cabecalho-legal {
        padding: 20px 10px;
    }
    .legal-document-container {
        padding: 0 10px 20px 10px; /* Reduz padding superior */
    }
    .legal-header h1 {
        font-size: 1.8em;
    }
    .secao-legal h2 {
        font-size: 1.3em;
    }
    .secao-legal h3 {
        font-size: 1.1em;
    }
}
/* ---------------------------------------------------- */
/* RESPONSIVIDADE PARA DOCUMENTOS LEGAIS (Mobile First) */
/* ---------------------------------------------------- */
@media (max-width: 600px) {
    #cabecalho-legal {
        padding: 20px 10px;
    }
    .legal-document-container {
        padding: 0 10px 20px 10px;
    }
    .legal-header h1 {
        font-size: 1.8em;
    }
    .secao-legal h2 {
        font-size: 1.3em;
    }
    .secao-legal h3 {
        font-size: 1.1em;
    }
}


/* ====================================================================== */
/* --- ESTILOS PARA "TERMOS DE UTILIZAÇÃO" E "POLÍTICA DE PRIVACIDADE" --- */
/* ====================================================================== */

/* CONTAINER EXTERNO DO CABEÇALHO */
#cabecalho-legal {
    /* Define o espaçamento interno do cabeçalho */
    padding: 30px 20px 0 20px; 
}

/* 1. CABEÇALHO GERAL (Centrado) */
.legal-header {
    /* **LARGURA E MARGENS REMOVIDAS. IRÃO OCUPAR 100% DA LARGURA DO PAI.** */
    border-bottom: 2px solid #1D8649;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center; /* Centra o H1 e o P de data */
}
.legal-header h1 {
    color: #1D8649; /* Verde CINCORK */
    font-size: 2.2em;
    margin: 0;
    font-weight: 700;
}
.legal-header p {
    font-size: 0.95em;
    color: #555;
    margin-top: 5px;
}

/* 2. CONTAINER PRINCIPAL DO CONTEÚDO (Sem fundo, alinhado à esquerda) */
.legal-document-container {
    /* **LARGURA E MARGENS REMOVIDAS. IRÃO OCUPAR 100% DA LARGURA DO PAI.** */
    /* Define o espaçamento interno do conteúdo. */
    padding: 30px 20px;
    padding-top: 0; /* Ajusta o espaçamento após o cabeçalho separado */
}

/* 3. ESTILOS DE SECÇÃO (Título H2 e H3 - Alinhados à esquerda) */
.secao-legal {
    margin-bottom: 40px; /* Espaçamento entre as secções */
}
.secao-legal h2 {
    color: #1D8649; /* Verde CINCORK */
    font-size: 1.5em;
    border-left: 4px solid #7D6E5D;
    padding-left: 12px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: left !important;
}
.secao-legal h3 {
    color: #1D8649; /* Verde CINCORK */
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
}


/* 4. PARÁGRAFOS E ÊNFASE */
.secao-legal p {
    color: #333; /* Texto escuro e legível */
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: justify;
}

/* 5. LINKS INTERNOS */
.legal-document-container a {
    color: #1D8649;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.2s ease;
}
.legal-document-container a:hover {
    color: #7D6E5D;
    text-decoration: underline;
}

/* 6. LISTAS DE DETALHES */
.secao-legal ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 15px;
}
.secao-legal ul li {
    color: #333; /* Texto da lista escuro */
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    line-height: 1.4;
    text-align: left;
}
.secao-legal ul li::before {
    content: '✓'; 
    color: #1D8649;
    font-weight: bold;
    position: absolute;
    left: 0;
}
/*
  VARIÁVEIS DE COR
  Você pode ajustar estas cores se necessário
*/
:root {
    --cincork-castanho: #7D6E5D;
    --cincork-verde: #1d8649;
    --cincork-texto-claro: #FFFFFF;
    --cincork-texto-escuro: #4A4A4A; /* Cinza escuro para boa leitura */
    --cincork-fundo-claro: #F5F5F5;
}

/* 1. ESTILOS GERAIS DA BARRA DE CONSENTIMENTO (cky-consent-bar) */
.cky-consent-bar[data-cky-tag="notice"] {
    /* Mude para um cinza claro ou mantenha o branco se preferir */
    background-color: var(--cincork-fundo-claro) !important;
    border-color: var(--cincork-castanho) !important;
    /* Cor do texto geral. Usamos um cinza escuro para contraste */
    color: var(--cincork-texto-escuro) !important;
}

/* 2. ESTILO DO TÍTULO (Valorizamos a sua Privacidade) */
.cky-title[data-cky-tag="title"] {
    /* Cor do título, usando o castanho principal */
    color: var(--cincork-castanho) !important;
}

/* 3. ESTILO DA DESCRIÇÃO (Texto principal sobre cookies) */
.cky-notice-des[data-cky-tag="description"] p {
    color: var(--cincork-texto-escuro) !important;
}

/* 4. ESTILO DO LINK (Política de Privacidade) */
.cky-notice-des a.cky-policy {
    /* Usando o verde de destaque para o link */
    color: var(--cincork-verde) !important;
    text-decoration-color: var(--cincork-verde) !important;
    background-color: transparent !important;
}

/* 5. ESTILO DO BOTÃO PRINCIPAL (Aceitar) */
.cky-btn.cky-btn-accept[data-cky-tag="accept-button"] {
    /* Cor de fundo do botão: Castanho */
    background-color: var(--cincork-castanho) !important;
    /* Cor do texto do botão: Branco */
    color: var(--cincork-texto-claro) !important;
    border-color: var(--cincork-castanho) !important;

    /* Ajustes de design */
    border-radius: 5px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

/* 6. EFEITO HOVER DO BOTÃO PRINCIPAL (Aceitar) */
.cky-btn.cky-btn-accept[data-cky-tag="accept-button"]:hover {
    /* No hover, vamos usar o verde */
    background-color: var(--cincork-verde) !important;
    border-color: var(--cincork-verde) !important;
    /* Adiciona uma transição suave */
    transition: background-color 0.3s ease;
}

/* (OPCIONAL) Estilos para o botão de Configurações, caso ele apareça */
.cky-btn.cky-btn-settings {
    background-color: transparent !important;
    color: var(--cincork-castanho) !important;
    border: 1px solid var(--cincork-castanho) !important;
}

.cky-btn.cky-btn-settings:hover {
    background-color: rgba(125, 110, 93, 0.1) !important; /* Castanho bem transparente no hover */
}
/* ---------------------------------------------------------------------- */
/* --- CORREÇÃO GERAL: LIMITE DE LARGURA DO CONTEÚDO DA MODALIDADE/ÁREA (90%) --- */
/* ---------------------------------------------------------------------- */

/* Aplica largura de 90% e centraliza todo o contentor da Modalidade/Área */
.em-taxonomy-single {
    /* Define a largura como 90% do ecrã */
    width: 90% !important; 
    /* Centraliza o bloco na página */
    margin-left: auto !important;
    margin-right: auto !important;
    /* Adiciona padding lateral para ecrãs mais estreitos, prevenindo que encoste demasiado */
    padding: 0 15px !important;
    /* Garante que não ultrapassa 90% mesmo em ecrãs muito largos */
    max-width: 90% !important; 
}

/* ---------------------------------------------------------------------- */
/* --- CORREÇÃO DA LISTA DE CURSOS (4 COLUNAS RESPONSIVAS) --- */
/* (Este bloco organiza os cursos em grelha DENTRO do limite de 90%) */
/* ---------------------------------------------------------------------- */

/* 1. Aplica o CSS Grid ao container principal da lista (ul.em-events) */
ul.em-events {
    display: grid !important; 
    /* Define 4 colunas iguais em ecrãs grandes */
    grid-template-columns: repeat(4, 1fr) !important; 
    gap: 25px !important; 
    list-style: none !important; 
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Ajuste para Ecrãs Grandes (1200px e abaixo) */
@media screen and (max-width: 1200px) {
    ul.em-events {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 3. Ajuste para Tablets (768px e abaixo) */
@media screen and (max-width: 768px) {
    ul.em-events {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 4. Ajuste para Telemóveis (576px e abaixo) */
@media screen and (max-width: 576px) {
    ul.em-events {
        grid-template-columns: 1fr !important;
        padding: 0 15px !important; 
    }
}
/* ---------------------------------------------------------------------- */
/* --- SOLUÇÃO CSS: Ocultar o botão "VER MAIS DETALHES" para ID 57 --- */
/* (Usado para contornar a falha na leitura das etiquetas condicionais no template) */
/* ---------------------------------------------------------------------- */

/* Targeta o contentor principal da Modalidade ID 57 e oculta o link de detalhes */
.em-category-57 .category-details-link-container {
    display: none !important;
}
/* ========================================================= */
/* --- CSS V41 - FINAL (COM ÍCONES VERDES) --- */

/* --- 1. IMAGENS E TÍTULOS --- */
#cincork-landing-v2 .imagem-curso-v2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; 
    max-height: 300px !important; 
    object-fit: cover !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important; 
    display: block !important;
    border-radius: 8px !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; 
}

/* 🟢 CORREÇÃO: Imagem de Financiamento (Limitada a 60% e alinhada à esquerda) */
#cincork-landing-v2 .imagem-financiamento-v2 {
    width: 100% !important;
    max-width: 60% !important; /* Limite de tamanho */
    height: auto !important;
    max-height: 77px !important;
    object-fit: contain !important;
    display: block !important;
    /* Alinhamento à Esquerda: */
    margin-left: 0 !important; 
    margin-right: auto !important; 
    margin-top: 15px !important; 
    margin-bottom: 40px !important;
    opacity: 0.9;
}
/* Alinhamento vertical da imagem de financiamento no elementor */
#cincork-landing-v2 #financiamento-bloco-css.elementor-column-wrap {
    align-items: flex-start !important;
}

#cincork-landing-v2 h3.section-title-v2 {
    font-size: 1.5em !important; 
    color: #7D6E5D !important; /* Castanho */
    border-bottom: 3px solid #1d8649 !important; /* Linha verde 3px */
    padding-bottom: 5px !important;
    margin-top: 35px !important; 
    margin-bottom: 20px !important; 
    font-weight: 700 !important;
}

/* --- 2. ATRIBUTOS DE CURSO (NÍVEL, DURAÇÃO, etc.) - CAIXAS TRANSPARENTES --- */
#cincork-landing-v2 .atributo-framed.atributo-framed-v2 {
    display: flex !important;
    flex-wrap: wrap !important; 
    gap: 15px !important; 
    margin: 30px 0 !important; 
    justify-content: space-between !important; 
}
#cincork-landing-v2 .atributo-framed.atributo-framed-v2 .atributo-curso {
    width: calc(25% - 11.25px) !important; 
    min-width: 120px !important; 
    flex-grow: 1 !important;
    background-color: transparent !important; /* Fundo Transparente */
    color: #7D6E5D !important; /* Texto Castanho */
    border: 3px solid #1d8649 !important; /* Borda Verde 3px */
    border-radius: 12px !important; 
    padding: 10px 10px !important; 
    text-align: center !important;
    box-shadow: none !important;
}

#cincork-landing-v2 .atributo-framed-v2 .atributo-curso::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free' !important; 
    font-weight: 900 !important; 
    font-size: 1.8em !important; 
    color: #1d8649 !important; /* Ícone Verde (Cor da Linha) - V41 */
    margin-bottom: 3px !important;
    display: block !important;
}
/* Ícones */
#cincork-landing-v2 .atributo-framed-v2 .attr-nivel::before { content: "\f02b" !important; }   
#cincork-landing-v2 .atributo-framed-v2 .attr-duracao::before { content: "\f017" !important; }   
#cincork-landing-v2 .atributo-framed-v2 .attr-modalidade::before { content: "\f518" !important; } 
#cincork-landing-v2 .atributo-framed-v2 .attr-destinatarios::before { content: "\f0c0" !important; } 

#cincork-landing-v2 .atributo-framed-v2 .atributo-label-v2,
#cincork-landing-v2 .atributo-framed-v2 .atributo-valor-v2 {
    color: #7D6E5D !important; /* Labels e Valores Castanhos */
    line-height: 1.2 !important;
}
#cincork-landing-v2 .atributo-framed-v2 .atributo-label-v2 {
    font-size: 1.0em !important; 
    font-weight: 800 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#cincork-landing-v2 .atributo-framed-v2 .atributo-valor-v2 {
    font-size: 1.0em !important;
    font-weight: 400 !important;
    display: block !important;
}

/* Media Queries para Responsividade */
@media (max-width: 992px) { 
    #cincork-landing-v2 .atributo-framed.atributo-framed-v2 .atributo-curso {
        width: calc(50% - 7.5px) !important; 
    }
}
@media (max-width: 550px) { 
    #cincork-landing-v2 .atributo-framed.atributo-framed-v2 .atributo-curso {
        width: 100% !important; 
    }
}
/*
 * V40.40: Estilo Final para o Link da Modalidade (Apenas Realce Visual)
 * - Nome da modalidade visível o tempo todo.
 * - SEM SUBLINHADO inicial.
 * - Hover: Cor Marrom Escuro + Peso Grosso + Sublinhado.
 */

/* 1. Estado Padrão (Base) */
#cincork-landing-v2 .atributo-framed-v2 .atributo-valor-v2 a {
    color: #7D6E5D !important;          /* Cor Marrom */
    text-decoration: none !important;    /* Garante SEM sublinhado no estado normal */
    font-weight: 400 !important;         /* Peso Normal */
    transition: all 0.2s ease;           /* Suaviza a transição de cor e peso */
    cursor: pointer;
}

/* 2. Estado Hover (Realce) */
#cincork-landing-v2 .atributo-framed-v2 .atributo-valor-v2 a:hover {
    color: #6C5D4F !important;          /* Cor Marrom Escuro no hover */
    text-decoration: underline !important; /* Adiciona SUBLINHADO no hover */
    font-weight: 800 !important;         /* Peso Grosso (Bold) no hover */
}
/* --- 3. PRÉ-INSCRIÇÃO (CALL TO ACTION) V2 --- */

/* Força a centralização do parágrafo que contém o link */
#cincork-landing-v2 p:has(a#quero-inscrever-me) { 
    text-align: center !important; 
}
#cincork-landing-v2 a.botao-inscrever-me-v2 {
    background-color: transparent !important;
    color: #7D6E5D !important; /* Texto Castanho */
    border: 3px solid #1d8649 !important; /* Borda Verde 3px */
    text-decoration: none !important;
    font-weight: 800 !important; 
    font-size: 1.2em !important; 
    padding: 15px 35px !important; 
    border-radius: 50px !important; 
    display: inline-block !important;
    transition: background-color 0.3s ease, transform 0.1s ease, color 0.3s ease !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    margin-top: 15px !important; 
    margin-bottom: 25px !important;
    text-align: center !important; 
    white-space: normal !important; 
    overflow-wrap: break-word !important;
}

#cincork-landing-v2 a.botao-inscrever-me-v2:hover {
    background-color: #1d8649 !important; /* Fundo Verde */
    color: white !important; /* Texto Branco */
    box-shadow: none !important;
}

/* --- 4. ESTILOS DO FORMULÁRIO WPCF7 (ALINHAMENTO CORRIGIDO) --- */

/* 🟢 CORREÇÃO: Estilos do Formulário (Alinhamento à Esquerda) */
#cincork-landing-v2 .formulario-landing-page-v2 {
    padding: 25px !important; 
    background-color: #f7f7f7 !important; /* Fundo original cinzento claro */
    border-radius: 10px !important;
    margin: 40px 0 !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05) !important; 
    /* Esta linha garante que todo o conteúdo (labels, campos) está alinhado à esquerda */
    text-align: left !important; 
}

/* Botão de SUBMIT do WPCF7 */
#cincork-landing-v2 .formulario-landing-page-v2 input[type="submit"] {
    background-color: transparent !important;
    color: #7D6E5D !important; /* Texto Castanho */
    border: 3px solid #1d8649 !important; /* Contorno verde forte */
    font-weight: 700 !important;
    font-size: 1.1em !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}
#cincork-landing-v2 .formulario-landing-page-v2 input[type="submit"]:hover {
    background-color: #1d8649 !important;
    color: white !important;
}

/* ESTILOS DE TABELA - FICHA DE CURSO (TH CENTRADO, TD À ESQUERDA) */
#cincork-landing-v2 .generated-data-table {
    width: 100%;
    border-collapse: collapse; 
    margin: 20px 0;
    font-size: 0.95em;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    /* ESSENCIAL para que todas as colunas tenham a mesma largura */
    table-layout: fixed; 
}

/* Estilo do Cabeçalho: Centrado (CONFIRMADO) */
#cincork-landing-v2 .generated-data-table th {
    background-color: transparent; 
    color: #7D6E5D; /* Cor castanha */
    border: 3px solid #1d8649; /* Borda grossa verde */
    padding: 12px 15px;
    text-align: center !important; /* ALINHAMENTO DO CABEÇALHO: CENTRADO */
    font-weight: 600;
}

/* Estilo do Corpo: À ESQUERDA (CORRIGIDO) */
#cincork-landing-v2 .generated-data-table td {
    background-color: transparent; 
    /* Cor do texto: usa a cor padrão (preto/cinzento) do tema */
    border: none;
    border-bottom: 2px solid #1d8649; 
    padding: 10px 15px;
    text-align: left !important; /* ALINHAMENTO DO CORPO: À ESQUERDA */
}

/* Estilo da Última Linha: Remove Borda Inferior */
#cincork-landing-v2 .generated-data-table tr:last-child td {
    border-bottom: none;
}

/* Estilo para Linhas Alternadas: Mantém a regra do fundo transparente */
#cincork-landing-v2 .generated-data-table tr:nth-child(even) td {
    background-color: transparent; 
}
/* CORREÇÃO VISUAL PARA LISTAS NUMERADAS HIERÁRQUICAS (1, 1.1, 1.1.1) */

/* 1. Inicializa o contador e remove a numeração padrão */
#cincork-landing-v2 ol {
    /* Garante que o contador é redefinido para o início de cada lista principal */
    counter-reset: item;
    /* Remove a numeração padrão para que o CSS possa gerar a sua */
    list-style-type: none; 
}

/* 2. Aplica a numeração hierárquica a cada item da lista */
#cincork-landing-v2 li {
    display: block; /* Garante que os itens são blocos para o 'before' funcionar */
}

#cincork-landing-v2 li:before {
    /* Aumenta o contador para o item atual */
    counter-increment: item;
    /* Constrói a string do número: 'counters(item, ".")' une todos os contadores pais e filhos com um ponto */
    content: counters(item, ".") ". "; 
    
    /* Estilo visual */
    font-weight: bold; 
    margin-right: 5px;
    display: inline-block;
}
/* 🟢 SOLUÇÃO FINAL PARA HÍFEN/BULLET NOS DESTINATÁRIOS (V40.3) */
#cincork-landing-v2 .destinatarios-list-v2 {
    list-style-type: none !important;
    padding-left: 0 !important;
}
#cincork-landing-v2 .destinatarios-list-v2 li {
    counter-increment: none !important; 
    display: block !important; 
    padding-left: 20px !important; 
    text-indent: -20px !important; 
}
#cincork-landing-v2 .destinatarios-list-v2 li::before {
    content: "- " !important; 
    color: #7D6E5D !important;
    font-weight: normal !important;
    display: inline-block !important; 
    margin-right: 5px !important;
}
