aracaju-interiors { display:block; --entry:1; --photo-width:min(51vw,700px); --photo-height:clamp(370px,43vw,570px); }
.interiors { padding:90px 0 82px; background:#fff; text-align:center; overflow:clip; }
.interiors__heading { max-width:1000px; margin:0 auto; padding:0 22px; }
.interiors__eyebrow { margin:0 0 20px; color:#1685ed; font-size:13px; letter-spacing:.32em; font-weight:650; }
.interiors h2 { margin:0 auto 20px; font:500 clamp(42px,4.8vw,72px)/1.02 var(--font-display); letter-spacing:-.055em; }
.interiors h2 span { display:block; }
.interiors__description { margin:0; font-size:clamp(18px,1.75vw,25px); line-height:1.4; letter-spacing:-.025em; }
.interiors__viewport { position:relative; height:calc(var(--photo-height) + 60px); margin-top:28px; perspective:1500px; touch-action:pan-y; overflow:clip; }
.interiors__card { position:absolute; left:50%; top:50%; width:var(--photo-width); height:var(--photo-height); margin:0; padding:0; border:2px solid white; border-radius:14px; background:#fff; box-shadow:0 18px 36px #12273e14; cursor:pointer; overflow:hidden; transform-style:preserve-3d; transform:translate(-50%,-50%) translateX(calc(var(--offset)*var(--photo-width)*1.03)) translateY(calc((1 - var(--entry))*var(--side)*18px)) translateZ(calc(var(--side)*-100px)) rotateY(calc(var(--offset)*-30deg)); transition:transform .65s cubic-bezier(.2,.7,.25,1),box-shadow .3s,opacity .35s; }
.interiors__card[data-distant="true"] { opacity:0; pointer-events:none; }
.interiors__card[aria-current="true"] { transform:translate(-50%,-50%) translateY(calc((1 - var(--entry))*14px)) translateZ(0) scale(calc(.97 + var(--entry)*.03)); box-shadow:0 20px 38px #12273e20; }
.interiors__card img { width:100%; height:100%; object-fit:cover; object-position:50% 45%; display:block; pointer-events:none; }
.interiors__expand { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:36px; height:36px; background:#ffffffeb; border-radius:50%; color:#102039; font-size:21px; opacity:0; transition:opacity .15s; }
.interiors__card[aria-current="true"]:hover .interiors__expand,.interiors__card[aria-current="true"]:focus-visible .interiors__expand { opacity:1; }
.interiors__controls { display:flex; align-items:center; justify-content:center; gap:20px; margin:4px 0 22px; }
.interiors__autoplay { display:block; margin:-12px auto 20px; padding:8px 12px; min-height:40px; border:0; background:transparent; color:#536b84; font:13px var(--font-body); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.interiors__arrow { display:grid; place-items:center; width:40px; height:40px; border:1px solid #dce6ef; border-radius:50%; background:#fff; color:#536b84; font:20px var(--font-display); cursor:pointer; }
.interiors__arrow:hover { border-color:#8aafce; color:#102039; }
.interiors__dots { display:flex; align-items:center; gap:0; }
.interiors__dot { width:32px; height:40px; display:grid; place-items:center; border:0; padding:0; background:transparent; cursor:pointer; }
.interiors__dot::before { content:''; width:10px; height:10px; border-radius:50%; background:#d3d7dc; transition:background .2s,transform .2s; }
.interiors__dot[aria-pressed="true"]::before { background:#1685ed; transform:scale(1.2); }
.interiors__cta { display:inline-flex; align-items:center; justify-content:center; gap:30px; min-height:54px; margin:0 20px; padding:8px 9px 8px 25px; border:1px solid #c5dcef; border-radius:999px; text-decoration:none; background:#f5faff; font-size:17px; font-weight:500; }
.interiors__cta span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:white; background:#102039; font-size:21px; }
.interiors__cta:hover { background:#eaf5ff; }
.interiors__note { color:#707b86; font-size:13px; margin:17px 20px 0; }
.interiors__dialog { width:min(1020px,94vw); max-height:94svh; padding:0; border:0; border-radius:15px; background:#fff; color:#102039; box-shadow:0 30px 120px #07182f66; }
.interiors__dialog::backdrop { background:#0c203bd6; backdrop-filter:blur(8px); }
.interiors__dialog header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 18px; }
.interiors__dialog header p { margin:0; font-size:14px; }
.interiors__close { display:grid; place-items:center; width:40px; height:40px; border:1px solid #dce6ef; border-radius:50%; background:white; color:#102039; font-size:24px; cursor:pointer; }
.interiors__full { display:block; width:100%; height:auto; max-height:72svh; object-fit:contain; background:#f2f4f6; }
.interiors__dialog footer { padding:14px 18px; font-size:13px; color:#536b84; }
aracaju-interiors[reduced] .interiors__card,aracaju-interiors[reduced] .interiors__dot::before { transition:none; }
@media(max-width:700px) {
 aracaju-interiors { --photo-width:74vw; --photo-height:calc(74vw*1.32); }
 .interiors { padding:62px 0 65px; }
 .interiors__heading { padding:0 22px; }
 .interiors__eyebrow { font-size:11px; margin-bottom:18px; }
 .interiors h2 { font-size:clamp(32px,9.8vw,54px); line-height:1.04; margin-bottom:17px; }
 .interiors__description { font-size:18px; line-height:1.35; max-width:340px; margin:auto; }
 .interiors__viewport { perspective:900px; margin-top:24px; height:calc(var(--photo-height) + 40px); }
 .interiors__card { border-radius:10px; transform:translate(-50%,-50%) translateX(calc(var(--offset)*var(--photo-width)*1.03)) translateY(calc((1 - var(--entry))*var(--side)*12px)) translateZ(calc(var(--side)*-65px)) rotateY(calc(var(--offset)*-30deg)); }
 .interiors__controls { margin:0 0 21px; padding:0 12px; gap:8px; }
 .interiors__dot { width:22px; height:40px; }
 .interiors__cta { font-size:15px; gap:22px; padding-left:21px; }
 .interiors__note { font-size:12px; }
 .interiors__expand { opacity:1; width:30px; height:30px; font-size:18px; right:10px; bottom:10px; }
 .interiors__card:not([aria-current="true"]) .interiors__expand { display:none; }
}
@media(prefers-reduced-motion:reduce) { .interiors__card,.interiors__dot::before,.interiors__expand { transition:none; } }

/* Rolagem contínua: a posição segue o ponteiro e não interpola entre quadros. */
.interiors__viewport{cursor:grab;user-select:none}
.interiors__viewport.is-dragging{cursor:grabbing}
.interiors__card,.interiors__card[aria-current="true"]{transform:translate(-50%,-50%) translateX(calc(var(--relative,0)*var(--photo-width)*1.03)) translateZ(calc(var(--depth,0)*-100px)) rotateY(calc(var(--relative,0)*-30deg));transition:box-shadow .2s;}
.interiors__card[data-distant="true"]{visibility:hidden;opacity:0}
.interiors__autoplay{margin:0 auto 20px}
@media(max-width:700px){.interiors__card,.interiors__card[aria-current="true"]{transform:translate(-50%,-50%) translateX(calc(var(--relative,0)*var(--photo-width)*1.03)) translateZ(calc(var(--depth,0)*-65px)) rotateY(calc(var(--relative,0)*-30deg))}}