/* Assistente de voz: marca, demonstração do topo, cenas "para quem é", recursos e confiança. */

/* Marca em texto (substitui o logotipo antigo). */
.voz-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#f5f0ff;font:700 20px/1 Syne,Arial,sans-serif;letter-spacing:-.03em}
.voz-brand em{font-style:normal;color:#c7a7ff}
.voz-orb{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(150deg,#b27dff,#6b31c6);color:#fff;font:800 14px/1 Syne,Arial,sans-serif;letter-spacing:0;box-shadow:0 0 24px #9759ff66}
.voz-brand--sm{font-size:17px}.voz-brand--sm .voz-orb{width:32px;height:32px;font-size:12px;border-radius:10px}
.voz-brand--lg{font-size:clamp(26px,3.4vw,38px);justify-content:center}.voz-brand--lg .voz-orb{width:52px;height:52px;border-radius:16px;font-size:19px}

/* Chips do topo (no lugar dos logos de ChatGPT/Claude). */
.compat .voz-chip-t{display:inline-flex;align-items:center;gap:8px}
.compat .voz-chip-t svg{width:20px;height:20px;flex:none;fill:none;stroke:#c7a7ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Demonstração do topo: conversa por voz. */
.voz-phone{position:relative;width:100%;aspect-ratio:9/16;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse 90% 45% at 50% -5%,#3a1d6b 0%,#3a1d6b00 70%),#0e0819;border:1px solid #c599ff40;box-shadow:0 35px 100px #02000665,0 0 110px #a046ef24;isolation:isolate;color:#f5f0ff}
.voz-top{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid #ffffff14}
.voz-top .voz-orb{width:30px;height:30px;border-radius:10px;font-size:11px}
.voz-top b{flex:1;font:700 15px/1 Syne,Arial,sans-serif;letter-spacing:-.02em}
.voz-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#c7a7ff}
.voz-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#9759ff;box-shadow:0 0 0 0 #9759ffaa;animation:vozDot 1.6s infinite}
.voz-chat{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px;overflow:hidden}
.voz-msg{max-width:90%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.45;animation:vozIn .45s cubic-bezier(.2,.75,.2,1) both}
.voz-msg--me{align-self:flex-end;background:linear-gradient(150deg,#a466f7,#6b31c6);color:#fff;border-bottom-right-radius:5px}
.voz-msg--ia{align-self:flex-start;background:#1d1334;border:1px solid #3b2a5e;border-bottom-left-radius:5px}
.voz-msg small{display:block;margin-bottom:5px;font:700 10px/1 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c7a7ff}
.voz-msg ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.voz-msg li{display:flex;gap:8px;align-items:baseline;font-size:13px;color:#e9e1f7}
.voz-msg li b{flex:none;min-width:44px;color:#f5a962;font-weight:700}
.voz-msg .voz-done{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:100px;background:#9759ff30;color:#e4d4ff;font-size:12px;font-weight:700}
.voz-mic{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 16px 20px}
.voz-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:30px}
.voz-wave i{width:4px;height:6px;border-radius:2px;background:#c7a7ff}
.voz-phone.is-listening .voz-wave i{animation:vozWave .9s ease-in-out infinite;animation-delay:calc(var(--i) * .07s)}
.voz-mic-btn{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(150deg,#b27dff,#7a3ddb)}
.voz-mic-btn svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.voz-phone.is-listening .voz-mic-btn{animation:vozPulse 1.4s infinite}
.voz-hint{font-size:12px;color:#b4a9c6}

@keyframes vozIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes vozWave{0%,100%{height:6px}50%{height:28px}}
@keyframes vozPulse{0%{box-shadow:0 0 0 0 #b07dffb0}70%{box-shadow:0 0 0 18px #b07dff00}100%{box-shadow:0 0 0 0 #b07dff00}}
@keyframes vozDot{0%{box-shadow:0 0 0 0 #9759ffaa}70%{box-shadow:0 0 0 8px #9759ff00}100%{box-shadow:0 0 0 0 #9759ff00}}

/* Cenas "para quem é": animação só quando visível (classe pub-play, colocada por sec-pub.js). */
.voz-s-pulse{transform-box:fill-box;transform-origin:center;opacity:0}
.pub-play .voz-s-pulse{animation:vozRing 2.4s ease-out infinite}
.voz-s-pulse2{animation-delay:.8s!important}
.voz-s-ok{transform-box:fill-box;transform-origin:center;opacity:0}
.pub-play .voz-s-ok{animation:vozPop 6s cubic-bezier(.2,.9,.3,1.2) infinite}
.voz-s-ok2{animation-delay:.5s!important}.voz-s-ok3{animation-delay:1s!important}
.voz-s-bar{transform-box:fill-box;transform-origin:0 50%}
.pub-play .voz-s-bar{animation:vozFill 6s var(--pub-ease,ease) infinite}
@keyframes vozRing{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(1.9)}}
@keyframes vozPop{0%,18%{opacity:0;transform:scale(.6)}28%,88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes vozFill{0%,12%{transform:scaleX(0)}40%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.pub-card-voz .pub-pain{max-width:340px}

/* Recursos. */
.voz-feat{position:relative}
.voz-feat-head{max-width:760px;margin:0 auto;text-align:center}
.section .voz-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px;border-radius:100px;border:1px solid #c599ff40;background:#9759ff1c;color:#d9c3ff;font:700 12px/1 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.section .voz-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#9759ff;box-shadow:0 0 12px #9759ff}
.voz-feat-head p.voz-sub{font-size:18px;color:#b4a9c6;margin:0}
.voz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:52px 0 0;padding:0;list-style:none}
.voz-card{display:flex;flex-direction:column;padding:28px;border-radius:22px;background:linear-gradient(180deg,#1a1130,#120c22);border:1px solid #33264d;box-shadow:inset 0 1px 0 #ffffff0d;transition:transform .3s,border-color .3s}
.voz-card:hover{transform:translateY(-4px);border-color:#9d6bff80}
.voz-ico{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:15px;background:linear-gradient(150deg,#a466f7,#5b28b3)}
.voz-ico svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.section .voz-card h3{font:700 21px/1.25 Syne,Arial,sans-serif;letter-spacing:-.03em;color:#f5f0ff;margin:0 0 10px}
.section .voz-card p{font-size:15.5px;line-height:1.6;margin:0 0 18px;color:#b4a9c6}
.section .voz-card p.voz-say{margin:auto 0 0;padding:2px 0 2px 14px;border-left:3px solid #9759ff;font-style:italic;color:#d9c3ff}

/* Confiança. */
.voz-trust{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.voz-trust-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.voz-trust-list li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:20px;border-radius:18px;border:1px solid #33264d;background:#120c22}
.voz-trust-list b{display:block;margin-bottom:4px;font:700 18px/1.3 Syne,Arial,sans-serif;letter-spacing:-.02em;color:#f5f0ff}
.voz-trust-list span{font-size:15.5px;color:#b4a9c6}
.voz-trust-list .voz-ico{width:44px;height:44px;margin:0;border-radius:13px}
.voz-trust-list .voz-ico svg{width:22px;height:22px}

/* Oferta e rodapé com marca em texto. */
.ofr-logo .voz-brand{display:flex}
.lgl-id .voz-brand{margin-bottom:14px}

@media(max-width:1000px){.voz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voz-trust{grid-template-columns:1fr;gap:36px}}
@media(max-width:640px){.voz-grid{grid-template-columns:1fr;margin-top:36px}.voz-card{padding:24px}.voz-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){.voz-s-pulse{opacity:.4}.voz-s-ok{opacity:1}.voz-msg{animation:none}}

/* Celular: a demonstração ocupa o lugar do vídeo (a coluna usa display:contents). */
@media(max-width:760px){.voz-phone{order:3;width:min(100%,calc(var(--vsl-h) * 9 / 16));border-radius:18px}.voz-msg{font-size:13px}}

/* Galeria sem vídeos cadastrados: mostra só o título e o aviso. */
#exemplos[data-ready="empty"] .sc-rail-wrap,#exemplos[data-ready="empty"] .sc-theater,#exemplos[data-ready="empty"] .sc-strip-wrap{display:none}
#exemplos[data-ready="empty"] .showcase-error{margin:28px auto 0;text-align:center}

/* Miniaturas pequenas e de tamanho fixo, mesmo com poucos vídeos. */
.sc-strip{grid-auto-columns:108px;justify-content:start}
@media(max-width:640px){.sc-strip{grid-auto-columns:92px}}

/* Logo enviado pelo painel. */
.voz-logo{display:block;height:44px;width:auto;max-width:240px;object-fit:contain}
.voz-brand--sm .voz-logo{height:32px}
.voz-brand--lg .voz-logo{height:72px;max-width:320px;margin:0 auto}

/* Oferta: conversa pelo WhatsApp (sem preço). */
.ofr-talk{text-align:center;margin:0 0 22px}
.ofr-talk-t{margin:0 0 8px;font:700 clamp(24px,3vw,32px)/1.2 Syne,Arial,sans-serif;letter-spacing:-.03em;color:#f5f0ff}
.ofr-talk-s{margin:0 auto;max-width:420px;font-size:16px;color:#b4a9c6}

/* Seção da foto sem imagem: só texto, centralizado. */
.evo-layout.evo-nophoto{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body";max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.evo-nophoto .evo-body,.evo-nophoto .evo-head{justify-self:center}