/* ============================================================
 *  PERSONALIZADO.CSS — seus ajustes de visual
 * ============================================================
 *  Este arquivo carrega DEPOIS do estilo.css, então o que você escrever
 *  aqui vence. Assim você muda cores, tamanhos e espaços sem mexer
 *  no estilo principal (e sem perder nada se atualizarmos o projeto).
 *
 *  Exemplos (tire as barras e asteriscos para ativar):
 *
 *  :root { --marca: #e11d48; }            ← muda a cor principal
 *  .rodape { background: #000; }          ← fundo do rodapé
 *  .hero h1 { font-size: 3rem; }          ← título da home maior
 */