.bolsa3d{
	--b3d-bg1:#f3efe9;--b3d-bg2:#d9d3cb;--b3d-ink:#2a2522;--b3d-muted:#7a716a;--b3d-accent:#e3161b;
	position:relative;
	width:100%;
	overflow:hidden;
	-webkit-user-select:none;
	user-select:none;
	font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
	color:var(--b3d-ink);
}
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]) .bolsa3d{--b3d-bg1:#2b2624;--b3d-bg2:#141110;--b3d-ink:#f1ebe6;--b3d-muted:#a59a92}
}
:root[data-theme="dark"] .bolsa3d{--b3d-bg1:#2b2624;--b3d-bg2:#141110;--b3d-ink:#f1ebe6;--b3d-muted:#a59a92}

/* Fondo del mockup (opción "fondo" = mockup) */
.bolsa3d.bolsa3d--mockup{background:radial-gradient(ellipse at 50% 38%,var(--b3d-bg1) 0%,var(--b3d-bg2) 100%);}
.bolsa3d canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;}
.bolsa3d.dragging canvas{cursor:grabbing;}

/* Responsive: bolsa más pequeña en tablet / móvil */
@media (max-width: 1024px) {
	.bolsa3d {
		height: 520px !important;
		max-width: 460px;
		margin-inline: auto;
	}
}

@media (max-width: 767px) {
	.bolsa3d {
		height: 440px !important;
		max-width: 360px;
		margin-inline: auto;
	}
}

@media (max-width: 480px) {
	.bolsa3d {
		height: 400px !important;
		max-width: 100%;
	}
}