/*
 * StudioWeb Spotlight: o que é só do plugin. O tema do diálogo (aparência do GLightbox, alvos de 44 px,
 * safe-area, 100dvh, legenda) mora no plugin base (studioweb-plugin/assets/css/lightbox.css) e vai com
 * a biblioteca "spotlight", para valer também no fallback sem este plugin.
 */

/* Erro ao carregar (404 ou falha ao decodificar): aviso em português dentro do slide */
.sw-spotlight-error {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: min(90vw, 420px);
	padding: 24px 20px;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	border-top: 3px solid var(--sw-accent, #2271b1);
	background: rgba(20, 24, 28, 0.92);
	color: #fff;
	font-size: 15px;
	line-height: 1.45;
	text-align: center;
}

.sw-spotlight-error__icon {
	font-size: 28px;
	line-height: 1;
}