/* ─────────────────────────────────────────────────────────────────────────
   Fachada de vídeo (click-to-load). No carga YouTube ni cookies hasta el clic.
   Resuelve: LCP/INP (sin iframe pesado al cargar), CLS (aspect-ratio reservado),
   móvil (responsive, los antiguos 560×315 desbordaban) y RGPD (nocookie).
   Paleta TCF: accent #43f5b0 sobre #0e1119.
   ───────────────────────────────────────────────────────────────────────── */
.cf-video {
	position: relative;
	display: block;
	width: 100%;
	max-width: 760px;
	margin: 1.7em auto;
	aspect-ratio: 16 / 9;
	border-radius: 14px;
	overflow: hidden;
	cursor: pointer;
	background: #0e1119;
	border: 1px solid rgba(67, 245, 176, .25);
}
.cf-video__thumb {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease, filter .3s ease;
}
.cf-video:hover .cf-video__thumb,
.cf-video:focus-visible .cf-video__thumb {
	transform: scale(1.04);
	filter: brightness(.82);
}
.cf-video__btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 74px;
	height: 52px;
	border-radius: 14px;
	background: rgba(14, 17, 25, .82);
	box-shadow: 0 4px 18px rgba(0, 0, 0, .4);
	transition: background .2s ease, transform .2s ease;
}
.cf-video__btn::before {
	content: "";
	position: absolute;
	left: 53%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 12px 0 12px 21px;
	border-color: transparent transparent transparent #fff;
}
.cf-video:hover .cf-video__btn,
.cf-video:focus-visible .cf-video__btn {
	background: #43f5b0;
	transform: translate(-50%, -50%) scale(1.06);
}
.cf-video:hover .cf-video__btn::before,
.cf-video:focus-visible .cf-video__btn::before {
	border-left-color: #0e1119;
}
.cf-video:focus-visible {
	outline: 3px solid #43f5b0;
	outline-offset: 2px;
}
/* Estado reproduciendo: oculta miniatura/botón, el iframe ocupa el marco. */
.cf-video.is-playing { cursor: default; }
.cf-video.is-playing .cf-video__btn,
.cf-video.is-playing .cf-video__thumb { display: none; }
.cf-video__if,
.cf-video noscript iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}