/* Infrastructure page. It builds on installation.css (grid, numbered figure, highlight layers); this file holds only
   the wall section: one view, so no camera move, and the frame keeps the render proportions (square on phones). */
.mx .xc__fig { aspect-ratio: 3 / 2; }
.mx .xc__view { inset: 0; width: auto; height: auto; }
/* Phones: the walls stand taller than wide, so the frame turns square and drops only the empty sides */
@media (max-width: 600px) {
  .mx .xc__fig { aspect-ratio: 1 / 1; }
  .mx .xc__view { inset: auto; left: -24%; top: 0; width: 150%; height: 100%; }
}

/* Generated from the render data (render3d/compose.py, gen_ix.py): hotspots and masks */
.xc__view[data-view="parede"] .xc-hot--1 { left: 56.67%; top: 19.88%; }
.xc__view[data-view="parede"] .xc-hot--2 { left: 41.42%; top: 29.12%; }
.xc__view[data-view="parede"] .xc-hot--3 { left: 39.17%; top: 79.25%; }
.xc__view[data-view="parede"] .xc-hot--4 { left: 49.0%; top: 22.88%; }
.xc__view[data-view="parede"] .xc-hot--5 { left: 64.17%; top: 19.12%; }
.xc__view[data-view="parede"] .xc-hot--6 { left: 39.0%; top: 63.0%; }
.xc__view[data-view="parede"][data-show="1"] :is(.xc__lift, .xc__tint, .xc__glow > span) { -webkit-mask-image: url(/assets/img/infraestrutura-3d/ix-mask-1.png); mask-image: url(/assets/img/infraestrutura-3d/ix-mask-1.png); }
.xc__view[data-view="parede"][data-show="2"] :is(.xc__lift, .xc__tint, .xc__glow > span) { -webkit-mask-image: url(/assets/img/infraestrutura-3d/ix-mask-2.png); mask-image: url(/assets/img/infraestrutura-3d/ix-mask-2.png); }
.xc__view[data-view="parede"][data-show="3"] :is(.xc__lift, .xc__tint, .xc__glow > span) { -webkit-mask-image: url(/assets/img/infraestrutura-3d/ix-mask-3.png); mask-image: url(/assets/img/infraestrutura-3d/ix-mask-3.png); }
.xc__view[data-view="parede"][data-show="4"] :is(.xc__lift, .xc__tint, .xc__glow > span) { -webkit-mask-image: url(/assets/img/infraestrutura-3d/ix-mask-4.png); mask-image: url(/assets/img/infraestrutura-3d/ix-mask-4.png); }
.xc__view[data-view="parede"][data-show="5"] :is(.xc__lift, .xc__tint, .xc__glow > span) { -webkit-mask-image: url(/assets/img/infraestrutura-3d/ix-mask-5.png); mask-image: url(/assets/img/infraestrutura-3d/ix-mask-5.png); }
.xc__view[data-view="parede"][data-show="6"] :is(.xc__lift, .xc__tint, .xc__glow > span) { -webkit-mask-image: url(/assets/img/infraestrutura-3d/ix-mask-6.png); mask-image: url(/assets/img/infraestrutura-3d/ix-mask-6.png); }