/*
 * La mayoría de las propiedades visuales del reproductor van en línea
 * (inline style) directamente en el HTML generado por PHP, porque muchos
 * temas de WordPress traen estilos genéricos para "button" que pueden
 * ganarle a un archivo CSS externo. Este archivo solo actúa como refuerzo
 * y para pequeños detalles (transiciones, hover) que no son críticos para
 * que el reproductor se vea y funcione bien.
 */

.aap-player,
.aap-player * {
    box-sizing: border-box;
}

.aap-player *::before,
.aap-player *::after {
    content: none;
}

.aap-player .aap-play-btn:hover {
    transform: scale(1.06);
}

.aap-player .aap-speed-btn:hover {
    background-color: #e5e7eb !important;
}

.aap-player .aap-bar {
    transition: background 0.15s ease;
}

.aap-player .aap-playhead {
    transition: left 0.1s linear;
}