/* Foto 360 (HM) — el alto llega en las variables --hm360-alto / --hm360-alto-movil. */
.hm-360 {
	position: relative;
	width: 100%;
	height: var(--hm360-alto, 450px);
	overflow: hidden;
	background: #000;
}
@media (max-width: 767.98px) {
	.hm-360 { height: var(--hm360-alto-movil, var(--hm360-alto, 450px)); }
}
.hm-360__visor {
	display: none;
	position: absolute;
	inset: 0;
}
.hm-360__respaldo,
.hm-360__respaldo img {
	display: block;
	width: 100%;
	height: 100%;
}
.hm-360__respaldo img {
	max-width: none;
	object-fit: cover;
}
/* Con JS: el visor se monta encima; el respaldo se queda debajo hasta que carga. */
.hm-360--js .hm-360__visor { display: block; }
.hm-360--cargado .hm-360__respaldo { display: none; }