.intro--compact{padding:18px 0 22px}
.intro--compact .intro-index{margin-left:auto}
@media(max-width:950px){.intro--compact{display:none}}
.three-d-section{margin-top:22px;padding:30px 36px 32px}
.three-d-heading{align-items:center;padding-bottom:24px}
.reset-view{margin-left:auto;border:1px solid #d9e0d7;background:#fff;color:#506853;padding:10px 13px;font:10px 'DM Mono',monospace;letter-spacing:.04em;cursor:pointer}
.reset-view:hover{background:#eef3ed}
.three-d-content{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(220px,.75fr);gap:27px;padding-top:24px}
.three-d-stage{min-height:390px;background:linear-gradient(145deg,#f9faf6,#eff3ed);border:1px solid #e6ebe3;position:relative;overflow:hidden}
.three-d-stage:after{content:'VUE LIBRE · 3D';position:absolute;bottom:15px;left:18px;color:#a0aca0;font:9px 'DM Mono',monospace;letter-spacing:.1em;pointer-events:none}
#furniture-3d{display:block;width:100%;height:390px;touch-action:none;cursor:grab}
#furniture-3d.is-dragging{cursor:grabbing}
.three-d-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
.three-d-hotspot{position:absolute;width:42px;height:42px;padding:0;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(74,94,75,.5);border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 2px 12px #1d352630;backdrop-filter:blur(5px);cursor:pointer;pointer-events:auto;transition:background .18s,box-shadow .18s,transform .18s}
.three-d-hotspot::before{content:'';position:absolute;inset:5px;border:1px solid rgba(73,102,80,.75);border-radius:50%;animation:hotspot-pulse 2s ease-out infinite}
.three-d-hotspot span{width:10px;height:10px;border-radius:50%;background:#496650;box-shadow:0 0 0 3px #49665025}
.three-d-hotspot:hover,.three-d-hotspot:focus-visible{background:#fff;box-shadow:0 3px 16px #1d352650;transform:translate(-50%,-50%) scale(1.12);outline:2px solid #496650;outline-offset:2px}
.three-d-hotspot.is-open{background:rgba(255,255,255,.9)}
.three-d-hotspot[hidden]{display:none}
@keyframes hotspot-pulse{0%{transform:scale(.72);opacity:1}70%,100%{transform:scale(1.32);opacity:0}}
.three-d-unavailable{display:grid;place-items:center;min-height:390px;margin:0;padding:24px;text-align:center;color:#617168;font-size:13px}
.three-d-sidebar{padding:19px 3px;display:flex;flex-direction:column}
.three-d-kicker{font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#a27658;margin:0 0 12px}
.three-d-description{font-size:14px;line-height:1.65;color:#728077;margin:0;max-width:270px}
.three-d-tip{display:flex;align-items:center;gap:11px;border:1px solid #dfe7dd;background:#f5f8f3;color:#526c57;padding:12px 14px;font-size:12px;margin-top:25px;width:max-content;max-width:100%}
.three-d-tip span{font-size:22px;line-height:14px}
.three-d-legend{display:flex;flex-direction:column;gap:12px;border-top:1px solid #e8ece5;padding-top:24px;margin-top:auto;font-size:11px;color:#617168}
.three-d-legend span{display:flex;align-items:center;gap:10px}
@media(max-width:800px){.three-d-content{grid-template-columns:1fr}.three-d-sidebar{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.three-d-description{max-width:none}.three-d-tip{margin-top:0;align-self:start}.three-d-legend{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-top:8px;padding-top:18px}}
@media(max-width:560px){.three-d-section{padding:24px 19px}.three-d-stage{min-height:300px}#furniture-3d{height:300px}.three-d-sidebar{display:block}.three-d-description{font-size:13px}.three-d-tip{margin-top:17px}.three-d-legend{margin-top:20px}.reset-view{font-size:0;padding:10px}.reset-view::after{content:'↺';font-size:16px}}
@media(prefers-reduced-motion:reduce){.three-d-hotspot::before{animation:none}}
@media print{.three-d-section{box-shadow:none;break-inside:avoid;margin-top:26px;padding:0;border:0}.three-d-content{grid-template-columns:1fr 190px}.three-d-stage{min-height:260px}#furniture-3d{height:260px}.reset-view,.three-d-tip,.three-d-hotspots{display:none}.three-d-sidebar{padding:5px 0}.three-d-legend{margin-top:20px}}