/* ==========================================================================
   WIDGET Y ESTILOS DE ACCESIBILIDAD VISUAL
   ========================================================================== */
#btn-accessibility-toggle {
    width: 58px;
    height: 58px;
    z-index: 1050;
}

#accessibility-panel {
    z-index: 1055;
    border: 2px solid var(--querendaro-pink) !important;
}

.btn-pink-light {
    background-color: rgba(233, 30, 99, 0.1);
    transition: background-color 0.2s ease;
}

.btn-pink-light:hover {
    background-color: rgba(233, 30, 99, 0.2);
}

/* MODOS DE ACCESIBILIDAD APLICADOS AL BODY */

/* Alto Contraste */
body.accessibility-high-contrast {
    background-color: #000000 !important;
    color: #ffffff !important;
}

body.accessibility-high-contrast *,
body.accessibility-high-contrast section,
body.accessibility-high-contrast div,
body.accessibility-high-contrast .card {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

body.accessibility-high-contrast a {
    color: #ffff00 !important;
}

/* Escala de Grises */
body.accessibility-grayscale {
    filter: grayscale(100%) !important;
}

/* Fuente Legible (Aumenta espaciado e interpunteado) */
body.accessibility-readable-font * {
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0.5px !important;
    word-spacing: 1px !important;
}