/* ─────────────────────────────────────────────────────────────
 * Carolina Robles — Plyr override.
 * Pinta el player con los tokens del tema (cobalto + tinta) y
 * elimina radios para mantener el lenguaje "flat" del portafolio.
 * ───────────────────────────────────────────────────────────── */

.cr-player {
	margin: 0;
	background: #0A0A0A;
	border: 2px solid #0A0A0A;
}

.cr-player.plyr {
	border-radius: 0;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.cr-player.plyr--video {
	background: #0A0A0A;
}

/* Native <video> tag fallback before Plyr boots. */
video.cr-player--native {
	width: 100%;
	height: auto;
	display: block;
	background: #0A0A0A;
}

/* Big centered play button — flat square, cobalt fill on hover. */
.cr-player .plyr__control--overlaid {
	background: rgba(30, 63, 203, .92);
	color: #fff;
	border: 2px solid #fff;
	border-radius: 0;
	padding: 18px;
}
.cr-player .plyr__control--overlaid:hover,
.cr-player .plyr__control--overlaid:focus {
	background: #1E3FCB;
	box-shadow: 0 0 0 4px rgba(30, 63, 203, .25);
}

/* Bottom control bar — semi-transparent black, no rounded edges. */
.cr-player .plyr__controls {
	background: linear-gradient(to top, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0));
	padding: 10px 14px;
	border-radius: 0;
}
.cr-player .plyr__control {
	border-radius: 0;
	transition: color .15s, background .15s;
}
.cr-player .plyr__control:hover {
	background: #1E3FCB;
	color: #fff;
}

/* Progress bar — thin and square. */
.cr-player .plyr__progress input[type=range] {
	color: #1E3FCB;
}
.cr-player .plyr__progress__buffer {
	color: rgba(255, 255, 255, .25);
	border-radius: 0;
}

/* Volume slider — same accent. */
.cr-player .plyr__volume input[type=range] {
	color: #1E3FCB;
}

/* Time text — Poppins for that editorial feel. */
.cr-player .plyr__time {
	font-family: 'Poppins', system-ui, sans-serif;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: .1em;
}

/* Tooltip on hover — cobalt background, no radius. */
.cr-player .plyr__tooltip {
	background: #1E3FCB;
	color: #fff;
	border-radius: 0;
	font-family: 'Poppins', system-ui, sans-serif;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: .1em;
}
.cr-player .plyr__tooltip::before {
	border-top-color: #1E3FCB;
}

/* Poster (thumbnail before play) — cover the area cleanly. */
.cr-player .plyr__poster {
	background-color: #0A0A0A;
	background-size: cover;
	background-position: center;
}