/* Vitrine: casca comum dos mockups por serviço (v5). Conteúdo dos slides em vit-<servico>.css. */
.vit{position:relative;max-width:100%;margin:16px 0 8px}
.vit-frame{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 50px rgba(15,23,42,.10)}
.vit-frame--phone{width:min(300px,100%);margin:0 auto;aspect-ratio:9/18;border-radius:36px;border:8px solid #0f172a;background:#0f172a}
.vit-frame--phone::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:36%;height:22px;background:#0f172a;border-radius:0 0 14px 14px;z-index:3}
.vit-frame--browser{aspect-ratio:16/10}
.vit-frame--browser::before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:#f1f5f9;border-bottom:1px solid var(--line);z-index:3}
.vit-frame--browser::after{content:"";position:absolute;top:10px;left:12px;width:8px;height:8px;border-radius:50%;background:#cbd5e1;box-shadow:14px 0 0 #cbd5e1,28px 0 0 #cbd5e1;z-index:4}
.vit-frame--browser .vit-track{top:28px;height:calc(100% - 28px)}
.vit-frame--square{aspect-ratio:1/1}
.vit-track{position:absolute;inset:0;display:flex;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1);will-change:transform}
.vit-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;background:#fff;color:var(--ink);font-size:13px;line-height:1.35}
.vit-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
.vit-frame--phone .vit-slide{border-radius:28px}
.vit-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;min-height:44px}
.vit-prev,.vit-next{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;font-size:0;transition:border-color .15s ease,background-color .15s ease}
.vit-prev svg,.vit-next svg{width:18px;height:18px}
.vit-prev:hover,.vit-next:hover{border-color:var(--accent);color:var(--accent)}
.vit-dots{display:inline-flex;gap:6px}
.vit-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#cbd5e1;cursor:pointer;min-width:0;transition:background-color .15s ease,transform .15s ease}
.vit-dots button[aria-current="true"]{background:var(--accent);transform:scale(1.25)}
.vit-caption{display:block;text-align:center;font-size:13px;color:var(--muted);margin-top:6px;min-height:1.4em}
.vit-badge{position:absolute;top:10px;right:10px;z-index:5;font-size:10px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.vit-frame--phone .vit-badge{top:30px}
.vit-frame--browser .vit-badge{top:36px}
/* utilitários de conteúdo decorativo compartilhados pelos slides */
.vit-bar{display:block;height:7px;border-radius:4px;background:#e2e8f0}
.vit-bar--dark{background:#cbd5e1}
.vit-btn{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:12px}
.vit-chip{display:inline-block;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:var(--ink);font-size:11px;font-weight:500}
@media(prefers-reduced-motion:reduce){.vit-track{transition:none}}
@media(forced-colors:active){.vit-prev,.vit-next,.vit-dots button{border:1px solid ButtonText}.vit-dots button[aria-current="true"]{background:Highlight}}

/* ===== vit-logo ===== */
/* Vitrine "Criação ou atualização de logo" (v5). Só conteúdo dos slides; a casca está em vitrine.css. */

/* base: imagens dentro do slide nunca cortam a logo */
.vit-logo .vit-slide img{object-fit:contain;pointer-events:none}
.vit-logo .vit-slide{display:flex;align-items:center;justify-content:center}

/* palco central com respiro (slides 1 e 2) */
.vit-logo__stage{width:58%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;pointer-events:none}
.vit-logo .vit-logo__stage img{width:100%;height:auto}

/* etiqueta discreta no rodapé (slides 1 e 2) */
.vit-logo__tag{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none}

/* 1) versão principal: fundo branco + entrada suave */
.vit-logo__main{background:var(--paper)}
.vit-logo__main .vit-logo__stage{opacity:1;transform:scale(1)}
.vit-logo__main.is-active .vit-logo__stage{animation:vit-logo-in .6s cubic-bezier(.2,.7,.2,1) 1 both}
@keyframes vit-logo-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* 2) versão monocromática: fundo gelo + filtro */
.vit-logo__mono{background:var(--tint)}
.vit-logo__mono .vit-logo__stage img{filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply}

/* 3) sobre fundo escuro: cartão branco pequeno com a logo */
.vit-logo__dark{background:var(--dark);flex-direction:column;gap:22px}
.vit-logo__card{width:40%;aspect-ratio:1/1;background:var(--paper);border-radius:14px;padding:5%;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.35);pointer-events:none}
.vit-logo .vit-logo__card img{width:100%;height:auto}
.vit-logo__rule{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--dark-2);color:var(--accent-soft);font-size:12px;font-weight:500;pointer-events:none}
.vit-logo__rule svg{width:14px;height:14px;flex:0 0 auto}

/* 4) aplicação: foto de cartões ao fundo + cartão de visita sobreposto */
.vit-logo__apply{background:var(--tint)}
.vit-logo .vit-slide .vit-logo__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vit-logo__biz{position:absolute;right:7%;bottom:8%;width:46%;aspect-ratio:17/10;background:var(--paper);border-radius:8px;padding:7% 6%;display:grid;grid-template-columns:34% 1fr;grid-template-rows:auto auto;column-gap:8%;row-gap:8px;align-items:center;align-content:center;box-shadow:0 18px 40px rgba(15,23,42,.28),0 2px 6px rgba(15,23,42,.12);transform:rotate(-4deg);pointer-events:none}
.vit-logo .vit-logo__biz img{grid-row:1/3;width:100%;height:auto;object-fit:contain}
.vit-logo__biz .vit-bar{width:100%;height:6px}
.vit-logo__biz .vit-bar--dark{width:70%;align-self:end}

/* respeito a quem prefere menos movimento */
@media (prefers-reduced-motion: reduce){
  .vit-logo__main.is-active .vit-logo__stage{animation:none}
}

/* ===== vit-identidade ===== */
/* Vitrine "Identidade visual" (v5): paleta, cartões, embalagem e moodboard. */
.vit-identidade .vit-slide > *{pointer-events:none}

