/**
 * Estilos del front-end de SGA Broadcast Framework.
 *
 * Contiene el contenedor responsive reutilizado por el shortcode
 * [sga_youtube_live] y por el widget de Elementor del módulo
 * YouTube Live, para mantener la relación de aspecto del embed en
 * cualquier tamaño de pantalla.
 *
 * @package SGA_Broadcast_Framework
 */

.sga-bf-youtube-live {
	width: 100%;
	margin: 0 auto;
}

.sga-bf-youtube-live__ratio {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.sga-bf-youtube-live__ratio iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.sga-bf-youtube-live-notice {
	padding: 12px 16px;
	background-color: #fff8e5;
	border-left: 4px solid #dba617;
	font-size: 13px;
}