.elementor-691 .elementor-element.elementor-element-9eac94d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-691 .elementor-element.elementor-element-9eac94d:not(.elementor-motion-effects-element-type-background), .elementor-691 .elementor-element.elementor-element-9eac94d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-9c32133{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-691 .elementor-element.elementor-element-fb3e93b{padding:30px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-fb3e93b *//*
 * ===================================================================
 * CSS DO GLOSSÁRIO (100% UNIFICADO E CORRIGIDO)
 * ===================================================================
 */

/* --- BREADCRUMB (Navegação de Rastro) - CORREÇÃO DE ALINHAMENTO FINAL --- */

.glossario-breadcrumb {
    
    font-size: 14px;
}

.glossario-breadcrumb img {
    /* Por exemplo, para aumentar o tamanho */
    width: 14px;
    height: 14px;
    padding-top:2px ;
}

/* --- CABEÇALHO E TÍTULOS (Centralização e Espaçamento) --- */

.glossario-header {
    /* Adiciona mais espaço no topo e mantém o espaçamento inferior */
    padding-top: 3rem; /* Mais respiro do topo, como solicitado */
    margin-bottom: calc(var(--espaco-base) * 2); /* 3rem */
}

/* Remove a classe 'esquerda' do h1 e centraliza */
.glossario-header .secao-titulo-esquerda {
    text-align: center;
    margin-bottom: 0.5rem; /* Espaço entre título e subtítulo */
}

/* Centraliza e estiliza o subtítulo */
.glossario-subtitulo {
    font-size: 1.15rem;
    color: var(--cor-secundaria); /* Verde Oliva */
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0; 
    margin-bottom: var(--espaco-base);
}

/* --- Estilo da Barra de Busca --- */
.glossario-busca-wrapper {
    display: flex;
    gap: 10px;
}

.input-busca {
    flex-grow: 1;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: var(--fonte-corpo);
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.input-busca:focus {
    outline: none;
    border-color: var(--cor-destaque);
    box-shadow: 0 0 5px rgba(184, 134, 11, 0.5); 
}

/* --- Navegação Alfabética (Letras) --- */
.glossario-nav-letras {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--espaco-base) 0; 
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: calc(var(--espaco-base) * 2);
}

.letra-link {
    display: block;
    font-family: var(--fonte-titulo);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cor-primaria);
    padding: 5px 12px;
    margin: 5px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.letra-link:hover,
.letra-link.ativo {
    background-color: var(--cor-destaque);
    color: #ffffff !important;
    text-decoration: none;
}

/* --- Lista de Termos (Conteúdo) --- */

.letra-titulo {
    font-size: 3rem;
    font-weight: 700;
    color: var(--cor-primaria);
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    padding-top: 50px; 
    margin-top: -50px; /* Compensa para a âncora funcionar com o menu fixo */
}

.termo-item {
    padding: var(--espaco-base);
    border-left: 5px solid var(--cor-destaque);
    background-color: #fff;
    margin-bottom: var(--espaco-base);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.termo-nome {
    font-family: var(--fonte-titulo);
    font-size: 1.5rem;
    color: var(--cor-primaria);
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.termo-definicao {
    margin-bottom: 0;
}

/* --- Responsividade --- */
@media (max-width: 600px) {
    .glossario-busca-wrapper {
        flex-direction: column;
    }
    .letra-titulo {
        font-size: 2.5rem;
    }
}/* End custom CSS */