/* YAQ Lector de Voz 2.0 */
.yaq-voice-reader {
    position: relative;
    z-index: 9999;
}

.yaq-voice-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99999;

    min-height: 48px;
    padding: 12px 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border: 0;
    border-radius: 999px;

    background: #003DD4;
    color: #fff;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;

    cursor: pointer;

    box-shadow: 0 5px 18px rgba(0,0,0,.20);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        opacity .18s ease;
}

.yaq-voice-float:hover {
    transform: scale(1.04);
    box-shadow: 0 7px 22px rgba(0,0,0,.25);
}

.yaq-voice-float:active {
    transform: scale(.98);
}

.yaq-voice-stop {
    background: #222;
}

.yaq-voice-stop.is-active {
    display: inline-flex;
}

.yaq-voice-status {
    position: fixed;
    right: 24px;
    bottom: 80px;
    z-index: 99998;

    font-size: 12px;
    color: #666;

    pointer-events: none;
}

@media (max-width: 767px) {
    .yaq-voice-float {
        right: 16px;
        bottom: 16px;
        min-height: 46px;
        padding: 11px 16px;
        font-size: 14px;
    }

    .yaq-voice-status {
        right: 16px;
        bottom: 70px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yaq-voice-float {
        transition: none;
    }
}