/* Prévia isolada: movimento do conjunto, sem biblioteca adicional. */
.sites-vitrine-window{overflow:hidden;padding:8px 0 12px;touch-action:pan-y}
.sites-vitrine-track{display:flex;transition:transform 650ms cubic-bezier(.23,1,.32,1)}
.sites-vitrine-slide{flex:0 0 100%;min-width:0;padding:0 7px;box-sizing:border-box}
.sites-vitrine-slide .sites-sample-composition{margin:0}.sites-vitrine-slide .sites-sample-desktop{transform:none}
.sites-sample-heading{display:flex;justify-content:space-between;gap:12px}.sites-sample-heading small{color:#a7bcff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-nav{background:#e9f0ef;color:#113e40}
.sites-vitrine-slide[data-sample=catalogo] .sites-sample-nav{background:#171b29;color:#e9d8b4}
.sites-vitrine-slide[data-sample=catalogo] .sites-sample-menu{color:#ded2b9}
.sites-tour-tag{position:absolute;right:16px;top:16px;z-index:2;background:#fff;color:#173638;border-radius:24px;padding:9px 13px;font-size:11px;font-weight:700}
.sites-sample-controls{flex-wrap:wrap}.sites-sample-dots button{width:25px}
.sites-advanced{background:linear-gradient(180deg,#101d3c,#0b1530);border-top:1px solid #ffffff12}
.sites-advanced-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#a7bcff;display:block;margin-bottom:20px}
.sites-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.sites-advanced-grid article{padding:30px;border:1px solid #93afff30;border-radius:20px;background:#142343}
.sites-advanced-number{font-size:11px;letter-spacing:.1em;color:#9fb7ff}.sites-advanced-grid h3{font-size:23px;line-height:1.3;margin:24px 0 18px;color:#fff}.sites-advanced-grid p,.sites-advanced-note p{font-size:14px;line-height:1.85;color:#bac9e4}.sites-advanced-chip{display:block;margin-top:24px;font-size:11px;line-height:1.8;color:#b5cbff}.sites-advanced-note{margin-top:32px;padding:28px 0 0;border-top:1px solid #ffffff20}.sites-advanced-note strong{font-size:22px;color:#fff}.sites-advanced-note p{max-width:850px}.sites-advanced-note .button{margin-top:14px}
@media(max-width:900px){.sites-advanced-grid{grid-template-columns:1fr}.sites-advanced-grid article{padding:25px}.sites-advanced-grid h3{font-size:24px;max-width:25ch}.sites-advanced-note strong{font-size:20px}}
@media(max-width:600px){.sites-sample-controls{gap:0}.sites-sample-dots button{width:22px}.sites-sample-controls button[data-sample-step]{width:36px}.sites-sample-heading{font-size:12px;flex-direction:column;gap:6px}.sites-advanced-note .button{max-width:100%;font-size:13px}.sites-tour-tag{font-size:9px;padding:7px 9px;right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.sites-vitrine-track{transition:none}}
/* Controles compactos mantêm área de toque sem empurrar a pausa para outra linha. */
.sites-page .sites-sample-controls{flex-wrap:nowrap;justify-content:center;gap:0}
.sites-page .sites-sample-controls .sites-sample-dots button{width:25px;min-width:25px}
.sites-page .sites-sample-controls button[data-sample-step],.sites-page .sites-sample-controls button[data-sample-pause]{min-width:36px;width:36px}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>h2{font-size:clamp(27px,3vw,42px);max-width:12ch}
@media(max-width:600px){.sites-page .sites-sample-controls .sites-sample-dots button{width:21px;min-width:21px}.sites-sample-count{font-size:10px;margin:0 3px}.sites-page .sites-sample-caption{flex-direction:column;align-items:flex-start;gap:10px}.sites-page .sites-sample-caption>span{text-align:left;line-height:1.7}.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>h2{font-size:25px;max-width:9ch}.sites-tour-tag{top:8px;right:8px;font-size:8px}.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>span{max-width:21ch}.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>p{max-width:19ch}}

@media(max-width:600px){.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>h2{font-size:29px;max-width:11ch}}

/* Os dois primeiros exemplos têm composições e fotografias diferentes. */
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-nav{background:#123d37;color:#f8f4e9;padding-top:22px;padding-bottom:22px}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-menu,.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-brand>span{color:#d8e8de}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo{height:340px}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo>img{object-position:center 58%}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo:after{background:linear-gradient(90deg,#09251dc9,#09251d15)}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>h2{font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-.04em}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-bottom{background:#123d37;color:#deecdf}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-phone-top{background:#123d37;color:#fff}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-photo{background:#eee9de}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-photo>img{width:55%;margin-left:45%;object-position:60% center}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-photo:after{display:none}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy{width:47%;padding:22px 14px;color:#26373b;box-sizing:border-box}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy>h2{font-family:Georgia,serif;font-weight:400;font-size:36px;color:#26373b;line-height:1.05}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy>span,.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy>p{color:#53615f}
.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-nav{background:#eee9de}
@media(max-width:600px){.sites-sample-heading small{font-size:9px}.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo{height:255px}.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy>h2{font-size:33px;max-width:10ch}.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy>h2{font-size:26px}.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy{padding-left:11px;padding-right:9px}.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy>p{font-size:8px}.sites-vitrine-slide[data-sample=arquitetura] .sites-sample-copy>span{font-size:6px}}
/* Imobiliária na paleta azul da S A CONNECT, com visita panorâmica ilustrativa. */
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-nav,.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-bottom,.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-phone-top{background:#14264b;color:#f5f7ff}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-menu,.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-brand>span{color:#c6d5f5}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo:after{background:linear-gradient(90deg,#0b1530b8,#0b153008)}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo>img{transition:transform 1.4s cubic-bezier(.23,1,.32,1)}
.sites-tour-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity 900ms cubic-bezier(.23,1,.32,1);background:#172544;background-size:auto 100%;touch-action:pan-y;cursor:grab}
.sites-tour-canvas:active{cursor:grabbing}.sites-tour-tag{z-index:5;pointer-events:none;background:#f4f7ff;color:#1a376b}
.sites-tour-hint{position:absolute;left:16px;bottom:16px;z-index:5;padding:10px 14px;border-radius:24px;background:#0b1530d9;color:#fff;font-size:10px;opacity:0;transition:opacity .6s;pointer-events:none}
.tour-inside .sites-tour-canvas,.tour-inside .sites-tour-hint{opacity:1}.tour-inside .sites-sample-copy{opacity:0;transition:opacity .6s;pointer-events:none}.tour-inside .sites-sample-photo>img{transform:scale(1.15)}
.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy{transition:opacity .6s}
@media(max-width:600px){.sites-tour-hint{font-size:8px;left:10px;bottom:12px;padding:8px 10px}.sites-tour-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sites-tour-canvas,.sites-tour-hint,.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-copy,.sites-vitrine-slide[data-sample=imobiliaria] .sites-sample-photo>img{transition:none}}

.sites-tour-canvas:focus-visible{outline:3px solid #a5baff;outline-offset:-4px}.sites-tour-phone-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity .9s;pointer-events:none}.tour-inside .sites-tour-phone-canvas{opacity:1}.tour-inside .sites-sample-phone-photo>div{opacity:0}@media(prefers-reduced-motion:reduce){.sites-tour-phone-canvas{transition:none}}

/* Cada dispositivo tem sua própria pilha: o panorama nunca passa sobre o celular. */
.sites-vitrine-slide .sites-sample-composition{isolation:isolate;overflow:visible}
.sites-vitrine-slide .sites-sample-desktop{position:relative;z-index:0;isolation:isolate}
.sites-vitrine-slide .sites-sample-phone{z-index:10}
.sites-vitrine-slide{padding-left:14px;padding-right:14px}
.sites-vitrine-window{padding-bottom:24px}