/* CRM presentation: isolated from the delivery cards and the particle canvas. */
.crm-showcase{--crm-ink:#120B16;--crm-muted:#625865;--crm-accent:#5C1041;--crm-rule:#120B162b;--crm-width:min(70vw,820px);position:relative;z-index:2;color:var(--crm-ink);padding:32px 0 56px;background:transparent;isolation:isolate}
html[data-palco] .crm-showcase{--crm-ink:#F7F5F8;--crm-muted:#c8c9ce;--crm-accent:#F7F5F8;--crm-rule:#F7F5F833}
.crm-presentation{outline:none;scroll-margin-top:90px}
.crm-heading,.crm-footer,.crm-tabs{width:calc(100% - 80px);max-width:1120px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.crm-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px;text-align:left}
.crm-showcase .demo-kicker{display:block;font-size:11px;font-weight:600;letter-spacing:1.8px;color:var(--crm-accent);line-height:1.5}
.crm-showcase .crm-heading h3{color:var(--crm-ink);font-size:clamp(30px,3.25vw,48px);font-weight:500;line-height:1.13;letter-spacing:-.045em;margin:10px 0 0;max-width:none}
.crm-showcase .crm-heading p{color:var(--crm-muted);font-size:14px;line-height:1.65;width:310px;max-width:310px;flex-shrink:0;margin:0 0 2px}
.crm-carousel-window{width:100%;overflow:hidden;padding:1px 0;touch-action:pan-y;user-select:none}
.crm-carousel-track{position:relative;width:var(--crm-width);margin:auto;aspect-ratio:1204 / 800}
.crm-panel{position:absolute;inset:0;margin:0;transform:translateX(0) scale(1);opacity:1;transition:transform .5s cubic-bezier(.22,.7,.15,1),filter .5s ease;z-index:3;filter:none}
.crm-panel[data-position="previous"]{transform:translateX(calc(-100% - 30px)) scale(.91);transform-origin:right center;opacity:1;filter:grayscale(1) brightness(.3);z-index:1}
.crm-panel[data-position="next"]{transform:translateX(calc(100% + 30px)) scale(.91);transform-origin:left center;opacity:1;filter:grayscale(1) brightness(.3);z-index:1}
.crm-panel[data-position="hidden"]{transform:translateX(calc(200% + 60px)) scale(.91);opacity:1;filter:grayscale(1) brightness(.3);pointer-events:none;visibility:hidden;z-index:0}
.crm-screen-open{display:block;width:100%;height:100%;padding:0;text-align:left;cursor:zoom-in;background:#F7F5F8;border:1px solid #c8c9ce;border-radius:14px;overflow:hidden;box-shadow:0 16px 30px #00000014;color:#120B16;font-family:inherit}
.crm-panel:not([data-position="active"]) .crm-screen-open{cursor:pointer}
.crm-window-bar{height:38px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;font-weight:600;letter-spacing:.035em;border-bottom:1px solid #DED6E0;background:#fff}
.crm-window-bar>span>span{color:#999;margin:0 8px;font-weight:400}
.crm-expand-icon{font-size:18px;color:#5C1041}
.crm-image-window{display:block;position:relative;width:100%;aspect-ratio:1204 / 752;overflow:hidden;background:#F7F5F8}
.crm-image-window img{display:block;width:119.6013289%;height:auto;max-width:none;margin:0 0 0 -19.6013289%;transform:translateY(-8.222222%);pointer-events:none}
.crm-showcase .crm-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:820px;margin-top:20px}
.crm-active-copy{display:grid;grid-template-columns:64px 1fr;column-gap:18px;align-items:baseline;min-width:0}
.crm-count{grid-row:1/3;font-size:11px;letter-spacing:1px;color:var(--crm-accent);font-variant-numeric:tabular-nums}
.crm-showcase .crm-active-copy h4{font-size:19px;line-height:1.3;font-weight:500;color:var(--crm-ink);margin:0}
.crm-showcase .crm-active-copy p{font-size:12px;line-height:1.6;color:var(--crm-muted);margin:5px 0 0;max-width:400px}
.crm-navigation{display:grid;grid-template-columns:46px 46px;gap:8px;flex-shrink:0;justify-content:center}
.crm-arrow{width:46px;height:46px;border:1px solid var(--crm-rule);border-radius:50%;background:var(--crm-accent);color:#fff;font-family:inherit;font-size:23px;line-height:1;cursor:pointer;transition:transform .2s,background .2s}
html[data-palco] .crm-arrow{color:#120B16}
.crm-arrow:hover{transform:translateY(-2px)}
.crm-zoom{grid-column:1/-1;background:none;padding:0;border:0;color:var(--crm-muted);font-family:inherit;font-size:10px;line-height:1.6;cursor:pointer;white-space:nowrap}
.crm-zoom span{margin-left:6px}
.crm-tabs{display:flex;justify-content:center;gap:24px;margin-top:24px;max-width:820px}
.crm-tabs button{position:relative;background:none;border:0;border-top:1px solid var(--crm-rule);border-radius:0;padding:12px 0 0;text-align:left;flex:1;font-family:inherit;font-size:11px;line-height:1.5;white-space:nowrap;color:var(--crm-muted);cursor:pointer;transition:color .2s,border-color .2s}
.crm-tabs button span{margin-right:6px;font-size:9px;opacity:.6}
.crm-tabs button[aria-pressed="true"]{color:var(--crm-ink);border-color:var(--crm-accent)}
.crm-showcase button:focus-visible,.crm-showcase a:focus-visible,.crm-presentation:focus-visible,.crm-dialog-scroll:focus-visible{outline:2px solid var(--crm-accent);outline-offset:4px}
.crm-showcase .product-demo{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;max-width:1000px;width:calc(100% - 80px);margin:100px auto 0;padding:44px 0 0;border:0;border-top:1px solid var(--crm-rule);border-radius:0;background:transparent;box-sizing:border-box;color:var(--crm-ink);text-align:left}
.crm-showcase .ai-intro h3{font-size:clamp(26px,2.7vw,38px);line-height:1.2;letter-spacing:-.04em;font-weight:500;color:var(--crm-ink);margin:14px 0 0}
.ai-walkthrough{min-width:0}
.ai-scene{background:#f7f7f8;border:1px solid #DED6E0;border-radius:14px;color:#120B16;min-height:290px;padding:20px}
.ai-scene-head{display:flex;gap:10px;align-items:center;font-size:11px;border-bottom:1px solid #ddd;padding-bottom:14px}
.ai-emblem{display:grid;place-items:center;background:#5C1041;color:#fff;width:32px;height:32px;border-radius:8px}
.ai-scene-head small{display:block;font-size:9px;color:#555;margin-top:4px}
#ai-messages{display:grid;gap:10px;padding:16px 0;min-height:124px}
.ai-bubble{max-width:92%;padding:12px;border-radius:9px;background:white;border:1px solid #e0e1e4;font-size:12px;line-height:1.6;animation:demoIn .35s ease}
.ai-bubble.client{margin-left:auto;background:#eee5e5}
.ai-bubble b{display:block;font-size:9px;color:#5C1041;margin-bottom:5px}
.ai-register{font-size:11px;color:#5d3337;background:#eee5e5;padding:10px;border-radius:5px;min-height:42px}
.ai-controls{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.ai-controls button{font:inherit;font-size:12px;min-height:44px;padding:10px 14px;background:var(--crm-accent);color:#fff;border:0;border-radius:6px;cursor:pointer}
html[data-palco] .ai-controls button{color:#120B16}
#ai-progress{margin-left:auto;font-size:11px;color:var(--crm-muted)}
.crm-lightbox{--crm-accent:#5C1041;width:min(1260px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);box-sizing:border-box;padding:24px;border:1px solid #DED6E0;border-radius:16px;background:#F7F5F8;color:#120B16;overflow:auto;overscroll-behavior:contain}
.crm-lightbox::backdrop{background:#101318e8}
.crm-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.crm-showcase .crm-dialog-top h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin:6px 0 0;color:#120B16}
.crm-dialog-close{width:44px;height:44px;flex-shrink:0;border:1px solid #120B1630;border-radius:50%;background:none;color:#120B16;font-family:inherit;font-size:30px;line-height:1;cursor:pointer}
.crm-showcase .crm-dialog-hint{font-size:12px;line-height:1.5;color:#625865;margin:18px 0 12px}
.crm-dialog-scroll{overflow:auto;overscroll-behavior:contain;border:1px solid #DED6E0;border-radius:8px;max-height:65dvh;background:#F7F5F8}
.crm-dialog-scroll .crm-image-window{min-width:1100px}
.crm-original{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:#5C1041;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.crm-no-script{margin:24px auto;width:calc(100% - 40px);font-size:14px;line-height:1.8}
@keyframes demoIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.crm-showcase{--crm-width:80vw}.crm-heading{gap:24px}.crm-showcase .crm-heading p{width:240px;max-width:240px;font-size:12px}.crm-showcase .product-demo{gap:30px}.crm-tabs{gap:15px}.crm-tabs button{font-size:10px}.crm-tabs button span{display:none}}
@media(max-width:600px){.crm-showcase{--crm-width:80vw;padding:36px 0 40px}.crm-heading,.crm-footer,.crm-tabs{width:calc(100% - 40px)}.crm-heading{display:block;margin-bottom:24px}.crm-showcase .crm-heading h3{font-size:34px;max-width:10ch;margin-top:10px}.crm-showcase .crm-heading p{width:100%;max-width:330px;font-size:13px;line-height:1.65;margin:16px 0 0}.crm-panel[data-position="previous"]{transform:translateX(calc(-100% - 14px)) scale(.92)}.crm-panel[data-position="next"]{transform:translateX(calc(100% + 14px)) scale(.92)}.crm-carousel-track{aspect-ratio:1204 / 860}.crm-screen-open{border-radius:9px}.crm-window-bar{height:29px;padding:0 10px;font-size:8px}.crm-window-bar>span>span{margin:0 4px}.crm-expand-icon{font-size:14px}.crm-showcase .crm-footer{margin-top:22px;align-items:flex-start;gap:14px}.crm-active-copy{display:block}.crm-count{display:block;margin-bottom:8px;font-size:10px}.crm-showcase .crm-active-copy h4{font-size:19px}.crm-showcase .crm-active-copy p{font-size:12px;max-width:230px;min-height:58px}.crm-navigation{grid-template-columns:44px 44px;gap:6px;padding-top:1px}.crm-arrow{width:44px;height:44px}.crm-zoom{font-size:10px}.crm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:16px}.crm-tabs button{font-size:11px;padding-top:10px;min-height:40px;white-space:normal}.crm-tabs button span{display:inline;margin-right:6px}.crm-showcase .product-demo{display:block;width:calc(100% - 40px);margin-top:64px;padding-top:28px}.crm-showcase .ai-intro h3{font-size:28px;max-width:14ch;margin-bottom:24px}.ai-scene{padding:16px}.ai-controls{gap:8px}.ai-controls button{font-size:11px;padding:10px 12px}.crm-lightbox{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px 14px;border-radius:12px}.crm-showcase .crm-dialog-top h3{font-size:21px}.crm-dialog-scroll{max-height:65dvh}.crm-dialog-scroll .crm-image-window{min-width:1100px}}
@media(prefers-reduced-motion:reduce){.crm-panel,.crm-arrow,.crm-tabs button{transition:none}.ai-bubble{animation:none}}

/* Proteção local da leitura. Os vãos entre os blocos continuam mostrando o palco. */
html[data-palco] .crm-showcase :is(.crm-heading>div,.crm-heading>p,.crm-active-copy,.crm-navigation,.crm-tabs button,.ai-intro,#ai-progress){position:relative;isolation:isolate}
html[data-palco] .crm-showcase :is(.crm-heading>div,.crm-heading>p,.crm-active-copy,.crm-navigation,.crm-tabs button,.ai-intro,#ai-progress)::before{content:"";position:absolute;inset:-5px -8px;z-index:-1;background:#120B16;border-radius:5px;pointer-events:none}

/* Em movimento reduzido, o título de Entregáveis sai antes do CRM. */
@media(prefers-reduced-motion:reduce){
  html[data-palco] main #entregaveis .delivery-wrap > .delivery-heading.interludio{position:relative;top:auto}
}

/* Agentes de IA acompanha os painéis claros, sem fundo ou balões lilás. */
.crm-showcase .ai-demo.product-demo{--crm-ink:#120B16;--crm-muted:#595959;--crm-accent:#FFB178;--crm-rule:#D6D6D6;background:#F7F5F8;color:#120B16;border:1px solid #D6D6D6;border-radius:20px;padding:32px}
html[data-palco] .crm-showcase .ai-demo :is(.ai-intro,#ai-progress)::before{background:none}
.crm-showcase .ai-demo .demo-kicker{color:#120B16}
.crm-showcase .ai-demo .ai-scene{background:#FFFFFF;border-color:#D6D6D6;color:#120B16}
.crm-showcase .ai-demo .ai-emblem{background:#FFB178;color:#120B16}
.crm-showcase .ai-demo .ai-bubble.client,.crm-showcase .ai-demo .ai-register{background:#ECECEC;color:#120B16}
.crm-showcase .ai-demo .ai-bubble b{color:#120B16}
.crm-showcase .ai-demo .ai-controls button{background:#FFB178;color:#120B16}
@media(max-width:600px){.crm-showcase .ai-demo.product-demo{padding:20px}}