/* ==========================================================================
   ESTILOS PANEL DE ACCESIBILIDAD Y ASISTENTE VISUAL
   ========================================================================== */

/* Botón disparador flotante */
#btnToggleAsistente {
    width: 55px;
    height: 55px;
    z-index: 1050;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#btnToggleAsistente:hover {
    transform: scale(1.1) rotate(10deg);
    box-shadow: 0 8px 25px rgba(200, 49, 130, 0.5) !important;
}

/* Contenedor del Panel */
.panel-accesibilidad {
    width: 290px;
    position: absolute;
    bottom: 65px;
    right: 0;
    z-index: 1049;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.btn-accesibilidad {
    background-color: var(--guinda-cuitzeo, #911A3A);
    transition: background-color 0.25s ease;
}

.btn-accesibilidad:hover {
    background-color: var(--rosa-cuitzeo, #C83182);
}

/* ==========================================================================
   MODOS GLOBALES DE ACCESIBILIDAD (GATILLADOS VÍA JAVASCRIPT)
   ========================================================================== */

/* Modo Alto Contraste */
body.alto-contraste {
    background-color: #000000 !important;
    color: #ffff00 !important;
}

body.alto-contraste .site-header-cuitzeo,
body.alto-contraste .site-footer-cuitzeo,
body.alto-contraste .bg-white,
body.alto-contraste .bg-light,
body.alto-contraste .card {
    background-color: #121212 !important;
    color: #ffffff !important;
    border-color: #ffff00 !important;
}

body.alto-contraste a {
    color: #00ffff !important;
}

body.alto-contraste .btn-guinda,
body.alto-contraste .btn-rosa {
    background-color: #ffff00 !important;
    color: #000000 !important;
    font-weight: bold;
}

/* Tipografía de alta legibilidad */
body.fuente-accesible,
body.fuente-accesible * {
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0.05em !important;
}