/* Visor integrado en la ficha: iluminación neutra y fotografía comparativa. */
#hero-viewer canvas{pointer-events:none;cursor:default}
.view-switch{display:flex;align-self:center;gap:3px;margin:0 20px 12px;padding:4px;border:1px solid #c5cdd4;border-radius:6px;background:#dfe5ea;z-index:2;flex-shrink:0}
.view-switch button{background:transparent;color:#667482;font-size:11px;padding:8px 18px;border-radius:3px;transition:background .2s,color .2s}
.view-switch button.active{background:#fff;color:#152c41;box-shadow:0 2px 6px #13283b12;font-weight:700}
.detail-visual{background:radial-gradient(ellipse at 50% 38%,#fafbfc,#dce3e8);color:#22384b}
.detail-viewer-bar>span{color:#65798b}.detail-viewer-bar i{box-shadow:none}
.detail-visual .icon-button{border-color:#b7c3cd;color:#526c80}.detail-visual .icon-button:hover{background:#ffffffb3}
.viewer-controls button{background:#ffffffb0;color:#24435a}.viewer-controls #auto-rotate{border-color:#b7c3cd;color:#536c7e;background:#ffffffb0}
.detail-drag{color:#778b9a}.viewer-scale-note{align-self:center;max-width:calc(100% - 30px);border:1px solid #c5cfd7;border-radius:4px;padding:5px 10px;font-size:10px;background:#ffffffba;color:#667b8b;margin:-14px 0 23px;z-index:2;pointer-events:none;text-align:center}
.product-photo-view{position:relative;flex:1;min-height:300px;height:445px;display:flex;align-items:center;justify-content:center;padding:8px 28px 28px}
.product-photo-view img{display:block;width:100%;height:100%;max-height:490px;object-fit:contain;border-radius:3px}
/* Photos are restored individually at higher resolution; no extra display sharpening. */
.product-image>img,.product-photo-view img,.viewer-fallback{filter:none}
.detail-dimensions{font-size:11px;line-height:1.7;border-left:2px solid #f47735;padding:9px 12px;margin:20px 0 0;background:#e9edf1;color:#6d7d8c}
.detail-visual .webgl-note{background:#f9fbfcdb;color:#566f82}
@media(max-width:680px){.detail-visual{height:385px}.detail-viewer-bar{padding-bottom:9px}.view-switch{margin:0 15px 5px}.view-switch button{font-size:10px;padding:6px 16px}.detail-viewer{height:240px;min-height:190px}.product-photo-view{height:260px;min-height:245px;padding:10px 20px 25px}.viewer-scale-note{font-size:9px;margin:-8px 0 13px;padding:4px 8px}.detail-drag{margin:10px 0 16px}.detail-dimensions{font-size:10px}}

/* The background switch affects only 3D; photos retain their neutral backdrop. */
.viewer-controls{flex-wrap:wrap;padding:0 12px;gap:7px;flex-shrink:0}
.viewer-controls #viewer-background{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #b7c3cd;border-radius:4px;height:36px;color:#536c7e;font-size:11px;padding:0 10px;background:#ffffffb0}
.background-swatch{width:12px;height:12px;border-radius:50%;border:1px solid #8194a7;background:linear-gradient(135deg,#355772,#07182d)}
#viewer-background[aria-pressed=true] .background-swatch{background:linear-gradient(135deg,#fff,#dce3e8)}
.detail-visual.is-3d.dark-background{background:radial-gradient(ellipse at 48% 35%,#294762 0%,#122c46 47%,#06162b 100%);color:#e2ebf3}
.detail-visual.is-3d.dark-background .detail-viewer-bar>span,.detail-visual.is-3d.dark-background .detail-drag{color:#acbdd0}
.detail-visual.is-3d.dark-background .view-switch{background:#07182d99;border-color:#6d839a}
.detail-visual.is-3d.dark-background .view-switch button{color:#bccbda}
.detail-visual.is-3d.dark-background .view-switch button.active{background:#e9eff5;color:#152c41}
.detail-visual.is-3d.dark-background .viewer-controls button,.detail-visual.is-3d.dark-background .mobile-close{background:#0a1c31c9;color:#d4e1ed;border-color:#71869b}
.detail-visual .viewer-controls #auto-rotate[aria-pressed=true]{background:var(--orange);color:var(--navy);border-color:var(--orange)}
.detail-visual.is-3d.dark-background .viewer-scale-note{background:#0a1c31c9;color:#bdcedd;border-color:#71869b}
.viewer-controls button:hover{filter:brightness(.94)}
.detail-visual.is-3d.dark-background .viewer-controls button:hover{filter:brightness(1.15)}
@media(max-width:680px){.viewer-controls{gap:5px;padding:0 8px}.viewer-controls #viewer-background{height:31px;font-size:10px;padding:0 8px}.viewer-controls #auto-rotate{padding:0 9px}}

.detail-drag,.viewer-scale-note,.detail-dimensions{color:#586e80}
.detail-visual.is-3d.dark-background .viewer-controls #auto-rotate:not([aria-pressed=true]),.detail-visual.is-3d.dark-background .viewer-controls #viewer-background{background:#0a1c31;color:#e0eaf3;border-color:#71869b}
@media(max-width:680px){.detail-visual{height:405px}}

/* Photographic hero: show the entire station, with no crop or text over the tools. */
.hero-photo{inset:62px 0 108px 12px;display:flex;align-items:center;justify-content:center}
.hero-photo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:9px;box-shadow:0 18px 50px #0004;border:1px solid #ffffff26}
.hero-visual .spec-tag{top:auto;bottom:80px;left:20px;padding:6px 10px;font-size:9px}
.hero-visual .spec-tag small{display:none}
@media(max-width:960px){.hero-photo{inset:50px 0 115px 8px}}
@media(max-width:680px){.hero-visual{height:465px}.hero-photo{inset:45px 0 110px}.hero-visual .spec-tag{bottom:78px;left:0}.hero-visual .visual-bottom{bottom:36px}}

.hero-visual .spec-tag{top:24px;bottom:auto;left:auto;right:0}
@media(max-width:960px){.hero-visual .spec-tag{display:none}}