/* Vitrine independente. Todos os seletores são limitados à nova seção. */
.vitrine{background:#f2eadc;padding:100px 0 72px;scroll-margin-top:145px;overflow:hidden}
.vitrine .wrap{max-width:1250px}
.vt-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.vt-heading h2{font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.18;letter-spacing:-.045em}
.vt-heading h2 em{color:var(--vinho);font-weight:400}
.vt-intro{max-width:400px;justify-self:end;font-size:.92rem;line-height:1.8}
.vt-disclaimer{display:block;margin-top:20px;font-family:var(--mono);font-size:.61rem;letter-spacing:.1em;color:#755643}
.vt-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 26px}
.vt-item{min-width:0}
.vt-site,.vt-crm{grid-column:span 7}.vt-finance,.vt-content{grid-column:span 5}
.vt-stage{height:418px;overflow:hidden;border-radius:12px;position:relative;border:1px solid rgba(56,35,21,.12)}
.vt-caption{display:flex;justify-content:space-between;gap:15px;padding-top:22px}
.vt-number{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:#795340}
.vt-caption h3{font-size:1.16rem;line-height:1.45;margin:6px 0}
.vt-caption p{font-size:.79rem;line-height:1.7;max-width:46ch;color:#6e5747}
.vt-caption>a{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid #b6a58f;border-radius:50%;text-decoration:none;font-size:1.3rem;transition:background .2s,color .2s;align-self:center}
.vt-caption>a:hover{background:var(--vinho);color:var(--offwhite);border-color:var(--vinho)}
.vitrine button{font:inherit;cursor:pointer}.vitrine button:focus-visible,.vitrine a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.vt-tools{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;min-height:62px;background:#fff9ed;border-top:1px solid #d9cdbb;font-size:.68rem}
.vt-tools button{border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:8px 0;min-height:40px;font-size:.69rem;font-weight:500}
.vt-tools button span{margin-left:8px}.vt-tools>div{display:flex;gap:8px}.vt-tools>div button{width:40px;border:1px solid #c2b8a6;border-radius:50%;font-size:1rem}
.vt-browser{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f8f4eb;color:#665847;font-family:var(--mono);font-size:.52rem}
.vt-browser>span:first-child{font-size:.5rem;letter-spacing:3px;color:#baa38f}
.vt-site-canvas{height:324px;position:relative;overflow:hidden;background:#bbaa8c}
.vt-site-canvas>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),object-position 1.1s ease}
.vt-site-canvas::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5e7cc80,transparent 62%);pointer-events:none;transition:opacity .5s}.vt-site-nav,.vt-site-copy,.vt-site-detail{z-index:1}.vt-site-canvas.is-detail::after{opacity:0}
.vt-site-nav{position:absolute;inset:18px 22px auto;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#38291c}
.vt-site-nav>b{font-family:var(--display);font-size:1.22rem;letter-spacing:-.06em;line-height:1.1}.vt-site-nav>b span{display:block;font:500 .43rem var(--body);letter-spacing:.35em;margin-top:6px}.vt-site-nav>span{font-size:.43rem;letter-spacing:.15em;background:#f7f0e0db;padding:5px 8px}
.vt-site-copy{position:absolute;left:22px;top:105px;color:#352416;text-shadow:0 1px 10px #f8eadc80;transition:opacity .5s,transform .7s}
.vt-site-copy>span{font:500 .48rem var(--mono);letter-spacing:.13em}
.vt-site-copy>p{font-family:var(--display);font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.14;letter-spacing:-.055em;margin-top:13px}
.vt-site-detail{position:absolute;right:20px;bottom:20px;background:#fff9edee;padding:16px 20px;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.vt-site-detail span{font:500 .5rem var(--mono);letter-spacing:.09em}.vt-site-detail p{font:1rem/1.5 var(--display);margin-top:8px}
.vt-site-canvas.is-detail>img{transform:scale(1.16);object-position:70% 60%}.vt-site-canvas.is-detail .vt-site-copy{opacity:0;transform:translateY(-15px)}.vt-site-canvas.is-detail .vt-site-detail{opacity:1;transform:none}
.vt-finance-stage{background:#37251e;color:#fff9ec;padding:26px 26px 18px}
.vt-finance-top,.vt-finance-period,.vt-finance-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.vt-mini-brand{font:700 1.15rem var(--display);letter-spacing:-.03em}.vt-mini-brand>span{font:400 .58rem var(--body);letter-spacing:0;opacity:.75}
.vt-demo{font:500 .51rem var(--mono);letter-spacing:.15em;border:1px solid currentColor;border-radius:20px;padding:4px 8px;opacity:.7}
.vt-finance-period{margin-top:22px;font-size:.68rem;color:#dac4a4}.vt-finance-period>div{display:flex;border:1px solid #836858;border-radius:6px;padding:3px;gap:3px}.vt-finance-period button{border:0;border-radius:3px;background:none;color:#eadac3;padding:5px 10px;font-size:.62rem;min-height:30px}.vt-finance-period button[aria-pressed=true]{background:#efb190;color:#382315}
.vt-balance{margin-top:13px}.vt-balance>span{display:block;font-size:.63rem;color:#ddc9b5}.vt-balance strong{font:400 clamp(1.9rem,3vw,2.7rem)/1.3 var(--display);letter-spacing:-.05em;display:block;margin:4px 0}.vt-balance strong span{font-size:.6em;color:#dbc5ad}.vt-balance small{font-size:.54rem;color:#dcc8b4}
.vt-chart{display:flex;gap:13px;height:142px;margin-top:14px;border-bottom:1px solid #836858}
.vt-chart>div{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;padding-bottom:22px}
.vt-chart>div>span{height:var(--bar);width:78%;background:#c8896c;border-radius:4px 4px 0 0;position:relative;transform-origin:bottom;transition:height .7s cubic-bezier(.2,.7,.2,1)}.vt-chart>div:last-child>span{background:#eed4a7}
.vt-chart i{position:absolute;top:8px;left:0;right:0;text-align:center;font:500 .57rem var(--body);color:#302118}
.vt-chart small{position:absolute;bottom:5px;font:400 .47rem var(--mono);color:#dcc8b4;white-space:nowrap}
.vt-finance-foot{font-size:.51rem;color:#ddc9b5;padding-top:12px}
.vt-content-stage{background:#d9d9c9;padding-top:22px}
.vt-content-label{display:block;text-align:center;font:500 .51rem var(--mono);letter-spacing:.13em;color:#4d5743}
.vt-deck{position:relative;height:313px;margin:0 28px;perspective:800px}
.vt-paper{position:absolute;width:185px;height:242px;top:27px;left:50%;margin-left:-92px;border:1px solid #ffffff55;box-shadow:0 12px 22px #31352a20;border-radius:2px;overflow:hidden;transform-origin:50% 90%}
.vt-paper-back{background:#465441;color:#faf3e6;padding:17px;transform:translate(56px,9px) rotate(13deg)}
.vt-paper-middle{background:#e6b499;color:#382315;padding:17px;transform:translate(-54px,4px) rotate(-12deg)}
.vt-paper-back>span,.vt-paper-middle>span{font:500 .42rem var(--mono);letter-spacing:.07em}.vt-paper-back p,.vt-paper-middle p{font:1.6rem/1.2 var(--display);margin:45px 0 25px}
.vt-paper-front{background:#f4ebd8;transform:rotate(-2deg)}
.vt-paper-front>img{width:100%;height:100%;object-fit:cover}.vt-paper-front>div{position:absolute;inset:0;padding:15px;display:flex;flex-direction:column;background:linear-gradient(#f8efddda 0%,#f8efdd00 70%)}
.vt-paper-front>div>span{font:500 .42rem var(--mono);letter-spacing:.02em}.vt-paper-front p{font:1.8rem/1.12 var(--display);letter-spacing:-.04em;margin-top:18px;color:#3c2b1d}.vt-paper-front small{font-size:.53rem;line-height:1.6;margin-top:10px;max-width:19ch}.vt-paper-front b{margin-top:auto;align-self:end;font:500 .45rem var(--mono);background:#fff9ec;padding:4px 6px}
.vt-crm-stage{background:#e3d0aa;padding:26px 23px 72px}
.vt-crm-heading{display:flex;justify-content:space-between;align-items:start}.vt-crm-heading p{font:1.55rem/1.25 var(--display);letter-spacing:-.035em;margin-top:17px}.vt-crm-heading .vt-demo{color:#684e36}
.vt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:22px}
.vt-column{min-width:0;position:relative}.vt-column h4{font:500 .62rem var(--body);display:flex;justify-content:space-between;gap:3px;border-bottom:1px solid #b29c7a;padding-bottom:9px;margin-bottom:11px}.vt-column h4 span{opacity:.7}
.vt-lead{background:#fff9ed;border:1px solid #d3be9d;border-radius:5px;padding:10px;margin-bottom:8px;position:relative;box-shadow:0 3px 5px #59401e08}.vt-avatar{display:grid;place-items:center;float:left;margin-right:6px;width:23px;height:23px;border-radius:50%;background:#e9decc;font:500 .48rem var(--mono)}
.vt-lead b{display:block;font-size:.58rem;padding-top:3px;white-space:nowrap}.vt-lead small{display:block;clear:both;padding-top:6px;font-size:.5rem;color:#6f5741}.vt-lead-tag{display:inline-block;font-size:.45rem;background:#eeeadc;color:#4a5e40;border-radius:3px;margin-top:7px;padding:3px 4px}.vt-moving{border-color:#ad5a3b}.vt-moving .vt-avatar{background:#e5ad91}
.vt-crm-stage .vt-tools{background:#eddfc7}.vt-crm-stage .vt-tools>span{max-width:55%;font-size:.59rem}
.vt-content-stage,.vt-crm-stage{height:460px}.vt-content-stage .vt-deck{margin-top:18px}.vt-paper-front small{background:#fff9edeb;padding:5px 6px;align-self:flex-start;border-radius:2px}
.vt-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:42px;padding-top:26px;border-top:1px solid #cdbfa9}.vt-bottom p{font-size:.68rem;line-height:1.8;color:#705b48}.vt-bottom a{font-size:.8rem;font-weight:500;text-decoration:none;border-bottom:1px solid #8a6650;padding:8px 0;white-space:nowrap}.vt-bottom a span{margin-left:16px}
/* A cena toca uma vez ao entrar. Sem ciclos contínuos nem rolagem presa. */
.vt-item.vt-enter .vt-chart>div>span{animation:vt-grow .9s cubic-bezier(.2,.7,.2,1) both}.vt-item.vt-enter .vt-chart>div:nth-child(2)>span{animation-delay:.08s}.vt-item.vt-enter .vt-chart>div:nth-child(3)>span{animation-delay:.16s}.vt-item.vt-enter .vt-chart>div:nth-child(4)>span{animation-delay:.24s}
.vt-content.vt-enter .vt-paper-back{animation:vt-fan-right 1s both}.vt-content.vt-enter .vt-paper-middle{animation:vt-fan-left 1s both}
.vt-site.vt-enter .vt-site-canvas>img{animation:vt-photo 1.4s ease-out both}
@keyframes vt-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes vt-fan-right{from{transform:rotate(0)}to{transform:translate(56px,9px) rotate(13deg)}}
@keyframes vt-fan-left{from{transform:rotate(0)}to{transform:translate(-54px,4px) rotate(-12deg)}}
@keyframes vt-photo{from{opacity:.6;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.vt-stage{height:400px}.vt-site-canvas{height:305px}.vt-finance-stage{padding:22px 18px}.vt-crm-stage{padding:22px 15px 72px}.vt-board{gap:7px}.vt-lead{padding:7px}.vt-heading{gap:35px}.vt-paper{width:166px;margin-left:-83px;height:231px}.vt-paper-front p{font-size:1.55rem}.vt-chart{height:136px}}
@media(max-width:760px){.vitrine{padding:65px 0 50px}.vt-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.vt-intro{max-width:100%;justify-self:start}.vt-heading h2{font-size:2.3rem}.vt-grid{grid-template-columns:1fr;gap:34px}.vt-site,.vt-finance,.vt-content,.vt-crm{grid-column:auto}.vt-stage{height:405px}.vt-site-canvas{height:310px}.vt-site-copy>p{font-size:2.6rem}.vt-site-nav>span{display:none}.vt-finance-stage{padding:24px}.vt-balance strong{font-size:2.6rem}.vt-chart{height:143px}.vt-paper{width:183px;height:242px;margin-left:-91px}.vt-paper-front p{font-size:1.8rem}.vt-crm-stage{padding:24px 16px 72px}.vt-crm-heading p{font-size:1.5rem}.vt-board{gap:7px}.vt-lead b{font-size:.53rem}.vt-avatar{width:18px;height:18px;margin-right:3px}.vt-lead small{font-size:.46rem}.vt-lead-tag{font-size:.41rem;padding:3px}.vt-tools{padding:9px 14px}.vt-tools>span{font-size:.6rem}.vt-bottom{align-items:start;flex-direction:column;gap:18px}.vt-disclaimer{font-size:.57rem}.vt-caption h3{font-size:1.08rem}.vt-caption p{font-size:.78rem}}
@media(max-width:760px){.vt-crm-stage{height:460px}.vt-content-stage{height:425px}.vt-site-copy{max-width:72%;background:#fff2d6b8;padding:12px;left:12px;top:95px}.vt-site-copy>p{font-size:2.2rem}.vt-site-copy>span{font-size:.43rem}}
@media(prefers-reduced-motion:reduce){.vitrine *,.vitrine *::before,.vitrine *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}