.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4397 .elementor-element.elementor-element-9b04656{width:100%;max-width:100%;align-self:center;}.elementor-4397 .elementor-element.elementor-element-a1fdb69{--spacer-size:40px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4397 .elementor-element.elementor-element-f5dbcb1 .elementor-icon-list-icon{width:14px;}.elementor-4397 .elementor-element.elementor-element-f5dbcb1 .elementor-icon-list-icon i{font-size:14px;}.elementor-4397 .elementor-element.elementor-element-f5dbcb1 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-4397 .elementor-element.elementor-element-f5dbcb1 .elementor-icon-list-text, .elementor-4397 .elementor-element.elementor-element-f5dbcb1 .elementor-icon-list-text a{color:#FFFFFF;}.elementor-4397 .elementor-element.elementor-element-f5dbcb1 .elementor-icon-list-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4397 .elementor-element.elementor-element-6927ff5{text-align:center;}.elementor-4397 .elementor-element.elementor-element-98a12d5 .content-inner *{font-size:23px;line-height:31px;letter-spacing:-0.3px;word-spacing:0px;}.elementor-4397 .elementor-element.elementor-element-78bc260{--spacer-size:50px;}body.elementor-page-4397:not(.elementor-motion-effects-element-type-background), body.elementor-page-4397 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-9b04656 *//* ═══════════════════════════════════════════════════════════
   CSS - FUNDO AMARELO + IMAGEM MENOR
   Cole no "CSS Personalizado" do Widget no Elementor
   ═══════════════════════════════════════════════════════════ */

/* ═══ VERSÃO 1: Imagem 20% menor (Recomendado) ═══ */

.elementor-4397 .elementor-element.elementor-element-9b04656 {
    position: relative;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fundo amarelo até metade */
.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 400px; /* Altura do amarelo - AJUSTE AQUI */
    background: #FFD700;
    z-index: 0;
}

.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    width: calc(100% - 80px);
    max-width: 850px; /* IMAGEM MENOR - era 1200px */
    height: auto;
    min-height: 480px; /* ALTURA MENOR - era 450px */
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6);
    margin: 60px auto 0 auto;
    display: block;
    position: relative;
    z-index: 1;
}

/* Mobile */
@media (max-width: 768px) {
    .elementor-4397 .elementor-element.elementor-element-9b04656::before {
        height: 320px;
    }
    
    .elementor-4397 .elementor-element.elementor-element-9b04656 img {
        width: calc(100% - 40px);
        max-width: 100%;
        min-height: 250px; /* ALTURA MENOR no mobile */
        border-radius: 12px;
        margin-top: 40px;
    }
}


/* ═══════════════════════════════════════════════════════════
   VERSÃO 2: Imagem 30% menor
   ═══════════════════════════════════════════════════════════ */

.elementor-4397 .elementor-element.elementor-element-9b04656 {
    position: relative;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 280px;
    background: #FFD700;
    z-index: 0;
}

.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    width: calc(100% - 100px); /* Mais espaço lateral */
    max-width: 850px; /* Bem menor */
    height: auto;
    min-height: 350px; /* Mais baixa */
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6);
    margin: 50px auto 0 auto;
    display: block;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .elementor-4397 .elementor-element.elementor-element-9b04656::before {
        height: 200px;
    }
    
    .elementor-4397 .elementor-element.elementor-element-9b04656 img {
        width: calc(100% - 40px);
        max-width: 100%;
        min-height: 230px;
        border-radius: 12px;
        margin-top: 35px;
    }
}


/* ═══════════════════════════════════════════════════════════
   VERSÃO 3: Imagem compacta (40% menor)
   ═══════════════════════════════════════════════════════════ */

.elementor-4397 .elementor-element.elementor-element-9b04656 {
    position: relative;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 260px;
    background: #FFD700;
    z-index: 0;
}

.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    width: calc(100% - 120px);
    max-width: 720px; /* Bem compacta */
    height: auto;
    min-height: 320px; /* Mais baixa */
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    margin: 45px auto 0 auto;
    display: block;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .elementor-4397 .elementor-element.elementor-element-9b04656::before {
        height: 180px;
    }
    
    .elementor-4397 .elementor-element.elementor-element-9b04656 img {
        width: calc(100% - 30px);
        max-width: 100%;
        min-height: 200px;
        border-radius: 10px;
        margin-top: 30px;
    }
}


/* ═══════════════════════════════════════════════════════════
   VERSÃO 4: Ajuste personalizado (você controla tudo)
   ═══════════════════════════════════════════════════════════ */

.elementor-4397 .elementor-element.elementor-element-9b04656 {
    position: relative;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 300px; /* ⬆️⬇️ Altura do amarelo */
    background: #FFD700;
    z-index: 0;
}

