.elementor-14 .elementor-element.elementor-element-0fa9f6c{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:120px;--padding-right:120px;}.elementor-14 .elementor-element.elementor-element-0fa9f6c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-0fa9f6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-14 .elementor-element.elementor-element-82c32c8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-82c32c8:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-82c32c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-14 .elementor-element.elementor-element-82c32c8.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-34c7971{width:initial;max-width:initial;}.elementor-14 .elementor-element.elementor-element-34c7971 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-34c7971.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-82c32c8{--width:1260px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-0fa9f6c{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:21px;}.elementor-14 .elementor-element.elementor-element-82c32c8{--width:100%;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-34c7971 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-14 .elementor-element.elementor-element-34c7971.elementor-element{--align-self:stretch;}}/* Start custom CSS for shortcode, class: .elementor-element-34c7971 */@media (max-width: 767px) { /* Este breakpoint é comum para mobile. Ajuste se necessário. */

    /* Container dos posts: para centralizar e permitir quebra de linha */
    .elementor-shortcode > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly; /* Centraliza e distribui o espaço uniformemente entre os itens e as bordas */
        gap: 20px; /* Mantém o espaçamento entre os cards */
    }

    /* O CARD INDIVIDUAL: Onde está o problema do width fixo */
    .elementor-shortcode > div > a { /* Alvo: O link <a> que envolve cada card */
        /* Zera o flex-basis para que a largura do DIV interno seja controlada */
        flex: 0 0 auto; /* Importante: Remove o comportamento flex que tentamos aplicar ao 'a' antes */
        width: calc(50% - 10px) !important; /* Força 2 posts por linha e sobrescreve o inline style */
        box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura */
        text-decoration: none; /* Mantém a remoção de underline */
        color: inherit; /* Mantém a cor do texto herdada */
    }

    .elementor-shortcode > div > a > div { /* Alvo: A DIV DENTRO do link <a> que tem o width fixo inline */
        width: 100% !important; /* Faz com que a div interna ocupe 100% do seu pai (o <a>) */
        /* Altura dos cards em mobile (opcional, se quiser uma altura mínima ou específica) */
        /* height: auto !important; */
        /* min-height: 250px; */ /* Exemplo */
        box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Mantém o box-shadow */
        border-radius: 10px; /* Mantém o border-radius */
        overflow: hidden; /* Mantém o overflow */
        font-family: Montserrat, sans-serif; /* Mantém a fonte */
        font-size: 14px; /* Mantém o tamanho da fonte */
    }

    /* Opcional: Se for necessário ajustar o tamanho da fonte ou outros estilos dentro do card para mobile */
    .elementor-shortcode > div > a > div h3 {
        font-size: 16px !important; /* Exemplo: diminui o título */
    }
    .elementor-shortcode > div > a > div p {
        font-size: 12px !important; /* Exemplo: diminui o texto */
    }

    /* Opcional: Se você quer que o texto dentro de cada card esteja alinhado à esquerda em mobile */
    /* Como o style inline está no div interno, pode ser necessário especificar mais */
    .elementor-shortcode > div > a > div > div { /* A div de padding dentro do card */
        text-align: left !important;
    }
}/* End custom CSS */