.gmx-structure-3d{background:#f8f6ef;color:#171714;padding:clamp(32px,4vw,64px) clamp(20px,4vw,64px);scroll-margin-top:100px}
.gmx-structure-3d__inner{max-width:1350px;margin:auto;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);align-items:center}
.gmx-structure-3d__copy{max-width:460px}
.gmx-structure-3d__eyebrow{color:#ae390c;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 14px}
.gmx-structure-3d h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.035em;margin:0 0 16px}
.gmx-structure-3d__copy>p:not(.gmx-structure-3d__eyebrow){font-size:16px;line-height:1.6;margin:0 0 20px;color:#56544d}
.gmx-structure-3d__link{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:#171714;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.gmx-structure-3d__viewer{margin:0;min-width:0;border:1px solid #d7d3c8;background:#f3f1e9;border-radius:8px;overflow:hidden}
.gmx-structure-3d__stage{position:relative;min-height:508px}
.gmx-structure-3d iframe{display:block;width:100%;height:508px;border:0;background:#f3f1e9}
.gmx-structure-3d__status{position:absolute;inset:0;background:#f3f1e9;display:flex;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;text-align:center;z-index:1}
.gmx-structure-3d__status::before{content:"";width:18px;height:18px;border:2px solid #d7d3c8;border-top-color:#f65b18;border-radius:50%;animation:gmx-model-spin .8s linear infinite}
.gmx-structure-3d__status[hidden]{display:none}
.gmx-structure-error::before{display:none}
.gmx-structure-3d figcaption{padding:12px 16px;border-top:1px solid #d7d3c8;color:#666259;font-size:12px;line-height:1.5;text-align:center}
.gmx-structure-3d a:focus-visible{outline:3px solid #f65b18;outline-offset:4px}
@keyframes gmx-model-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.gmx-structure-3d__inner{grid-template-columns:1fr;gap:24px}.gmx-structure-3d__copy{max-width:560px}.gmx-structure-3d{padding:32px 20px}}
@media(max-width:520px){.gmx-structure-3d iframe{height:448px}.gmx-structure-3d__stage{min-height:448px}}
@media(prefers-reduced-motion:reduce){.gmx-structure-3d__status::before{animation-duration:1.8s}}
/* Two models, local controls and responsive space for the active editor. */
.gmx-structure-3d__inner{grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);align-items:start}.gmx-structure-3d__copy{padding-top:24px}
.gmx-structure-3d__tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid #d7d3c8;background:#faf8f1}
.gmx-structure-3d__tabs button{flex:1;min-height:46px;border:1px solid #bfbbae;border-radius:6px;padding:10px 12px;background:#fff;color:#24231f;font:700 14px Arial,sans-serif;cursor:pointer}
.gmx-structure-3d__tabs button[aria-selected=true]{background:#24231f;border-color:#24231f;color:#fff}
.gmx-structure-3d__tabs button:hover{border-color:#e8531e}.gmx-structure-3d__tabs button:focus-visible{outline:3px solid #f65b18;outline-offset:2px}
.gmx-structure-3d__stage{min-height:730px}.gmx-structure-3d iframe{height:730px}.gmx-structure-3d [hidden]{display:none!important}
.gmx-structure-3d figcaption a{display:inline-block;margin-left:8px;text-underline-offset:3px}
/* Acrylic pockets on the normal calculator preview: physical edges, notch and sheen. */
#cotizador .placed-accessory--documents>i{position:relative;border:1px solid #b4d1d8;border-radius:2px;background:linear-gradient(105deg,#fff 0%,#fafbfa 80%,#eef4f5 100%);box-shadow:2px 3px 0 #91afb870,3px 5px 5px #12293536,inset 0 0 0 2px #ffffffc9}
#cotizador .placed-accessory--documents>i::after{content:"";position:absolute;inset:-2px;pointer-events:none;border:1px solid #e5faffcf;border-radius:2px;background:linear-gradient(112deg,#d9f4f50d 25%,#ffffff85 38%,#effdff33 47%,#c6e9ef12 65%);-webkit-mask:radial-gradient(circle at 50% 0,transparent 0 7%,#000 7.5%);mask:radial-gradient(circle at 50% 0,transparent 0 7%,#000 7.5%);box-shadow:inset 2px 0 0 #ffffff80,inset -2px -2px 0 #a9c8d061}
#cotizador .placed-accessory--documents>i::before{content:"";position:absolute;width:15%;aspect-ratio:2/1;left:42.5%;top:-1px;border:1px solid #9dbec5;border-top:0;border-radius:0 0 100% 100%;background:#d9eef45c;pointer-events:none}
@media(max-width:1000px){.gmx-structure-3d__inner{grid-template-columns:1fr;gap:24px}.gmx-structure-3d__copy{max-width:700px;padding:0}.gmx-structure-3d__copy>p:not(.gmx-structure-3d__eyebrow){max-width:580px}}
@media(max-width:520px){.gmx-structure-3d__stage{min-height:780px}.gmx-structure-3d iframe{height:780px}.gmx-structure-3d__tabs{gap:6px;padding:10px}.gmx-structure-3d__tabs button{font-size:13px;padding:8px}}

/* R76: stable viewport while changing models; no page-section repositioning. */
#estructura-3d h2{font-size:clamp(28px,3vw,42px);line-height:1.1}
#estructura-3d .gmx-structure-3d__stage{min-height:820px}
#estructura-3d iframe{height:max(820px,var(--gmx-viewer-height,820px))}
@media(max-width:520px){#estructura-3d .gmx-structure-3d__stage{min-height:880px}#estructura-3d iframe{height:max(880px,var(--gmx-viewer-height,880px))}}

/* Three accessible tabs; each model keeps its own browsing context. */
.gmx-structure-3d__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.gmx-structure-3d__tabs button{min-width:0;overflow-wrap:anywhere;hyphens:auto;line-height:1.25}
@media(max-width:420px){.gmx-structure-3d__tabs button{font-size:12px;padding:8px 5px}}

/* R79: seven models, with a full gallery reachable next to the viewer. */
.gmx-structure-3d__tabs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.gmx-models-hub-link{display:flex;width:fit-content;margin-top:14px;color:#b9400e}
@media(max-width:520px){.gmx-structure-3d__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.gmx-structure-3d__tabs button{font-size:13px;padding:10px}}