.almargen-trip-has-loop-3d .almargen-trip-loop3d-fallback{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
.almargen-trip-loop3d{position:relative;width:100%;aspect-ratio:1/1;min-height:220px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#ffffff 0%,#f8f7f3 60%,#eeece7 100%);isolation:isolate;box-sizing:border-box;cursor:pointer;contain:layout paint style}
.almargen-trip-loop3d-stage{position:absolute;inset:0;display:grid;place-items:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.almargen-trip-loop3d.is-dragging .almargen-trip-loop3d-stage{cursor:grabbing;touch-action:none}
.almargen-trip-css-scene{position:absolute;inset:8% 6% 16%;display:grid;place-items:center;perspective:820px;perspective-origin:50% 47%;pointer-events:none}
.almargen-trip-css-brochure{--trip-yaw:-10deg;--trip-scale:1;width:76%;height:67%;position:relative;transform-style:preserve-3d;transform:rotateX(2deg) rotateY(var(--trip-yaw)) scale(var(--trip-scale));transition:transform .25s cubic-bezier(.2,.75,.25,1);will-change:transform;filter:drop-shadow(0 15px 11px rgba(24,32,40,.16))}
.almargen-trip-loop3d.is-dragging .almargen-trip-css-brochure{transition:none}
.almargen-trip-css-panel{position:absolute;top:0;width:33.3334%;height:100%;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
.almargen-trip-loop3d.is-dragging .almargen-trip-css-panel{transition:none}
.almargen-trip-css-left{left:0;transform-origin:100% 50%;transform:rotateY(27deg)}
.almargen-trip-css-center{left:33.3333%;transform:translateZ(.2px)}
.almargen-trip-css-right{left:66.6666%;transform-origin:0 50%;transform:rotateY(-27deg)}
.almargen-trip-css-brochure[data-view="front"] .almargen-trip-css-left,.almargen-trip-css-brochure[data-view="front"] .almargen-trip-css-right,.almargen-trip-css-brochure[data-view="back"] .almargen-trip-css-left,.almargen-trip-css-brochure[data-view="back"] .almargen-trip-css-right{transform:rotateY(0)}
.almargen-trip-css-face{position:absolute;inset:0;overflow:hidden;box-sizing:border-box;border:1px solid rgba(20,35,50,.12);background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.almargen-trip-css-back{transform:rotateY(180deg)}
.almargen-trip-art-cover{padding:14% 10%;background:linear-gradient(110deg,#fff 0 68%,#2e69d1 68% 82%,#122b46 82%)}
.almargen-trip-art-cover:after{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:#efb91d;right:-30%;bottom:-12%}
.almargen-trip-art-cover .trip-logo{font-size:clamp(7px,1vw,12px);font-weight:800;letter-spacing:.08em;color:#122b46}
.almargen-trip-art-cover .trip-title{margin-top:17%;font-size:clamp(15px,2.4vw,27px);line-height:.92;font-weight:950;color:#122b46}.almargen-trip-art-cover .trip-title em{font-style:normal;color:#2e69d1}
.almargen-trip-art-cover .trip-rule{width:36%;height:4px;margin:10% 0 7%;border-radius:4px;background:#efb91d}.almargen-trip-art-cover .trip-sub{width:65%;font-size:clamp(6px,.9vw,11px);line-height:1.35;color:#66727e}
.almargen-trip-art-flap{padding:16% 10%;background:linear-gradient(145deg,#f7f9fa 0 74%,#e7eef5 74%)}
.almargen-trip-art-flap .trip-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#122b46;color:#fff;font-size:10px;font-weight:900}.almargen-trip-art-flap strong{display:block;margin-top:18%;font-size:clamp(10px,1.5vw,17px);line-height:1.05;color:#122b46}.almargen-trip-art-flap small{display:block;margin-top:10%;font-size:clamp(6px,.85vw,10px);line-height:1.45;color:#66727e}
.almargen-trip-art-back{padding:15% 10%;background:#122b46;color:#fff}.almargen-trip-art-back .trip-brand{font-size:clamp(12px,1.7vw,20px);font-weight:900}.almargen-trip-art-back .trip-kicker{margin-top:6%;padding-top:6%;border-top:3px solid #efb91d;font-size:clamp(6px,.8vw,9px);font-weight:800;color:#efb91d}.almargen-trip-art-back .trip-copy{margin-top:28%;font-size:clamp(8px,1.1vw,13px);font-weight:750}.almargen-trip-art-back .trip-url{position:absolute;left:10%;bottom:9%;font-size:clamp(5px,.7vw,8px);opacity:.8}
.almargen-trip-art-inside1,.almargen-trip-art-inside2,.almargen-trip-art-inside3{padding:18% 11%;background:#fbfaf7;color:#122b46}.almargen-trip-art-inside2{background:#eef3f7}.almargen-trip-art-inside3{background:#f8f6f1}.almargen-trip-css-back b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2e69d1;color:#fff;font-size:13px}.almargen-trip-css-back strong{display:block;margin-top:18%;font-size:clamp(11px,1.5vw,18px)}.almargen-trip-css-back span{display:block;margin-top:11%;font-size:clamp(6px,.85vw,10px);line-height:1.45;color:#65727e}
.almargen-trip-loop3d-badge,.almargen-trip-loop3d-info{position:absolute;z-index:5;left:12px;display:flex;align-items:center;gap:7px;padding:6px 9px;background:rgba(255,255,255,.94);border:1px solid rgba(20,45,65,.12);border-radius:999px;color:#17324b;font:700 12px/1.1 system-ui,-apple-system,sans-serif;backdrop-filter:blur(8px);pointer-events:none}.almargen-trip-loop3d-badge{top:12px}.almargen-trip-loop3d-info{top:48px;font-size:9px}.almargen-trip-loop3d-badge span{width:7px;height:7px;border-radius:50%;background:#45a33f;box-shadow:0 0 0 3px rgba(69,163,63,.11)}
.almargen-trip-loop3d-size{position:absolute;z-index:5;left:50%;bottom:54px;transform:translateX(-50%);padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid rgba(20,45,65,.14);color:#17324b;font:800 11px/1 system-ui,-apple-system,sans-serif;white-space:nowrap;pointer-events:none}
.almargen-trip-loop3d-views{position:absolute;z-index:6;left:50%;bottom:16px;transform:translateX(-50%);display:flex;padding:3px;background:rgba(255,255,255,.96);border:1px solid rgba(20,45,65,.16);border-radius:999px;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.almargen-trip-loop3d button{appearance:none;-webkit-appearance:none;border:0!important;min-height:0!important;margin:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;font-family:system-ui,-apple-system,sans-serif!important}.almargen-trip-loop3d-views button{padding:6px 9px!important;border-radius:999px!important;background:transparent!important;color:#29442d!important;font-size:10px!important;font-weight:750!important;line-height:1!important}.almargen-trip-loop3d-views button.is-active{background:#244d2b!important;color:#fff!important}
.almargen-trip-loop3d-zoom{position:absolute;z-index:6;right:11px;bottom:14px;display:flex;gap:5px}.almargen-trip-loop3d-zoom button{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;padding:0!important;border:1px solid rgba(36,77,43,.22)!important;border-radius:8px!important;background:rgba(255,255,255,.95)!important;color:#244d2b!important;font-size:18px!important;font-weight:800!important;line-height:1!important}.almargen-trip-loop3d-hint{position:absolute;z-index:5;left:11px;bottom:14px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.88);color:#465548;font:600 9px/1 system-ui,-apple-system,sans-serif;pointer-events:none}
@media(max-width:1100px){.almargen-trip-loop3d-hint{display:none}.almargen-trip-loop3d-zoom{right:8px}.almargen-trip-loop3d-views{bottom:13px}.almargen-trip-loop3d-size{bottom:50px}}
@media(max-width:700px){.almargen-trip-loop3d{min-height:180px}.almargen-trip-css-scene{inset:10% 5% 19%}.almargen-trip-css-brochure{width:82%;height:64%}.almargen-trip-loop3d-badge{top:8px;left:8px;padding:6px 8px;font-size:10px}.almargen-trip-loop3d-info{top:42px;left:8px;padding:5px 8px;font-size:9px}.almargen-trip-loop3d-views button{padding:5px 7px!important;font-size:9px!important}.almargen-trip-loop3d-zoom{display:none}.almargen-trip-loop3d-size{font-size:9px;bottom:46px}.almargen-trip-loop3d-hint{display:none}}
@media(prefers-reduced-motion:reduce){.almargen-trip-css-brochure,.almargen-trip-css-panel{transition:none!important}}

/* Single-product 3D gallery for existing triptych products. */
.almargen-triptico-visual-product .almargen-trip-single-gallery{position:relative;box-sizing:border-box;margin-bottom:2rem}
.almargen-triptico-visual-product .almargen-trip-single-gallery .almargen-trip-loop3d{border-radius:16px;min-height:420px;box-shadow:0 18px 50px rgba(24,39,54,.08)}
@media(min-width:769px){.almargen-triptico-visual-product .almargen-trip-single-gallery{width:48%;float:left}.almargen-triptico-visual-product div.product div.summary{width:48%;float:right}}
@media(max-width:768px){.almargen-triptico-visual-product .almargen-trip-single-gallery{width:100%;float:none}.almargen-triptico-visual-product .almargen-trip-single-gallery .almargen-trip-loop3d{min-height:320px}}

/* v1.3.0 — real lightweight 3D geometry for catalogue and single product. */
.almargen-trip-loop3d-stage{position:absolute;inset:0;display:block;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.almargen-trip-loop3d.is-dragging .almargen-trip-loop3d-stage{cursor:grabbing;touch-action:none}
.almargen-trip-webgl-canvas{display:block;width:100%;height:100%;outline:0}

/* v1.3.1: encuadre más natural para A4 tríptico. */
.almargen-trip-webgl-canvas{object-fit:contain}

/* v1.4.0: encuadre premium, pliegue más suave y modelo con más aire visual. */