.elementor-934 .elementor-element.elementor-element-351130f{--display:flex;}.elementor-934 .elementor-element.elementor-element-5d165d0{--spacer-size:30px;}.elementor-934 .elementor-element.elementor-element-1d7591c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.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-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-934 .elementor-element.elementor-element-ad7717f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-widget-theme-post-content{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-934 .elementor-element.elementor-element-4475536{color:#313131;font-family:"Montserrat", Sans-serif;font-weight:400;}.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-934 .elementor-element.elementor-element-5e7dfdd .elementor-icon-list-icon i{color:#FF5B00;font-size:14px;}.elementor-934 .elementor-element.elementor-element-5e7dfdd .elementor-icon-list-icon svg{fill:#FF5B00;--e-icon-list-icon-size:14px;}.elementor-934 .elementor-element.elementor-element-5e7dfdd .elementor-icon-list-icon{width:14px;}.elementor-934 .elementor-element.elementor-element-5e7dfdd .elementor-icon-list-text, .elementor-934 .elementor-element.elementor-element-5e7dfdd .elementor-icon-list-text a{color:#313131;}.elementor-934 .elementor-element.elementor-element-5e7dfdd .elementor-icon-list-item{font-family:"Raleway", Sans-serif;font-weight:400;}.elementor-934 .elementor-element.elementor-element-dc0b401{--spacer-size:50px;}@media(max-width:1024px){.elementor-934 .elementor-element.elementor-element-1d7591c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-934 .elementor-element.elementor-element-1d7591c{--width:100%;}}@media(max-width:767px){.elementor-934 .elementor-element.elementor-element-1d7591c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-423c758 *//* Container principal - agora ocupa 100% da largura sem empurrar o conteúdo */
.card-post {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%; /* Garante alinhamento com o resto da página */
}

/* Ajuste da Imagem Destacada */
.card-post .imagem-post {
    width: 80%; /* Aumentamos a largura para ocupar mais espaço na grade */
    margin: 0;
}

/* Configuração da Caixa Flutuante do Título */
.card-post .titulo-post {
    position: absolute;
    right: 0; /* Cola a caixa na extremidade direita do container */
    top: 50%; 
    transform: translateY(-50%); 
    
    /* Cores e Espaçamentos Atualizados */
    background-color: #F0EEE9; /* Nova cor aplicada */
    padding: 30px 40px; 
    width: 40%; /* A caixa ocupa 40%. Como a imagem tem 80%, gera uma sobreposição perfeita de 20% */
    z-index: 10; 
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05); 
}

/* Estilização do Texto */
.card-post .titulo-post h1,
.card-post .titulo-post h2,
.card-post .titulo-post h3,
.card-post .titulo-post a {
    color: #2b2b2b !important; 
    margin: 0;
    line-height: 1.2;
    font-weight: 700;
}

/* --- Ajuste para Dispositivos Móveis (Celulares) --- */
@media (max-width: 767px) {
    .card-post {
        flex-direction: column;
    }
    
    .card-post .imagem-post {
        width: 100%; /* No celular, a imagem ocupa tudo */
    }
    
    /* Adaptação da caixa no mobile */
    .card-post .titulo-post {
        position: relative;
        top: auto;
        transform: none;
        width: 90%; /* Deixa uma margem lateral elegante */
        margin-top: -30px; /* Mantém a sobreposição por baixo da imagem */
        right: auto;
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d7591c *//* Container principal - define o limite para a sobreposição */
.card-post {
    position: relative;
    display: flex;
    align-items: center;
    overflow: visible; /* Permite que a caixa saia um pouco se necessário */
    padding-right: 15%; /* Cria um espaço na direita para o título respirar */
}

/* Ajuste da Imagem Destacada */
.card-post .imagem-post {
    width: 85%; /* A imagem ocupa a maior parte do espaço, mas não tudo */
    margin: 0;
}

/* Configuração da Caixa Flutuante do Título */
.card-post .titulo-post {
    position: absolute;
    right: 0; /* Cola a caixa na extremidade direita do container */
    top: 50%; /* Desce a caixa até a metade */
    transform: translateY(-50%); /* Centraliza verticalmente de forma perfeita */
    
    /* Visual do Print 2 */
    background-color: #f4f3ef; /* Cor de fundo creme/bege clara */
    padding: 30px 40px; /* Espaçamento interno da caixa */
    width: 45%; /* Largura da caixa de texto */
    z-index: 10; /* Garante que o texto fique POR CIMA da imagem */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05); /* Sombra super leve opcional */
}

/* Estilização do Texto (Para ficar igual ao Print 2) */
.card-post .titulo-post h1,
.card-post .titulo-post h2,
.card-post .titulo-post h3,
.card-post .titulo-post a {
    color: #2b2b2b !important; /* Força a cor do texto para cinza escuro */
    margin: 0;
    line-height: 1.2;
    font-weight: 700;
}

/* --- Ajuste para Dispositivos Móveis (Celulares) --- */
@media (max-width: 767px) {
    .card-post {
        flex-direction: column;
        padding-right: 0;
    }
    
    .card-post .imagem-post {
        width: 100%;
    }
    
    /* Desativa a sobreposição no celular para não quebrar o layout */
    .card-post .titulo-post {
        position: relative;
        top: auto;
        transform: none;
        width: 90%;
        margin-top: -30px; /* Mantém uma leve sobreposição por baixo */
        right: auto;
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-392114a *//* 1. Define a fonte Raleway para todo o conteúdo do widget */
.elementor-934 .elementor-element.elementor-element-392114a, 
.elementor-934 .elementor-element.elementor-element-392114a * {
    font-family: 'Raleway', sans-serif !important;
}

/* 2. Altera a cor e deixa em negrito o título "Deixe um comentário" */
.elementor-934 .elementor-element.elementor-element-392114a #reply-title {
    color: #313131 !important;
    font-weight: bold !important;
}

/* 3. Altera a cor dos links "Edite seu perfil" e "Sair?" */
.elementor-934 .elementor-element.elementor-element-392114a .logged-in-as a {
    color: #FF5B00 !important;
    text-decoration: none !important;
    transition: 0.3s ease;
}

/* Efeito hover opcional para os links de perfil/sair */
.elementor-934 .elementor-element.elementor-element-392114a .logged-in-as a:hover {
    opacity: 0.8; 
}

/* 4. Estiliza o botão - Estado Padrão (Normal) */
.elementor-934 .elementor-element.elementor-element-392114a #submit {
    background-color: transparent !important;
    color: #FF5B00 !important;
    border: 2px solid #FF5B00 !important;
    padding: 10px 40px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    border-radius: 0px !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

/* 5. Estiliza o botão - Estado Hover (Ao passar o mouse) */
.elementor-934 .elementor-element.elementor-element-392114a #submit:hover {
    background-color: #FF5B00 !important;
    color: #FFFFFF !important;
}/* End custom CSS */