body.contrast img,
body.darkmode img {
    filter: grayscale(100%) contrast(120%)
}

/* Excepciones de alto contraste para el header (ver exclusiones más abajo). */
body.contrast .container-navbar {
    background-color: #0a0a0a !important;
}

body.contrast .container-logo {
    background-color: #0a0a0a !important;
}

body.contrast .container-navigation {
    background-color: #0a0a0a !important;
}
body.contrast #footer {
    background-color: #0a0a0a !important;
}
body.contrast #footer .footer-noticias {
    background-color: #0a0a0a !important;
}

#accessibilityBar {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(34,34,34,.75);
    border-radius: 0 .5rem .5rem 0;
    box-shadow: 0 5px 30px rgba(34,34,34,0);
    -ms-transition: .5s ease-in-out;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
}
#accessibilityBar{
    display: flex;
    flex-direction: column;
    width: max-content;
    align-items: center;
}
#accessibilityBar * {
    box-sizing: border-box
}

#accessibilityBar.active {
    transform        : translate(0, 0);
    box-shadow       : 0 5px 30px rgba(34, 34, 34, .5);
    -webkit-transform: translate(0, 0);
    -moz-transform   : translate(0, 0);
    -ms-transform    : translate(0, 0);
    -o-transform     : translate(0, 0);
    padding: 0.5rem;
}

#accessibilityBar button {
    outline           : 0 !important;
    box-shadow        : none !important;
    -webkit-appearance: none;
    cursor            : pointer
}

#accessibilityBar button#universalAccessBtn {
    display: flex;
    flex-direction: column;
    /* align-content: center; */
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
    background-color: var(--ba-color, #ed1c24);
    width: 3rem;
    height: 3rem;
    padding: 0;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: 1.4rem;
    left: 110%;  /* Cambiado de transform: translate(-110%,-50%) */
    transform: translate(0%, 0%);  /* Ajustado para la nueva posición */
    cursor: pointer;
    -ms-transition: .3s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#accessibilityBar button#universalAccessBtn span,
#accessibilityBar button.setAccessibility {
    -webkit-transition: .3s ease-in-out;
    -moz-transition   : .3s ease-in-out;
    -o-transition     : .3s ease-in-out;
    border-radius     : .25rem;
    align-items       : center;
    display           : flex;
    font-weight       : 700
}

#accessibilityBar button#universalAccessBtn span:not(.ba-icon) {
    transition: .3s ease-in-out;
    font-size: 1rem;
    line-height: 1;
    text-align: left;  /* Cambiado de 'right' a 'left' */
    color: #fff;
    background-color: var(--ba-color, #ed1c24);
    box-shadow: 0 10px 30px rgba(102,102,102,.1);
    height: 100%;
    padding: 0 1rem;
    position: absolute;
    top: 50%;
    left: 120%;  /* Cambiado de 'right: 120%' a 'left: 120%' */
    transform: translateY(-50%);
}

#accessibilityBar button#universalAccessBtn.collapsed span:not(.ba-icon) {
    opacity: 0;
    left: 50%;  /* Cambiado de 'right: 50%' a 'left: 50%' */
}

#accessibilityBar button#universalAccessBtn:hover span:not(.ba-icon) {
    opacity: 1;
    left: 120%;
}

#accessibilityBar button.setAccessibility {
    font-size       : .95rem;
    transition      : .3s ease-in-out;
    color           : #222;
    background-color: #eee;
    width           : 100%;
    padding         : .1rem .2rem;
    border          : none;
    margin          : .25rem
}

#accessibilityBar button.setAccessibility:hover {
    background-color: #fff
}

#accessibilityBar button.setAccessibility span {
    color           : #fff;
    background-color: var(--ba-color, #ed1c24);
    width           : 2.5rem;
    height          : 2.5rem;
    border-radius   : .2rem;
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin-right    : .25rem
}

@media(max-width:576px) {
    #accessibilityBar {
        position: fixed;
        top: initial;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }
    #accessibilityBar.active {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    #accessibilityBar #universalAccessBtn {
        top: initial;
        left: 100%;  /* Cambiado de transform: translateX(-120%) */
        transform: translateX(10%);  /* Ajustado para nueva posición */
        bottom: 16px;
        border-radius: 50%;
    }
}

body.contrast #accessibilityBar button[data-accessibility=contrast] {
    background-color: var(--ba-color, #ed1c24)
}

body.accessibility_markerLine #accessibilityBar button[data-accessibility=markerLine],
body.accessibility_readingLine #accessibilityBar button[data-accessibility=readingLine],
body.darkmode #accessibilityBar button[data-accessibility=dark] {
    background-color: var(--ba-color, #ed1c24);
    color           : #fff !important
}

body.accessibility_readingLine #readingLine {
    background-color: var(--ba-color, #ed1c24) !important;
    opacity         : 1;
    width           : 100%;
    height          : .5rem;
    position        : absolute;
    left            : 0;
    z-index         : 9999;
    transform       : translateY(.5rem)
}

body.accessibility_markerLine #markerLine {
    background-color: #e4fd00 !important;
    opacity         : .75;
    border-width    : .1px 0;
    border-style    : solid;
    border-color    : #cde400;
    width           : 100vw;
    height          : 1.75rem;
    position        : absolute;
    left            : 0;
    z-index         : 9999;
    transform       : translateY(-1rem);
    mix-blend-mode  : color
}

