/* Base */
[hidden]{display:none!important;}
html{font-size:calc(16px * var(--a11y-font-scale,1));}

/* Estados en <html> */
.a11y-grayscale{filter:grayscale(1);} 
.a11y-negative-contrast{filter:invert(1) hue-rotate(180deg);} 
.a11y-high-contrast, .a11y-high-contrast body{background:#000!important;color:#fff!important;} 
.a11y-high-contrast a{color:#ff0!important;text-decoration:underline!important;} 
.a11y-high-contrast .nav-bar{background:#000!important;} 
.a11y-high-contrast .text-box{background:#000!important;border:2px solid #fff!important;color:#fff!important;} 

.a11y-light-bg, .a11y-light-bg body{background:#fff!important;color:#000!important;} 
.a11y-underline-links a{text-decoration:underline!important;text-decoration-thickness:2px;} 
.a11y-readable-font{font-family:Arial,Verdana,Tahoma,"Helvetica Neue",sans-serif!important;letter-spacing:.02em;}

/* UI del widget */
.a11y-fab{
  position:fixed;right:24px;top:100px;width:52px;height:52px;border-radius:50%;
  border:none;background:#1abc9c;color:#fff;font-size:24px;line-height:1;
  box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer;z-index:1100;
}
.a11y-fab:focus{outline:3px solid #1abc9c;outline-offset:3px;}
.a11y-panel{
  position:fixed;right:24px;top:160px;width:280px;max-width:calc(100vw - 48px);
  background:#fff;color:#222;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);
  z-index:1100;padding:10px;
}
.a11y-title{font-weight:700;padding:8px 10px;}
.a11y-list{list-style:none;margin:0;padding:0;}
.a11y-list li{margin:2px 0;}
.a11y-btn{
  width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:8px;
  cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;
}
.a11y-btn:hover,.a11y-btn:focus{background:#f1f5f9;outline:3px solid #1abc9c;outline-offset:2px;}
.a11y-btn .icon{width:20px;text-align:center;}
.a11y-reset{color:#b71c1c;}