.elementor-413 .elementor-element.elementor-element-47a04045{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-413 .elementor-element.elementor-element-47a04045.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-413 .elementor-element.elementor-element-3903426e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-413 .elementor-element.elementor-element-3903426e.e-con{--flex-grow:0;--flex-shrink:0;}.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 );}.elementor-413 .elementor-element.elementor-element-557f545e{text-align:center;}.elementor-413 .elementor-element.elementor-element-557f545e .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-widget-theme-post-featured-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-413 .elementor-element.elementor-element-1b868e8f{text-align:center;}.elementor-413 .elementor-element.elementor-element-1b868e8f img{width:92%;max-width:100%;border-radius:5px 5px 5px 5px;}.elementor-widget-progress-tracker .current-progress-percentage{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-413 .elementor-element.elementor-element-6628b07 .current-progress{background-color:#865AB7;}.elementor-413 .elementor-element.elementor-element-6628b07{--horizontal-progress-border:none;--horizontal-height:13px;--horizontal-border-style:none;--border-radius:20px 20px 20px 20px;--tracker-padding:2px 2px 2px 2px;}.elementor-widget-theme-post-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-413 .elementor-element.elementor-element-2f8c18bc{text-align:justify;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-413 .elementor-element.elementor-element-624261e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-413 .elementor-element.elementor-element-624261e .elementor-divider-separator{width:100%;}.elementor-413 .elementor-element.elementor-element-624261e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-413 .elementor-element.elementor-element-6b150a8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-413 .elementor-element.elementor-element-a836b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-413 .elementor-element.elementor-element-a836b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-413 .elementor-element.elementor-element-72d22eca{--display:flex;}.elementor-413 .elementor-element.elementor-element-44411977{--display:flex;}.elementor-413 .elementor-element.elementor-element-3347ba5c{width:var( --container-widget-width, 103.497% );max-width:103.497%;--container-widget-width:103.497%;--container-widget-flex-grow:0;}.elementor-413 .elementor-element.elementor-element-3347ba5c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-413 .elementor-element.elementor-element-7bab707b > .elementor-widget-container{background-color:#313131;border-radius:58px 58px 58px 58px;}.elementor-413 .elementor-element.elementor-element-1b6a716{--horizontal-progress-border:none;--horizontal-border-style:none;}.elementor-413 .elementor-element.elementor-element-9aad623{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-413 .elementor-element.elementor-element-7c74bef{text-align:center;}.elementor-413 .elementor-element.elementor-element-7c74bef .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-413 .elementor-element.elementor-element-466470b{--display:flex;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-413 .elementor-element.elementor-element-3d38551{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-413 .elementor-element.elementor-element-3d38551:after{content:"0.66";}.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__thumbnail__link{width:100%;}.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__meta-data span + span:before{content:"///";}.elementor-413 .elementor-element.elementor-element-3d38551.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-413 .elementor-element.elementor-element-3d38551.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-413 .elementor-element.elementor-element-3d38551.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-413 .elementor-element.elementor-element-6db30e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-413 .elementor-element.elementor-element-557f545e .elementor-heading-title{font-size:19px;}.elementor-413 .elementor-element.elementor-element-1b868e8f img{width:100%;}.elementor-413 .elementor-element.elementor-element-2f8c18bc{text-align:justify;}.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-413 .elementor-element.elementor-element-3d38551:after{content:"0.5";}.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-413 .elementor-element.elementor-element-47a04045{--content-width:1105px;}.elementor-413 .elementor-element.elementor-element-3903426e{--width:70%;}.elementor-413 .elementor-element.elementor-element-6b150a8e{--width:300%;}.elementor-413 .elementor-element.elementor-element-a836b2{--width:99.255%;}}/* Start custom CSS for progress-tracker, class: .elementor-element-6628b07 *//* Container que segura a barra e o botão */
.widget-container {
    display: flex;
    align-items: center; /* Centraliza verticalmente */
    justify-content: space-between;
    gap: 10px; /* Espaço entre a barra e o lápis */
    width: 100%;
    font-family: sans-serif;
}

/* O fundo (trilho) da barra - parte cinza */
.barra-trilho {
    flex-grow: 1; /* Estica para ocupar o espaço */
    background-color: #eeeeee;
    height: 24px; /* Altura da barra */
    border-radius: 4px;
    overflow: hidden; /* Corta o excesso */
}

/* A parte verde (o progresso) */
.barra-preenchimento {
    background-color: #62d273; /* Verde vibrante da imagem */
    height: 100%;
    /* A largura (width) é controlada pelo HTML/Sistema, ex: width: 30% */
    border-radius: 4px 0 0 4px;
}

/* O botão do lápis (quadrado lilás à direita) */
.botao-editar {
    background-color: #f3d6ff; /* Fundo lilás claro igual da imagem */
    color: #333; /* Cor do ícone */
    border: none;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

/* Efeito ao passar o mouse no botão */
.botao-editar:hover {
    background-color: #e2c2f0;
}

/* Tamanho do ícone (caso seja SVG ou FontAwesome) */
.botao-editar svg, 
.botao-editar i {
    width: 16px;
    height: 16px;
    fill: currentColor;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-2f8c18bc *//* --- FORMATAÇÃO COMPLETA DE POST (ESTILO LIVRO) --- */

/* 1. O CONTAINER (Cria o espaço nas laterais para não colar na borda) */
.elementor-widget-theme-post-content, 
.elementor-widget-text-editor,
.entry-content {
    padding-left: 30px !important;  /* Afasta da borda esquerda */
    padding-right: 30px !important; /* Afasta da borda direita */
    display: block !important;
}

/* 2. OS PARÁGRAFOS (Onde a mágica acontece) */
.elementor-widget-theme-post-content p, 
.elementor-widget-text-editor p,
.entry-content p {
    /* O RECUO QUE VOCÊ PEDIU: Empurra a primeira palavra ("Nove") para a direita */
    text-indent: 50px !important; 
    
    /* Justificação e Hifenização */
    text-align: justify !important; 
    text-justify: inter-word !important; 
    hyphens: auto !important; 
    
    /* Tipografia e Espaçamento */
    line-height: 1.8 !important; /* Altura da linha confortável */
    margin-bottom: 25px !important; /* Espaço entre parágrafos */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #222222 !important; /* Preto suave */
}

/* 3. TÍTULOS DENTRO DO POST (H2, H3...) */
/* Removemos o recuo dos títulos para eles ficarem alinhados */
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3 {
    text-indent: 0 !important; /* Títulos não devem ter recuo */
    text-align: left !important; /* Títulos geralmente ficam melhor à esquerda */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
    color: #000 !important;
}

/* 4. CITAÇÕES (Blockquote) */
.elementor-widget-theme-post-content blockquote,
.elementor-widget-text-editor blockquote {
    text-indent: 0 !important; /* Sem recuo na citação */
    border-left: 5px solid #c77dff !important;
    margin: 30px 20px !important;
    padding-left: 20px !important;
    font-style: italic !important;
    color: #555 !important;
}

/* 5. AJUSTE PARA CELULAR (Mobile) */
@media (max-width: 767px) {
    /* Diminui o recuo e as margens no celular para caber mais texto */
    .elementor-widget-theme-post-content p,
    .elementor-widget-text-editor p {
        text-indent: 30px !important; 
    }
    
    .elementor-widget-theme-post-content, 
    .elementor-widget-text-editor {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-7ff876e *//* --- CÓDIGO COMPLETO DEFINITIVO: COMENTÁRIOS --- */

/* =========================================
   1. ESTRUTURA GERAL (O Container)
   ========================================= */
#comments, 
.comments-area,
#respond {
    max-width: 700px !important;
    margin: 50px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important; /* Remove borda rosa externa */
    box-shadow: none !important;
}

/* Títulos ("Uma resposta", "Deixe um comentário") */
#comments h2, 
#comments h3, 
.comments-title, 
.comment-reply-title {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #111 !important; /* Preto */
    text-align: center !important;
    margin-bottom: 35px !important;
    text-transform: none !important;
    letter-spacing: -0.5px !important;
}

/* =========================================
   2. LISTA DE COMENTÁRIOS (Correção Avatar)
   ========================================= */
.comment-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* O Balão do Comentário */
.comment-body {
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 18px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Container do Topo (Avatar + Nome) - A MÁGICA DO ALINHAMENTO */
.comment-meta, 
.comment-author, 
.vcard {
    display: flex !important;
    align-items: center !important; /* Alinha verticalmente */
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    position: relative !important;
}

/* A Foto (Avatar) */
.comment-body .avatar {
    position: static !important; /* Desativa posição absoluta do tema */
    float: none !important; /* Remove flutuação */
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    margin-right: 15px !important; /* Empurra o nome para a direita */
    border: 2px solid #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

/* O Nome da Pessoa */
.fn {
    font-style: normal !important;
    line-height: 1.2 !important;
    margin-right: 10px !important;
}

.fn a, .fn {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #000 !important;
    text-decoration: none !important;
}

/* Esconde o "disse:" */
.says { display: none !important; }

/* Data e Hora */
.comment-metadata {
    font-size: 0.75rem !important;
    color: #999 !important;
    margin: 0 !important;
    display: block !important;
}

.comment-metadata a {
    color: #999 !important;
    text-decoration: none !important;
}

/* Texto do Comentário */
.comment-content p {
    font-family: sans-serif !important;
    font-size: 0.95rem !important;
    color: #444 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Botão Responder (Pequeno) */
.reply {
    margin-top: 15px !important;
}

.reply a {
    display: inline-block !important;
    border: 1px solid #e1e1e1 !important;
    padding: 6px 18px !important;
    border-radius: 50px !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #555 !important;
    text-decoration: none !important;
}

.reply a:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* =========================================
   3. FORMULÁRIO DE ENVIO
   ========================================= */
#respond {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #e5e5e5 !important; /* Borda cinza suave */
    box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
    margin-top: 50px !important;
}

/* Rótulos (Labels) */
#respond label {
    display: block !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #888 !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.5px !important;
}

/* Inputs (Nome, Email) */
#commentform input[type="text"],
#commentform input[type="email"] {
    width: 100% !important;
    background-color: #f4f6f8 !important; /* Cinza claro */
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}

/* =========================================
   4. CAIXA DE CHAT (Textarea Pequeno)
   ========================================= */
#commentform textarea {
    width: 100% !important;
    height: 80px !important; /* Altura travada pequena */
    min-height: 80px !important;
    background-color: #f4f6f8 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 15px !important;
    font-size: 14px !important;
    font-family: sans-serif !important;
    color: #333 !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

/* Foco (Quando clica para escrever) */
#commentform input:focus,
#commentform textarea:focus {
    background-color: #fff !important;
    border-color: #000 !important; /* Borda preta elegante */
    outline: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* =========================================
   5. BOTÃO "PUBLICAR" (Preto)
   ========================================= */
#commentform .submit,
input[type="submit"] {
    display: block !important;
    width: 100% !important;
    background-color: #000000 !important; /* Preto total */
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 1px !important;
    margin-top: 25px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#commentform .submit:hover {
    background-color: #333 !important;
    transform: translateY(-2px) !important;
}

/* Limpeza final de textos do WordPress */
.logged-in-as, .comment-notes {
    font-size: 0.75rem !important;
    color: #aaa !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}
.logged-in-as a { color: #000 !important; font-weight: bold !important; }/* End custom CSS */
/* Start custom CSS for wp-widget-categories, class: .elementor-element-30e7425e *//* --- WIDGET CATEGORIAS: ESTILO CLEAN (BRANCO) --- */

/* 1. O Container (Cartão Branco) */
.elementor-413 .elementor-element.elementor-element-30e7425e {
    background-color: #ffffff !important; /* Branco Puro */
    border: 1px solid #e0e0e0; /* Borda cinza suave */
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Sombra suave */
    transition: transform 0.3s ease;
}

/* Efeito ao passar o mouse na caixa */
.elementor-413 .elementor-element.elementor-element-30e7425e:hover {
    transform: translateY(-5px); /* Flutua levemente */
    border-color: #c77dff; /* Borda fica roxa */
}

/* 2. O Título "Categorias" */
.elementor-413 .elementor-element.elementor-element-30e7425e h2, 
.elementor-413 .elementor-element.elementor-element-30e7425e .widget-title, 
.elementor-413 .elementor-element.elementor-element-30e7425e .elementor-heading-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.5rem !important;
    font-weight: 700;
    color: #000000 !important; /* PRETO (Igual aos posts) */
    text-align: left;
    margin-bottom: 20px !important;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0,0,0,0.05); /* Linha cinza clara */
}

/* Pequeno detalhe colorido abaixo do título */
.elementor-413 .elementor-element.elementor-element-30e7425e h2::after,
.elementor-413 .elementor-element.elementor-element-30e7425e .widget-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #4CC9F0, #c77dff); /* Gradiente da Marca */
}

/* 3. Limpeza da Lista */
.elementor-413 .elementor-element.elementor-element-30e7425e ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-413 .elementor-element.elementor-element-30e7425e li {
    margin-bottom: 5px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.03); /* Divisória muito sutil */
}

.elementor-413 .elementor-element.elementor-element-30e7425e li:last-child {
    border-bottom: none;
}

/* 4. Os Links (Texto) */
.elementor-413 .elementor-element.elementor-element-30e7425e li a {
    display: flex;
    justify-content: space-between; /* Separa texto e contador */
    align-items: center;
    padding: 12px 10px;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem;
    font-weight: 600;
    color: #555555 !important; /* Cinza Escuro */
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* 5. ANIMAÇÃO DE HOVER (Igual ao estilo do site) */
.elementor-413 .elementor-element.elementor-element-30e7425e li a:hover {
    color: #c77dff !important; /* Texto fica Roxo */
    padding-left: 20px; /* Desliza para a direita */
    background: linear-gradient(90deg, rgba(199, 125, 255, 0.1), transparent); /* Fundo roxo bem clarinho */
    border-radius: 6px;
}

/* 6. Contador (Número de posts) */
.elementor-413 .elementor-element.elementor-element-30e7425e .elementor-post-count {
    font-size: 0.75rem;
    color: #999;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 10px;
    transition: all 0.3s;
}

/* Contador também muda de cor no hover */
.elementor-413 .elementor-element.elementor-element-30e7425e li a:hover .elementor-post-count {
    background: #c77dff;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for wp-widget-recent-posts, class: .elementor-element-3347ba5c *//* --- WIDGET CATEGORIAS: ESTILO CLEAN (BRANCO) --- */

/* 1. O Container (Cartão Branco) */
.elementor-413 .elementor-element.elementor-element-3347ba5c {
    background-color: #ffffff !important; /* Branco Puro */
    border: 1px solid #e0e0e0; /* Borda cinza suave */
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Sombra suave */
    transition: transform 0.3s ease;
}

/* Efeito ao passar o mouse na caixa */
.elementor-413 .elementor-element.elementor-element-3347ba5c:hover {
    transform: translateY(-5px); /* Flutua levemente */
    border-color: #c77dff; /* Borda fica roxa */
}

/* 2. O Título "Categorias" */
.elementor-413 .elementor-element.elementor-element-3347ba5c h2, 
.elementor-413 .elementor-element.elementor-element-3347ba5c .widget-title, 
.elementor-413 .elementor-element.elementor-element-3347ba5c .elementor-heading-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.5rem !important;
    font-weight: 700;
    color: #000000 !important; /* PRETO (Igual aos posts) */
    text-align: left;
    margin-bottom: 20px !important;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0,0,0,0.05); /* Linha cinza clara */
}

/* Pequeno detalhe colorido abaixo do título */
.elementor-413 .elementor-element.elementor-element-3347ba5c h2::after,
.elementor-413 .elementor-element.elementor-element-3347ba5c .widget-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #4CC9F0, #c77dff); /* Gradiente da Marca */
}

/* 3. Limpeza da Lista */
.elementor-413 .elementor-element.elementor-element-3347ba5c ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-413 .elementor-element.elementor-element-3347ba5c li {
    margin-bottom: 5px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.03); /* Divisória muito sutil */
}

.elementor-413 .elementor-element.elementor-element-3347ba5c li:last-child {
    border-bottom: none;
}

/* 4. Os Links (Texto) */
.elementor-413 .elementor-element.elementor-element-3347ba5c li a {
    display: flex;
    justify-content: space-between; /* Separa texto e contador */
    align-items: center;
    padding: 12px 10px;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem;
    font-weight: 600;
    color: #555555 !important; /* Cinza Escuro */
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* 5. ANIMAÇÃO DE HOVER (Igual ao estilo do site) */
.elementor-413 .elementor-element.elementor-element-3347ba5c li a:hover {
    color: #c77dff !important; /* Texto fica Roxo */
    padding-left: 20px; /* Desliza para a direita */
    background: linear-gradient(90deg, rgba(199, 125, 255, 0.1), transparent); /* Fundo roxo bem clarinho */
    border-radius: 6px;
}

/* 6. Contador (Número de posts) */
.elementor-413 .elementor-element.elementor-element-3347ba5c .elementor-post-count {
    font-size: 0.75rem;
    color: #999;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 10px;
    transition: all 0.3s;
}

/* Contador também muda de cor no hover */
.elementor-413 .elementor-element.elementor-element-3347ba5c li a:hover .elementor-post-count {
    background: #c77dff;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3d38551 *//* --- POSTS ELEGANCE (Botão + Zoom + Sombra Suave) --- */

/* 1. O Card (Base) */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post {
    background-color: #ffffff !important;
    border: none !important; /* Removemos a borda para ficar mais limpo */
    border-radius: 20px; /* Arredondamento maior e mais moderno */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); /* Transição suave */
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Sombra leve para destacar do fundo branco */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
}

/* Hover no Card: Efeito de flutuação */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12); /* Sombra mais profunda */
}

