.elementor-16080 .elementor-element.elementor-element-0541bef img{border-radius:10px 10px 10px 10px;}.elementor-16080 .elementor-element.elementor-element-0541bef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-16080 .elementor-element.elementor-element-0541bef{width:100%;max-width:100%;}.elementor-16080 .elementor-element.elementor-element-88c0bc1{--display:flex;--background-transition:0.3s;}.elementor-16080 .elementor-element.elementor-element-66632e6{font-family:"Anek Latin", Poppins;font-size:1.3rem;font-weight:300;line-height:150%;}.elementor-16080 .elementor-element.elementor-element-e019354{--display:flex;--background-transition:0.3s;}.elementor-16080 .elementor-element.elementor-element-e6eea12 .gallery-item .gallery-caption{text-align:center;}.elementor-16080 .elementor-element.elementor-element-e6eea12 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-16080 .elementor-element.elementor-element-6088aa7{--display:flex;--background-transition:0.3s;}.elementor-16080 .elementor-element.elementor-element-e2ca984 .ct-slick-slider .ct-carousel-inner .item--title, .elementor-16080 .elementor-element.elementor-element-e2ca984 .ct-slick-slider .ct-carousel-inner .item--author a{font-family:"Anek Latin", Poppins;font-weight:700;}.elementor-16080 .elementor-element.elementor-element-e2ca984 .ct-slick-slider .ct-carousel-inner{font-family:"Anek Latin", Poppins;font-weight:400;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6 .elementor-image-box-wrapper{text-align:center;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6 .elementor-image-box-title{margin-bottom:17px;color:#000000;font-family:"Anek Latin", Poppins;font-size:48px;font-weight:400;line-height:0.8em;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6 .elementor-image-box-description{color:#CCD0D5;font-family:"Anek Latin", Poppins;font-size:18px;font-weight:400;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-16080 .elementor-element.elementor-element-0541bef img{width:100%;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6{--container-widget-width:609px;--container-widget-flex-grow:0;width:var( --container-widget-width, 609px );max-width:609px;}}@media(max-width:767px){.elementor-16080 .elementor-element.elementor-element-c4f7dd6 .elementor-image-box-title{margin-bottom:30px;font-size:26px;line-height:0.9em;letter-spacing:-0.6px;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6 .elementor-image-box-description{font-size:13px;letter-spacing:-0.9px;}.elementor-16080 .elementor-element.elementor-element-c4f7dd6{--container-widget-width:364px;--container-widget-flex-grow:0;width:var( --container-widget-width, 364px );max-width:364px;}}/* Start custom CSS for container, class: .elementor-element-e019354 *//* ==================================================
   1. ARREDONDAMENTO E SOMBRA BASE
================================================== */
.elementor-16080 .elementor-element.elementor-element-e019354 img {
    border-radius: 16px !important; /* Arredondamento moderno */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; /* Sombra inicial suave */
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Transição super macia */
    object-fit: cover;
    cursor: pointer;
}

/* Dá um respiro entre as imagens caso estejam muito coladas */
.elementor-16080 .elementor-element.elementor-element-e019354 .swiper-slide,
.elementor-16080 .elementor-element.elementor-element-e019354 .gallery-item {
    padding: 10px !important;
    box-sizing: border-box;
}

/* ==================================================
   2. ANIMAÇÃO INOVADORA: MODO "FOCUS"
   Quando o mouse entra no widget, todas as imagens 
   encolhem levemente e ficam escuras (desfocadas).
================================================== */
.elementor-16080 .elementor-element.elementor-element-e019354:hover img {
    filter: brightness(0.55) grayscale(30%) !important;
    transform: scale(0.95) !important;
}

/* ==================================================
   3. DESTAQUE DO ITEM (POP)
   A imagem tocada volta ao normal, cresce, levanta 
   e ganha uma sombra laranja brilhante.
================================================== */
.elementor-16080 .elementor-element.elementor-element-e019354 img:hover {
    filter: brightness(1.1) grayscale(0%) !important; /* Deixa a cor viva novamente */
    transform: scale(1.08) translateY(-8px) !important; /* Cresce 8% e sobe um pouco */
    box-shadow: 0 25px 50px rgba(240, 126, 38, 0.35) !important; /* Sombra com o Laranja AAEAA */
    z-index: 10 !important; /* Garante que a foto passe por cima das outras */
    position: relative;
}/* End custom CSS */
/* Start custom CSS for ct_blog_carousel, class: .elementor-element-e2ca984 *//* ==================================================
   1. ESTRUTURA E BORDA (Sem Efeitos de Hover)
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 .slick-slide > div,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .swiper-slide,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-widget-container > div > div {
    border: 1px solid #eaeaea !important; /* Borda fina cinza idêntica à imagem */
    border-radius: 8px !important;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.02) !important; /* Sombra quase imperceptível */
    background-color: #ffffff;
    overflow: hidden;
    margin: 10px;
    position: relative; 
    display: flex;
    flex-direction: column;
    height: 100%; 
}

/* ==================================================
   2. O TRUQUE DE MESTRE: CLIQUE NO CARD INTEIRO
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-title a::before,
.elementor-16080 .elementor-element.elementor-element-e2ca984 h1 a::before, .elementor-16080 .elementor-element.elementor-element-e2ca984 h2 a::before, .elementor-16080 .elementor-element.elementor-element-e2ca984 h3 a::before, 
.elementor-16080 .elementor-element.elementor-element-e2ca984 h4 a::before, .elementor-16080 .elementor-element.elementor-element-e2ca984 h5 a::before, .elementor-16080 .elementor-element.elementor-element-e2ca984 h6 a::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 5; 
}

/* ==================================================
   3. IMAGEM DO TOPO
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 img {
    border-radius: 8px 8px 0 0 !important;
    width: 100%;
    height: 200px; 
    object-fit: cover;
    position: relative;
    z-index: 1;
}

/* ==================================================
   4. TAG DE CATEGORIA (Geral - Maiúsculo)
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 .slick-slide > div::before,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .swiper-slide::before {
    content: "GERAL"; 
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #F07E26; 
    color: #ffffff;
    padding: 6px 12px; 
    font-size: 11px; 
    font-weight: 700; 
    text-transform: uppercase;
    border-radius: 4px;
    z-index: 10;
    pointer-events: none; /* Deixa o clique passar através dela */
}

