.custom-dropdown {
  /* --- tamaño y forma --- */
  min-width: 10px;
  height: 41px;
  border-radius: 10px;
  margin: 5px;
  padding: 0 28px 0 12px; /* espacio para el ícono */

  /* --- colores --- */
  background-color: var(--color-primary);
  color: var(--color-bg-contrast);
  border: none;

  /* --- tipografía --- */
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;

  cursor: pointer;
  filter: drop-shadow(0 4px 4px var(--color-shadow));

  /* 🔥 Quitar estilos nativos */
  appearance: none;
  -webkit-appearance: none;

  /* 🔽 Flechita personalizada */
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23fff" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}