/* Estilos del botón de accesibilidad */


/* Panel de opciones */
#accessibility-panel h4,
#accessibility-panel button, 
#accessibility-panel p {
  font-size: 1rem !important;
  letter-spacing: 0.0em !important;
  line-height: 1.3;
  margin-bottom: 1em;
  letter-spacing: 0.05em;
  word-spacing: 0.1em;
}

#accessibility-panel .bi.bi-moon-stars-fill,
#accessibility-panel .bi.bi-brightness-alt-high-fill{
  font-size: 36px !important;
}

#accessibility-panel button{
  height: 58px;
}



#lupa {
  display: none;
  position: fixed;
  width: 100vw;
  height: 200px;
  border-top: 3px solid #0066cc;
  border-bottom: 3px solid #0066cc;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  pointer-events: none;
  left: 0;
  overflow: hidden;
  will-change: top;
  backdrop-filter: blur(1px);
}

#lupa-content {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
}

.lupa-clone {
  position: absolute;
  width: 100vw;
  height: 100vh;
  transform-origin: 0 0;
}

/* Nivel 1 */
.accessible-spacing-1 p,
.accessible-spacing-1 li, 
.accessible-spacing-1 .dropdown button, 
.accessible-spacing-1 h2 {
  
  letter-spacing: 0.05em;
  word-spacing: 0.1em;
}

/* Nivel 2 */
.accessible-spacing-2 p,
.accessible-spacing-2 h2,
.accessible-spacing-2 .dropdown button,
.accessible-spacing-2 li {
  
  letter-spacing: 0.08em;
  word-spacing: 0.12em;
}

/* Nivel 3 */
.accessible-spacing-3 p,
.accessible-spacing-3 h2,
.accessible-spacing-3 .dropdown button,
.accessible-spacing-3 li {
  
  letter-spacing: 0.1em;
  word-spacing: 0.14em;
}

.font-size-small {
  font-size: 16px !important;
}

.font-size-medium {
  font-size: 26px !important;
}

.font-size-large {
  font-size: 36px !important;
}

.search-container * {
  font-size: inherit !important;
}

.bi.bi-universal-access-circle{
  font-size: 2.2rem !important;
}

.bi.bi-house,
#texto-home1,
#texto-home2,
#texto-home3,
#texto-home4,
#texto-home5,
#texto-home6,
#texto-home7{
  font-size: 2.8rem !important;
}

body.font-size-small, 
body.font-size-medium, 
body.font-size-large {
  font-size: inherit !important;
}

body.font-size-small * {
  font-size: 16px !important;
}
body.font-size-medium * {
  font-size: 26px !important;
}
body.font-size-large * {
  font-size: 36px !important;
}