.acessibilidade-widget{
        position: fixed;
        top: 120px;
        right: 15px;
        z-index: 999999;
        font-family: Arial, Helvetica, sans-serif;
    }

    .acessibilidade-toggle{
        border: none;
        background: #0d6efd;
        color: #ffffff;
        padding: 10px 14px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 2px 10px rgba(0,0,0,0.20);
    }

    .acessibilidade-painel{
        margin-top: 8px;
        background: rgba(0,0,0,0.90);
        padding: 10px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 180px;
    }

    .acessibilidade-painel button{
        border: none;
        background: #ffffff;
        color: #000000;
        padding: 10px 12px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        text-align: left;
    }

    .acessibilidade-toggle:hover,
    .acessibilidade-toggle:focus,
    .acessibilidade-painel button:hover,
    .acessibilidade-painel button:focus{
        outline: 2px solid #ffcc00;
        outline-offset: 2px;
    }

    /* ========= CONTROLE DE FONTE ========= */
    body.fonte-1,
    body.fonte-1 p,
    body.fonte-1 span,
    body.fonte-1 a,
    body.fonte-1 li,
    body.fonte-1 td,
    body.fonte-1 th,
    body.fonte-1 label,
    body.fonte-1 input,
    body.fonte-1 select,
    body.fonte-1 textarea,
    body.fonte-1 button{
        font-size: 18px !important;
    }

    body.fonte-1 h1{ font-size: 2.6rem !important; }
    body.fonte-1 h2{ font-size: 2.2rem !important; }
    body.fonte-1 h3{ font-size: 1.8rem !important; }
    body.fonte-1 h4{ font-size: 1.5rem !important; }
    body.fonte-1 h5{ font-size: 1.3rem !important; }
    body.fonte-1 h6{ font-size: 1.1rem !important; }

    body.fonte-2,
    body.fonte-2 p,
    body.fonte-2 span,
    body.fonte-2 a,
    body.fonte-2 li,
    body.fonte-2 td,
    body.fonte-2 th,
    body.fonte-2 label,
    body.fonte-2 input,
    body.fonte-2 select,
    body.fonte-2 textarea,
    body.fonte-2 button{
        font-size: 20px !important;
    }

    body.fonte-2 h1{ font-size: 3rem !important; }
    body.fonte-2 h2{ font-size: 2.5rem !important; }
    body.fonte-2 h3{ font-size: 2rem !important; }
    body.fonte-2 h4{ font-size: 1.7rem !important; }
    body.fonte-2 h5{ font-size: 1.4rem !important; }
    body.fonte-2 h6{ font-size: 1.2rem !important; }

    body.fonte-3,
    body.fonte-3 p,
    body.fonte-3 span,
    body.fonte-3 a,
    body.fonte-3 li,
    body.fonte-3 td,
    body.fonte-3 th,
    body.fonte-3 label,
    body.fonte-3 input,
    body.fonte-3 select,
    body.fonte-3 textarea,
    body.fonte-3 button{
        font-size: 22px !important;
    }

    body.fonte-3 h1{ font-size: 3.2rem !important; }
    body.fonte-3 h2{ font-size: 2.7rem !important; }
    body.fonte-3 h3{ font-size: 2.2rem !important; }
    body.fonte-3 h4{ font-size: 1.9rem !important; }
    body.fonte-3 h5{ font-size: 1.5rem !important; }
    body.fonte-3 h6{ font-size: 1.3rem !important; }

    /* ========= ALTO CONTRASTE ========= */
    body.alto-contraste{
        background: #000000 !important;
        color: #ffffff !important;
    }

    body.alto-contraste .top_bar,
    body.alto-contraste .site-header-menu,
    body.alto-contraste .banner_slider_wrapper,
    body.alto-contraste .portfolio-section,
    body.alto-contraste .procedure-section,
    body.alto-contraste .about-section,
    body.alto-contraste .site-main,
    body.alto-contraste .page,
    body.alto-contraste footer,
    body.alto-contraste .second-footer,
    body.alto-contraste .bottom-footer-text,
    body.alto-contraste .ttm-row,
    body.alto-contraste .ttm-bg,
    body.alto-contraste .ttm-bg-layer,
    body.alto-contraste .ttm-row-wrapper-bg-layer,
    body.alto-contraste .ttm-bgcolor-darkgrey,
    body.alto-contraste .ttm-bgcolor-grey{
        background: #000000 !important;
        background-image: none !important;
        color: #ffffff !important;
    }

    body.alto-contraste div,
    body.alto-contraste section,
    body.alto-contraste article,
    body.alto-contraste aside,
    body.alto-contraste header,
    body.alto-contraste footer,
    body.alto-contraste nav,
    body.alto-contraste ul,
    body.alto-contraste li,
    body.alto-contraste p,
    body.alto-contraste span,
    body.alto-contraste h1,
    body.alto-contraste h2,
    body.alto-contraste h3,
    body.alto-contraste h4,
    body.alto-contraste h5,
    body.alto-contraste h6,
    body.alto-contraste strong,
    body.alto-contraste small,
    body.alto-contraste label{
        color: #ffffff !important;
        border-color: #ffffff !important;
    }

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

    /* ícones em fonte */
    body.alto-contraste i,
    body.alto-contraste [class^="newicon-"],
    body.alto-contraste [class*=" newicon-"],
    body.alto-contraste .fa,
    body.alto-contraste .ti,
    body.alto-contraste .flaticon{
        color: #ffff00 !important;
    }

    /* caixas/cards */
    body.alto-contraste .featured-icon-box,
    body.alto-contraste .featured-content,
    body.alto-contraste .featured-title,
    body.alto-contraste .featured-desc,
    body.alto-contraste .ttm-icon,
    body.alto-contraste .ttm-box-view-overlay,
    body.alto-contraste .section-title,
    body.alto-contraste .title-header,
    body.alto-contraste .border-box-block{
        background: #000000 !important;
        color: #ffffff !important;
        border: 1px solid #ffffff !important;
    }

    /* botões da acessibilidade em contraste */
    body.alto-contraste .acessibilidade-toggle{
        background: #ffff00 !important;
        color: #000000 !important;
        border: 2px solid #ffffff !important;
    }

    body.alto-contraste .acessibilidade-painel{
        background: #000000 !important;
        border: 1px solid #ffffff !important;
    }

    body.alto-contraste .acessibilidade-painel button{
        background: #000000 !important;
        color: #ffff00 !important;
        border: 1px solid #ffffff !important;
    }

    body.alto-contraste .acessibilidade-painel button:hover,
    body.alto-contraste .acessibilidade-painel button:focus{
        background: #222222 !important;
    }

    /* imagens */
    body.alto-contraste img{
        filter: grayscale(100%) contrast(120%);
    }

.acessibilidade-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
}

.acessibilidade-toggle i {
    font-size: 16px;
}
    @media (max-width: 768px){
        .acessibilidade-widget{
            top: auto;
            bottom: 15px;
            right: 15px;
        }

        .acessibilidade-painel{
            min-width: 160px;
        }
    }