/* 2. Imagem (Com Zoom Suave) */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__thumbnail {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden; /* Importante para o zoom não sair do card */
    position: relative;
}

.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__thumbnail img {
    width: 100%;
    height: 250px; /* Um pouco mais alto para impor presença */
    object-fit: cover !important;
    display: block;
    transition: transform 0.6s ease; /* Animação lenta do zoom */
}

/* Efeito Zoom ao passar o mouse */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.08);
}

/* 3. Área de Texto (Com mais respiro) */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__text {
    padding: 30px !important; /* Mais espaço interno = Mais elegância */
    background: #fff !important;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 4. TÍTULO */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__title {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__title a {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.5rem !important;
    font-weight: 700;
    color: #1a1a1a !important; /* Preto Suave */
    line-height: 1.3;
    transition: color 0.3s;
}

.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__title a:hover {
    color: #c77dff !important;
}

/* 5. BADGE (Etiqueta) */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__badge {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: linear-gradient(135deg, #4CC9F0, #c77dff) !important;
    color: #ffffff !important;
    border-radius: 30px; /* Badge arredondada */
    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem !important;
    font-weight: 800;
    text-transform: uppercase;
    padding: 6px 16px;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    letter-spacing: 0.5px;
    border: none;
}

/* 6. Resumo */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__excerpt p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.95rem;
    color: #666; /* Cinza médio */
    line-height: 1.7; /* Linhas mais espaçadas para leitura fácil */
    margin-bottom: 25px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 7. BOTÃO "CONTINUE LENDO" (TRANSFORMAÇÃO) */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__read-more {
    display: inline-block; /* Necessário para virar botão */
    background-color: #1a1a1a; /* Botão Preto Elegante */
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 12px 30px; /* Tamanho do botão */
    border-radius: 50px; /* Formato Pílula */
    letter-spacing: 1px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    align-self: flex-start; /* Alinha à esquerda */
    margin-top: auto;
    border: 1px solid transparent;
}

/* Hover no Botão: Fica branco com borda preta ou gradiente? Vamos de gradiente sutil */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__read-more:hover {
    background: linear-gradient(90deg, #4CC9F0, #c77dff); /* Fundo Gradiente */
    color: #fff !important;
    transform: translateY(-3px); /* Botão sobe levemente */
    box-shadow: 0 5px 15px rgba(199, 125, 255, 0.4); /* Sombra colorida */
}

/* Meta dados ocultos */
.elementor-413 .elementor-element.elementor-element-3d38551 .elementor-post__meta-data { display: none !important; }/* End custom CSS */