.ff-filter{position:relative;display:inline-block;font:inherit;color:#171717;max-width:100%}.ff-filter *{box-sizing:border-box}.ff-filter [hidden]{display:none!important}.ff-filter button{font:inherit;cursor:pointer;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0;border-radius:6px}.ff-filter .ff-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;padding:8px 17px;background:#fff;color:#171717;border:1px solid #767676; font-size:14px;}.ff-filter .ff-toggle[aria-expanded=true]{border-color:#171717;box-shadow:inset 0 0 0 1px #171717}.ff-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ff-filter .ff-badge{font-size:12px;border-radius:20px;background:#eee;padding:1px 7px}.ff-filter .ff-panel{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 32px);padding:24px;background:#fff;border:1px solid #a0a0a0;border-radius:4px;box-shadow:0 7px 18px #0000000d;z-index:999}.ff-filter .ff-search{width:calc(100% - 48px);min-height:30px;padding:9px 15px;border:1px solid #767676;border-radius:24px;background:#fff;color:#767676;font:inherit;margin:0 0 18px;font-size:14px;height:30px;}.ff-filter .ff-options{max-height:310px;font-size:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ff-filter .ff-option{display:flex;align-items:center;gap:10px;padding:11px 2px;cursor:pointer;font-weight:400;line-height:1.4;margin:0}.ff-filter .ff-option input{appearance:auto;accent-color:#171717;width:20px;height:20px;margin:0;flex-shrink:0}.ff-filter .ff-count{font-size:.9em;color:#777}.ff-filter .ff-actions{display:flex;gap:10px;margin-top:22px}.ff-filter .ff-actions button{flex:1;min-height:40px;padding:8px;border:1px solid #171717}.ff-filter .ff-clear{background:#fff;color:#171717}.ff-filter .ff-apply{background:#171717;color:#fff}.ff-filter button:focus-visible,.ff-filter input:focus-visible{outline:2px solid #555;outline-offset:3px}.ff-filter .ff-empty{font-size:14px;color:#777}@media(max-width:600px){.ff-filter .ff-panel{padding:18px;width:290px}.ff-filter .ff-options{max-height:45vh}}

.ff-filter .ff-auto{font-size:12px;color:#777;align-self:center;flex:1}.ff-loading{opacity:.5;pointer-events:none;transition:opacity .15s}.ff-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#171717;color:#fff;padding:10px 18px;border-radius:4px;font-size:14px;z-index:99999;pointer-events:none}.ff-status:empty{display:none}

/* Jerarquía de categorías */
.ff-filter .ff-category {
    padding-left: calc(2px + var(--ff-depth, 0) * 16px);
}

/* Ocultar el filtro completo cuando no tiene opciones disponibles */
.ff-filter[hidden] {
    display: none !important;
}