/* =========================
   PANEL ACCESIBILIDAD SIMPLE
   ========================= */

.accessibility-panel {
  position: fixed;
  bottom: 15px;
  left: 170px;
  z-index: 99999;

  display: flex;
  flex-direction: row;
  gap: 8px;

  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 10px;
  border-radius: 8px;

  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.accessibility-panel button {
  cursor: pointer;
  border: 1px solid #ccc;
  background: #f8f8f8;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 5px;
}

/* =========================
   ZOOM (FUENTE)
   ========================= */

body.font-small { zoom: 0.9; }
body.font-normal { zoom: 1; }
body.font-large { zoom: 1.15; }
body.font-xlarge { zoom: 1.3; }

/* =========================
   CONTRASTE
   ========================= */

body.high-contrast {
  background: #000 !important;
  color: #fff !important;
}

body.high-contrast * {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

body.high-contrast a {
  color: #00ffff !important;
}

/* =========================
   DALTONISMO
   ========================= */


body.color-protanopia {
  filter: grayscale(0.4) contrast(1.2) !important;
}

body.color-deuteranopia {
  filter: grayscale(0.6) sepia(0.2) contrast(1.1) !important;
}

body.color-tritanopia {
  filter: grayscale(0.6) hue-rotate(180deg) !important;
}