/* ==================================================
   5. CAIXA DE CONTEÚDO E TÍTULO
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-content,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-post__text,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-widget-container > div > div > div:nth-child(2) {
    padding: 25px 25px 75px 25px !important; /* Os 75px criam o espaço reservado e travado do botão */
    flex-grow: 1; 
    position: relative; 
}

.elementor-16080 .elementor-element.elementor-element-e2ca984 h1, .elementor-16080 .elementor-element.elementor-element-e2ca984 h2, .elementor-16080 .elementor-element.elementor-element-e2ca984 h3, .elementor-16080 .elementor-element.elementor-element-e2ca984 h4, .elementor-16080 .elementor-element.elementor-element-e2ca984 h5, .elementor-16080 .elementor-element.elementor-element-e2ca984 h6,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-title, .elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-post__title,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-title a, .elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-post__title a {
    font-weight: 800 !important; 
    color: #111111 !important; 
    margin-bottom: 12px !important;
    line-height: 1.0 !important;
    font-size: 18px !important;
    text-decoration: none !important;
}

/* ==================================================
   6. TEXTO DO RESUMO (4 Linhas)
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 p, .elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-content p, 
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-summary, .elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-post__excerpt {
    font-weight: 400 !important; /* Peso normal igual ao da imagem */
    font-size: 14px !important;
    line-height: 1.0 !important;
    color: #555555 !important;
    
    /* Limite exato de 3 linhas como na imagem */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

/* ==================================================
   7. BOTÃO FIXO "LEIA MAIS »"
================================================== */
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-content::after,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-post__text::after,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-widget-container > div > div > div:nth-child(2)::after {
    content: "Leia Mais \00BB"; /* \00BB é o código CSS para a seta dupla » */
    position: absolute;
    bottom: 25px; 
    left: 25px;
    background-color: #F07E26; 
    color: #ffffff;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
    z-index: 6;
    pointer-events: none;
}

/* ==================================================
   8. RODAPÉ DE META DADOS (Data e Autor)
================================================== */
/* Cria a linha separadora e ajusta o rodapé como na imagem */
.elementor-16080 .elementor-element.elementor-element-e2ca984 .case-blog-meta,
.elementor-16080 .elementor-element.elementor-element-e2ca984 .elementor-post__meta-data {
    border-top: 1px solid #eaeaea !important;
    padding: 15px 25px !important;
    font-size: 12px !important;
    color: #777777 !important;
    background: #ffffff;
    margin-top: auto; /* Empurra o rodapé pro fundo */
}/* End custom CSS */