/* ═══════════════════════════════════════════
   KNB DEV · Panel de accesibilidad (Noir Acid)
   ═══════════════════════════════════════════ */
.ax-fab{position:fixed;right:20px;bottom:20px;z-index:60;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--na-card2);color:var(--na-accent);border:1px solid var(--na-border);box-shadow:0 12px 30px rgba(0,0,0,.35);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.ax-fab:hover{transform:translateY(-2px);border-color:var(--na-accent)}
.ax-fab:focus-visible{outline:2px solid var(--na-accent);outline-offset:3px}
.ax-fab svg{transition:transform .35s ease,opacity .2s ease}
.ax-fab .ax-i-close{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}
.ax-fab[aria-expanded="true"]{background:var(--na-accent);color:#0c0c0c;border-color:var(--na-accent)}
.ax-fab[aria-expanded="true"] .ax-i-open{opacity:0;transform:rotate(90deg) scale(.6)}
.ax-fab[aria-expanded="true"] .ax-i-close{opacity:1;transform:none}
.ax-scrim{position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .25s ease}
.ax-scrim.on{opacity:1;pointer-events:auto}
.ax-panel{position:fixed;right:20px;bottom:86px;z-index:59;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow-y:auto;background:var(--na-card2);color:var(--na-fg);border:1px solid var(--na-border);border-radius:18px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.45);transform-origin:bottom right;opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
.ax-panel.on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.ax-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.ax-eyebrow{font-family:var(--na-mono)!important;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--na-accent);margin:0 0 4px}
.ax-title{font-size:18px!important;font-weight:700;line-height:1.2;margin:0!important;padding:0!important;border:0!important}
.ax-x{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid var(--na-border);background:transparent;color:var(--na-fg);cursor:pointer;transition:border-color .2s,color .2s}
.ax-x:hover{border-color:var(--na-accent);color:var(--na-accent)}
.ax-group{margin-top:16px}
.ax-group:first-of-type{margin-top:0}
.ax-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:0 0 8px}
.ax-label svg{color:var(--na-muted)}
.ax-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--na-bg);border:1px solid var(--na-border)}
.ax-opt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 10px;border-radius:9px;border:0;background:transparent;color:var(--na-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}
.ax-opt:hover{color:var(--na-fg)}
.ax-opt[aria-checked="true"]{background:var(--na-accent);color:#0c0c0c;font-weight:600}
.ax-opt:focus-visible{outline:2px solid var(--na-accent);outline-offset:2px}
.ax-opt img{width:16px;height:16px;border-radius:50%;object-fit:cover}
.ax-aa{font-weight:700;line-height:1}
.ax-aa.sm{font-size:12px}.ax-aa.lg{font-size:17px}
.ax-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--na-border);font-family:var(--na-mono)!important;font-size:10.5px;letter-spacing:.04em;color:var(--na-muted)}
.ax-note i{width:6px;height:6px;border-radius:50%;background:var(--na-accent);display:inline-block;flex:none}
@media (max-width:520px){
  .ax-fab{right:14px;bottom:14px}
  .ax-panel{left:12px;right:12px;bottom:78px;width:auto;transform-origin:bottom center}
}
@media (prefers-reduced-motion:reduce){.ax-panel,.ax-panel.on,.ax-fab,.ax-fab svg{transition:none}}

.ax-panel{scrollbar-width:thin;scrollbar-color:var(--na-border) transparent}