/* ============================================================
 * Cruzeiro do Povo — Vídeos PREMIUM (overlay sobre v3971)
 * v3.9.72  — depuração + acabamento cinematográfico
 * ============================================================ */

/* ---------- STAGE: moldura com glow animado ---------- */
.cdp-vplayer__stage{position:relative;}
.cdp-vplayer__frame{
	box-shadow:
		0 32px 80px rgba(0,0,0,.7),
		0 0 0 1px rgba(255,255,255,.08),
		0 0 60px -10px rgba(0,102,255,.35);
}
.cdp-vplayer__frame::before{
	content:"";
	position:absolute;inset:-1px;
	border-radius:inherit;
	padding:1px;
	background:linear-gradient(135deg,
		rgba(255,213,74,.55) 0%,
		rgba(0,102,255,.55) 40%,
		rgba(255,213,74,0) 70%,
		rgba(0,102,255,.55) 100%);
	background-size:200% 200%;
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	        mask-composite:exclude;
	pointer-events:none;
	animation:cdpFrameGlow 9s linear infinite;
	z-index:3;
}
@keyframes cdpFrameGlow{
	0%  {background-position:0% 50%;}
	100%{background-position:200% 50%;}
}

/* ---------- BADGES PREMIUM acima do player ---------- */
.cdp-vplayer__badges{
	position:absolute;top:-14px;left:18px;
	display:flex;gap:8px;z-index:4;
}
.cdp-vplayer__chip{
	display:inline-flex;align-items:center;gap:6px;
	font:800 10px/1 'Inter',sans-serif;letter-spacing:.18em;
	padding:7px 11px;border-radius:999px;
	box-shadow:0 6px 18px rgba(0,0,0,.45);
}
.cdp-vplayer__chip--live{
	background:linear-gradient(135deg,#e63946 0%,#c01a2a 100%);
	color:#fff;
	animation:cdpPulse 2.2s ease-in-out infinite;
}
.cdp-vplayer__chip--hd{
	background:#ffd54a;color:#0a0d14;
}
@keyframes cdpPulse{
	0%,100%{box-shadow:0 6px 18px rgba(230,57,70,.55),0 0 0 0 rgba(230,57,70,.7);}
	50%    {box-shadow:0 6px 18px rgba(230,57,70,.55),0 0 0 10px rgba(230,57,70,0);}
}

/* ---------- HEAD: linha decorativa sob o título ---------- */
.cdp-vplayer__title{position:relative;padding-bottom:14px;}
.cdp-vplayer__title::after{
	content:"";position:absolute;left:0;bottom:0;
	width:64px;height:3px;border-radius:3px;
	background:linear-gradient(90deg,#ffd54a,#0066ff);
}

/* ---------- RAIL: item ATIVO laser ---------- */
.cdp-vplayer__list{scroll-behavior:smooth;}
.cdp-vplayer__item.is-playing a{
	background:linear-gradient(90deg,rgba(255,213,74,.14),rgba(0,102,255,.08) 70%);
	border-left:3px solid #ffd54a;
	box-shadow:inset 0 -1px 0 rgba(255,213,74,.18);
}
.cdp-vplayer__item.is-playing .cdp-vplayer__info strong{
	color:#ffd54a;
}
.cdp-vplayer__item.is-playing .cdp-vplayer__info strong::before{
	content:none; /* substituído pelo selo NOW na thumb */
}
.cdp-vplayer__nowmark{
	position:absolute;top:6px;left:6px;
	background:#e63946;color:#fff;
	font:800 9px/1 'Inter',sans-serif;letter-spacing:.16em;
	padding:4px 7px;border-radius:3px;font-style:normal;
	box-shadow:0 4px 10px rgba(230,57,70,.55);
	animation:cdpPulse 2.2s ease-in-out infinite;
}

/* ---------- ITEM hover refinado ---------- */
.cdp-vplayer__item a{position:relative;overflow:hidden;}
.cdp-vplayer__item a::after{
	content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
	background:#0066ff;transform:scaleY(0);transform-origin:bottom;
	transition:transform .25s ease;
}
.cdp-vplayer__item a:hover::after{transform:scaleY(1);}
.cdp-vplayer__item.is-playing a::after{display:none;}

/* ---------- HUB: card com ring laser no hover ---------- */
.cdp-vcard__media{
	box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.04);
}
.cdp-vcard:hover .cdp-vcard__media{
	box-shadow:
		0 28px 56px rgba(0,0,0,.6),
		0 0 0 1px rgba(255,213,74,.45),
		0 0 36px -6px rgba(0,102,255,.55);
}
.cdp-vcard__play{
	background:rgba(0,0,0,.55) radial-gradient(circle at 50% 50%,rgba(255,213,74,.25),transparent 70%);
	box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12) inset;
}
.cdp-vcard:hover .cdp-vcard__play{
	background:linear-gradient(135deg,#ffd54a 0%,#ffb800 100%);
	border-color:#ffd54a;color:#0a0d14;
	box-shadow:0 12px 32px rgba(255,213,74,.55);
}

/* ---------- HERO: vignette + bottom fade ---------- */
.cdp-vhero{
	border-bottom:1px solid rgba(255,255,255,.06);
}
.cdp-vhero::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:80px;
	background:linear-gradient(180deg,transparent,#0a0d14);
	z-index:2;pointer-events:none;
}
.cdp-vhero__play{
	background:linear-gradient(135deg,#ffd54a 0%,#ffb800 100%);
	color:#0a0d14;
	box-shadow:0 10px 28px rgba(255,213,74,.45);
}
.cdp-vhero__play:hover{
	box-shadow:0 14px 36px rgba(255,213,74,.6);
}

/* ---------- RAIL header com contador animado ---------- */
.cdp-vplayer__railhead{
	background:linear-gradient(180deg,rgba(255,213,74,.05),transparent);
}
.cdp-vplayer__railhead h2{
	background:linear-gradient(90deg,#ffd54a,#fff 80%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ---------- Acessibilidade — foco visível ---------- */
.cdp-vplayer__item a:focus-visible,
.cdp-vcard__media:focus-visible,
.cdp-vhero__play:focus-visible{
	outline:2px solid #ffd54a;outline-offset:3px;
}

/* ---------- Reduce motion ---------- */
@media (prefers-reduced-motion:reduce){
	.cdp-vplayer__frame::before,
	.cdp-vplayer__chip--live,
	.cdp-vplayer__nowmark{animation:none;}
}
