.elementor-3040 .elementor-element.elementor-element-618316c{--display:flex;--padding-top:80px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for custom_posts_widget, class: .elementor-element-7ff94d1b */.posts-blog-item .blog-post-item-info span {
    background-color: #0080FF;
    color: #ffffff;
    padding: 10px 28px;
    border-radius: 32px;
    border: none;
    display: inline-block;
    margin-bottom: 20px;
}

.posts-blog-item:hover .blog-post-item-info span {
    background-color: #ADD800;
}

#load-more-posts {
    background-color: #0080FF !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 64px !important;
    border-radius: 32px !important;
    margin: 96px;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#load-more-posts:hover {
    background-color: #060E64 !important;
    color: #ffffff !important;
}

/* ===== GRID DO BLOG ===== */
.posts-blog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

/* ===== CARD ===== */
.posts-blog-item {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.35s ease;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 64px;
}

/* Hover do card */
.posts-blog-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* ===== IMAGEM ===== */
.blog-post-item-image {
    overflow: hidden;
}

.blog-post-item-image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.posts-blog-item:hover .blog-post-item-image img {
    transform: scale(1.05);
}

/* ===== CONTEÚDO ===== */
.blog-post-item-info {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Título */
.blog-post-item-info h3 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 16px;
    line-height: 1.4;
}

/* Data */
.blog-post-item-info p {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

/* ===== BOTÃO LEIA MAIS ===== */
.blog-post-item-info span {
    margin-top: auto;
    background-color: #060E64;
    color: #000000;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
}

/* Hover botão */
.posts-blog-item:hover .blog-post-item-info span {
    background-color: #060E64;
}/* End custom CSS */