/* Estilo base do link (cores e fonte) */
.blog-view-all-link {
    color: #444; /* Cor neutra para combinar com a marca */
    transition: color 0.3s ease;
    font-size: 1.1rem;
}

.blog-view-all-link:hover {
    color: #000;
}

/* Transição suave do ícone */
.arrow-dynamic {
    transition: transform 0.3s ease;
}

/* -------------------------------------------
   Comportamento Desktop (Seta para a direita)
---------------------------------------------- */
@media (min-width: 768px) {
    .blog-view-all-link:hover .arrow-dynamic {
        transform: translateX(8px);
    }
}

/* -------------------------------------------
   Comportamento Mobile (Texto acima, Seta para baixo)
---------------------------------------------- */
@media (max-width: 767px) {
    .blog-view-all-link {
        flex-direction: column; /* Empilha o texto em cima da seta */
        text-align: center;
    }
    .blog-link-text {
        margin-right: 0 !important; /* Remove o espaçamento lateral no celular */
        margin-bottom: 5px; /* Adiciona respiro entre o texto e a seta */
    }
    .arrow-dynamic {
        transform: rotate(90deg); /* Gira a seta para baixo */
    }
    .blog-view-all-link:hover .arrow-dynamic {
        transform: rotate(90deg) translateX(8px); /* O efeito de hover acompanha a direção para baixo */
    }
}

/* ───── Mapa do Site (Rank Math HTML Sitemap) ───── */
.rank-math-html-sitemap {
    margin: 1rem 0;
}
.rank-math-html-sitemap__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #21180f;
    margin: 2rem 0 .75rem;
    padding-bottom: .35rem;
    border-bottom: 2px solid #21180f;
}
.rank-math-html-sitemap__title:first-child {
    margin-top: 0;
}
.rank-math-html-sitemap__list {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.rank-math-html-sitemap__list .rank-math-html-sitemap__list {
    margin: .35rem 0 .5rem 1.25rem;
}
.rank-math-html-sitemap__item {
    padding: .3rem 0 .3rem 1rem;
    position: relative;
}
.rank-math-html-sitemap__item::before {
    content: '\25C6';
    color: #21180f;
    position: absolute;
    left: 0;
    top: .3rem;
    font-size: .6rem;
}
.rank-math-html-sitemap__link:link {
    color: #111;
    font-weight: 700;
    text-decoration: none;
    font-size: .95rem;
    line-height: 1.5;
    transition: color .15s;
}
.rank-math-html-sitemap__link:hover {
    color: #21180f;
    text-decoration: underline;
}
.rank-math-html-sitemap__link:visited {
    color: #111;
}