/* 1) Paleta e tipografia */
.vit-identidade .vit-id-paleta{position:absolute;inset:0;display:flex;flex-direction:column;gap:5%;padding:clamp(38px,11%,52px) 8% 8%;background:#fff;overflow:hidden}
.vit-identidade .vit-id-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;flex:1 1 55%;min-height:0}
.vit-identidade .vit-id-swatch{position:relative;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.vit-identidade .vit-id-swatch span{position:absolute;left:10px;bottom:8px;font-size:10px;font-weight:600;letter-spacing:.04em;color:#fff;opacity:.9}
.vit-identidade .vit-id-swatch--marinho{background:#0f172a}
.vit-identidade .vit-id-swatch--azul{background:#1d4ed8}
.vit-identidade .vit-id-swatch--claro{background:#93c5fd}
.vit-identidade .vit-id-swatch--claro span,.vit-identidade .vit-id-swatch--gelo span{color:var(--dark)}
.vit-identidade .vit-id-swatch--gelo{background:#f1f5f9}
.vit-identidade .vit-id-tipos{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;border-top:1px solid var(--line);padding-top:5%;overflow:hidden}
.vit-identidade .vit-id-t1{font-size:clamp(18px,6.5cqw,28px);font-weight:600;letter-spacing:-.02em;color:var(--dark);line-height:1.15;white-space:nowrap}
.vit-identidade .vit-id-t2{font-size:clamp(13px,4cqw,17px);font-weight:500;color:var(--accent);line-height:1.2;white-space:nowrap}
.vit-identidade .vit-id-t3{font-size:clamp(11px,3cqw,13px);font-weight:400;color:var(--muted);line-height:1.3;white-space:nowrap}
.vit-identidade .vit-slide.is-active .vit-id-swatch{animation:vit-id-pop .5s cubic-bezier(.2,.7,.2,1) both}
.vit-identidade .vit-slide.is-active .vit-id-swatch:nth-child(2){animation-delay:.08s}
.vit-identidade .vit-slide.is-active .vit-id-swatch:nth-child(3){animation-delay:.16s}
.vit-identidade .vit-slide.is-active .vit-id-swatch:nth-child(4){animation-delay:.24s}
@keyframes vit-id-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}

/* 2) Cartões: aplicação sobre a foto */
/* a pilha da foto é um quadrado de ~60% centrado em (50%,51%), girado ~-16deg; a aplicação segue esse enquadramento */
.vit-identidade .vit-id-cartao{position:absolute;left:23%;top:24%;width:54%;aspect-ratio:1/1;transform:rotate(-16.5deg);transform-origin:center}
.vit-identidade .vit-id-faixa{position:absolute;left:0;top:0;width:100%;height:16%;background:var(--accent);border-radius:2px;opacity:.95}
.vit-identidade .vit-id-quadrado{position:absolute;left:8%;bottom:10%;width:13%;aspect-ratio:1/1;background:var(--accent);border-radius:3px}
.vit-identidade .vit-slide.is-active .vit-id-cartao{animation:vit-id-fade .6s ease both}
@keyframes vit-id-fade{from{opacity:0}to{opacity:1}}

/* 3) Embalagem: selo redondo sobre a etiqueta */
/* a etiqueta da foto fica em ~(51%,44%); o selo cobre o centro dela */
.vit-identidade .vit-id-selo{position:absolute;left:51%;top:45%;width:22%;aspect-ratio:1/1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(15,23,42,.25);text-align:center;overflow:hidden}
.vit-identidade .vit-id-selo svg{width:28%;height:28%;flex:0 0 auto}
.vit-identidade .vit-id-selo span{width:78%;font-size:clamp(7px,2.1cqw,11px);font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.1}
.vit-identidade .vit-slide.is-active .vit-id-selo{animation:vit-id-stamp .5s cubic-bezier(.2,.7,.2,1.2) both}
@keyframes vit-id-stamp{from{opacity:0;transform:translate(-50%,-50%) scale(1.25)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* 4) Moodboard: mosaico 2x2 */
.vit-identidade .vit-id-mosaico{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;padding:6px;background:#fff;overflow:hidden}
.vit-identidade .vit-id-mosaico > *{min-width:0;min-height:0}
.vit-identidade .vit-id-mosaico img{width:100%;height:100%;border-radius:10px}
.vit-identidade .vit-id-bloco{display:flex;align-items:flex-end;padding:10%;border-radius:10px;background:var(--accent);overflow:hidden}
.vit-identidade .vit-id-bloco span{font-size:clamp(10px,3cqw,13px);font-weight:600;color:#fff;letter-spacing:.02em}
.vit-identidade .vit-slide.is-active .vit-id-mosaico > *{animation:vit-id-pop .5s cubic-bezier(.2,.7,.2,1) both}
.vit-identidade .vit-slide.is-active .vit-id-mosaico > :nth-child(2){animation-delay:.08s}
.vit-identidade .vit-slide.is-active .vit-id-mosaico > :nth-child(3){animation-delay:.16s}
.vit-identidade .vit-slide.is-active .vit-id-mosaico > :nth-child(4){animation-delay:.24s}

/* container query para o clamp em cqw */
.vit-identidade .vit-slide{container-type:inline-size}

@media (prefers-reduced-motion: reduce){
  .vit-identidade .vit-slide.is-active .vit-id-swatch,
  .vit-identidade .vit-slide.is-active .vit-id-cartao,
  .vit-identidade .vit-slide.is-active .vit-id-selo,
  .vit-identidade .vit-slide.is-active .vit-id-mosaico > *{animation:none}
}

/* ===== vit-animacao ===== */
/* Vitrine "Animação de logo e interação web" (key: animacao, moldura square). Casca comum em vitrine.css. */
.vit-animacao .vit-slide{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%}
.vit-animacao .vit-slide *{pointer-events:none}

/* palco central comum */
.vit-animacao__palco{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62%;aspect-ratio:1/1}
.vit-animacao .vit-animacao__logo{position:relative;z-index:2;width:100%;height:auto;object-fit:contain;user-select:none}
.vit-animacao__nota{font-size:12px;color:var(--muted);letter-spacing:.02em;text-align:center}

/* 1) Entrada animada */
.vit-animacao__entrada .vit-animacao__palco{width:56%}
.vit-animacao__entrada .vit-animacao__logo{width:66%;opacity:0;transform:translateY(10px)}
.vit-animacao__brilho{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(29,78,216,.30) 0%,rgba(147,197,253,.22) 52%,rgba(255,255,255,0) 78%);opacity:0;z-index:1}
.vit-animacao__quadros{display:flex;gap:10px;align-items:center}
.vit-animacao__quadro{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.vit-animacao .vit-animacao__quadro img{width:70%;height:auto;object-fit:contain}
.vit-animacao__quadro--1 img{opacity:.12;transform:translateY(6px)}
.vit-animacao__quadro--2 img{opacity:.5;transform:translateY(3px)}
.vit-animacao__quadro--3 img{opacity:1}
.vit-animacao__quadro i{position:absolute;right:4px;bottom:2px;font-style:normal;font-size:9px;font-weight:600;color:var(--muted)}
.vit-animacao__quadro--3{border-color:var(--accent-soft)}
.vit-animacao__entrada.is-active .vit-animacao__logo{animation:vitAnimEntrada .8s cubic-bezier(.2,.7,.2,1) forwards}
.vit-animacao__entrada.is-active .vit-animacao__brilho{animation:vitAnimBrilho 1.4s ease-in-out .8s 2 forwards}
@keyframes vitAnimEntrada{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes vitAnimBrilho{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.04)}100%{opacity:.35;transform:scale(1)}}

/* 2) Passar o mouse */
.vit-animacao__hover .vit-animacao__palco{width:54%}
.vit-animacao__hover .vit-animacao__logo{width:66%}
.vit-animacao__anel{position:absolute;inset:0;border-radius:50%;border:2px dotted var(--accent);z-index:1}
.vit-animacao__cursor{position:absolute;right:-4%;bottom:-2%;width:17%;height:17%;z-index:3;filter:drop-shadow(0 2px 3px rgba(15,23,42,.25))}
.vit-animacao__hover.is-active .vit-animacao__anel{animation:vitAnimAnel 2.4s linear 2}
.vit-animacao__hover.is-active .vit-animacao__cursor{animation:vitAnimCursor 1.6s ease-in-out 2}
.vit-animacao__hover.is-active .vit-animacao__logo{animation:vitAnimTilt 1.6s ease-in-out 2}
@keyframes vitAnimAnel{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes vitAnimCursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-10%,-10%)}}
@keyframes vitAnimTilt{0%,100%{transform:scale(1)}50%{transform:scale(1.05) rotate(-2deg)}}

/* 3) Carregamento */
.vit-animacao__load .vit-animacao__palco{width:60%;aspect-ratio:auto;gap:18px}
.vit-animacao .vit-animacao__logo--mini{width:38%}
.vit-animacao__trilho{display:block;width:100%;height:6px;border-radius:999px;background:var(--tint);overflow:hidden}
.vit-animacao__fill{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-soft))}
.vit-animacao__load .vit-animacao__nota{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.vit-animacao__load.is-active .vit-animacao__fill{animation:vitAnimFill 1.5s cubic-bezier(.3,.6,.2,1) forwards}
@keyframes vitAnimFill{from{width:0}to{width:100%}}

@media (prefers-reduced-motion:reduce){
  .vit-animacao .vit-slide.is-active *{animation:none!important}
  .vit-animacao__entrada .vit-animacao__logo{opacity:1;transform:none}
  .vit-animacao__brilho{opacity:.35}
  .vit-animacao__fill{width:72%}
}

/* ===== vit-video ===== */
/* Vitrine "Edição de vídeo" (moldura browser simulando um editor). Casca em vitrine.css. */
.vit-video .vit-slide{background:var(--dark)}
.vit-video .vit-slide *{pointer-events:none}

/* slide 1: editor com preview e linha do tempo */
.vit-video-editor{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--dark-2);color:#fff}
.vit-video-preview{position:relative;flex:1 1 auto;min-height:0;margin:10px 10px 0;border-radius:6px;overflow:hidden;background:#000}
.vit-video-preview img{position:absolute;inset:0}
.vit-video-sub{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);max-width:90%;padding:4px 10px;border-radius:4px;background:rgba(11,18,32,.65);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vit-video-time{position:absolute;top:6px;left:8px;padding:1px 6px;border-radius:3px;background:rgba(11,18,32,.65);color:#fff;font-size:10px;font-variant-numeric:tabular-nums}
.vit-video-tools{display:flex;align-items:center;gap:10px;height:30px;padding:0 12px;color:var(--accent-soft)}
.vit-video-tools svg{width:14px;height:14px}
.vit-video-tools .vit-chip{margin-left:auto;background:var(--dark);color:var(--accent-soft);font-size:10px}
.vit-video-timeline{position:relative;flex:0 0 auto;padding:4px 12px 10px;background:var(--dark)}
.vit-video-ruler{display:block;height:6px;margin-bottom:4px;background:repeating-linear-gradient(90deg,var(--dark-2) 0 1px,transparent 1px 12px);border-bottom:1px solid var(--dark-2)}
.vit-video-clips{display:flex;gap:3px;height:60px}
.vit-video-clip{position:relative;flex:1 1 0;min-width:0;border-radius:4px;overflow:hidden;border:2px solid}
.vit-video-clip--a{flex-grow:1.3;border-color:var(--accent)}
.vit-video-clip--b{border-color:#0ea5a4}
.vit-video-clip--c{flex-grow:.9;border-color:#a855f7}
.vit-video-clip img{position:absolute;inset:0;opacity:.9}
.vit-video-clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.35)}
.vit-video-audio{display:block;height:12px;margin-top:3px;border-radius:3px;background:repeating-linear-gradient(90deg,#22c55e 0 2px,transparent 2px 4px);-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);opacity:.7}
.vit-video-cursor{position:absolute;top:4px;bottom:10px;left:34%;width:2px;background:var(--accent-soft);box-shadow:0 0 6px var(--accent-soft)}
.vit-video-cursor::before{content:"";position:absolute;top:-2px;left:-5px;border:6px solid transparent;border-top:7px solid var(--accent-soft);border-bottom:0}
.vit-video .vit-slide.is-active .vit-video-cursor{animation:vit-video-scrub 2.4s ease-in-out 2}
@keyframes vit-video-scrub{0%{left:34%}50%{left:52%}100%{left:34%}}

/* slide 2: antes/depois dividido ao meio */
.vit-video-color{position:absolute;inset:0;background:#000}
.vit-video-half{position:absolute;top:0;bottom:0;overflow:hidden}
.vit-video-half img{position:absolute;top:0;left:0;width:200%;max-width:none;height:100%}
.vit-video-half--before{left:0;width:50%}
.vit-video-half--before img{filter:saturate(.4) brightness(.9)}
.vit-video-half--after{left:50%;width:50%}
.vit-video-half--after img{left:-100%}
.vit-video-split{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.6)}
.vit-video-split::before{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.vit-video-tag{position:absolute;bottom:56px;padding:3px 9px;border-radius:999px;background:rgba(11,18,32,.7);color:#fff;font-size:11px;font-weight:600}
.vit-video-half--before .vit-video-tag{left:10px}
.vit-video-half--after .vit-video-tag{right:10px}
.vit-video-scopes{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;background:rgba(15,23,42,.88);border-top:1px solid rgba(255,255,255,.08)}
.vit-video-wheel{display:block;width:30px;height:30px;border-radius:50%;border:2px solid var(--dark-2);background:conic-gradient(#f87171,#fbbf24,#4ade80,#60a5fa,#c084fc,#f87171)}
.vit-video-wheel--2{filter:saturate(.7)}
.vit-video-wheel--3{filter:brightness(.8)}
.vit-video-slider{position:relative;display:block;flex:1 1 0;height:4px;border-radius:2px;background:var(--dark-2)}
.vit-video-slider i{position:absolute;top:-4px;left:58%;width:12px;height:12px;border-radius:50%;background:var(--accent-soft)}
.vit-video-slider+.vit-video-slider i{left:36%}

/* slide 3: motion com título animado e formas */
.vit-video-motion{position:absolute;inset:0;overflow:hidden;background:#000}
.vit-video-motion>img{position:absolute;inset:0;filter:brightness(.75)}
.vit-video-shape{position:absolute;display:block;background:var(--accent);opacity:.85}
.vit-video-shape--tl{top:-30px;left:-30px;width:110px;height:110px;transform:rotate(45deg)}
.vit-video-shape--br{right:-20px;bottom:-20px;width:90px;height:90px;border-radius:50%;background:var(--accent-soft);opacity:.7}
.vit-video-shape--ring{top:18%;right:12%;width:44px;height:44px;border-radius:50%;background:none;border:4px solid var(--accent-soft)}
.vit-video-title{position:absolute;left:8%;bottom:16%;display:flex;flex-direction:column;gap:6px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.vit-video-kicker{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft)}
.vit-video-headline{font-size:clamp(20px,5.5vw,30px);font-weight:700;line-height:1.1}
.vit-video-line{display:block;width:56px;height:4px;border-radius:2px;background:var(--accent)}
.vit-video .vit-slide.is-active .vit-video-title{animation:vit-video-in .9s cubic-bezier(.2,.7,.2,1) 1 both}
.vit-video .vit-slide.is-active .vit-video-shape--tl{animation:vit-video-tl .9s ease-out 1 both}
.vit-video .vit-slide.is-active .vit-video-shape--br{animation:vit-video-br .9s ease-out .15s 1 both}
@keyframes vit-video-in{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes vit-video-tl{from{transform:translate(-60px,-60px) rotate(45deg)}to{transform:rotate(45deg)}}
@keyframes vit-video-br{from{transform:translate(60px,60px)}to{transform:none}}

@media (prefers-reduced-motion: reduce){
  .vit-video .vit-video-cursor,.vit-video .vit-video-title,.vit-video .vit-video-shape{animation:none !important}
}

/* ===== vit-assessoria ===== */
/* Vitrine "Assessoria de marca": diagnóstico, moodboard e plano de ação (square). */
.vit-assessoria .vit-slide{background:var(--tint)}
.vit-assessoria .vit-slide *{pointer-events:none}
.vit-assessoria-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 85% 10%,rgba(147,197,253,.45),transparent 45%),
  radial-gradient(circle at 10% 95%,rgba(29,78,216,.14),transparent 50%),var(--tint)}

/* cartão branco (diagnóstico e plano) */
.vit-assessoria-card{position:absolute;inset:9% 10%;display:flex;flex-direction:column;gap:7px;padding:7% 7% 6%;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.10)}
.vit-assessoria-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.vit-assessoria-title{font-size:18px;font-weight:700;line-height:1.2;color:var(--ink);margin-bottom:2px}
.vit-assessoria-card .vit-bar{width:100%}

/* checklist */
.vit-assessoria-list{display:flex;flex-direction:column;gap:9px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
.vit-assessoria-item{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:9px;row-gap:3px;align-items:center;font-size:12px;font-weight:600;color:var(--ink)}
.vit-assessoria-item svg{grid-row:1/3;width:18px;height:18px;color:#cbd5e1}
.vit-assessoria-item.is-done svg{color:var(--accent)}
.vit-assessoria-item .vit-bar{grid-column:2;height:5px}
.vit-assessoria-item:not(.is-done)>span:first-of-type{color:var(--muted);font-weight:500}
.vit-assessoria-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.vit-assessoria-foot .vit-bar{flex:0 1 40%}

/* moodboard */
.vit-assessoria-mood{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;padding:6px;background:var(--paper)}
.vit-assessoria-tile{position:relative;overflow:hidden;border-radius:10px;background:var(--tint)}
.vit-assessoria-tile--big{grid-column:1/3;grid-row:1/3}
.vit-assessoria-tile--wide{grid-column:2/4;grid-row:3}
.vit-assessoria-tile--note{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;background:var(--dark);color:#fff}
.vit-assessoria-tile--note .vit-assessoria-kicker{color:var(--accent-soft)}
.vit-assessoria-tile--note .vit-assessoria-title{color:#fff;font-size:13px}
.vit-assessoria-tile--note .vit-bar{background:var(--dark-2)}
.vit-assessoria-swatches{display:flex;gap:4px;margin:2px 0}
.vit-assessoria-swatches i{display:block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.vit-assessoria-swatches i:nth-child(1){background:#e7dfd2}
.vit-assessoria-swatches i:nth-child(2){background:#9a6b45}
.vit-assessoria-swatches i:nth-child(3){background:#8b949e}
.vit-assessoria-swatches i:nth-child(4){background:var(--accent)}

/* plano de ação: linha do tempo vertical */
.vit-assessoria-card--plan{gap:6px}
.vit-assessoria-timeline{position:relative;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-left:22px}
.vit-assessoria-timeline::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--line)}
.vit-assessoria-step{position:relative;display:flex;flex-direction:column;gap:5px}
.vit-assessoria-dot{position:absolute;left:-22px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--accent-soft)}
.vit-assessoria-step-title{font-size:12px;font-weight:700;color:var(--ink)}
.vit-assessoria-step .vit-bar{height:5px}

/* animações curtas ao ativar o slide */
.vit-assessoria .is-active .vit-assessoria-card{animation:vitAssessoriaRise .5s cubic-bezier(.2,.7,.2,1) 1 both}
.vit-assessoria .is-active .vit-assessoria-item.is-done svg{animation:vitAssessoriaPop .5s ease-out 1 both}
.vit-assessoria .is-active .vit-assessoria-item.is-done:nth-child(2) svg{animation-delay:.2s}
.vit-assessoria .is-active .vit-assessoria-dot{animation:vitAssessoriaPop .5s ease-out 1 both}
.vit-assessoria .is-active .vit-assessoria-step:nth-child(2) .vit-assessoria-dot{animation-delay:.2s}
.vit-assessoria .is-active .vit-assessoria-step:nth-child(3) .vit-assessoria-dot{animation-delay:.4s}
.vit-assessoria .is-active .vit-assessoria-tile{animation:vitAssessoriaFade .5s ease-out 1 both}
.vit-assessoria .is-active .vit-assessoria-tile:nth-child(2){animation-delay:.08s}
.vit-assessoria .is-active .vit-assessoria-tile:nth-child(3){animation-delay:.16s}
.vit-assessoria .is-active .vit-assessoria-tile:nth-child(4){animation-delay:.24s}
.vit-assessoria .is-active .vit-assessoria-tile:nth-child(5){animation-delay:.32s}
@keyframes vitAssessoriaRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes vitAssessoriaPop{from{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}
@keyframes vitAssessoriaFade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* telas estreitas: cartão mais largo */
@media(max-width:380px){
  .vit-assessoria-card{inset:6% 6%;padding:6% 6% 5%;gap:5px}
  .vit-assessoria-list{gap:6px;margin-top:4px;padding-top:6px}
  .vit-assessoria-item{font-size:11px}
  .vit-assessoria-step-title{font-size:11px}
  .vit-assessoria-timeline{gap:8px}
  .vit-assessoria-tile--note{gap:4px;padding:8px}
  .vit-assessoria-tile--note .vit-bar:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .vit-assessoria .is-active .vit-assessoria-card,
  .vit-assessoria .is-active .vit-assessoria-item.is-done svg,
  .vit-assessoria .is-active .vit-assessoria-dot,
  .vit-assessoria .is-active .vit-assessoria-tile{animation:none}
}

/* ===== vit-insta ===== */
/* Vitrine: Gestão de Instagram (moldura phone). Conteúdo decorativo, nada clicável. */
.vit-insta .vit-slide{display:flex;flex-direction:column;padding-top:34px;pointer-events:none}
.vit-insta .vit-slide>*{flex:0 0 auto}
.vit-insta-pad{padding:6px 14px 10px}
.vit-insta-title{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.vit-insta-sub{display:block;font-weight:600;font-size:12px;color:var(--muted);margin:14px 0 8px}
.vit-insta-tabs{display:flex;justify-content:space-around;align-items:center;margin-top:auto;height:44px;border-top:1px solid var(--line);background:#fff}
.vit-insta-tabs span{width:18px;height:18px;border-radius:5px;border:2px solid #94a3b8}
.vit-insta-tabs span:first-child{border-color:var(--ink);background:var(--ink)}
.vit-insta-tabs span:last-child{border-radius:50%;border-color:var(--accent)}

/* slide 1: perfil e feed */
.vit-insta-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.vit-insta-avatar{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--paper);color:var(--ink);font-weight:800;font-size:20px;letter-spacing:-.5px;border:3px solid var(--accent);box-shadow:0 0 0 2px #fff inset}
.vit-insta-meta{flex:1;min-width:0}
.vit-insta-name{display:block;font-weight:700;font-size:14px;margin-bottom:8px}
.vit-insta-stats{display:flex;justify-content:space-between;gap:6px}
.vit-insta-stats span{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;font-size:10px;color:var(--muted)}
.vit-insta-stats .vit-bar{width:70%;height:8px}
.vit-insta-follow{display:block;text-align:center;margin-top:12px;padding:7px 12px}
.vit-insta .vit-insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-content:start;flex:1 1 auto;min-height:0;overflow:hidden}
.vit-insta-grid>*{aspect-ratio:1/1;min-height:0}
.vit-insta-grid img{height:100%}
.vit-insta-tile{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-size:13px;text-align:center;padding:6px}
.vit-insta-tile--dark{background:var(--dark-2)}
.vit-insta-tile--soft{background:var(--accent-soft);color:var(--ink)}
.vit-insta .vit-slide.is-active .vit-insta-grid>*{animation:vit-insta-pop .45s cubic-bezier(.2,.7,.2,1) both}
.vit-insta .vit-slide.is-active .vit-insta-grid>*:nth-child(3n+2){animation-delay:.08s}
.vit-insta .vit-slide.is-active .vit-insta-grid>*:nth-child(3n){animation-delay:.16s}
@keyframes vit-insta-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}

/* slide 2: reels (três cartões 9:16 lado a lado, todos dentro da moldura) */
.vit-insta-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px;overflow:hidden}
.vit-insta-reel{position:relative;min-width:0;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:var(--dark)}
.vit-insta-reel img{position:absolute;inset:0}
.vit-insta-reel svg{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);fill:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.vit-insta-reel .vit-bar{position:absolute;left:8px;right:8px;bottom:8px;height:6px;background:rgba(255,255,255,.75)}
.vit-insta-reel .vit-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:4px;background:#fff}
.vit-insta-reel:nth-child(2) .vit-bar::after{width:80%}
.vit-insta-reel:nth-child(3) .vit-bar::after{width:45%}
.vit-insta-lines{display:flex;flex-wrap:wrap;gap:6px;padding-top:14px}
.vit-insta-lines .vit-insta-sub,.vit-insta-lines .vit-insta-next{flex:0 0 100%}
.vit-insta-lines .vit-bar{flex:0 0 auto}
.vit-insta .vit-slide.is-active .vit-insta-reel svg{animation:vit-insta-pulse 1.1s ease-in-out 2}
@keyframes vit-insta-pulse{50%{transform:translate(-50%,-50%) scale(1.18)}}

/* slide 3: stories */
.vit-insta-ring-row{display:flex;justify-content:space-between;padding:18px 14px 10px}
.vit-insta-ring{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);padding:2px;background:#fff}
.vit-insta-ring img{border-radius:50%}
.vit-insta-ring--me{font-weight:800;font-size:15px;color:var(--ink);border-color:var(--line)}
.vit-insta .vit-insta-story{position:relative;flex:1 1 auto;min-height:0;margin:0 10px 12px;border-radius:18px;overflow:hidden;background:var(--dark)}
.vit-insta-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 70%,rgba(0,0,0,.35))}
.vit-insta-progress{position:absolute;top:10px;left:10px;right:10px;height:3px;border-radius:2px;background:rgba(255,255,255,.45);z-index:2}
.vit-insta-progress i{position:absolute;left:0;top:0;bottom:0;width:40%;border-radius:2px;background:#fff}
.vit-insta .vit-slide.is-active .vit-insta-progress i{animation:vit-insta-fill 3s linear 2 both}
@keyframes vit-insta-fill{from{width:0}to{width:100%}}
.vit-insta-story-head{position:absolute;top:22px;left:12px;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:600;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.vit-insta-story-head b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);font-size:11px;font-weight:800}
.vit-insta-sticker{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-6deg);padding:8px 18px;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;font-size:17px;letter-spacing:.3px;box-shadow:0 8px 20px rgba(29,78,216,.35);z-index:2}
.vit-insta-reply{position:absolute;left:12px;right:12px;bottom:12px;height:32px;border-radius:999px;border:1.5px solid rgba(255,255,255,.8);z-index:2}
.vit-insta-reply::before{content:"";position:absolute;left:14px;top:50%;width:45%;height:6px;margin-top:-3px;border-radius:3px;background:rgba(255,255,255,.7)}

/* slide 4: calendário */
.vit-insta-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;text-align:center;font-size:10px;font-weight:600;color:var(--muted)}
.vit-insta-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.vit-insta-cal>span{position:relative;aspect-ratio:1/1.7;border-radius:7px;background:var(--tint);overflow:hidden}
.vit-insta-cal>span::before{content:"";position:absolute;left:5px;top:5px;width:9px;height:3px;border-radius:2px;background:#cbd5e1}
.vit-insta-cal>span.is-dot::after{content:"";position:absolute;left:50%;bottom:7px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff;z-index:2}
.vit-insta-cal>span img{position:absolute;inset:0}
.vit-insta-legend{display:flex;gap:12px;margin-top:12px;font-size:11px;color:var(--muted)}
.vit-insta-legend span{display:inline-flex;align-items:center;gap:5px}
.vit-insta-legend i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.vit-insta-legend i.is-reel{background:var(--dark-2)}
.vit-insta-legend i.is-story{background:var(--accent-soft)}
.vit-insta-next{display:flex;align-items:center;gap:10px;margin-top:8px}
.vit-insta-next .vit-chip{flex:0 0 44px;text-align:center}
.vit-insta .vit-slide.is-active .vit-insta-cal>span.is-dot::after{animation:vit-insta-pop .4s ease both}

@media (prefers-reduced-motion:reduce){
  .vit-insta .vit-slide.is-active .vit-insta-grid>*,.vit-insta .vit-slide.is-active .vit-insta-reel svg,.vit-insta .vit-slide.is-active .vit-insta-progress i,.vit-insta .vit-slide.is-active .vit-insta-cal>span.is-dot::after{animation:none}
}

/* ===== vit-sites ===== */
/* Vitrine "Sites": 5 páginas-exemplo na moldura browser. Casca em vitrine.css. */
.vit-sites .vit-slide{display:flex;flex-direction:column;--sc:var(--accent)}
.vit-sites .st-conf{--sc:#1d4ed8}
.vit-sites .st-adv{--sc:#1e3a8a}
.vit-sites .st-acad{--sc:#1d4ed8}
.vit-sites .st-flor{--sc:#166534}
.vit-sites .st-cafe{--sc:#78350f}

/* barra de navegação do site-exemplo */
.vit-sites .st-nav{flex:0 0 24px;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--paper);border-bottom:1px solid var(--line);pointer-events:none}
.vit-sites .st-logo{display:block;width:20px;height:9px;border-radius:3px;background:var(--sc)}
.vit-sites .st-links{display:flex;gap:8px;margin-left:auto}
.vit-sites .st-links .vit-bar{width:20px;height:5px}

/* hero com foto, gradiente e título */
.vit-sites .st-hero{position:relative;flex:0 0 60%;overflow:hidden;background:var(--dark-2);pointer-events:none}
.vit-sites .st-hero img{position:absolute;inset:0}
.vit-sites .st-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,18,32,.88) 0%,rgba(11,18,32,.45) 45%,rgba(11,18,32,0) 80%)}
.vit-sites .st-hero-text{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vit-sites .st-title{color:#fff;font-size:19px;font-weight:700;line-height:1.15;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.vit-sites .vit-btn{background:var(--sc);font-size:11px;padding:5px 11px}

/* três cartões com barras */
.vit-sites .st-cards{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;background:var(--tint);pointer-events:none}
.vit-sites .st-card{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:8px;min-height:0}
.vit-sites .st-ico{display:block;width:14px;height:14px;border-radius:4px;background:var(--sc);opacity:.85;margin-bottom:2px}
.vit-sites .st-card .vit-bar{height:6px}
.vit-sites .st-card .vit-bar--dark{width:70%}

/* entrada suave do slide visível (1 ciclo) */
@keyframes vit-sites-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vit-sites .vit-slide.is-active .st-hero-text{animation:vit-sites-up .5s cubic-bezier(.2,.7,.2,1) 1 both}
.vit-sites .vit-slide.is-active .st-card{animation:vit-sites-up .45s cubic-bezier(.2,.7,.2,1) 1 both}
.vit-sites .vit-slide.is-active .st-card:nth-child(2){animation-delay:.08s}
.vit-sites .vit-slide.is-active .st-card:nth-child(3){animation-delay:.16s}

/* molduras estreitas */
@media (max-width:380px){
  .vit-sites .st-title{font-size:17px}
  .vit-sites .st-cards{gap:6px;padding:8px}
  .vit-sites .st-card{padding:6px}
}
@media (prefers-reduced-motion:reduce){
  .vit-sites .vit-slide.is-active .st-hero-text,.vit-sites .vit-slide.is-active .st-card{animation:none}
}

/* ===== vit-ia ===== */
/* Vitrine "IA de atendimento" (vit-ia): conversa com a IA, equipe assume, painel da equipe. Moldura phone. */
.vit-ia .vit-slide{background:#f1f5f9}
.vit-ia .vit-slide *{pointer-events:none}

/* --- slides 1 e 2: tela de conversa --- */
.vit-ia .vit-ia-chat{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:30px}
.vit-ia .vit-ia-head{display:flex;align-items:center;gap:10px;padding:8px 14px 10px;background:#fff;border-bottom:1px solid #e2e8f0}
.vit-ia .vit-ia-avatar{width:34px;height:34px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,#93c5fd,#1d4ed8)}
.vit-ia .vit-ia-who{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.vit-ia .vit-ia-name{font-weight:600;font-size:13px;color:#0b1220}
.vit-ia .vit-ia-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#5b6678}
.vit-ia .vit-ia-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block}
.vit-ia .vit-ia-msgs{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;padding:14px 12px;overflow:hidden}
.vit-ia .vit-ia-msg{max-width:82%;padding:8px 11px;border-radius:14px;font-size:12px;line-height:1.35;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.vit-ia .vit-ia-msg--me{align-self:flex-end;background:#1d4ed8;color:#fff;border-bottom-right-radius:4px}
.vit-ia .vit-ia-msg--bot{align-self:flex-start;background:#fff;color:#0b1220;border:1px solid #e2e8f0;border-bottom-left-radius:4px}
.vit-ia .vit-ia-msg--team{align-self:flex-start;background:#dbeafe;color:#0b1220;border-bottom-left-radius:4px}
.vit-ia .vit-ia-tag{display:block;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1d4ed8;margin-bottom:3px}
.vit-ia .vit-ia-banner{align-self:center;max-width:92%;text-align:center;font-size:10px;font-weight:600;color:#1e3a8a;background:#dbeafe;border-radius:999px;padding:4px 12px;margin:2px 0}
.vit-ia .vit-ia-input{display:flex;align-items:center;gap:8px;margin:0 10px 14px;padding:8px 8px 8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;color:#5b6678}
.vit-ia .vit-ia-input>span:first-child{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vit-ia .vit-ia-send{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1d4ed8;color:#fff;flex:0 0 auto}
.vit-ia .vit-ia-send svg{width:14px;height:14px}

/* entrada escalonada dos balões (só no slide 1; slide 2 anima só a faixa e o balão da equipe) */
@keyframes vit-ia-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vit-ia .vit-ia-msgs:not(.vit-ia-msgs--static) .vit-ia-msg,
.vit-ia .vit-ia-banner,.vit-ia .vit-ia-msg--team{opacity:0}
.vit-ia .vit-slide.is-active .vit-ia-msgs:not(.vit-ia-msgs--static) .vit-ia-msg,
.vit-ia .vit-slide.is-active .vit-ia-banner,
.vit-ia .vit-slide.is-active .vit-ia-msg--team{animation:vit-ia-in .3s ease-out both}
.vit-ia .vit-slide.is-active .vit-ia-msgs .vit-ia-msg:nth-child(2){animation-delay:.35s}
.vit-ia .vit-slide.is-active .vit-ia-msgs .vit-ia-msg:nth-child(3){animation-delay:.7s}
.vit-ia .vit-slide.is-active .vit-ia-msgs .vit-ia-msg:nth-child(4){animation-delay:1.05s}
.vit-ia .vit-slide.is-active .vit-ia-banner{animation-delay:.2s}
.vit-ia .vit-slide.is-active .vit-ia-msg--team{animation-delay:.55s}

/* --- slide 3: painel da equipe --- */
.vit-ia .vit-ia-panel{position:absolute;inset:0;display:flex;flex-direction:column;padding:30px 0 0;background:#fff}
.vit-ia .vit-ia-ptitle{padding:12px 16px 10px;font-size:17px;font-weight:700;color:#0b1220;border-bottom:1px solid #e2e8f0}
.vit-ia .vit-ia-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #f1f5f9}
.vit-ia .vit-ia-pav{width:38px;height:38px;border-radius:50%;flex:0 0 auto}
.vit-ia .vit-ia-pav--1{background:linear-gradient(135deg,#fde68a,#f59e0b)}
.vit-ia .vit-ia-pav--2{background:linear-gradient(135deg,#93c5fd,#1d4ed8)}
.vit-ia .vit-ia-pav--3{background:linear-gradient(135deg,#bbf7d0,#16a34a)}
.vit-ia .vit-ia-pav--4{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}
.vit-ia .vit-ia-pbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}
.vit-ia .vit-ia-pname{font-size:13px;font-weight:600;color:#0b1220;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vit-ia .vit-ia-pmeta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto}
.vit-ia .vit-ia-ptime{font-size:10px;color:#5b6678}
.vit-ia .vit-ia-ptag{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 7px}
.vit-ia .vit-ia-ptag--team{color:#fff;background:#1d4ed8}

@media (prefers-reduced-motion: reduce){
  .vit-ia .vit-ia-msg,.vit-ia .vit-ia-banner{opacity:1 !important;animation:none !important}
}

/* ===== vit-auto ===== */
/* Vitrine "Automações e integrações" (key: auto): conteúdo dos 3 slides quadrados. Casca em vitrine.css. */
.vit-auto .vit-slide{background:linear-gradient(180deg,#fff 0%,#f1f5f9 100%)}
.vit-auto .vit-slide *{pointer-events:none;user-select:none}
.vit-auto .vit-auto-tag{position:absolute;top:12px;left:14px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.vit-auto .vit-auto-balloon,.vit-auto .vit-auto-msg{position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 13px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px rgba(15,23,42,.08)}

/* slide 1 — fluxo: três nós ligados por linha tracejada; o ponto azul percorre o caminho 2 vezes */
.vit-auto .vit-auto-lines{position:absolute;inset:0;width:100%;height:100%}
.vit-auto .vit-auto-lines path{fill:none;stroke:#94a3b8;stroke-width:.6;stroke-dasharray:1.6 1.6}
.vit-auto .vit-auto-dot{fill:var(--accent);opacity:0;transform:translate(28px,26px)}
.vit-auto .vit-slide.is-active .vit-auto-dot{animation:vit-auto-run 2.4s linear 2}
@keyframes vit-auto-run{0%{transform:translate(28px,26px);opacity:0}8%{opacity:1}50%{transform:translate(50px,52px)}92%{opacity:1}100%{transform:translate(72px,80px);opacity:0}}
.vit-auto .vit-auto-node{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center}
.vit-auto .vit-auto-n1{left:28%;top:26%}
.vit-auto .vit-auto-n2{left:50%;top:52%}
.vit-auto .vit-auto-n3{left:72%;top:80%}
.vit-auto .vit-auto-lbl{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.vit-auto .vit-auto-ai{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 0 0 8px rgba(147,197,253,.35),0 10px 24px rgba(29,78,216,.25)}
.vit-auto .vit-auto-ai svg{width:26px;height:26px}
.vit-auto .vit-auto-grid{display:grid;grid-template-columns:repeat(3,10px);gap:3px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.vit-auto .vit-auto-grid>span{width:10px;height:10px;border-radius:2px;background:#e2e8f0}
.vit-auto .vit-auto-grid>span.on{background:var(--accent)}

/* slide 2 — lembrete de consulta: cartão de agenda + balão "Lembrete enviado" */
.vit-auto .vit-auto-cal{position:absolute;left:8%;top:17%;width:56%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.10)}
.vit-auto .vit-auto-cal-h{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--dark);color:#fff}
.vit-auto .vit-auto-cal-h svg{width:14px;height:14px;flex:none}
.vit-auto .vit-auto-cal-h .vit-bar{width:45%;background:#64748b}
.vit-auto .vit-auto-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px 4px;padding:12px 12px 10px}
.vit-auto .vit-auto-days>span{width:11px;height:11px;justify-self:center;border-radius:50%;background:#e2e8f0}
.vit-auto .vit-auto-days>span.on{background:var(--accent);box-shadow:0 0 0 3px #dbeafe}
.vit-auto .vit-auto-time{display:flex;align-items:center;gap:8px;padding:9px 12px 12px;border-top:1px solid var(--line);color:var(--accent)}
.vit-auto .vit-auto-time svg{width:14px;height:14px;flex:none}
.vit-auto .vit-auto-time .vit-bar{flex:1}
.vit-auto .vit-auto-time .vit-bar--dark{flex:.6}
.vit-auto .vit-auto-msg--sent{position:absolute;right:8%;bottom:16%;border-radius:14px 14px 4px 14px}
.vit-auto .vit-auto-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff}
.vit-auto .vit-auto-check svg{width:12px;height:12px}
.vit-auto .vit-auto-s2.is-active .vit-auto-msg--sent{animation:vit-auto-pop .5s cubic-bezier(.2,.7,.2,1) 1 both}
@keyframes vit-auto-pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* slide 3 — registro de pedido: balão → seta → mini planilha com a última linha "novo" */
.vit-auto .vit-auto-msg--top{position:absolute;left:8%;top:15%}
.vit-auto .vit-auto-arrow{position:absolute;inset:0;width:100%;height:100%}
.vit-auto .vit-auto-arrow path{fill:none;stroke:var(--accent);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}
.vit-auto .vit-auto-line{stroke-dasharray:2 1.6}
.vit-auto .vit-auto-s3.is-active .vit-auto-line{animation:vit-auto-flow 1.2s linear 2}
@keyframes vit-auto-flow{from{stroke-dashoffset:7.2}to{stroke-dashoffset:0}}
.vit-auto .vit-auto-sheet{position:absolute;left:8%;right:8%;top:45%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.10)}
.vit-auto .vit-auto-row{position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;align-items:center;padding:11px 58px 11px 14px;border-top:1px solid var(--line)}
.vit-auto .vit-auto-row--h{border-top:0;background:#f8fafc}
.vit-auto .vit-auto-row--new{background:#dbeafe}
.vit-auto .vit-auto-row--new .vit-bar{background:#bfdbfe}
.vit-auto .vit-auto-new{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--accent);color:#fff;font-weight:600}

@media (prefers-reduced-motion:reduce){
  .vit-auto .vit-slide.is-active .vit-auto-dot,.vit-auto .vit-auto-s2.is-active .vit-auto-msg--sent,.vit-auto .vit-auto-s3.is-active .vit-auto-line{animation:none}
  .vit-auto .vit-auto-dot{opacity:1;transform:translate(39px,39px)}
}