.elementor-295 .elementor-element.elementor-element-0b83c1f{--spacer-size:50px;}.elementor-295 .elementor-element.elementor-element-52853ee.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-295 .elementor-element.elementor-element-f50e192.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-295 .elementor-element.elementor-element-5b03dc8{--spacer-size:50px;}.elementor-295 .elementor-element.elementor-element-0f40ed6{--spacer-size:50px;}.elementor-295 .elementor-element.elementor-element-10b9a6e{--spacer-size:70px;}@media(min-width:768px){.elementor-295 .elementor-element.elementor-element-52853ee{width:74.566%;}.elementor-295 .elementor-element.elementor-element-f50e192{width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-e44b1a6 *//* **NOVO** 4.2. DESTAQUES NA SIDEBAR NOVO (IMAGEM RETANGULAR COM LEGENDA) */
.ela-sb-novo-bloco { 
    display: grid; 
    gap: 15px; 
}
.ela-sb-novo-item { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    text-decoration: none; 
    padding: 08px; 
    border-radius: 8px; 
    transition: var(--transicao-padrao); 
}
.ela-sb-novo-item:hover { 
    background-color: var(--cinza-fundo-claro); 
}
.ela-sb-novo-imagem-wrap { 
    flex-shrink: 0; 
    position: relative; /* Necessário para posicionar a legenda */
    width: 60px; /* Largura definida para o container */
    height: 60px; /* Altura definida para o container */
}
.ela-sb-novo-imagem-wrap img, .ela-sb-novo-imagem-wrap .placeholder-imagem { 
    width: 50px;       /* Dimensões retangulares conforme solicitado */
    height: 20px;      /* Dimensões retangulares conforme solicitado */
    object-fit: cover; 
    border-radius: 4px; 
    display: block; 
}
/* **ADICIONADO** Estilo para a legenda da imagem na sidebar */
.ela-sb-novo-imagem-wrap figcaption.projeto-imagem-legenda {
    position: absolute;    /* Posiciona a legenda sobre a imagem */
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7); /* Fundo escuro semitransparente */
    color: var(--branco);           /* Texto branco para contraste */
    font-size: 7px;                 /* Tamanho de fonte bem pequeno */
    line-height: 1.2;
    padding: 1px 3px;               /* Preenchimento mínimo */
    text-align: left;
    white-space: nowrap;            /* Impede que o texto quebre a linha */
    overflow: hidden;               /* Esconde texto que não couber */
    text-overflow: ellipsis;        /* Adiciona "..." se o texto for muito longo */
    border-radius: 0 0 4px 4px;     /* Arredonda os cantos inferiores */
    box-sizing: border-box;         /* Garante que o padding não aumente o tamanho */
}

.ela-sb-novo-conteudo { 
    display: flex; 
    flex-direction: column; 
}
.ela-sb-novo-titulo { 
    margin: 0; 
    font-size: 0.9rem; 
    color: var(--cinza-texto); 
    font-weight: 600; 
    line-height: 1.3; 
    transition: color 0.2s ease; 
}
.ela-sb-novo-item:hover .ela-sb-novo-titulo { 
    color: var(--azul-brasil); 
}
.ela-sb-novo-data { 
    font-size: 0.75rem; 
    color: var(--cinza-texto-claro); 
    margin-top: 3px; 
}/* End custom CSS */