:root{--bg-color:#f8f9fa;--text-color:#333;--card-bg:#fff;--border-color:#ced4da}body.dark-mode{--bg-color:#1a1a1a;--text-color:#fff;--card-bg:#2d2d2d;--border-color:#444}body{background:var(--bg-color);color:var(--text-color);font-family:system-ui,sans-serif;transition:background .3s,color .3s}.filters-sticky{position:sticky;top:0;z-index:1020;background:var(--bg-color);padding:15px 0 10px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:20px;transition:background .3s}body.dark-mode .filters-sticky{background:var(--bg-color);box-shadow:0 4px 12px rgba(0,0,0,.3)}.productos-mosaico{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;padding:5px 0 30px}.producto-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;border:2px solid transparent;height:100%;display:flex;flex-direction:column;position:relative}.producto-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:#3498db}.img-container{width:100%;aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #eee}.img-container img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.img-container img:hover{transform:scale(1.05)}.producto-info{padding:15px 12px 12px;text-align:center}.producto-nombre{font-weight:600;font-size:.95rem;line-height:1.5;color:var(--text-color);word-wrap:break-word;white-space:normal}.checkbox-container{position:absolute;bottom:10px;right:10px;z-index:20;background:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.producto-checkbox{width:20px;height:20px;cursor:pointer;margin:0}@media (max-width:768px){.productos-mosaico{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}}@media (max-width:480px){.productos-mosaico{grid-template-columns:repeat(2,1fr)}}body.dark-mode .producto-card{background:var(--card-bg);border-color:#444}body.dark-mode .producto-card:hover{border-color:#0d6efd}body.dark-mode .img-container{background:#2d2d2d;border-bottom-color:#444}body.dark-mode .checkbox-container{background:#2d2d2d}