/* ══════════════════════════════════════════
   WIDGET DE ACCESIBILIDAD
══════════════════════════════════════════ */

#accesibilidad{
    position:fixed;
    right:20px;
    bottom:30px;
    z-index:99999;
}

#btnAccesibilidad{
    width:52px;
    height:52px;
    padding:0;
    border-radius:50%;
    font-size:24px;
    line-height:1;
    text-align:center;
    box-shadow:0 4px 14px rgba(0,0,0,.3);
}

#panelAccesibilidad{
    display:none;
    width:280px;
    margin-top:10px;
    padding:15px;
    background:#222;
    border-radius:10px;
    box-shadow:0 6px 24px rgba(0,0,0,.4);
}

#panelAccesibilidad hr{
    margin:10px 0;
    border-color:#444;
}

/* ══════════════════════════════════════════
   BOTONES
══════════════════════════════════════════ */

.btn-acc{
    width:100%;
    min-height:60px;
    margin-bottom:10px;
    padding:8px 4px;
    font-size:11px;
    line-height:1.2;
    white-space:normal;
    text-align:center;
}

.btn-acc .fa{
    display:block;
    font-size:18px;
    margin-bottom:4px;
}

.btn-dark{
    color:#fff;
    background-color:#444;
    border-color:#444;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active{
    color:#fff;
    background-color:#555;
    border-color:#555;
}

/* ══════════════════════════════════════════
   CONTRASTE
══════════════════════════════════════════ */

body.alto-contraste > *:not(#accesibilidad){
    filter:contrast(2);
}

body.contraste-oscuro > *:not(#accesibilidad){
    filter:invert(1) hue-rotate(180deg);
}

/* ══════════════════════════════════════════
   SATURACIÓN
══════════════════════════════════════════ */

body.desaturado > *:not(#accesibilidad){
    filter:saturate(0);
}

body.poca-saturacion > *:not(#accesibilidad){
    filter:saturate(.5);
}

body.mucha-saturacion > *:not(#accesibilidad){
    filter:saturate(2);
}

/* ══════════════════════════════════════════
   ENLACES
══════════════════════════════════════════ */

body.subrayado-links a:not(#accesibilidad a){
    text-decoration:underline !important;
}

/* ══════════════════════════════════════════
   ESPACIADO DE TEXTO
══════════════════════════════════════════ */

body.espaciado-1 *:not(#accesibilidad *){
    letter-spacing:.05em !important;
}

body.espaciado-2 *:not(#accesibilidad *){
    letter-spacing:.10em !important;
}

body.espaciado-3 *:not(#accesibilidad *){
    letter-spacing:.16em !important;
}

/* ══════════════════════════════════════════
   ALTURA DE LÍNEA
══════════════════════════════════════════ */

body.espaciado-h-1 *:not(#accesibilidad *){
    line-height:1.8 !important;
}

body.espaciado-h-2 *:not(#accesibilidad *){
    line-height:2.2 !important;
}

body.espaciado-h-3 *:not(#accesibilidad *){
    line-height:2.8 !important;
}

/* ══════════════════════════════════════════
   CURSOR GRANDE
══════════════════════════════════════════ */

body.cursor-1,
body.cursor-1 *{
    cursor:url('/goreantofagasta/imag/cursor-grande.png'), auto !important;
}

/* ══════════════════════════════════════════
   TIPOGRAFÍAS PARA DISLEXIA
══════════════════════════════════════════ */

body.dislexia-1 *:not(#accesibilidad *){
    font-family:Arial, Helvetica, sans-serif !important;
}

body.dislexia-2 *:not(#accesibilidad *){
    font-family:Verdana, Geneva, sans-serif !important;
    letter-spacing:.05em !important;
}

/* ══════════════════════════════════════════
   OCULTAR IMÁGENES
══════════════════════════════════════════ */

body.hiddenImg img:not(#accesibilidad img){
    visibility:hidden !important;
}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */

@media (max-width:768px){

    #accesibilidad{
        right:10px;
        bottom:15px;
    }

    #panelAccesibilidad{
        width:240px;
        padding:12px;
    }

    .btn-acc{
        min-height:55px;
        font-size:10px;
    }

    .btn-acc .fa{
        font-size:16px;
    }

}