/*
 * Envoltorio de la vista previa original «sisi-vetrina».
 *
 * Reproduce el comportamiento del contenedor original .sisi-vetrina-slot
 * (flex centrado con separación --sisi-space-6) y las alturas mínimas
 * responsivas que el cargador original inyectaba sobre #sisi-vetrina, para
 * reservar el espacio antes de que el componente se monte de forma diferida.
 *
 * Todas las reglas quedan bajo la única clase .sisi-vetrina-originale.
 * El identificador #sisi-vetrina lo exige el bundle original, que hace
 * document.getElementById('sisi-vetrina') para adjuntar el Shadow DOM.
 */

.sisi-vetrina-originale {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: var(--sisi-space-6, 2rem);
}

.sisi-vetrina-originale #sisi-vetrina {
	display: block;
	width: 100%;
	min-height: 861px;
}

@media (max-width: 1120px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 709px; }
}

@media (max-width: 880px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 586px; }
}

@media (max-width: 720px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 467px; }
}

@media (max-width: 620px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 414px; }
}

@media (max-width: 520px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 362px; }
}

@media (max-width: 430px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 309px; }
}

@media (max-width: 380px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 282px; }
}

@media (max-width: 340px) {
	.sisi-vetrina-originale #sisi-vetrina { min-height: 256px; }
}