/*
 * More CSS Components - 2023-06-13
*/
/* video iframes */
/*
	<!-- En la web, insertarlo dentro de un div con los siguientes estilos: -->

	<div class="video-responsive">
	<iframe src="https://www.youtube.com/embed/fWmO9bHU_fg" frameborder="0" allowfullscreen></iframe>
	</div>

	agregar ?autoplay=1 en el enlace y el video se pone en marcha sin Play del usuario
	agregar ?controls=0 para quitar controles (play, pause, stop…) del reproductor (parte inferior)
*/
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

// '<IMG style="border:3px solid #0f0; border-radius: 20px;"  id="image" SRC="img/' .$pattern. '.png" title="'. $patternName . '" alt="' . $patternName . '" />