.elementor-2677 .elementor-element.elementor-element-8884182{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-2677 .elementor-element.elementor-element-8884182:not(.elementor-motion-effects-element-type-background), .elementor-2677 .elementor-element.elementor-element-8884182 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13315E;}.elementor-2677 .elementor-element.elementor-element-101ff27{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:start;}.elementor-2677 .elementor-element.elementor-element-101ff27 img{width:86%;}.elementor-2677 .elementor-element.elementor-element-eeab4b9{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2677 .elementor-element.elementor-element-eeab4b9:not(.elementor-motion-effects-element-type-background), .elementor-2677 .elementor-element.elementor-element-eeab4b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2677 .elementor-element.elementor-element-eeab4b9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2677 .elementor-element.elementor-element-c00e637.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2677 .elementor-element.elementor-element-eeab4b9{--content-width:1144px;}}@media(max-width:1024px){.elementor-2677 .elementor-element.elementor-element-8884182{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2677 .elementor-element.elementor-element-8884182{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2677 .elementor-element.elementor-element-101ff27{--container-widget-width:324px;--container-widget-flex-grow:0;width:var( --container-widget-width, 324px );max-width:324px;text-align:center;}.elementor-2677 .elementor-element.elementor-element-101ff27 img{width:71%;}.elementor-2677 .elementor-element.elementor-element-4a37ddc{width:initial;max-width:initial;margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS *//* --- CONTROLES DE EDIÇÃO (Mude os valores aqui) --- */
:root {
    --kk-tamanho-circulo: 85px;       /* Tamanho do círculo externo */
    --kk-tamanho-imagem: 90%;         /* Quanto a imagem ocupa do círculo (Aumente aqui!) */
    --kk-cor-fundo-circulo: #FFFFFF;  /* Cor de fundo do círculo */
    --kk-cor-borda-hover: #ff8c00;    /* Cor da borda ao passar o mouse */
    --kk-fonte-tamanho: 13px;         /* Tamanho da letra */
    --kk-fonte-cor: #333333;          /* Cor da letra */
    --kk-espacamento-itens: 5px;     /* Distância entre as categorias */
    --kk-espaco-topo-texto: 8px;     /* Distância entre o círculo e o texto */
    --kk-altura-linha-texto: 1.4;    /* Espaçamento entre as linhas do nome da categoria */
}

/* --- ESTRUTURA (Não precisa mexer abaixo) --- */
.kk-cat-list {
    display: flex;
    gap: var(--kk-espacamento-itens);
    list-style: none;
    padding: 20px 0;
    margin: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start; /* Alinha os itens ao início */
    align-items: flex-start;
}

.kk-cat-item {
    flex: 0 0 auto; /* Impede que os itens amassem */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px; /* Largura da área de cada item */
}

.kk-cat-circle {
    width: var(--kk-tamanho-circulo);
    height: var(--kk-tamanho-circulo);
    background-color: var(--kk-cor-fundo-circulo);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    overflow: hidden; /* Garante que nada saia do círculo */
}

.kk-cat-circle img {
    width: var(--kk-tamanho-imagem);
    height: var(--kk-tamanho-imagem);
    object-fit: contain; /* Mantém a proporção sem cortar */
}

.kk-cat-link:hover .kk-cat-circle {
    border-color: var(--kk-cor-borda-hover);
    transform: translateY(-3px);
}

.kk-cat-title {
    font-size: var(--kk-fonte-tamanho) !important;
    color: var(--kk-fonte-cor) !important;
    font-weight: 700;
    text-align: center;
    
    /* AJUSTE DE ESPAÇAMENTO AQUI */
    margin-top: var(--kk-espaco-topo-texto) !important; 
    margin-bottom: 0 !important;
    line-height: var(--kk-altura-linha-texto) !important;
    
    /* Limita o texto para não quebrar o layout se o nome for muito grande */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 5px; /* Evita que o texto encoste nas laterais do item */
}/* End custom CSS */