Quando várias regras podem estilizar um elemento, dois mecanismos decidem o resultado: a cascata (qual regra vence) e a herança (quais propriedades passam dos pais para os filhos).
A cascata — resolvendo conflitos, em ordem
O navegador escolhe a declaração vencedora verificando, em ordem de prioridade:
1. Importance → !important beats normal declarations
2. Specificity → more specific selector wins (ids > classes > elements)
3. Source order → if still tied, the LAST rule defined wins
