.grtyoutube-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.8); /* Fondo oscuro para todo el modal */
}

.grtyoutube-popup-content {
	position: relative;
	background-color: #000;
	width: 90vw; /* Se ajusta al 90% del ancho de la pantalla */
	max-width: 800px; /* En pantallas grandes, máximo 800px */
	aspect-ratio: 16 / 9; /* Mantiene la proporción correcta */
}

.grtyoutube-popup-close {
	position: absolute;
	top: -30px;
	right: 0;
	color: #FFF;
	font-size: 25px;
	width: 17px;
	height: 17px;
	cursor: pointer;
}

.grtyoutube-iframe {
	width: 100%;
	height: 100%;
	display: block; /* Evita márgenes extras */
	object-fit: cover; /* Asegura que el video cubra toda el área */
}

/* Estilos para móviles en orientación vertical */
@media (max-width: 767px) {
	.grtyoutube-popup-content {
		width: 90vw;
		aspect-ratio: 16 / 9;
		max-width: 100vw;
	}
}

/* Estilos para pantallas grandes */
@media (min-width: 768px) {
	.grtyoutube-popup-content {
		width: 80vw;
		max-width: 800px;
		aspect-ratio: 16 / 9;
	}
}

/* Pantallas horizontales grandes */
@media (min-width: 768px) and (orientation: landscape) {
	.grtyoutube-popup-content {
		width: 65vw;
		max-width: 800px;
		aspect-ratio: 16 / 9;
	}
}

/* Ajuste para resoluciones de 667x375 (por ejemplo, iPhone SE en landscape) */
@media (max-width: 667px) and (max-height: 375px) {
	.grtyoutube-popup-content {
		width: 75vw;       /* Se reduce el ancho para que quepa en pantalla */
		max-width: none;   /* Se elimina el tope para permitir el ajuste */
	}
}

/* Ajuste para resoluciones de Galaxy8 (740x360) en landscape */
@media (max-width: 740px) and (max-height: 360px) {
	.grtyoutube-popup-content {
		width: 65vw;       /* Se aplica el mismo ajuste basado en el ejemplo */
		max-width: none;   /* Se elimina el tope para permitir el ajuste */
	}
}

/* Ajuste para resoluciones de Galaxy Z Fold 5 (882x344) en landscape */
@media (max-width: 882px) and (max-height: 344px) {
	.grtyoutube-popup-content {
		width: 55vw; /* Se reduce el ancho */
		max-width: none; /* Permite ajuste dinámico */
	}
}

.grtyoutube-dark-theme {
	background: rgba(0, 0, 0, 0.85);
}

.grtyoutube-dark-theme .grtyoutube-popup-content {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
}

.grtyoutube-dark-theme .grtyoutube-popup-close {
	background: url('../img/icon-close-white.png') no-repeat;
}

.grtyoutube-light-theme {
	background: rgba(255, 255, 255, 0.85);
}

.grtyoutube-light-theme .grtyoutube-popup-content {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}

.grtyoutube-light-theme .grtyoutube-popup-close {
	background: url('../img/icon-close-black.png') no-repeat;
}
/* Css adicional agregado para negrita botón*/
.youtube-link {
	font-weight:bold;
}