Filtros

src/App.jsx

@@ -1967,27 +1967,6 @@ export default function App() {
                                     {availableColors.map(c => <option key={c} value={c}>{c}</option>)}
                                 </select>
                             </div>
-
-                            <div className="space-y-4">
-                                <label className="text-[10px] font-black uppercase opacity-40 tracking-widest ml-1 text-inherit">{t('filterByAge')}</label>
-                                <div className="grid grid-cols-2 gap-2">
-                                    {[
-                                        { id: 'any', label: t('anyAge') },
-                                        { id: 'month', label: t('lessThanMonth') },
-                                        { id: '6months', label: t('lessThan6Months') },
-                                        { id: '1year', label: t('lessThanYear') },
-                                        { id: 'older', label: t('older') }
-                                    ].map(ageOpt => (
-                                        <button
-                                            key={ageOpt.id}
-                                            onClick={() => setAgeFilter(ageOpt.id)}
-                                            className={`px-4 py-3 rounded-xl font-bold text-xs transition-all ${ageFilter === ageOpt.id ? 'bg-primary-600 text-white shadow-xl shadow-primary-600/30' : (darkMode ? 'bg-gray-800 text-gray-400' : 'bg-gray-50 text-gray-500')} ${ageOpt.id === 'any' ? 'col-span-2' : ''}`}
-                                        >
-                                            {ageOpt.label}
-                                        </button>
-                                    ))}
-                                </div>
-                            </div>
                         </div>
 
                         <div className="pt-8 flex gap-4 border-t mt-8 border-gray-100 dark:border-gray-800">