/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1760438191
Updated: 2025-10-14 10:36:31

*/
.wpr-taxonomy-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    list-style: none;
    padding: 0;
}
.wpr-taxonomy {
    background-color: #f7f7f7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0.5em 1em;
}
.wpr-taxonomy:hover {
    background-color: #e0e0e0;
}
.wpr-tax-wrap {
    display: flex;
    gap: 0.5em;
    align-items: center;
    color: #1d8649;
    font-weight: 600;
}
/* ====================================================================== */
/* --- CÓDIGO CSS FINAL CONSOLIDADO E CORRIGIDO (Versão Final)        --- */
/* (Inclui design de modalidade, cursos, novo cabeçalho de categoria,     */
/* ajuste para menu fixo, corte de imagem correto e espaçamento de rodapé)*/
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* --- BLOCO 0: ESTILO DA IMAGEM E CAIXA DE TÍTULO DA CATEGORIA (SINGLE PAGE) --- */
/* ---------------------------------------------------------------------- */

/* CRÍTICO: PADDING DE AJUSTE PARA CABEÇALHO FIXO (120px) */
/* (Baseado no HTML que adiciona a classe 'top-padding-adjust' à primeira seção) */
.top-padding-adjust {
    padding-top: 120px !important; 
    margin-top: -120px !important; /* Move a seção para cima para compensar o padding e evitar quebras de scroll */
}

.em-category-header-design {
    position: relative;
}

/* 1. Imagem de Cabeçalho (Fica apenas a imagem uniforme) */
.em-category-header-design .em-item-image {
    height: 350px !important; 
    overflow: hidden !important;
    margin-bottom: 0 !important; 
    position: relative !important;
    border-radius: 15px !important; 
}

.em-category-header-design .em-item-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    /* CRÍTICO: Corta por baixo, centrando a parte superior da imagem */
    object-position: top center !important; 
}

/* 2. NOVO: CAIXA DE TÍTULO DA MODALIDADE (Por baixo da Imagem) */
.category-title-box {
    background-color: #f7f7f7 !important; 
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    padding: 15px 25px !important;
    /* Espaçamento após a imagem para o título não ficar "comido" */
    margin-top: 20px !important; 
    margin-bottom: 40px !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.category-title-box h1 {
    font-size: 2em !important;
    font-weight: 400 !important; 
    color: #333333 !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* Título da Categoria a Verde */
.category-title-box h1 .category-name-green {
    color: #1d8649 !important; 
    font-weight: 700 !important; 
}

/* 3. ESTILO DO CABEÇALHO "CURSOS DISPONÍVEIS" (FUNDO CINZA) */
.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;
}

/* ====================================================================== */
/* --- CÓDIGO CSS FINAL ÚNICO E LIMPO (V5.0: CORREÇÃO DE ERROS FINAIS)  --- */
/* (Este código substitui TODAS as versões anteriores)                    */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* --- BLOCO 0: ESTILO DA IMAGEM E CAIXA DE TÍTULO DA CATEGORIA (SINGLE PAGE) --- */
/* --- INCLUI: 150px PADDING, SEM MARGEM NEGATIVA, BORDA VISÍVEL --- */
/* ---------------------------------------------------------------------- */

/* CRÍTICO: PADDING DE AJUSTE PARA CABEÇALHO FIXO (150px) */
/* Resolve o corte da imagem. Apenas padding-top para criar espaço no topo. */
.top-padding-adjust {
    padding-top: 150px !important; 
}

.em-category-header-design {
    position: relative;
    /* Move a secção ligeiramente para cima para compensar se o template-base a empurrar para baixo */
    margin-top: -50px; 
}

/* 1. Imagem de Cabeçalho (350px de altura) */
.em-category-header-design .em-item-image {
    height: 350px !important; 
    overflow: hidden !important; 
    margin-bottom: 0 !important; 
    position: relative !important;
}

.em-category-header-design .em-item-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    object-position: top center !important; /* Corta por baixo, focando o topo */
    border-radius: 15px !important; /* Garante que a borda é visível */
}

