/* WR V17 - self-contained interactive 3D product viewer */
.wr3d-section{position:relative;background:radial-gradient(ellipse at 78% 42%,#13455b 0%,#09283a 42%,#061a29 80%);color:#fff;min-height:760px;padding:clamp(80px,8vw,125px) 0;overflow:hidden;isolation:isolate}
.wr3d-section *{box-sizing:border-box}
.wr3d-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(450px,1.18fr);gap:3%;align-items:center;max-width:1340px;margin:auto}
.wr3d-content{position:relative;z-index:3;max-width:480px}
.wr3d-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:#ff9971}
.wr3d-content h2{font-size:clamp(42px,4.5vw,70px);line-height:1.06;letter-spacing:-.06em;margin:30px 0 24px;font-weight:800}
.wr3d-content h2 em{font-style:normal;color:#ff7545}
.wr3d-intro,.wr3d-content #wr3d-core-desc{font-size:15px;line-height:1.8;color:#b3cbd8}
.wr3d-controls{border-top:1px solid #476677;margin-top:32px;padding-top:25px}
.wr3d-label{display:block;font-size:11px;letter-spacing:.16em;color:#9cbbc9;font-weight:800;margin-bottom:14px}
.wr3d-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.wr3d-option{background:#0c3044;color:#d4e6ef;border:1px solid #315a6e;padding:11px 17px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:750;transition:background .2s,border .2s}
.wr3d-option:hover{border-color:#ff956b}.wr3d-option.is-active{background:#e8420a;color:white;border-color:#e8420a}
.wr3d-controls strong{font-size:19px;display:block}.wr3d-content #wr3d-core-desc{min-height:56px;margin:9px 0 0}
.wr3d-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:23px 0}
.wr3d-toggle{background:#ff6c35;border:1px solid #ff9c6b;color:#061a29;padding:15px 24px;font-size:14px;font-weight:850;border-radius:4px;cursor:pointer;display:flex;gap:36px}
.wr3d-toggle:hover{background:#ff986d}.wr3d-hint{font-size:11px;color:#88a9b9}
.wr3d-fichas{color:#f4f8fa;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #ff875a;padding-bottom:10px;display:inline-block}
.wr3d-view{min-width:0}
.wr3d-viewport{height:clamp(450px,45vw,680px);width:100%;position:relative;perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none}
.wr3d-viewport.is-dragging{cursor:grabbing}
.wr3d-viewport:before{content:"";position:absolute;inset:4% 3%;border:1px solid rgba(96,185,214,.09);border-radius:50%;pointer-events:none}
.wr3d-floor{position:absolute;bottom:14%;left:15%;width:75%;height:17%;background:radial-gradient(ellipse,rgba(0,8,15,.85),transparent 68%);filter:blur(18px)}
.wr3d-model{--rx:62deg;--rz:-32deg;position:absolute;left:50%;top:51%;width:min(62vw,490px);height:min(31vw,245px);transform:translate(-50%,-50%) rotateX(var(--rx)) rotateZ(var(--rz));transform-style:preserve-3d;transition:transform .2s ease-out;filter:drop-shadow(20px 25px 23px rgba(0,7,15,.45))}
.wr3d-layer{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.18,1);--thickness:8px}
.wr3d-upper{transform:translateZ(33px);--thickness:7px}
.wr3d-insulation{transform:translateZ(0px);--thickness:54px;inset:3px}
.wr3d-lower{transform:translateZ(-33px);--thickness:7px}
.wr3d-surface{position:absolute;inset:0;border:1px solid rgba(235,252,255,.8);background:linear-gradient(155deg,rgba(255,255,255,.78),transparent 35%),repeating-linear-gradient(90deg,#eaf5fb 0%,#c3d8e3 13%,#f5fcff 23%,#96b2c1 25%,#e3f1f7 27%,#e3f1f7 34%);box-shadow:inset 0 0 24px rgba(255,255,255,.3)}
.wr3d-longedge{position:absolute;top:100%;left:0;width:100%;height:var(--thickness);transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(#f5fbff,#7694a5);border:1px solid rgba(180,219,234,.6)}
.wr3d-shortedge{position:absolute;top:0;left:100%;width:var(--thickness);height:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#f0f9fd,#91b4c6)}
.wr3d-insulation .wr3d-surface{border:2px solid #f7c475;background:repeating-linear-gradient(90deg,#d7a056 0 12px,#efbd74 12px 24px,#e4a95a 24px 27px,#f9d397 27px 38px);box-shadow:inset 0 0 30px rgba(119,74,30,.25)}
.wr3d-insulation .wr3d-longedge{background:repeating-linear-gradient(90deg,#c48c46 0 14px,#f6d191 14px 25px,#e7ac60 25px 33px);border-color:#f5c582}
.wr3d-insulation .wr3d-shortedge{background:repeating-linear-gradient(0deg,#e9b46c 0 13px,#f6d191 13px 26px,#cf9652 26px 35px);border-color:#f5c582}
.wr3d-tongue{position:absolute;top:-9px;left:3%;width:94%;height:10px;background:linear-gradient(#f3d091,#d39a52);box-shadow:0 -2px 0 #ffdb9c}
.wr3d-groove{position:absolute;bottom:0;left:3%;width:94%;height:5px;background:rgba(65,35,12,.5);box-shadow:0 1px 0 #ffd49a}
.wr3d-model.is-separated .wr3d-upper{transform:translateZ(132px)}
.wr3d-model.is-separated .wr3d-lower{transform:translateZ(-132px)}
.wr3d-model[data-core="pir"] .wr3d-insulation .wr3d-surface{background:repeating-linear-gradient(90deg,#d5b97c 0 13px,#f6dda0 13px 27px,#d4a965 27px 31px)}
.wr3d-model[data-core="pir"] .wr3d-insulation .wr3d-longedge{background:repeating-linear-gradient(90deg,#d4a965 0 14px,#f6dda0 14px 27px)}
.wr3d-model[data-core="mineral"] .wr3d-insulation .wr3d-surface{background:repeating-linear-gradient(12deg,#8c8c83 0 2px,#c9c7b7 2px 6px,#e2decc 6px 8px,#9f9e94 8px 11px);border-color:#d6d7ce}
.wr3d-model[data-core="mineral"] .wr3d-insulation .wr3d-longedge,.wr3d-model[data-core="mineral"] .wr3d-insulation .wr3d-shortedge{background:repeating-linear-gradient(0deg,#b5b2a4 0 2px,#deddd2 2px 5px,#8e8c83 5px 8px);border-color:#d2d1c7}
.wr3d-float-label{position:absolute;color:#e9f7fc;font-size:11px;font-weight:700;background:rgba(4,25,38,.78);border:1px solid rgba(114,198,219,.25);padding:10px 12px;border-radius:3px;pointer-events:none}
.wr3d-float-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff8a4f;margin-right:8px;box-shadow:0 0 10px #ff7545}
.wr3d-lbl-top{right:1%;top:20%}.wr3d-lbl-mid{left:0;top:49%}.wr3d-lbl-bottom{right:2%;bottom:18%}
.wr3d-bottom{display:flex;justify-content:space-between;gap:10px;color:#7298aa;font-size:9px;font-weight:750;letter-spacing:.14em;margin-top:-6px}
@media(max-width:1000px){.wr3d-grid{grid-template-columns:1fr}.wr3d-content{max-width:750px}.wr3d-view{margin-top:10px}.wr3d-viewport{height:480px}.wr3d-model{width:min(70vw,490px);height:min(35vw,245px)}}
@media(max-width:600px){.wr3d-section{padding:65px 0}.wr3d-content h2{font-size:45px}.wr3d-viewport{height:340px}.wr3d-model{width:70vw;height:35vw}.wr3d-float-label{font-size:9px;padding:7px}.wr3d-lbl-top{top:9%;right:0}.wr3d-lbl-mid{top:42%;left:0}.wr3d-lbl-bottom{bottom:10%;right:0}.wr3d-model.is-separated .wr3d-upper{transform:translateZ(95px)}.wr3d-model.is-separated .wr3d-lower{transform:translateZ(-95px)}.wr3d-bottom{font-size:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.wr3d-model,.wr3d-layer{transition:none}}
/* V18 actual geometry renderer, replacing the flattened CSS-3D construction */
.wr3d-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 20px 35px rgba(0,8,15,.38))}
.wr3d-viewport{perspective:none;touch-action:pan-y}
.wr3d-lbl-top{right:0;top:12%}.wr3d-lbl-mid{left:0;top:50%}.wr3d-lbl-bottom{right:0;bottom:13%}
@media(max-width:600px){.wr3d-lbl-top{top:3%}.wr3d-lbl-mid{top:45%}.wr3d-lbl-bottom{bottom:4%}}