{{# BOTONES ACCESIBILIDAD #}}
<div class="flex space-x-2 text-[#a8b7c7]">
    <button class="w-10 h-10 border border-[#a8b7c7] p-2.5 flex items-center hover:text-secondary hover:border-secondary " title="REDUCIR TEXTO" @click="adjustFontSize(-1)">
        <i class="cl cl-decrease-text text-lg"></i>
    </button>
    <button class="w-10 h-10 border border-[#a8b7c7] p-2.5 flex items-center hover:text-secondary hover:border-secondary " title="AUMENTAR TEXTO" @click="adjustFontSize(1)">
        <i class="cl cl-increase-text text-lg"></i>
    </button>
    <button class="w-10 h-10 border border-[#a8b7c7] p-2.5 flex items-center hover:text-secondary hover:border-secondary " title="ALTO CONTRASTE" @click="toggleDarkMode()">
        <i class="cl cl-contrast text-lg"></i>
    </button>
    <div class="w-10 h-10 toolbar with-read-speaker border border-[#a8b7c7] p-2.5 flex items-center hover:text-secondary hover:border-secondary">
        <div class="toolbar-player toolbar-btn toolbar-behavior-read rs_skip rsbtn-gobcl-skin" id="readspeaker_button1">
            <a rel="nofollow" accesskey="L" href="#">
                <span class="rsbtn_left rsimg rspart">
                    <span class="rsbtn_text">
                        <div class="toolbar-btn-icon-content">
                            <em class="cl cl-sound"></em>
                        </div>
                    </span>
                </span>
                <span class="rsbtn_right rsimg rsplay rspart"></span>
            </a>
        </div>
    </div>
</div>