Não entendi o porquê de caixa ser considerada como se fosse uma classe isolada, sendo que a esquerda dela tem "destaques__principal"? Porque destaques__principal caixa não é considerada no CSS uma classe só? e somente "caixa" é considerada por exemplo no código abaixo?
.caixa {
align-items: flex-end;
display: flex;
justify-content: center;
}E porque não é considerado assim?
.destaques__principal caixa {
align-items: flex-end;
display: flex;
justify-content: center;
}