/* 2. CAIXA DE TÍTULO DA MODALIDADE (Por baixo da Imagem) */
.category-title-box {
    background-color: #f7f7f7 !important; 
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    padding: 15px 25px !important;
    margin-top: 20px !important; 
    margin-bottom: 40px !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.category-title-box h1 {
    font-size: 2em !important;
    font-weight: 400 !important; 
    color: #333333 !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* Título da Categoria a Verde */
.category-title-box h1 .category-name-green {
    color: #1d8649 !important; 
    font-weight: 700 !important; 
}

/* 3. 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;
}

/* --- AJUSTE DE ESPAÇAMENTO NO RODAPÉ --- */
.em-taxonomy-events {
    padding-bottom: 80px !important;
}

/* ---------------------------------------------------------------------- */
/* --- BLOCO 1: GRELHA E ESTILO PARA LISTA DE MODALIDADES (PÁGINA A) --- */
/* ---------------------------------------------------------------------- */

/* LAYOUT GRELHA E RESPONSIVIDADE */
.em-categories {
    display: grid !important; 
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2em;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.em-categories > li {
    display: flex !important; 
    flex-direction: column !important;
    height: 100% !important; 
    width: auto !important;
    float: none !important;
    padding: 0 5px; 
}

@media (max-width: 1024px) {
    .em-categories {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .em-categories {
        grid-template-columns: 1fr !important;
    }
}

/* ESTILO VISUAL DO CARD (.cincork-category-list-card) */
.cincork-category-list-card {
    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;
}

.cincork-category-list-card .em-item-image-wrapper {
    display: block !important;
    height: 18em !important;
    overflow: hidden !important;
    width: auto !important; 
    margin: -1em -1em 0 -1em !important; 
    transition: transform 0.4s ease-in-out; 
}
.cincork-category-list-card .em-item-image-wrapper img {
    object-fit: cover !important;
    border-radius: 25px 25px 0 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* TÍTULO DA MODALIDADE E BOTÃO */
.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; 
    font-size: 1em !important; 
    font-weight: 600 !important; 
    line-height: 1.1em !important; 
    text-decoration: none !important;
    display: inline-block;
}

.cincork-category-list-card .em-item-actions {
    margin-top: auto !important; 
    margin-bottom: 10px !important;
    text-align: center;
    padding-top: 15px;
}
.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; 
}

/* EFEITOS HOVER */
.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); 
}

/* ---------------------------------------------------------------------- */
/* --- BLOCO 2: GRELHA E ESTILO PARA LISTA DE CURSOS (PÁGINA B) --- */
/* ---------------------------------------------------------------------- */

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

.em-taxonomy-events .em-events > li, 
.em-events > li {
    display: flex !important; 
    flex-direction: column !important;
    height: 100% !important; 
    width: auto !important;
    float: none !important;
    padding: 0 !important; 
}

@media (max-width: 1024px) {
    .em-taxonomy-events .em-events, .em-events {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .em-taxonomy-events .em-events, .em-events {
        grid-template-columns: 1fr !important;
    }
}

/* ESTILO DO CARD DE CURSO (.em-event) */
.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;
}

/* IMAGEM E TÍTULO DO CURSO */
.em-event .em-event-image-container {
    display: block !important;
    height: 18em !important; 
    overflow: hidden !important;
    width: auto !important; 
    margin: -1em -1em 0 -1em !important; 
}
.em-event .em-event-image-container img {
    object-fit: cover !important;
    border-radius: 25px 25px 0 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.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; 
    font-size: 1em !important; 
    font-weight: 600 !important;
    line-height: 1.1em !important; 
    text-decoration: none !important;
}

/* BOTÃO MAIS INFORMAÇÕES */
.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;
}

/* EFEITOS HOVER */
.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); 
}

/* ---------------------------------------------------------------------- */
/* --- BLOCO 3: 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);
}
/* ---------------------------------------------------------------------- */
/* --- NOVO BLOCO: ESTILO PARA O LINK DE DETALHES DA MODALIDADE (CASTANHO) --- */
/* ---------------------------------------------------------------------- */
.category-details-link {
    display: block !important; 
    margin-top: 10px !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    /* CORREÇÃO DE COR: Força o castanho (#7D6E5D) */
    color: #7D6E5D !important; 
    text-decoration: none !important;
    transition: color 0.3s;
}

.category-details-link:hover {
    /* Cor mais escura ao passar o mouse */
    color: #5c5344 !important; 
    text-decoration: underline !important;
}