.mapa-page{padding-top:calc(80px + var(--space-16))}.mapa-page__header{padding-bottom:var(--space-8)}.mapa-page__title{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-4);font-weight:300;line-height:1.05}.mapa-floors{align-items:center;gap:var(--space-2);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.mapa-floor-btn{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-3) var(--space-8);border:1px solid var(--color-sand);color:var(--color-charcoal);transition:all var(--dur-fast) var(--ease-out-expo);background:0 0}.mapa-floor-btn:hover{border-color:var(--color-red)}.mapa-floor-btn.active{background:var(--color-black);border-color:var(--color-black);color:var(--color-cream)}.mapa-viewer{width:100%;margin-bottom:var(--space-32);border-radius:var(--radius-md-lg);border:1px solid color-mix(in srgb, var(--color-mist) 10%, transparent);background:0 0;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.mapa-image{object-fit:contain;opacity:0;width:100%;height:auto;transition:opacity var(--dur-base) var(--ease-out-expo), transform .8s var(--ease-out-expo);pointer-events:none;grid-area:1/1;transform:scale(.98)}.mapa-image.active{opacity:1;pointer-events:auto;transform:scale(1)}@media (width<=768px){.mapa-floors{padding-bottom:var(--space-2);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.mapa-floor-btn{flex-shrink:0}.mapa-viewer{border-radius:var(--radius-md);box-shadow:0 5px 15px #0000004d}}