/* Una sola flecha para todas las listas desplegables: la del navegador queda
   pegada al borde y cambia de una pantalla a otra. Va con !important porque
   varias pantallas ponen su propio fondo o relleno, y sin él la flecha se borra. */
select:not([multiple]):not([size]) {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 6l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 12px !important;
  padding-right: 38px !important;
  text-overflow: ellipsis;
}