.marca-filter-wrapper{position:relative;display:flex;align-items:center;gap:8px;max-width:100%}.marca-filter-container{flex:1;display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0;scrollbar-width:thin;scrollbar-color:#6366f1 transparent}.marca-filter-container::-webkit-scrollbar{height:6px}.marca-filter-container::-webkit-scrollbar-track{background:transparent}.marca-filter-container::-webkit-scrollbar-thumb{background-color:#6366f1;border-radius:3px}.marca-filter-btn{flex:0 0 auto;padding:8px 18px;border-radius:9999px;border:2px solid #6366f1;background-color:white;color:#4f46e5;font-weight:600;cursor:pointer;transition:background-color .25s ease,color .25s ease;white-space:nowrap}.marca-filter-btn:hover{background-color:#e0e7ff}.marca-filter-btn.active{background-color:#4f46e5;color:white;border-color:#4f46e5}.scroll-btn{background-color:white;border:1.5px solid #c7d2fe;color:#6366f1;padding:6px 9px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease,border-color .25s ease;user-select:none;flex-shrink:0}.scroll-btn:hover{background-color:#c7d2fe;border-color:#4f46e5;color:#4f46e5}.scroll-btn.left{margin-left:4px}.scroll-btn.right{margin-right:4px}.marca-filter-container::-webkit-scrollbar-corner{background:transparent}