:root{--fondo:#f5f2ec;--texto:#2a2723;--suave:#7a736a;--linea:#ddd6ca;--acento:#2f5566}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,sans-serif}.top{border-bottom:1px solid var(--linea);align-items:baseline;gap:12px;padding:14px 20px;display:flex}.muted{color:var(--suave)}.chico{font-size:.8rem}.layout{grid-template-columns:1fr 340px;min-height:calc(100vh - 50px);display:grid}@media (width<=800px){.layout{grid-template-columns:1fr}}.visor{position:relative}model-viewer{background:radial-gradient(circle at 50% 40%, #fff, var(--fondo));width:100%;height:100%;min-height:55vh}.btn-ar{background:var(--acento);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.medida{color:var(--texto);pointer-events:none;background:#ffffffeb;border:0;border-radius:6px;padding:3px 8px;font-size:.8rem;font-weight:600;box-shadow:0 1px 4px #0003}.sin-medidas .medida{display:none}.carga{background:var(--acento);transform-origin:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.panel{border-left:1px solid var(--linea);padding:20px}@media (width<=800px){.panel{border-left:0;border-top:1px solid var(--linea)}}.productos{gap:8px;margin-bottom:20px;display:flex}.productos button{border:1px solid var(--linea);color:var(--texto);background:#fff;border-radius:8px;flex:1;padding:8px;font-size:.9rem}.productos button.activo{border-color:var(--acento);background:var(--acento);color:#fff}h1{margin:0 0 4px;font-size:1.4rem}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--suave);margin:24px 0 10px;font-size:.85rem}.dims{color:var(--suave);margin:0}.colores{gap:10px;display:flex}.swatch{width:40px;height:40px;box-shadow:0 0 0 1px var(--linea);cursor:pointer;border:2px solid #fff;border-radius:50%}.swatch.activo{box-shadow:0 0 0 2px var(--acento)}.toggle{align-items:center;gap:8px;margin:24px 0;font-size:.9rem;display:flex}.qr-box{border:1px solid var(--linea);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.qr-box p{margin:0;font-size:.85rem}