.buscador-lista {
  position: relative;
  max-width: 320px;
  margin-bottom: 1rem;
}

.buscador-lista input[type="search"] {
  width: auto;
  padding: 0.5rem 2.25rem 0.5rem 2.25rem;
  font-size: var(--texto-sm);
  border: 0.5px solid var(--borde);
  border-radius: var(--borde-radio-md);
  background: var(--fondo-card);
  font: inherit;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}

.buscador-lista input[type="search"]:focus {
  outline: none;
  border-color: var(--color-marca);
}

.buscador-lista input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.buscador-lista-icono {
  position: absolute;
  left: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--texto-tenue);
  pointer-events: none;
  font-size: 0.85rem;
}

.buscador-lista-clear {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--texto-tenue);
  cursor: pointer;
  display: none;
  padding: 0.25rem;
  line-height: 1;
  font-size: 0.75rem;
}

.buscador-lista-clear:hover {
  color: var(--texto-principal);
}

.buscador-lista.tiene-texto .buscador-lista-clear {
  display: block;
}

/* Item oculto por el buscador */
.buscador-lista-oculto {
  display: none !important;
}

@media (max-width: 900px) {
  .buscador-lista {
    max-width: none;
  }
}