body.accessibility_markerLine.contrast #markerLine {
    mix-blend-mode: multiply;
    opacity       : 1
}

body.accessibility_markerLine.darkmode #markerLine {
    opacity       : .25;
    background    : #655b5b !important;
    mix-blend-mode: unset
}

body.contrast {
    background: #000 !important;
    color     : #fff !important
}

body.contrast *:not(#accessibilityBar):not(#accessibilityBar *):not(#footer *):not(footer):not(header):not(.container-navbar):not(.container-navbar *):not(.container-navigation):not(.container-navigation *) {
    background-color: #000 !important;
    background-image: none !important;
    color           : #fff !important;
    border-color    : #fff !important;
    transition        : none !important;
    -webkit-transition: none !important;
    -moz-transition   : none !important;
    -o-transition     : none !important
}

body.contrast b,
body.contrast cite,
body.contrast em,
body.contrast h1,
body.contrast h2,
body.contrast h3,
body.contrast h4,
body.contrast h5,
body.contrast h6,
body.contrast i,
body.contrast label,
body.contrast p,
body.contrast q,
body.contrast span,
body.contrast strong,
body.contrast u {
    color: #fff !important
}

body.contrast a,
body.contrast a * {
    color: #ff0 !important
}

body.contrast button,
body.contrast input[type=button],
body.contrast input[type=reset],
body.contrast input[type=submit] {
    background : #ff0 !important;
    color      : #000 !important;
    font-weight: 700;
    border     : none !important
}

body.contrast input[type=date],
body.contrast input[type=datetime-local],
body.contrast input[type=datetime],
body.contrast input[type=email],
body.contrast input[type=month],
body.contrast input[type=number],
body.contrast input[type=password],
body.contrast input[type=search],
body.contrast input[type=tel],
body.contrast input[type=text],
body.contrast input[type=url],
body.contrast input[type=week],
body.contrast textarea {
    background: #000 !important;
    border    : 1px solid #fff !important;
    color     : #fff !important
}

body.contrast #accessibilityBar * {
    background-color: #000 !important;
    color           : #ff0 !important
}

body.contrast #accessibilityBar .setAccessibility {
    border: 1px solid !important
}

body.contrast #accessibilityBar .setAccessibility[data-accessibility=contrast] {
    background-color: #ff0 !important;
    color           : #000 !important
}

body.darkmode,
body.darkmode article,
body.darkmode aside,
body.darkmode footer,
body.darkmode header,
body.darkmode li,
body.darkmode main,
body.darkmode nav,
body.darkmode ol,
body.darkmode .container-navbar,
body.darkmode .container-logo,
body.darkmode .container-navigation,
body.darkmode section {
    background: #121212 !important;
    color     : #655b5b !important
}

body.darkmode b,
body.darkmode cite,
body.darkmode em,
body.darkmode h1,
body.darkmode h2,
body.darkmode h3,
body.darkmode h4,
body.darkmode h5,
body.darkmode h6,
body.darkmode i,
body.darkmode label,
body.darkmode p,
body.darkmode q,
body.darkmode span,
body.darkmode strong,
body.darkmode u {
    color: #655b5b !important
}

body.darkmode #accessibilityBar .setAccessibility,
body.darkmode #accessibilityBar .setAccessibility *,
body.darkmode a,
body.darkmode a * {
    color: #8d8080 !important
}

body.darkmode button,
body.darkmode input[type=button],
body.darkmode input[type=reset],
body.darkmode input[type=submit] {
    background: #292323 !important;
    color     : #655b5b !important;
    border    : #191414 !important
}

body.darkmode img {
    -webkit-transition: .3s ease-in-out;
    -moz-transition   : .3s ease-in-out;
    -o-transition     : .3s ease-in-out;
    transition        : .3s ease-in-out;
    filter            : grayscale(75%) contrast(90%)
}

body.darkmode input[type=date],
body.darkmode input[type=datetime-local],
body.darkmode input[type=datetime],
body.darkmode input[type=email],
body.darkmode input[type=month],
body.darkmode input[type=number],
body.darkmode input[type=password],
body.darkmode input[type=search],
body.darkmode input[type=tel],
body.darkmode input[type=text],
body.darkmode input[type=url],
body.darkmode input[type=week],
body.darkmode textarea {
    background: #191414 !important;
    border    : 1px solid #292323 !important;
    color     : #655b5b !important
}

body.darkmode img:hover {
    filter: grayscale(0) contrast(100%)
}

body.darkmode #accessibilityBar * {
    background-color: #655b5b !important;
    color           : #121212 !important
}
/*
body.darkmode #accessibilityBar .setAccessibility[data-accessibility=darkmode] {
    background-color: #121212 !important;
    color           : #655b5b !important
}
body.darkmode #footer * {
    background-color: #655b5b !important;
    color           : #121212 !important
}


body.darkmode #accessibilityBar .setAccessibility span {
    background-color: #191414 !important
}
*/

body.contrast .title-notes h2::after {
    background: #ffff00 !important;
}
@media (max-width: 580px){ 
    #accessibilityBar button#universalAccessBtn[aria-expanded=true]{
        background: #595959;
        left: 100%;
        width: 4rem;
        height: 4rem;
        box-shadow: 0px 0px 20px 4px rgba(34, 34, 34, .5) !important;
    }
    #accessibilityBar button#universalAccessBtn span:not(.ba-icon),
    #accessibilityBar button#universalAccessBtn.collapsed span:not(.ba-icon){
        display: none!important;
    }
}