.filter-overlay .talla.hover,.filter-overlay .talla:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.filter-overlay,body.overlay-open{overflow:hidden}.ocultadoColor{display:none!important}.boton,.caracteristica,.talla{display:inline-flex;justify-content:center;align-items:center;margin:5px;border:1px solid #ccc;border-radius:5px;text-align:center;cursor:pointer;font-size:14px;color:#333;background-color:#fff;transition:background-color .3s,color .3s,border-color .3s;width:calc(33.33% - 10px);box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:10px 15px}.caracteristica{font-size:12px;padding:5px 10px}.boton:hover,.caracteristica:hover,.talla:hover{background-color:#f0f0f0;color:#000;border-color:#999}.caracteristicas-contenedor,.contenedor,.tallas-contenedor{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:10px;box-sizing:border-box}@media (max-width:1200px){.boton,.talla{width:calc(25% - 10px)}}@media (max-width:900px){.boton,.talla{width:calc(33.33% - 10px)}}@media (max-width:600px){.boton,.caracteristica,.talla{width:calc(50% - 10px)}.caracteristica{font-size:10px;padding:3px 5px}.filter-icon{right:-1px;transform:translateY(-50%);display:none}.filter-text{display:none!important}}@media (max-width:400px){.boton,.talla{width:100%;margin:5px 0}.caracteristica{width:100%;font-size:9px;padding:2px 4px;margin:2px 0}}.filter-icon{position:fixed;top:50%;right:10px;transform:translateY(-50%);background-color:#071c27;padding:12px 15px;border-radius:10px;cursor:pointer;z-index:1000;display:none;align-items:center;gap:8px;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:.3s}.filter-icon:hover{background-color:#0a2636;transform:translateY(-50%) scale(1.05)}.btn-clear-filters i,.filter-icon i{font-size:1.1rem}.filter-text{color:#fff;font-weight:500;font-size:.9rem}.filter-overlay{position:fixed;top:0;right:-500px;width:500px;height:100vh;background:#fff;z-index:1000;transition:right .4s cubic-bezier(.25, .8, .25, 1);box-shadow:none;display:flex;flex-direction:column}.filter-overlay.open{right:0;box-shadow:-2px 0 15px rgba(0,0,0,.2)}.filter-overlay .close-btn{position:sticky;top:0;left:0;width:100%;background:linear-gradient(135deg,#071c27 0,#0a2636 100%);border:none;padding:18px 20px;text-align:left;font-size:1rem;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;gap:12px;font-weight:600;border-bottom:3px solid #467fbf;transition:background .3s;flex-shrink:0}.filter-overlay .close-btn:hover{background:linear-gradient(135deg,#0a2636 0,#071c27 100%)}.filter-overlay .close-btn i{font-size:1.2rem}.filter-overlay-content{padding:20px;height:100%;overflow-y:auto;overflow-x:hidden;color:#333;flex:1}.filter-title{font-size:1.3rem;font-weight:700;color:#071c27;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.filter-overlay .container{padding:0;max-width:100%}.filter-overlay #accordion{width:100%}.filter-overlay .card{border:none;border-bottom:1px solid #e0e0e0;margin-bottom:10px;border-radius:0}.filter-overlay .card-header{background:#fff;border:none;padding:12px 15px;cursor:pointer}.filter-overlay .card-header:hover{background-color:#f8f9fa}.filter-overlay .card-header strong{font-size:1rem;color:#333}.filter-overlay .card-body{padding:15px;background:#fafafa}.filter-overlay .talla{display:inline-flex;justify-content:center;align-items:center;margin:5px;border:2px solid #ddd;border-radius:6px;padding:8px 15px;font-size:.9rem;color:#333;background-color:#fff;cursor:pointer;transition:.2s;min-width:60px}.filter-overlay .talla.hover{background-color:#f2f2f2;color:#000;border:1px dashed #000}.filter-overlay .talla:hover{background-color:#071c27;color:#fff;border-color:#071c27}.quitar-filtro{position:absolute;top:12px;right:10px;z-index:10}.filter-overlay button[id^=btn-ver-mas]{background:0 0;border:1px dashed #467fbf;color:#467fbf;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.85rem;width:100%;margin-top:10px;transition:.3s}.filter-overlay button[id^=btn-ver-mas]:hover{background:#467fbf;color:#fff;border-color:#467fbf}.filter-actions{margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.btn-clear-filters{width:100%;padding:12px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s}.btn-clear-filters:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.filter-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:999;display:none;cursor:pointer;opacity:0;transition:opacity .4s}.filter-backdrop.active{display:block;opacity:1}.filter-overlay-content::-webkit-scrollbar{width:8px}.filter-overlay-content::-webkit-scrollbar-track{background:#f1f1f1}.filter-overlay-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.filter-overlay-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:767px){.filter-overlay{width:90%;right:-90%}}@media (max-width:600px){.filter-icon{display:flex;padding:10px 12px}.filter-text{display:none}.filter-overlay{width:100%;right:-100%}.filter-overlay .close-btn{padding:15px;font-size:.95rem}.filter-title{font-size:1.1rem}}@media (min-width:601px){.filter-icon{display:flex}}