/* /assets/css/blog/layout.css - VERSÃO COMPLETA E CORRIGIDA */


/* --- LAYOUT GERAL DO BLOG --- */

.blog-list-image,
.post-featured-image {
    width: 100%;
    aspect-ratio: 8.5 / 3;
    object-fit: cover;
    max-height: 300px;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.social-icon {
    font-size: 1.5rem;
    color: var(--bs-secondary-color);
    text-decoration: none;
    transition: color 0.2s;
}

.social-icon-facebook:hover {
    color: #1877F2;
}

.social-icon-instagram:hover {
    color: #E4405F;
}

.social-icon-linkedin:hover {
    color: #0A66C2;
}

.social-icon-youtube:hover {
    color: #FF0000;
}