/* Estilo atualizado para o bloco the-way na versão desktop */
.block-the-way {
    margin-bottom: 60px;
}

/* Estilo para o título do bloco */
.block-the-way .block-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 25px; /* Ajustado para 25px */
    color: #1e1e1e;
}

/* Estilo para alinhar os artigos horizontalmente */
.the-way-items {
    display: flex; /* Alinha os itens horizontalmente */
    flex-wrap: wrap; /* Permite quebrar linha se necessário */
    gap: 20px; /* Espaçamento entre os itens */
    padding: 0;
    margin: 0;
    list-style: none; /* Remove marcadores da lista */
}

.the-way-item {
    flex: 1 1 calc(33.33% - 20px); /* Cada item ocupa 1/3 da linha menos o gap */
    max-width: calc(33.33% - 20px); /* Garante que no máximo 3 itens caibam por linha */
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease;
}

.the-way-item:hover {
    transform: scale(1.02); /* Efeito de hover */
}

.the-way-item .the-way-image img {
    width: 100%; /* Largura total */
    height: auto;
    display: block;
}

.the-way-item .the-way-category {
    margin: 10px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #555; /* Cor padrão ajustada */
}

.the-way-item .the-way-category a {
    text-decoration: none; /* Remove sublinhado */
    color: inherit;
}

.the-way-item .the-way-category a:hover {
    text-decoration: underline; /* Adiciona sublinhado no hover */
}

.the-way-item .the-way-title {
    margin: 10px;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 600;
    color: #1e1e1e;
}

.the-way-item .the-way-title a {
    text-decoration: none;
    color: inherit;
}

.the-way-item .the-way-title a:hover {
    color: #3764b9;
}

.the-way-item .the-way-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
    font-size: 0.875rem;
    color: #555;
}

.the-way-item .the-way-author {
    display: flex;
    align-items: center;
}

.the-way-item .the-way-author a {
    text-decoration: none; /* Remove o sublinhado */
    color: #555; /* Ajusta a cor padrão para o nome do autor */
}

.the-way-item .the-way-author a:hover {
    color: #3764b9; /* Cor de destaque no hover */
}

.the-way-item .the-way-author img {
    width: 32px; /* Define a largura fixa da imagem do autor */
    height: 32px; /* Define a altura fixa da imagem do autor */
    border-radius: 50%; /* Mantém o formato arredondado */
    margin-right: 5px; /* Espaçamento entre a imagem e o texto */
    object-fit: cover; /* Garante que a imagem fique proporcional dentro do círculo */
    border: 1px solid #eee;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.the-way-item .the-way-date {
    text-align: right;
    color: #555;
}