/* ==========================================================================
   ESTILOS DEL ASISTENTE VISUAL DE ACCESIBILIDAD - CHUCÁNDIRO
   ========================================================================== */

/* Botón flotante inferior izquierdo */
.asistente-visual-trigger-wrapper {
    position: fixed;
    bottom: 25px;
    left: 25px;
    z-index: 99999;
}

.btn-asistente-trigger {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: var(--gold-chucandiro, #E1B132);
    color: var(--brown-dark, #2C1B0B);
    border: 2px solid #ffffff;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.btn-asistente-trigger:hover {
    transform: scale(1.1);
    background-color: var(--gold-light, #F0C435);
}

/* Panel flotante de controles */
.panel-asistente-container {
    position: fixed;
    bottom: 90px;
    left: 25px;
    width: 310px;
    z-index: 99999;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

/* MODOS ACCESIBLES A NIVEL GLOBAL DE PÁGINA */
body.modo-escala-grises {
    filter: grayscale(100%) !important;
}

body.modo-alto-contraste {
    filter: invert(100%) hue-rotate(180deg) !important;
}

body.modo-alto-contraste img,
body.modo-alto-contraste video {
    filter: invert(100%) hue-rotate(180deg) !important; /* Mantiene apariencia normal en media */
}

a.enlace-resaltado {
    outline: 2px dashed #E1B132 !important;
    background-color: rgba(225, 177, 50, 0.2) !important;
    color: #ffffff !important;
}