.lector-entradas {
	--le-accent: var(--inkov-color-primary, #239cdd);
	--le-surface: var(--inkov-button-bg, #2a353d);
	--le-text: var(--inkov-button-text, #fff);

	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 1.75rem;
	padding: .35rem;
	border: 1px solid var(--inkov-border-color, rgba(255, 255, 255, .15));
	border-radius: 999px;
	background: color-mix(in srgb, var(--le-surface) 60%, transparent);
}

.lector-entradas [hidden] {
	display: none !important;
}

.lector-entradas__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	margin: 0;
	border: 0;
	border-radius: 999px;
	color: var(--le-text);
	font: inherit;
	font-size: .95rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: transform .15s ease, background-color .2s ease, box-shadow .2s ease;
}

.lector-entradas__btn:hover {
	transform: translateY(-1px);
}

.lector-entradas__btn:active {
	transform: scale(.96);
}

.lector-entradas__btn:focus-visible {
	outline: 2px solid var(--le-accent);
	outline-offset: 3px;
}

.lector-entradas__btn:disabled {
	cursor: not-allowed;
	opacity: .5;
	transform: none;
}

.lector-entradas__btn--play {
	padding: .65rem 1.15rem .65rem .9rem;
	background: var(--le-accent);
	box-shadow: 0 4px 14px color-mix(in srgb, var(--le-accent) 35%, transparent);
}

.lector-entradas__btn--play:hover {
	box-shadow: 0 6px 20px color-mix(in srgb, var(--le-accent) 45%, transparent);
}

.lector-entradas__btn--icon {
	width: 2.6rem;
	height: 2.6rem;
	padding: 0;
	background: var(--le-surface);
}

.lector-entradas__btn--icon[data-reader-action="pause"],
.lector-entradas__btn--icon[data-reader-action="resume"] {
	background: var(--le-accent);
}

.lector-entradas__btn--icon:hover {
	background: color-mix(in srgb, var(--le-surface) 80%, #fff);
}

.lector-entradas__btn--icon[data-reader-action="pause"]:hover,
.lector-entradas__btn--icon[data-reader-action="resume"]:hover {
	background: color-mix(in srgb, var(--le-accent) 85%, #fff);
}

.lector-entradas__icon {
	width: 1.15rem;
	height: 1.15rem;
	flex-shrink: 0;
	fill: currentColor;
}

/* Ecualizador animado mientras se reproduce */
.lector-entradas__wave {
	display: none;
	align-items: flex-end;
	gap: 3px;
	height: 1.1rem;
	padding: 0 .65rem 0 .25rem;
}

.lector-entradas[data-state="playing"] .lector-entradas__wave,
.lector-entradas[data-state="paused"] .lector-entradas__wave {
	display: inline-flex;
}

.lector-entradas__wave i {
	width: 3px;
	height: 30%;
	border-radius: 2px;
	background: var(--le-accent);
	animation: lector-entradas-wave 1s ease-in-out infinite;
}

.lector-entradas__wave i:nth-child(2) { animation-delay: -.2s; }
.lector-entradas__wave i:nth-child(3) { animation-delay: -.45s; }
.lector-entradas__wave i:nth-child(4) { animation-delay: -.7s; }

.lector-entradas[data-state="paused"] .lector-entradas__wave i {
	animation-play-state: paused;
	opacity: .5;
}

@keyframes lector-entradas-wave {
	0%, 100% { height: 30%; }
	50% { height: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.lector-entradas__wave i { animation: none; height: 60%; }
	.lector-entradas__btn { transition: none; }
}

/* El estado se anuncia a lectores de pantalla sin ocupar espacio visual */
.lector-entradas__status {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}