/* Estilos específicos da página de Destaques — estilos de .cards, .card e .imagem estão em cards-shared.css */

.destaques {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.destaques > h1 {
    margin-bottom: var(--space-lg);
}

@media (max-width: 480px) {
    .destaques > h1 {
        align-self: center;
    }
}