.font-secundaria { font-family: 'Lora', serif; }
.font-destaque { font-family: 'Roboto Condensed', sans-serif; }
.font-principal { font-family: 'Special Elite', cursive; }

a, button, .clickImagens{cursor: pointer;}

/* 1. Options selecionados (select option) */
/* 1. Fundo e texto do select */
select {
  border: 1px solid #d1d5db; /* border-gray-300 */
  padding: 0.5rem 0.75rem;
  border-radius: 0; 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 2. Ícone da seta do select */
select::-ms-expand {
  display: none; /* remove seta padrão no IE/Edge */
}

/* 3. Checkboxes selecionados */
input[type="checkbox"]:checked {
  accent-color: #facc15; /* amarelo */
}

/* 4. Textos selecionados pelo usuário (Ctrl+A / arrastar) */
::selection {
  background-color: #facc15; /* amarelo */
  color: #000000;
}

/* 5. Hover em options (não funciona em todos navegadores, mas útil em Firefox) */
select option:hover {
  background-color: #fde68a; /* amarelo claro */
  color: #000;
}