.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    width: calc(100% - 80px); /* ⬅️➡️ Espaço lateral */
    max-width: 1000px; /* 📏 Largura máxima da imagem */
    height: auto;
    min-height: 360px; /* 📐 Altura mínima da imagem */
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6);
    margin: 55px auto 0 auto; /* ⬆️ Margem superior */
    display: block;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .elementor-4397 .elementor-element.elementor-element-9b04656::before {
        height: 210px; /* Mobile: altura do amarelo */
    }
    
    .elementor-4397 .elementor-element.elementor-element-9b04656 img {
        width: calc(100% - 40px);
        max-width: 100%;
        min-height: 240px; /* Mobile: altura da imagem */
        border-radius: 12px;
        margin-top: 35px;
    }
}


/* ═══════════════════════════════════════════════════════════
   GUIA DE AJUSTES RÁPIDOS
   ═══════════════════════════════════════════════════════════ */

/*
🎯 TAMANHO DA IMAGEM (largura):
   max-width: 1200px; - Grande (padrão)
   max-width: 1000px; - Média
   max-width: 950px;  - Média-pequena ⭐ (recomendado)
   max-width: 850px;  - Pequena
   max-width: 720px;  - Muito pequena
   max-width: 600px;  - Mini

📏 ALTURA DA IMAGEM:
   min-height: 450px; - Alta (padrão)
   min-height: 400px; - Média-alta
   min-height: 380px; - Média ⭐ (recomendado)
   min-height: 350px; - Média-baixa
   min-height: 320px; - Baixa
   min-height: 280px; - Muito baixa

📐 ESPAÇO LATERAL (desktop):
   width: calc(100% - 40px);  - Pouco espaço
   width: calc(100% - 80px);  - Espaço médio ⭐
   width: calc(100% - 120px); - Muito espaço
   width: calc(100% - 160px); - Espaço extra

⬆️ MARGEM SUPERIOR (quanto desce):
   margin-top: 40px; - Sobe mais (menos amarelo)
   margin-top: 50px; - Equilibrado
   margin-top: 60px; - Padrão ⭐
   margin-top: 70px; - Desce mais (mais amarelo)
   margin-top: 80px; - Desce muito (muito amarelo)

🟨 ALTURA DO AMARELO:
   height: 250px; - Baixo (cobre 1/4)
   height: 300px; - Médio (cobre 1/3) ⭐
   height: 350px; - Alto (cobre metade)
   height: 400px; - Muito alto (cobre 2/3)
*/


/* ═══════════════════════════════════════════════════════════
   EXEMPLOS PRÁTICOS COM MEDIDAS
   ═══════════════════════════════════════════════════════════ */

/* EXEMPLO 1: Imagem levemente menor (10% menor) */
/*
max-width: 1080px;
min-height: 400px;
height: 320px; (amarelo)
*/

/* EXEMPLO 2: Imagem moderadamente menor (25% menor) */
/*
max-width: 900px;
min-height: 350px;
height: 280px; (amarelo)
*/

/* EXEMPLO 3: Imagem bem menor (40% menor) */
/*
max-width: 720px;
min-height: 300px;
height: 250px; (amarelo)
*/

/* EXEMPLO 4: Imagem compacta para posts curtos */
/*
max-width: 800px;
min-height: 320px;
height: 260px; (amarelo)
*/


/* ═══════════════════════════════════════════════════════════
   TABELA DE REFERÊNCIA RÁPIDA
   ═══════════════════════════════════════════════════════════ */

/*
┌─────────────┬──────────────┬───────────────┬─────────────┐
│   TAMANHO   │  MAX-WIDTH   │  MIN-HEIGHT   │  AMARELO    │
├─────────────┼──────────────┼───────────────┼─────────────┤
│ Extra Large │   1400px     │    500px      │   380px     │
│ Large       │   1200px     │    450px      │   350px     │
│ Médio ⭐    │   1000px     │    380px      │   300px     │
│ Compacto    │    850px     │    340px      │   270px     │
│ Pequeno     │    720px     │    300px      │   240px     │
│ Mini        │    600px     │    260px      │   210px     │
└─────────────┴──────────────┴───────────────┴─────────────┘

⭐ = Tamanho recomendado para a maioria dos sites
*/


/* ═══════════════════════════════════════════════════════════
   TESTES RÁPIDOS - DESCOMENTE PARA TESTAR
   ═══════════════════════════════════════════════════════════ */

/* Teste 1: Imagem pequena e quadrada */
/*
.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    max-width: 800px;
    min-height: 360px;
}
.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    height: 270px;
}
*/

/* Teste 2: Imagem larga e baixa */
/*
.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    max-width: 1100px;
    min-height: 320px;
}
.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    height: 260px;
}
*/

/* Teste 3: Imagem estreita e alta */
/*
.elementor-4397 .elementor-element.elementor-element-9b04656 img {
    max-width: 750px;
    min-height: 420px;
}
.elementor-4397 .elementor-element.elementor-element-9b04656::before {
    height: 310px;
}
*//* End custom CSS */