/**
 * Facade de privacidad del reproductor de YouTube en contenidos editoriales
 * (noticia/crítica/crónica) -Theme 1.12.0. Mismo criterio visual que
 * .spotify-embed (spotify-embed.css): editorial, sin bordes redondeados ni
 * estética SaaS. El iframe real solo se inyecta al pulsar el botón, ver
 * assets/js/youtube-embed.js.
 */
.youtube-embed {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 160px;
	padding: 20px;
	border: 2px solid var(--indf-negro);
	background: var(--indf-crema-apagada);
	margin: 24px 0;
}

.youtube-embed__titulo {
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.youtube-embed__aviso {
	font-size: 13px;
	opacity: 0.7;
	margin: 0;
	text-align: center;
}

/* Tras el clic, el propio contenedor pasa a ser el marco 16:9 del vídeo
   -sin bordes/padding/fondo de la fachada, ver youtube-embed.js. */
.youtube-embed--cargado {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	min-height: 0;
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

.youtube-embed--cargado iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}