@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:block;src:url(fontes/fonte-92684e4acde7.woff2) format('woff2');}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:block;src:url(fontes/fonte-92684e4acde7.woff2) format('woff2');}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:block;src:url(fontes/fonte-92684e4acde7.woff2) format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:block;src:url(fontes/fonte-ac057a5593cb.woff2) format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:block;src:url(fontes/fonte-ac057a5593cb.woff2) format('woff2');}
:root{
  --verde:#80A422; --verde-esc:#4B6211; --verde-claro:#F1F6E4;
  --vermelho:#9A2323; --papel:#FAFAF8; --tinta:#1F1E1B; --tinta-2:#57534E; --tinta-3:#8A857E;
  --linha:#E7E3DC; --linha-2:#D6D1C7; --fundo:#F1EFEA; --amarelo:#FFF7DB; --amarelo-borda:#EBD58C;
  --azul:#2F5D8A; --azul-claro:#EDF2F8;
  --titulo:'Outfit', system-ui, sans-serif; --texto:'Source Sans 3', system-ui, sans-serif;
  --suave:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--fundo); color:var(--tinta); font:15px/1.45 var(--texto); -webkit-font-smoothing:antialiased}
button{font:inherit; cursor:pointer}
[hidden]{display:none !important}

/* topo */
.topo{position:sticky; top:0; z-index:20; background:#fff; border-bottom:1px solid var(--linha)}
.topo-in{max-width:1440px; margin:0 auto; padding:10px 20px 8px; display:flex; gap:8px 16px; align-items:center; flex-wrap:wrap}
.marca{display:flex; gap:10px; align-items:center; min-width:250px; order:1}
.marca img{width:36px; height:36px; border-radius:50%; object-fit:cover}
.marca small{color:var(--tinta-3); font-size:12.5px; display:block; padding-left:4px}
.nome-form{font:600 16px/1.2 var(--titulo); border:0; background:transparent; padding:2px 4px; border-radius:6px; width:240px; color:var(--tinta)}
.nome-form:hover,.nome-form:focus{background:var(--fundo); outline:none}
.acoes{display:flex; gap:6px; flex-wrap:wrap; margin-left:auto; order:2; align-items:center}
.stats{display:flex; gap:6px; flex-wrap:wrap; order:3; width:100%; align-items:center}
.status{font-size:12.5px; color:var(--tinta-3); width:100%; display:flex; gap:10px; align-items:center; order:4; flex-wrap:wrap}
.status .alerta{color:#8a5a00; background:var(--amarelo); border:1px solid var(--amarelo-borda); padding:2px 8px; border-radius:6px}
.chip{background:var(--fundo); border-radius:999px; padding:4px 10px; font-size:12.5px; color:var(--tinta-2); white-space:nowrap; border:1px solid transparent}
.chip b{color:var(--tinta); font-weight:600}
.chip.ok{background:var(--verde-claro); color:var(--verde-esc)}
.chip.falta{background:var(--amarelo); border-color:var(--amarelo-borda); color:#7a5300}
button.chip{cursor:pointer}
button.chip.on{background:var(--tinta); color:#fff}
.btn{border:1px solid var(--linha-2); background:#fff; color:var(--tinta); border-radius:10px; padding:7px 12px; font-size:13.5px; font-weight:600}
.btn:hover{background:var(--fundo)}
.btn.prim{background:var(--verde-esc); border-color:var(--verde-esc); color:#fff}
.btn.prim:hover{background:#3d500e}
.btn.escuro{background:var(--tinta); border-color:var(--tinta); color:#fff}
.btn.escuro:hover{background:#000}
details.menu{position:relative}
details.menu summary{list-style:none}
details.menu summary::-webkit-details-marker{display:none}
.menu-lista{position:absolute; right:0; top:calc(100% + 6px); background:#fff; border:1px solid var(--linha); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.12); padding:6px; display:flex; flex-direction:column; min-width:200px; z-index:30}
.menu-lista button{border:0; background:transparent; text-align:left; padding:8px 10px; border-radius:8px; font-size:14px}
.menu-lista button:hover{background:var(--fundo)}
.abas{display:flex; gap:4px; max-width:1440px; margin:0 auto; padding:0 20px}
.aba{border:0; background:transparent; padding:9px 14px; font-weight:600; color:var(--tinta-3); border-bottom:2px solid transparent}
.aba.on{color:var(--tinta); border-bottom-color:var(--verde)}

/* layout */
.pagina{max-width:1440px; margin:0 auto; padding:16px 20px 80px}
.passos{background:#fff; border:1px solid var(--linha); border-radius:14px; padding:12px 16px; margin-bottom:14px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px}
.passos div{font-size:13.5px; color:var(--tinta-2)}
.passos b{display:block; color:var(--tinta); font:600 14px/1.2 var(--titulo); margin-bottom:2px}
.passos b span{display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--verde-claro); color:var(--verde-esc); font-size:12px; margin-right:6px}
@media (max-width:1100px){ .passos{grid-template-columns:1fr 1fr} }
.aviso-topo{background:var(--amarelo); border:1px solid var(--amarelo-borda); border-radius:12px; padding:10px 14px; margin-bottom:12px; font-size:14px; display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.grade{display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:24px; align-items:start}
@media (max-width:960px){ .grade{grid-template-columns:1fr} .lateral{display:none} }

/* seções */
.secao{margin:0 0 26px}
.secao-cab{display:flex; align-items:baseline; gap:10px; margin:0 4px 8px; flex-wrap:wrap}
.secao-cab h2{font:600 15px/1.2 var(--titulo); text-transform:uppercase; letter-spacing:.05em; margin:0}
.secao-cab .etapa{font-size:11.5px; font-weight:600; color:#fff; background:var(--verde); border-radius:999px; padding:2px 8px}
.secao-cab .desc{font-size:13px; color:var(--tinta-3)}
.secao-cab .conta{margin-left:auto; font-size:12.5px; color:var(--tinta-3)}
.add{width:100%; border:1.5px dashed var(--linha-2); background:transparent; color:var(--tinta-3); border-radius:12px; padding:8px; font-size:13px; font-weight:600}
.add:hover{color:var(--verde-esc); border-color:var(--verde)}
.add.alvo{border-color:var(--verde); background:var(--verde-claro)}

/* cartão do editor */
.cartao{background:#fff; border:1px solid var(--linha); border-radius:14px; padding:10px 14px 12px; margin:0 0 10px; position:relative; transition:box-shadow .15s, border-color .15s}
.cartao.sel{border-color:var(--verde); box-shadow:0 0 0 3px rgba(128,164,34,.18)}
.cartao.fora{background:#F7F6F2}
.cartao.fora .corpo{opacity:.5}
.cartao.arrastando{opacity:.35}
.cartao.drop-antes::before,.cartao.drop-depois::after{content:''; position:absolute; left:8px; right:8px; height:3px; border-radius:3px; background:var(--verde)}
.cartao.drop-antes::before{top:-7px}
.cartao.drop-depois::after{bottom:-7px}
.c-topo{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:13px; margin-bottom:4px}
.alca{cursor:grab; color:var(--tinta-3); font-size:16px; padding:0 4px; user-select:none}
.num{font:600 12px/1 var(--titulo); background:var(--tinta); color:#fff; border-radius:7px; padding:5px 7px; min-width:28px; text-align:center}
.num.fora{background:var(--linha-2); color:var(--tinta-2)}
.num.msg{background:var(--azul)}
select.tipo{border:1px solid var(--linha); border-radius:8px; padding:4px 6px; font:inherit; font-size:13px; background:#fff; color:var(--tinta-2)}
.tg{border:1px solid var(--linha); background:#fff; border-radius:999px; padding:3px 10px; font-size:12.5px; font-weight:600; color:var(--tinta-3)}
.tg.on{background:var(--verde-claro); border-color:#cfe0a6; color:var(--verde-esc)}
.tg.fica-nao{background:#F3E6E6; border-color:#e2c7c7; color:var(--vermelho)}
.tg.img.on{background:var(--azul-claro); border-color:#cbd8e8; color:var(--azul)}
.espaco{flex:1}
.mini{border:0; background:transparent; color:var(--tinta-3); padding:3px 6px; border-radius:6px; font-size:14px}
.mini:hover{background:var(--fundo); color:var(--tinta)}
.aviso{font-size:12px; color:#8a5a00; background:var(--amarelo); border:1px solid var(--amarelo-borda); border-radius:6px; padding:1px 7px}
.faixa-cond{display:flex; gap:8px; align-items:center; flex-wrap:wrap; background:var(--azul-claro); color:var(--azul); border-radius:9px; padding:5px 10px; font-size:13px; margin:2px 0 6px}
.faixa-cond button{border:0; background:#fff; color:var(--azul); border-radius:6px; padding:2px 8px; font-size:12.5px; font-weight:600}
.faixa-cond.erro{background:#F8E9E9; color:var(--vermelho)}
.ed-cond{background:#fff; border:1px solid #cbd8e8; border-radius:10px; padding:8px 10px; margin:4px 0 8px; font-size:13.5px}
.ed-cond select{border:1px solid var(--linha); border-radius:8px; padding:4px 6px; font:inherit; font-size:13.5px; max-width:100%}
.ed-cond label{display:flex; gap:8px; align-items:center; padding:3px 0}
.rot{font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta-3); font-weight:600; margin:8px 0 2px 6px; display:block}
textarea.f,input.f{width:100%; border:1px solid transparent; background:transparent; font:inherit; color:var(--tinta); padding:5px 6px; border-radius:8px; resize:none; overflow:hidden; display:block}
textarea.f:hover,input.f:hover{background:#F7F6F2}
textarea.f:focus,input.f:focus{background:#fff; border-color:var(--linha-2); outline:none}
.f-titulo{font:600 18px/1.3 var(--titulo) !important}
.f-apoio{color:var(--tinta-2); font-size:14.5px !important}
.f-peq{font-size:13.5px !important; color:var(--tinta-2)}
.opcoes{margin:4px 0 2px}
.op{display:grid; grid-template-columns:20px minmax(0,1.1fr) minmax(0,1.6fr) auto; gap:4px; align-items:center; margin-bottom:2px}
.op.com-img{grid-template-columns:52px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) auto}
.op .bolinha{color:var(--tinta-3); text-align:center; font-size:13px}
.op input.f{font-size:14.5px; padding:4px 6px}
.op .d{color:var(--tinta-3)}
.op .im{color:var(--azul); font-size:12.5px !important}
.op-acoes{display:flex}
.add-op{border:0; background:transparent; color:var(--verde-esc); font-weight:600; font-size:13px; padding:4px 8px; margin-left:22px}
.painel{border-radius:10px; padding:6px 8px 8px; margin:8px 0 2px}
.painel.audio{background:var(--verde-claro); border-left:3px solid var(--verde)}
.painel.imagem{background:var(--azul-claro); border-left:3px solid var(--azul)}
.painel.variacao{background:#F6F1FA; border-left:3px solid #7A55A0}
.painel .rot{margin-top:2px}
.var-linha{display:grid; grid-template-columns:minmax(0,190px) minmax(0,1fr); gap:6px; align-items:start; margin:2px 0}
.var-linha span{font-size:13px; color:var(--tinta-2); padding:6px 6px 0; font-weight:600}
.serve{font-size:13px; color:var(--tinta-3); margin:8px 6px 0}
.serve b{color:var(--tinta-2); font-weight:600}
.comentario{background:var(--amarelo); border:1px solid var(--amarelo-borda); border-radius:10px; margin-top:8px; padding:2px 4px}
details.det{margin-top:6px}
details.det summary{font-size:12.5px; color:var(--tinta-3); cursor:pointer; padding:2px 6px; width:max-content; border-radius:6px}
details.det summary:hover{background:var(--fundo)}
.det-grade{display:grid; grid-template-columns:1fr 1fr; gap:4px 14px; padding:6px 0 0}
.det-grade .lin{grid-column:1 / -1}
.det-grade label{font-size:12px; color:var(--tinta-3); display:block; margin-left:6px}
.det-grade select{border:1px solid var(--linha); border-radius:8px; padding:4px 6px; font:inherit; font-size:13px; margin-left:6px}
.det-tgs{display:flex; gap:6px; flex-wrap:wrap; padding:4px 6px}
.regua-cfg{display:flex; gap:8px; align-items:center; padding:2px 6px; font-size:13px; color:var(--tinta-2); flex-wrap:wrap}
.regua-cfg input{width:70px; border:1px solid var(--linha); border-radius:6px; padding:3px 6px; font:inherit}

/* zonas de arquivo */
.zona{border:1.5px dashed #9fb6cf; border-radius:10px; background:#fff; color:var(--azul); display:flex; align-items:center; justify-content:center; text-align:center; cursor:pointer; font-size:12.5px; font-weight:600; transition:background .15s, border-color .15s; position:relative; overflow:hidden}
.zona:hover,.zona.sobre{background:#E3ECF6; border-color:var(--azul)}
.zona.tela{min-height:96px; padding:10px; margin:4px 0 6px}
.zona.tela img{max-height:180px; max-width:100%; border-radius:8px; display:block}
.zona.op-z{width:48px; height:48px; font-size:18px; border-radius:9px}
.zona.op-z img{width:100%; height:100%; object-fit:cover}
.zona.cheia{border-style:solid; border-color:#cbd8e8; padding:4px}
.zona-acoes{display:flex; gap:6px; align-items:center; font-size:12.5px; margin:0 0 4px}
.zona-acoes button{border:0; background:#fff; color:var(--azul); border-radius:6px; padding:2px 8px; font-weight:600; font-size:12.5px}
.gravador{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:6px 0 2px}
.gravador .rec{background:var(--vermelho); color:#fff; border:0; border-radius:999px; padding:6px 14px; font-weight:600; font-size:13px; display:inline-flex; gap:8px; align-items:center}
.gravador .rec i{width:9px; height:9px; border-radius:50%; background:#fff}
.gravador .rec.on i{animation:pisca 1s ease-in-out infinite}
@keyframes pisca{50%{opacity:.25}}
.gravador audio{height:34px; max-width:260px}
.gravador .zona{padding:6px 10px; font-size:12px}
.gravador button.sec{border:0; background:#fff; color:var(--verde-esc); border-radius:6px; padding:4px 10px; font-weight:600; font-size:12.5px}

/* lateral: prévia */
.lateral{position:sticky; top:calc(var(--topo, 150px) + 12px)}
.prev-ctrl{display:flex; align-items:center; gap:8px; margin-bottom:10px; justify-content:center; flex-wrap:wrap}
.seg{display:inline-flex; background:#fff; border:1px solid var(--linha); border-radius:10px; padding:2px}
.seg button{border:0; background:transparent; padding:5px 10px; border-radius:8px; font-size:13px; font-weight:600; color:var(--tinta-3)}
.seg button.on{background:var(--tinta); color:#fff}
.passo-info{font-size:12.5px; color:var(--tinta-3); min-width:70px; text-align:center}
.cel-caixa{position:relative}
.cel-caixa .celular{position:absolute; left:0; top:0}
.celular{width:390px; height:842px; background:#151514; border-radius:52px; padding:11px; box-shadow:0 18px 40px rgba(0,0,0,.18); transform-origin:top left; flex-shrink:0}
.tela{width:100%; height:100%; border-radius:42px; overflow:hidden; background:var(--papel); position:relative}
.tela-scroll{flex:1; overflow-y:auto; scrollbar-width:none}
.tela-scroll::-webkit-scrollbar{display:none}
.prev-nota{font-size:12px; color:var(--tinta-3); text-align:center; margin-top:8px; padding:0 20px}

/* telas do formulário (prévia e teste) */
.pv{position:absolute; inset:0; display:flex; flex-direction:column; background:var(--papel)}
.pv-ilha{height:34px; flex-shrink:0; display:flex; justify-content:center; align-items:flex-end}
.pv-ilha span{width:110px; height:28px; border-radius:20px; background:#151514}
.pv-top{height:44px; display:flex; align-items:center; justify-content:center; position:relative; flex-shrink:0}
.pv-top .volta{position:absolute; left:16px; color:var(--tinta-2); font-size:22px; border:0; background:transparent; padding:4px 8px; line-height:1}
.pv-top .m{font:600 12.5px/1 var(--titulo); letter-spacing:.08em; text-transform:uppercase; color:var(--tinta-2)}
.pv-prog{padding:0 22px 6px; flex-shrink:0}
.pv-prog .et{font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta-3); font-weight:600; margin-bottom:6px}
.pv-segs{display:grid; grid-template-columns:repeat(4,1fr); gap:5px}
.pv-segs span{height:4px; border-radius:4px; background:#E5E1D9; overflow:hidden; position:relative}
.pv-segs span i{position:absolute; inset:0 auto 0 0; background:var(--verde); border-radius:4px; transition:width .35s var(--suave)}
.pv-corpo{padding:14px 22px 24px}
.pv-audio{display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--linha); border-radius:18px; padding:9px 12px; margin-bottom:6px; cursor:pointer}
.pv-lado{position:relative; width:40px; height:40px; flex-shrink:0; display:grid; place-items:center}
.pv-lado img{width:40px; height:40px; border-radius:50%; object-fit:cover; transition:opacity .15s}
.pv-vel{position:absolute; inset:auto; min-width:38px; height:24px; padding:0 6px; border:0; border-radius:999px; background:var(--verde-esc); color:#fff; font:700 12px/24px inherit; font-variant-numeric:tabular-nums; cursor:pointer; opacity:0; pointer-events:none; transition:opacity .15s}
.pv-audio.usado .pv-lado img{opacity:0}
.pv-audio.usado .pv-vel, .pv-audio.sem-foto .pv-vel{opacity:1; pointer-events:auto}
.pv-audio.sem-foto .pv-lado{width:40px}
.pv-meio{flex:1; display:flex; flex-direction:column; gap:2px; min-width:0}
.pv-meio .pv-onda{flex:none; cursor:pointer}
.pv-play{width:32px; height:32px; border:0; border-radius:50%; background:var(--verde-esc); color:#fff; display:grid; place-items:center; font-size:11px; flex-shrink:0; cursor:pointer}
.pv-onda{flex:1; display:flex; align-items:center; gap:2px; height:26px}
.pv-onda i{flex:1; background:#cfd8bd; border-radius:2px; transition:background .1s}
.pv-onda i.tocou{background:var(--verde-esc)}
.pv-dur{font-size:11.5px; color:var(--tinta-3); font-variant-numeric:tabular-nums}
.pv-ler{font-size:12.5px; color:var(--verde-esc); font-weight:600; margin:0 0 10px 4px; cursor:pointer; display:inline-block}
.pv-ler-txt{font-size:13.5px; color:var(--tinta-2); background:#fff; border:1px solid var(--linha); border-radius:12px; padding:10px 12px; margin:-4px 0 12px}
.pv-tit{font:600 22px/1.25 var(--titulo); color:var(--tinta); margin:10px 0 6px; letter-spacing:-.005em}
.pv-tit.grande{font-size:25px; line-height:1.22}
.pv-apoio{font-size:15px; color:var(--tinta-2); margin:0 0 14px; white-space:pre-line}
.pv-var{font-size:15px; color:var(--tinta-2); margin:0 0 12px; white-space:pre-line}
.pv-op{background:#fff; border:1.5px solid var(--linha); border-radius:14px; padding:13px 15px; margin:0 0 9px; font-size:16px; display:flex; gap:12px; align-items:center; cursor:pointer; transition:border-color .15s, background .15s, transform .15s}
.pv-op:active{transform:scale(.985)}
.pv-op .mk{width:20px; height:20px; border-radius:50%; border:1.5px solid var(--linha-2); flex-shrink:0; transition:background .15s, border-color .15s}
.pv-op .mk.q{border-radius:6px}
.pv-op small{display:block; color:var(--tinta-3); font-size:13px; margin-top:1px}
.pv-op.on{border-color:var(--verde-esc); background:var(--verde-claro)}
.pv-op.on .mk{background:var(--verde-esc); border-color:var(--verde-esc)}
.pv-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.pv-gcard{background:#fff; border:1.5px solid var(--linha); border-radius:14px; overflow:hidden; cursor:pointer; transition:border-color .15s, box-shadow .15s, transform .15s}
.pv-gcard:active{transform:scale(.985)}
.pv-gcard.on{border-color:var(--verde-esc); box-shadow:0 0 0 2px var(--verde-esc) inset}
.pv-gcard .lbl{padding:8px 10px 10px; font-size:14.5px; font-weight:600; line-height:1.2}
.pv-gcard .lbl small{display:block; font-weight:400; color:var(--tinta-3); font-size:12px; margin-top:2px}
.foto{background:repeating-linear-gradient(45deg,#ECE9E2 0 8px,#F4F2ED 8px 16px); display:flex; align-items:center; justify-content:center; text-align:center; color:var(--tinta-3); font-size:10.5px; line-height:1.25; padding:8px; overflow:hidden}
.foto.q{aspect-ratio:1/1}
.foto.r{aspect-ratio:4/3; border-radius:14px; margin:4px 0 14px; font-size:12px}
.foto.real{padding:0; background:#eee}
.foto.real img{width:100%; height:100%; object-fit:cover; display:block}
.pv-in{background:#fff; border:1.5px solid var(--linha-2); border-radius:14px; padding:13px 14px; color:var(--tinta-3); font-size:16px; width:100%; font-family:inherit}
textarea.pv-in{min-height:120px; resize:none; color:var(--tinta)}
input.pv-in{color:var(--tinta)}
.pv-in:focus{outline:none; border-color:var(--verde-esc)}
.pv-tel{display:flex; gap:8px; align-items:center}
.pv-tel span{font-weight:600; color:var(--tinta-2); white-space:nowrap}
.pv-gravar{display:inline-flex; gap:8px; align-items:center; border:1.5px solid var(--verde-esc); color:var(--verde-esc); background:transparent; border-radius:999px; padding:8px 14px; font-weight:600; font-size:14px; margin-top:10px; cursor:pointer}
.pv-gravar i{width:9px; height:9px; border-radius:50%; background:var(--vermelho)}
.pv-gravar.on{background:var(--vermelho); border-color:var(--vermelho); color:#fff}
.pv-gravar.on i{background:#fff; animation:pisca 1s ease-in-out infinite}
.pv-auds{display:flex; flex-direction:column; gap:6px; margin-top:10px}
.pv-aud{display:flex; gap:6px; align-items:center}
.pv-aud .pv-audio{flex:1; margin:0; padding:7px 10px; border-radius:16px; background:#E7F5D9; border-color:#d3e9bf}
.pv-aud .pv-apaga{width:30px; height:30px; flex-shrink:0; border-radius:50%; border:1px solid var(--linha); background:#fff; color:var(--tinta-2); font-size:16px; line-height:1; cursor:pointer}
.pv-aud .tp{width:26px; height:26px; border-radius:50%; background:var(--verde-esc); color:#fff; display:grid; place-items:center; font-size:10px; cursor:pointer}
.pv-pular{display:block; margin:12px auto 0; padding:9px 20px; border:1.5px solid #D9D4C9; border-radius:999px; background:#fff; color:var(--tinta-2); font:600 14px inherit; cursor:pointer}
.pv-pular[hidden]{display:none}
.pv-btn.pv-espera, .pv-btn.pv-espera:disabled{position:relative; overflow:hidden; background:#DCE3C8; color:var(--verde-esc); opacity:1; cursor:default}
.pv-btn.pv-espera i{position:absolute; inset:0 auto 0 0; width:0; background:#B9CB8A; animation:esperaEnche linear forwards}
.pv-btn.pv-espera span{position:relative; font-size:14.5px; animation:esperaPisca 1.4s ease-in-out infinite}
@keyframes esperaEnche{to{width:100%}}
@keyframes esperaPisca{0%,100%{opacity:1} 50%{opacity:.55}}
.pv-alim-nuvem{display:flex; flex-wrap:wrap; gap:7px}
.pv-alim-nuvem:empty{display:none}
.pv-alim-nuvem + .pv-alim-linha, .pv-alim-linha + .pv-alim-nuvem{margin-top:10px}
.pv-alim-et{display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border:1.5px solid #E2DDD2; border-radius:999px; background:#fff; color:var(--tinta); font:500 14px/1.1 inherit; cursor:pointer; transition:transform .12s, background .15s, border-color .15s; animation:chipIn .3s var(--suave, ease) both}
.pv-alim-et .e{font-size:17px; line-height:1}
.pv-alim-et:active{transform:scale(.95)}
.pv-alim-et.on{background:var(--verde-esc); border-color:var(--verde-esc); color:#fff}
.pv-alim-et .x{border:0; background:transparent; color:inherit; font-size:15px; padding:0 0 0 2px; cursor:pointer; opacity:.8}
.pv-alim-linha{display:flex; gap:8px; align-items:center}
.pv-alim-linha .pv-in{flex:1; margin:0}
.pv-alim-mais{width:44px; height:44px; flex-shrink:0; border-radius:12px; border:1.5px solid var(--verde-esc); background:#fff; color:var(--verde-esc); font-size:22px; line-height:1; cursor:pointer}
.pv-dica{font-size:12.5px; color:var(--tinta-3); text-align:center; margin-top:6px}
.pv-cta{position:sticky; bottom:0; padding:16px 22px 22px; background:linear-gradient(to bottom, rgba(250,250,248,0), var(--papel) 35%)}
.pv-btn{display:flex; align-items:center; justify-content:center; gap:8px; height:54px; border-radius:15px; background:var(--verde-esc); color:#fff; font:600 16.5px/1 var(--titulo); border:0; width:100%; cursor:pointer; transition:opacity .2s, transform .15s}
.pv-btn:active{transform:scale(.985)}
.pv-btn:disabled{opacity:.35; cursor:default}
.pv-btn.wa{background:#1E7B45}
.pv-btn-nota{font-size:12.5px; color:var(--tinta-3); text-align:center; margin-top:8px}
.pv-escala{display:grid; grid-template-columns:repeat(11,1fr); gap:4px; margin-top:6px}
.pv-escala span{aspect-ratio:1/1.25; background:#fff; border:1.5px solid var(--linha); border-radius:8px; display:grid; place-items:center; font-size:13px; font-weight:600; color:var(--tinta-2); cursor:pointer}
.pv-escala span.on{background:var(--verde-esc); border-color:var(--verde-esc); color:#fff}
.pv-escala-lbl{display:flex; justify-content:space-between; font-size:12px; color:var(--tinta-3); margin-top:6px}
.pv-regua{text-align:center; margin-top:26px; user-select:none}
.pv-regua .n{font:600 52px/1 var(--titulo); font-variant-numeric:tabular-nums}
.pv-regua .n small{font-size:19px; color:var(--tinta-3); margin-left:4px}
.pv-fita{height:78px; margin:22px -22px 8px; background:#fff; border-top:1px solid var(--linha); border-bottom:1px solid var(--linha); position:relative; overflow:hidden; cursor:ew-resize; touch-action:none}
.pv-fita::after{content:''; position:absolute; left:50%; top:0; height:46px; width:3px; margin-left:-1.5px; background:var(--verde-esc); border-radius:0 0 3px 3px; z-index:2}
.pv-fita .tk{position:absolute; top:0; width:1px; background:var(--linha-2); height:16px}
.pv-fita .tk.m{height:26px; background:#bdb6aa}
.pv-fita .tk.g{height:36px; width:2px; background:#8f887d}
.pv-fita .tk em{position:absolute; top:42px; left:50%; transform:translateX(-50%); font-style:normal; font-size:12px; color:var(--tinta-3); font-variant-numeric:tabular-nums}
.pv-regua .dica{font-size:13px; color:var(--tinta-3)}
.pv-assin{display:flex; align-items:center; gap:10px; margin-top:18px; font-size:13.5px; color:var(--tinta-2)}
.pv-assin img{width:32px; height:32px; border-radius:50%; object-fit:cover}
.pv-abre{display:flex; flex-direction:column; align-items:center; text-align:center; padding-top:16px}
.pv-abre img.rosto{width:100px; height:100px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:0 4px 14px rgba(0,0,0,.12)}
.pv-abre .quem{font-size:13px; color:var(--tinta-3); margin:8px 0 10px}
.pv-abre .pv-audio{width:100%; text-align:left}
.pv-resumo{background:#fff; border:1px solid var(--linha); border-radius:14px; padding:4px 14px; margin:8px 0 14px}
.pv-resumo .h{font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta-3); font-weight:600; padding:10px 0 4px}
.pv-resumo .l{display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--linha); font-size:13.5px}
.pv-resumo .l span:first-child{color:var(--tinta-3); flex-shrink:0}
.pv-resumo .l span:last-child{text-align:right; font-weight:600}
.pv-et{font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta-3); font-weight:600; margin:4px 0 8px}
.pv-passos{margin:0 0 6px; padding:0; list-style:none; counter-reset:p}
.pv-passos li{counter-increment:p; display:flex; gap:10px; font-size:14.5px; color:var(--tinta-2); margin:0 0 10px}
.pv-passos li::before{content:counter(p); width:22px; height:22px; border-radius:50%; background:var(--verde-claro); color:var(--verde-esc); font-weight:700; font-size:12px; display:grid; place-items:center; flex-shrink:0; margin-top:1px}
.pv-mosaico{display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:8px; margin:4px 0 14px}
.pv-mosaico > div{border-radius:12px; overflow:hidden; background:#fff; border:1px solid var(--linha); font-size:12px; font-weight:600; text-align:center}
.pv-mosaico > div > span{display:block; padding:5px}
.pv-folha{position:absolute; left:0; right:0; bottom:0; background:#fff; border-radius:22px 22px 0 0; box-shadow:0 -10px 30px rgba(0,0,0,.15); padding:18px 20px 24px; animation:sobe .28s var(--suave); z-index:5}
@keyframes sobe{from{transform:translateY(100%)} to{transform:none}}
.pv-folha .msg-pronta{background:#D9FDD3; border-radius:12px 12px 3px 12px; padding:10px 12px; font-size:14.5px; margin:10px 0 12px}
.pv-folha small{color:var(--tinta-3); font-size:12.5px; display:block}
.toast{position:fixed; left:50%; bottom:28px; transform:translateX(-50%); background:var(--tinta); color:#fff; padding:10px 16px; border-radius:12px; font-size:14px; z-index:100; box-shadow:0 8px 24px rgba(0,0,0,.2); animation:sobe2 .25s var(--suave); max-width:90vw}
@keyframes sobe2{from{opacity:0; transform:translate(-50%, 10px)} to{opacity:1; transform:translate(-50%, 0)}}

/* transições do teste */
.entra-frente{animation:entraF .3s var(--suave) both}
.entra-tras{animation:entraT .3s var(--suave) both}
.sai-frente{animation:saiF .18s ease-in both}
.sai-tras{animation:saiT .18s ease-in both}
@keyframes entraF{from{opacity:0; transform:translateX(30px)} to{opacity:1; transform:none}}
@keyframes entraT{from{opacity:0; transform:translateX(-30px)} to{opacity:1; transform:none}}
@keyframes saiF{to{opacity:0; transform:translateX(-22px)}}
@keyframes saiT{to{opacity:0; transform:translateX(22px)}}
.surge{animation:surge .32s var(--suave) both}
@keyframes surge{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}

/* efeito analisando */
.an{position:absolute; inset:0; background:var(--papel); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; z-index:6; animation:anEntra .22s ease-out both}
.an.sai{animation:anSai .22s ease-in both}
@keyframes anEntra{from{opacity:0} to{opacity:1}}
@keyframes anSai{to{opacity:0}}
.an-anel{width:84px; height:84px; position:relative}
.an-anel img{position:absolute; inset:10px; width:64px; height:64px; border-radius:50%; object-fit:cover}
.an-anel svg{position:absolute; inset:0; width:84px; height:84px; animation:gira 1.1s linear infinite}
.an-anel circle{fill:none; stroke-width:3}
.an-anel .t{stroke:#E5E1D9}
.an-anel .g{stroke:var(--verde-esc); stroke-linecap:round; stroke-dasharray:70 200}
@keyframes gira{to{transform:rotate(360deg)}}
.an-txt{font:600 17px/1.3 var(--titulo); margin-top:18px; background:linear-gradient(90deg, var(--tinta) 35%, #B9B3A8 50%, var(--tinta) 65%); background-size:250% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:brilho 1.5s linear infinite; text-align:center}
@keyframes brilho{from{background-position:100% 0} to{background-position:-50% 0}}
.an-chips{display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-top:16px; max-width:280px}
.an-chips span{background:#fff; border:1px solid var(--linha); border-radius:999px; padding:6px 11px; font-size:13px; color:var(--tinta-2); opacity:0; animation:chipIn .35s var(--suave) forwards}
@keyframes chipIn{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){ .entra-frente,.entra-tras,.sai-frente,.sai-tras,.surge,.an,.an-anel svg,.an-txt,.an-chips span{animation-duration:.01s !important} }

/* modo teste */
.teste{position:fixed; inset:0; background:rgba(20,20,18,.72); z-index:50; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; backdrop-filter:blur(3px)}
.teste-barra{display:flex; gap:8px; align-items:center; color:#fff; font-size:14px}
.teste-barra b{font:600 15px var(--titulo); margin-right:8px}
.teste-barra button{border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; border-radius:10px; padding:6px 12px; font-weight:600; font-size:13.5px}
.teste-barra button:hover{background:rgba(255,255,255,.12)}
.teste-barra button.t-ficha{background:var(--verde); border-color:var(--verde)}
.teste-barra button.t-ficha:hover{background:#6d8d1c}

/* ficha do lead, aberta por cima do teste */
.ficha-tela{position:fixed; inset:0; z-index:60; background:rgba(20,20,18,.84); display:flex; flex-direction:column; align-items:center; backdrop-filter:blur(3px)}
.ficha-barra{display:flex; gap:8px; align-items:center; color:#fff; font-size:14px; padding:14px 16px 12px; flex-wrap:wrap; justify-content:center}
.ficha-barra b{font:600 15px var(--titulo); margin-right:8px}
.ficha-barra button{border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; border-radius:10px; padding:6px 12px; font-weight:600; font-size:13.5px}
.ficha-barra button:hover{background:rgba(255,255,255,.12)}
.ficha-barra button.prim{background:var(--verde); border-color:var(--verde)}
.ficha-barra button.prim:hover{background:#6d8d1c}
.ficha-barra button:disabled{opacity:.6; cursor:default}
.ficha-rolo{flex:1; width:100%; overflow:auto; display:flex; justify-content:center; align-items:flex-start; padding:0 16px 48px}
.ficha-rolo .fc{box-shadow:0 14px 44px rgba(0,0,0,.35)}

/* prévia modo conversa */
.cv{position:absolute; inset:0; display:flex; flex-direction:column; background-color:#EFEAE2; background-image:radial-gradient(rgba(0,0,0,.05) 1px, transparent 1.2px); background-size:14px 14px}
.cv-top{height:52px; background:#fff; display:flex; align-items:center; gap:10px; padding:0 14px; border-bottom:1px solid var(--linha); flex-shrink:0; margin-top:34px}
.cv-top img{width:32px; height:32px; border-radius:50%; object-fit:cover}
.cv-top b{font:600 14px/1.1 var(--titulo); display:block}
.cv-top small{font-size:11.5px; color:var(--tinta-3)}
.cv-barra{height:3px; background:#E5E1D9; flex-shrink:0}
.cv-barra i{display:block; height:100%; background:var(--verde)}
.cv-corpo{padding:14px 12px 20px}
.cv-l{display:flex; gap:6px; align-items:flex-end; margin:3px 0}
.cv-l .av{width:26px; height:26px; border-radius:50%; object-fit:cover; flex-shrink:0; visibility:hidden}
.cv-l.prim .av{visibility:visible}
.cv-b{background:#fff; border-radius:12px 12px 12px 3px; padding:7px 10px; font-size:14.5px; max-width:84%; box-shadow:0 1px 1px rgba(0,0,0,.07); white-space:pre-line}
.cv-b.t{font-weight:600}
.cv-b .foto.r{margin:0; min-width:200px}
.cv-b.aud{display:flex; align-items:center; gap:8px; min-width:210px}
.cv-ops{margin:8px 0 0 32px; display:flex; flex-direction:column; gap:6px}
.cv-op{background:#fff; border:1px solid #DCD6CB; border-radius:18px; padding:8px 14px; text-align:center; color:var(--verde-esc); font-weight:600; font-size:14px}
.cv-in{display:flex; gap:8px; align-items:center; padding:8px 10px 18px; background:#F0EDE6; flex-shrink:0}
.cv-in div{flex:1; background:#fff; border-radius:20px; padding:9px 14px; color:var(--tinta-3); font-size:14px}
.cv-in span{width:36px; height:36px; border-radius:50%; background:var(--verde-esc); color:#fff; display:grid; place-items:center; font-size:14px}

/* prévia de mensagem */
.msg{position:absolute; inset:0; display:flex; flex-direction:column; background:#fff}
.msg-top{height:52px; display:flex; align-items:center; gap:10px; padding:0 14px; border-bottom:1px solid var(--linha); background:#fff; flex-shrink:0; margin-top:34px}
.msg-top .av{width:32px; height:32px; border-radius:50%; background:linear-gradient(45deg,#f9a03f,#d6249f,#285AEB)}
.msg-top b{font:600 14px/1.1 var(--titulo); display:block}
.msg-top small{font-size:11.5px; color:var(--tinta-3)}
.msg-corpo{padding:16px 12px; display:flex; flex-direction:column; gap:6px}
.mb{max-width:80%; padding:8px 12px; border-radius:18px; font-size:14.5px; white-space:pre-line; word-wrap:break-word}
.mb.ig-ele{background:#EFEFEF; align-self:flex-start}
.mb.ig-eu{background:#3797F0; color:#fff; align-self:flex-end}
.mb.wa-ele{background:#fff; align-self:flex-start; border-radius:10px 10px 10px 3px; box-shadow:0 1px 1px rgba(0,0,0,.07)}
.mb.wa-eu{background:#D9FDD3; align-self:flex-end; border-radius:10px 10px 3px 10px; box-shadow:0 1px 1px rgba(0,0,0,.07)}
.msg-rot{font-size:11px; color:var(--tinta-3); text-align:center; margin:6px 0}

/* aba caminho */
.caminho{max-width:900px}
.caminho h2{font:600 22px/1.25 var(--titulo); margin:4px 0 6px}
.caminho > p{color:var(--tinta-2); margin:0 0 14px; max-width:720px}
.cm-et{margin:18px 0 6px; font:600 13px/1.2 var(--titulo); text-transform:uppercase; letter-spacing:.05em; color:var(--tinta-2)}
.cm-no{display:flex; gap:10px; align-items:flex-start; background:#fff; border:1px solid var(--linha); border-radius:12px; padding:9px 12px; margin:0 0 6px; cursor:pointer}
.cm-no:hover{border-color:var(--verde)}
.cm-no .num{flex-shrink:0; margin-top:1px}
.cm-no .t{font-size:14.5px; flex:1}
.cm-no .ic{font-size:12.5px; color:var(--tinta-3); white-space:nowrap}
.cm-no.cont{background:var(--verde-claro); border-color:#d9e7b8}
.cm-ramo{margin:2px 0 8px 18px; padding-left:14px; border-left:2px dashed #9fb6cf}
.cm-se{font-size:13px; color:var(--azul); margin:6px 0 6px; font-weight:600}
.cm-pula{font-size:13px; color:var(--tinta-3); margin:2px 0 8px 18px}
.cm-erro{font-size:13px; color:var(--vermelho); background:#F8E9E9; border-radius:8px; padding:6px 10px; margin:4px 0 8px}
.cm-reserva{font-size:13.5px; color:var(--tinta-3); margin-top:20px}

/* aba estrutura visual */
.visual{max-width:980px}
.visual h2{font:600 22px/1.25 var(--titulo); margin:28px 0 8px}
.visual h2:first-child{margin-top:4px}
.visual p{margin:0 0 10px; color:var(--tinta-2); max-width:760px}
.visual ol,.visual ul{color:var(--tinta-2); padding-left:20px; margin:0 0 10px}
.visual li{margin:0 0 6px}
.visual li b{color:var(--tinta)}
.lista-img li.ok{color:var(--verde-esc)}

/* impressão */
#impressao{display:none}
@media print{
  body{background:#fff}
  .topo,.abas,.pagina,.teste{display:none !important}
  #impressao{display:block}
}
.doc{font:13px/1.45 var(--texto); color:#111}
.doc h1{font:600 20px var(--titulo)}
.doc h2{font:600 15px var(--titulo); text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #ccc; padding-bottom:4px; margin-top:22px}
/* v3, foto por sexo, opção que marca sozinha e a tela que repete as marcadas */
.op.com-img.dupla{grid-template-columns:52px 52px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) auto}
.zona.op-z > span{display:flex; flex-direction:column; align-items:center; line-height:1.05}
.zona.op-z small{font-size:9.5px; font-weight:600; margin-top:2px}
.sem-foto{font-size:11px; color:var(--tinta-3); text-align:center; line-height:1.1}
.tg-mini{border:1px solid var(--linha); background:#fff; color:var(--tinta-3); border-radius:999px; padding:1px 7px; font-size:11.5px; font-weight:600; margin-right:2px; white-space:nowrap}
.tg-mini.on{background:var(--verde-claro); border-color:#cfe0a6; color:var(--verde-esc)}
.op .tg-mini:not(.on){visibility:hidden}
.op:hover .tg-mini{visibility:visible}
.nota-espelho{background:var(--azul-claro); color:var(--azul); border-radius:9px; padding:8px 10px; font-size:13.5px; margin:6px 0 2px}
.pv-soltas{margin-top:10px}
.cm-cam{background:#fff; border:1px solid var(--linha); border-radius:12px; padding:9px 12px; margin:0 0 6px}
.cm-cam-t{font-size:14.5px; font-weight:600}
.cm-cam-n{font-size:13px; color:var(--verde-esc); font-weight:600; margin-top:2px}
.cm-cam-p{font-size:13px; color:var(--tinta-2); margin-top:3px}
.cm-nota{font-size:12.5px !important; color:var(--tinta-3) !important; margin:4px 0 6px !important}
.enq{margin:6px 0 2px}
.enq-chips{display:flex; gap:4px; align-items:center; flex-wrap:wrap; padding:2px 6px}
.enq-chips .f-peq{margin-right:4px}
.enq-moldura{width:260px; max-width:100%; border-radius:12px; overflow:hidden; margin:6px; cursor:grab; touch-action:none; background:#fff; box-shadow:0 0 0 1px var(--linha-2)}
.enq-moldura:active{cursor:grabbing}
.enq-moldura img{user-select:none; pointer-events:none}
.enq-zoom{display:flex; gap:8px; align-items:center; padding:2px 6px}
.enq-zoom input{flex:1; max-width:180px}
.enq-nota{padding:2px 6px}
.enq-rot{min-width:56px}
.enq-val{min-width:38px; text-align:right}
.zonas-sexo{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.zonas-sexo .f-peq{padding:2px 6px 0}
.polas{margin:4px 0 14px}
.pola-selo{position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:8px; background:var(--verde-claro); color:var(--verde-esc); border:1px solid #cfe0a6; border-radius:999px; padding:6px 13px 6px 11px; font-size:12.5px; font-weight:600; line-height:1.3; box-shadow:0 2px 10px rgba(75,98,17,.10); animation:seloRespira 3s ease-in-out infinite}
.pola-selo::before{content:''; width:8px; height:8px; flex-shrink:0; border-radius:50%; background:#5FA52A; animation:seloPulsa 1.8s ease-out infinite}
.pola-selo::after{content:''; position:absolute; inset:0; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.75) 50%, transparent 65%); transform:translateX(-120%); animation:seloBrilho 4.5s ease-in-out infinite}
@keyframes seloPulsa{0%{box-shadow:0 0 0 0 rgba(95,165,42,.6)} 70%{box-shadow:0 0 0 8px rgba(95,165,42,0)} 100%{box-shadow:0 0 0 0 rgba(95,165,42,0)}}
@keyframes seloRespira{0%,100%{transform:scale(1)} 50%{transform:scale(1.03)}}
@keyframes seloBrilho{0%,55%{transform:translateX(-120%)} 85%,100%{transform:translateX(120%)}}
.pola-faixa{overflow:hidden; margin:0 -22px; padding:16px 0 18px}
.pola-trilho{display:flex; width:max-content; animation:polaAnda linear infinite; will-change:transform}
@keyframes polaAnda{to{transform:translateX(-50%)}}
.pola{width:118px; flex:0 0 auto; margin-right:14px; background:#fff; padding:7px 7px 24px; border-radius:3px; box-shadow:0 6px 14px rgba(0,0,0,.13); transform:rotate(var(--r, 0deg))}
.fx{margin:0 -22px 8px; display:flex; flex-direction:column; gap:4px; -webkit-mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent)}
.fx .pola-selo{align-self:center; margin-bottom:4px}
.fx-faixa{overflow:hidden}
.fx-trilho{display:flex; gap:5px; width:max-content; animation:fxAnda linear infinite; will-change:transform}
.fx-trilho.volta{animation-direction:reverse}
.bib-bt{display:block; width:100%; margin:8px 0; padding:11px 14px; border-radius:12px; border:1.5px solid #4B6211; background:#F2F6E9; color:#3A4D0D; font:600 14.5px/1.2 'Outfit', sans-serif; cursor:pointer}
.bib-bt:hover{background:#E7EFD6}
.bib-fundo{position:fixed; inset:0; background:rgba(20,20,15,.45); z-index:90; display:flex; align-items:center; justify-content:center; padding:24px}
.bib-caixa{background:#fff; border-radius:18px; width:min(1020px, 100%); height:min(86vh, 900px); display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,.25); overflow:hidden}
.bib-topo{padding:16px 20px 6px; display:flex; flex-direction:column; gap:3px}
.bib-topo b{font:600 18px/1.2 'Outfit', sans-serif}
.bib-barra{display:flex; gap:8px; padding:8px 20px 10px; align-items:center}
.bib-busca{flex:1; padding:10px 12px; border:1px solid #DDD8CC; border-radius:10px; font-size:15px}
.bib-grade{flex:1; overflow:auto; padding:6px 20px 16px; display:grid; grid-template-columns:repeat(auto-fill, minmax(104px, 1fr)); gap:10px; align-content:start}
.bib-f{border:2px solid transparent; border-radius:12px; padding:6px; background:#F7F5F0; cursor:pointer; text-align:center; position:relative}
.bib-f img{width:100%; aspect-ratio:1; object-fit:contain; display:block}
.bib-f span{display:block; font-size:12px; color:#555; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bib-f.on{border-color:#4B6211; background:#EEF4E1}
.bib-f.on::after{content:'✓'; position:absolute; top:4px; right:6px; width:20px; height:20px; border-radius:50%; background:#4B6211; color:#fff; font:700 13px/20px sans-serif}
.bib-pe{display:flex; gap:10px; align-items:center; padding:12px 20px; border-top:1px solid #EEE9DE}
.bib-conta{flex:1; color:#555; font-size:14px}
.bib-ok{padding:10px 22px; border-radius:10px; border:0; background:#4B6211; color:#fff; font:600 15px 'Outfit', sans-serif; cursor:pointer}
.bib-ok:disabled{opacity:.6; cursor:wait}
.fxe .fxe-q{aspect-ratio:1; background:#F3F1EB; border-radius:10px; padding:6px; box-sizing:border-box}
.fxe .fxe-q img{width:100%; height:100%; object-fit:contain; display:block}
.fxe-nome{font-size:11.5px; color:#666; text-align:center; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
@keyframes fxAnda{to{transform:translateX(calc(-50% - 3.5px))}}
.fx-q{width:34px; height:34px; flex:0 0 auto; border-radius:9px; overflow:hidden; background:#F3F1EB; padding:2px; box-sizing:border-box}
@media (prefers-reduced-motion: reduce){ .fx-trilho{animation:none} }
.polas.grande .pola{width:172px; padding:9px 9px 32px; margin-right:18px}
.pola-q{aspect-ratio:1 / 1; overflow:hidden; background:#ECE9E2; display:flex; align-items:center; justify-content:center; color:var(--tinta-3); font-size:11px}
.pola-q img{display:block}
.polas-grade{display:flex; flex-wrap:wrap; gap:12px; padding:6px}
.pola-ed{margin:0; padding:6px 6px 4px; transform:none}
.pola-ed .pola-q{cursor:grab; touch-action:none}
.pola-acoes{display:flex; justify-content:center; gap:2px; padding-top:3px}
.cm-var{margin:2px 0 8px 40px; font-size:13px; color:var(--tinta-2)}
.cm-var-t{font-weight:600; color:#5a3f78; margin-bottom:2px}
.cm-var-l{margin:2px 0}
.cm-var-l b{color:var(--tinta)}
.cm-var-l .falta{color:var(--vermelho)}
@media (prefers-reduced-motion: reduce){ .pola-trilho, .pola-selo, .pola-selo::before, .pola-selo::after{animation:none} }

/* Ficha do lead. Este bloco vai inteiro pro HTML baixado, por isso as cores ficam aqui e não nas variáveis do editor. */
.fc{--fv:#80A422; --fve:#4B6211; --fvc:#EEF4DE; --ft1:#1F1E1B; --ft2:#57534E; --ft3:#8A857E; --fln:#E7E3DC;
  width:440px; max-width:100%; background:#FAFAF8; color:var(--ft1); font:15px/1.45 'Source Sans 3', system-ui, sans-serif;
  border-radius:18px; padding:26px 24px 20px; box-sizing:border-box; -webkit-font-smoothing:antialiased; text-align:left}
.fc *{box-sizing:border-box}
.fc.img{border-radius:0}
.fc-eb{font:600 11px/1.2 'Outfit', sans-serif; letter-spacing:1.3px; text-transform:uppercase; color:var(--fve)}
.fc-cab{display:flex; gap:14px; align-items:center; margin-top:14px}
.fc-av{width:54px; height:54px; border-radius:50%; background:var(--fve); color:#fff; font:600 24px/54px 'Outfit', sans-serif; text-align:center; flex:none}
.fc-nome{font:700 25px/1.15 'Outfit', sans-serif}
.fc-sub{color:var(--ft2); font-size:14.5px; margin-top:2px}
.fc-wa{display:inline-block; margin-top:3px; font:600 14.5px/1.3 'Outfit', sans-serif; color:var(--fve); text-decoration:none}
.fc-meta{display:flex; flex-wrap:wrap; gap:2px 12px; margin-top:14px; font-size:13px; color:var(--ft3)}
.fc-prazo{margin-top:8px; background:#FFF7DB; border:1px solid #EBD58C; color:#6b4a00; border-radius:10px; padding:8px 12px; font-size:13.5px; line-height:1.35}
.fc-dest{display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:14px}
.fc-dest > div{background:#fff; border:1px solid var(--fln); border-radius:12px; padding:9px 10px}
.fc-rot{display:block; font:600 10.5px/1.25 'Outfit', sans-serif; letter-spacing:.8px; text-transform:uppercase; color:var(--ft3)}
.fc-dest b{display:block; font:600 14px/1.25 'Outfit', sans-serif; margin-top:4px}
.fc-sec{margin-top:22px}
.fc-h{font:600 16.5px/1.2 'Outfit', sans-serif; margin:0 0 10px}
.fc-h small{font:400 12.5px 'Source Sans 3', sans-serif; color:var(--ft3); margin-left:6px}
.fc-tiles{display:grid; gap:8px}
.fc-tile{background:#fff; border:1px solid var(--fln); border-radius:12px; padding:9px 10px}
.fc-tile b{display:block; font:700 18px/1.15 'Outfit', sans-serif; margin-top:4px}
.fc-tile b.txt{font-size:14px; font-weight:600}
.fc-tile i{display:block; font-style:normal; font-size:12px; line-height:1.25; color:var(--ft2); margin-top:3px}
.fc-obs{font-size:13px; color:var(--ft2); margin-top:8px}
.fc-leitura{background:var(--fvc); border-radius:14px; padding:4px 16px}
.fc-li{padding:10px 0; border-top:1px solid rgba(75,98,17,.16)}
.fc-li:first-child{border-top:0}
.fc-li .fc-rot{color:var(--fve)}
.fc-li p{margin:3px 0 0; font-size:14.5px}
.fc-li .fc-de{font-size:12.5px; color:var(--ft2); margin-top:2px}
.fc-li p.fc-cita{font-style:italic}
.fc-nivel{display:inline-block; border-radius:999px; padding:0 8px; font:600 12px/20px 'Outfit', sans-serif; margin-right:6px}
.fc-nivel.quente{background:var(--fve); color:#fff}
.fc-nivel.morna{background:#E9C46A; color:#3f2d00}
.fc-nivel.fria{background:#D6D1C7; color:#34322e}
.fc-fala{background:#fff; border:1px solid var(--fln); border-radius:12px; padding:11px 14px; margin-bottom:8px}
.fc-fala > p{margin:4px 0 0; font-size:15px}
.fc-aud{margin-top:8px; background:#F4F2EC; border-radius:10px; padding:8px 11px}
.fc-aud-cab{font:600 11.5px/1.3 'Outfit', sans-serif; color:var(--ft3)}
.fc-aud p{margin:3px 0 0; font-size:14.5px}
.fc-aud audio{display:block; width:100%; height:34px; margin-top:6px}
.fc-sem{color:var(--ft3); font-style:italic}
.fc-et{font:600 11px/1.2 'Outfit', sans-serif; letter-spacing:1px; text-transform:uppercase; color:var(--ft3); margin:16px 0 4px}
.fc-et.prim{margin-top:0}
.fc-row{display:grid; grid-template-columns:124px 1fr; gap:12px; padding:7px 0; border-top:1px solid var(--fln); font-size:14px; line-height:1.35}
.fc-row > span:first-child{color:var(--ft3)}
.fc-row .fc-aud{margin-top:6px}
.fc-pe{margin-top:20px; padding-top:12px; border-top:1px solid var(--fln); font-size:12px; color:var(--ft3); display:flex; justify-content:space-between; gap:12px}

\n' + fontes.join('\n')
    + '\nbody{margin:0; background:#F1EFEA; padding:24px 12px 40px; display:flex; justify-content:center}\n' + $('#ficha-css').textContent + '\n

/* A página do lead (18/10/2026): entra DEPOIS do CSS do editor do roteiro. */

/* O botão com display próprio (.pv-btn) ganharia do atributo hidden. */
[hidden]{display:none !important}

/* Sem a barra "Testando como a pessoa" do editor. */
.teste-barra{display:none}
.teste{background:#E9E6DE; backdrop-filter:none}

/* No celular de verdade, a tela inteira, sem moldura (ajustarTeste põe a classe). */
body.cheia .teste{background:var(--papel); justify-content:flex-start; gap:0}
body.cheia .cel-caixa{width:100%; height:100%}
body.cheia .cel-caixa .celular{position:static}
body.cheia .celular{width:100%; height:100%; padding:0; border-radius:0; box-shadow:none; background:var(--papel)}
body.cheia .tela{border-radius:0}
/* A pílula do iPhone desenhada pela moldura do editor sobra no celular de verdade. */
body.cheia .pv-ilha{display:none}
/* A frase da LGPD na última tela: o menor destaque possível, pedido dele. */
.pv-lgpd{margin-top:6px; text-align:center; font-size:11px; line-height:1.3; color:#AAA59C}