/* Aúnika Ouvir Artigo — player */
.aun-audio-slot{margin:0 0 2rem;min-height:0}
.aun-audio{
	--aun-accent:#07BECA;--aun-ink:#0B080B;--aun-muted:#6A7277;--aun-track:rgba(11,8,11,.09);
	position:relative;display:flex;align-items:center;gap:14px;
	padding:14px 16px;background:#fff;border:1px solid rgba(11,8,11,.08);border-radius:16px;
	box-shadow:0 1px 2px rgba(11,8,11,.04),0 6px 24px rgba(11,8,11,.05);
	font:inherit;color:var(--aun-ink);line-height:1.3;box-sizing:border-box;
	opacity:0;transition:opacity .25s ease,box-shadow .25s ease
}
.aun-audio.is-ready{opacity:1}
.aun-audio *{box-sizing:border-box}
.aun-audio button{
	-webkit-appearance:none;appearance:none;margin:0;font:inherit;cursor:pointer;
	border:0;background:none;color:inherit;line-height:1;text-transform:none;letter-spacing:0;box-shadow:none
}
.aun-audio button:focus-visible,.aun-audio__bar:focus-visible{outline:2px solid var(--aun-accent);outline-offset:3px}

.aun-audio__play{
	flex:0 0 48px;width:48px;height:48px;border-radius:50%;
	display:grid;place-items:center;background:var(--aun-accent)!important;color:var(--aun-ink)!important;
	transition:transform .15s ease,filter .15s ease
}
.aun-audio__play:hover{transform:scale(1.05);filter:brightness(1.05)}
.aun-audio__play:active{transform:scale(.96)}
.aun-audio__play svg{width:22px;height:22px;fill:currentColor}
.aun-audio__play .aun-i-pause,.aun-audio.is-playing .aun-i-play{display:none}
.aun-audio.is-playing .aun-i-pause{display:block}

.aun-audio__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}
.aun-audio__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.aun-audio__label{font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aun-audio__time{font-size:.8rem;color:var(--aun-muted);font-variant-numeric:tabular-nums;white-space:nowrap}

.aun-audio__bar{position:relative;height:6px;border-radius:99px;background:var(--aun-track);cursor:pointer;touch-action:none}
.aun-audio__bar::before{content:"";position:absolute;inset:-9px 0}
.aun-audio__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:var(--aun-accent);transition:width .2s linear}
.aun-audio__fill::after{
	content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;
	background:var(--aun-ink);transform:scale(0);transition:transform .15s ease
}
.aun-audio:hover .aun-audio__fill::after,.aun-audio.is-playing .aun-audio__fill::after{transform:scale(1)}

.aun-audio__note{font-size:.75rem;color:var(--aun-muted)}

.aun-audio__speed{
	flex:0 0 auto;min-width:48px;height:32px;padding:0 10px!important;border-radius:99px;
	border:1px solid rgba(11,8,11,.14)!important;font-size:.8rem!important;font-weight:700;font-variant-numeric:tabular-nums
}
.aun-audio__speed:hover{border-color:var(--aun-ink)!important}

.aun-audio__close{display:none;position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;
	background:var(--aun-ink)!important;color:#fff!important;font-size:18px!important}

/* equalizador */
.aun-audio__eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px;width:0;overflow:hidden;transition:width .2s}
.aun-audio__eq i{display:block;width:3px;height:100%;border-radius:2px;background:var(--aun-accent);transform-origin:bottom;transform:scaleY(.3)}
.aun-audio.is-playing .aun-audio__eq{width:13px}
.aun-audio.is-playing .aun-audio__eq i{animation:aun-eq 1s ease-in-out infinite}
.aun-audio.is-playing .aun-audio__eq i:nth-child(2){animation-delay:-.35s}
.aun-audio.is-playing .aun-audio__eq i:nth-child(3){animation-delay:-.7s}
@keyframes aun-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}

/* player fixo enquanto o leitor rola a página */
.aun-audio.is-docked{
	position:fixed;z-index:9990;bottom:16px;left:50%;transform:translateX(-50%);
	width:min(600px,calc(100vw - 32px));box-shadow:0 14px 44px rgba(11,8,11,.2);animation:aun-in .25s ease
}
.aun-audio.is-docked .aun-audio__close{display:grid;place-items:center}
@keyframes aun-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

/* destaque do trecho lido pela voz do navegador */
.aun-reading{background:color-mix(in srgb,var(--aun-accent,#07BECA) 14%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--aun-accent,#07BECA) 14%,transparent);border-radius:4px;transition:background .3s}

@media (max-width:600px){
	.aun-audio{gap:12px;padding:12px}
	.aun-audio__play{flex-basis:44px;width:44px;height:44px}
	.aun-audio__note{display:none}
	.aun-audio.is-docked{left:12px;right:84px;bottom:12px;width:auto;transform:none;animation:none}
}
@media (prefers-reduced-motion:reduce){
	.aun-audio *,.aun-audio{animation:none!important;transition:none!important}
}
@media print{.aun-audio-slot{display:none}}