.btn-accesibilidad {
    cursor: pointer;
}

.btn-accesibilidad:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

.btn-accesibilidad:hover {
    opacity: 0.8;
}

html.cc-a11y-contraste-alto .btn-contrast,
html.cc-a11y-contraste-mono .btn-contrast {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.cc-a11y__aviso {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}


html.cc-a11y-contraste-alto,
html.cc-a11y-contraste-alto body {
    background-color: #000 !important;
    background-image: none !important;
    color: #ff0 !important;
}

html.cc-a11y-contraste-alto :where(body *):not(svg):not(svg *) {
    background-color: transparent !important;
    background-image: none !important;
    color: #ff0 !important;
    border-color: #ff0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html.cc-a11y-contraste-alto :where(a, a *) {
    color: #ff0 !important;
    text-decoration: underline !important;
}

html.cc-a11y-contraste-alto :where(button, .elementor-button, input[type="button"], input[type="submit"]) {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 2px solid #ff0 !important;
}

html.cc-a11y-contraste-alto :where(input, select, textarea) {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

html.cc-a11y-contraste-alto :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: 2px !important;
}



html.cc-a11y-contraste-alto .dialog-widget {
    background-color: #000 !important;
}

html.cc-a11y-contraste-alto .elementor-popup-modal .dialog-widget-content {
    background-color: #000 !important;
    border: 2px solid #ff0 !important;
}


html.cc-a11y-contraste-alto .elementor-nav-menu--main .elementor-item:before,
html.cc-a11y-contraste-alto .elementor-nav-menu--main .elementor-item:after {
    background-color: #ff0 !important;
}

html.cc-a11y-contraste-alto .elementor-nav-menu--dropdown {
    background-color: #000 !important;
}

html.cc-a11y-contraste-alto .elementor-nav-menu--dropdown :is(.elementor-item, .elementor-sub-item):is(:hover, :focus, .elementor-item-active, .highlighted) {
    background-color: #ff0 !important;
}


html.cc-a11y-contraste-alto :is(.elementor-nav-menu--main, .elementor-nav-menu--dropdown) :is(.elementor-item, .elementor-sub-item):is(:hover, :focus, .elementor-item-active, .highlighted),
html.cc-a11y-contraste-alto :is(.elementor-nav-menu--main, .elementor-nav-menu--dropdown) :is(.elementor-item, .elementor-sub-item):is(:hover, :focus, .elementor-item-active, .highlighted) * {
    color: #000 !important;
}


html.cc-a11y-contraste-alto .btn-accesibilidad svg [fill="white"] {
    fill: #000 !important;
}

html.cc-a11y-contraste-alto .btn-accesibilidad svg [fill="#6600FF"] {
    fill: #ff0 !important;
}

html.cc-a11y-contraste-alto .btn-accesibilidad svg [stroke="#6600FF"] {
    stroke: #ff0 !important;
}


html.cc-a11y-contraste-mono body > *:not(.dialog-widget) {
    filter: grayscale(100%);
}

html.cc-a11y-contraste-mono .dialog-widget .dialog-widget-content {
    filter: grayscale(100%);
}