:root{--fundo:#F1F0FA;--superficie:#FFFFFF;--tinta:#1C1633;--suave:#5C5674;--ameixa:#3F1D6E;--limao:#DDF45B;--linha:#DCD9EC;--bolha:#E7E3F7}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 1rem/1.5 Onest,system-ui,sans-serif}
button{font:inherit}
:focus-visible{outline:2px solid var(--ameixa);outline-offset:2px}
.visivel-so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.estudio{height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.topo{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--fundo);border-bottom:1px solid var(--linha)}
.marca{font-weight:700;font-size:1.25rem;letter-spacing:-.03em;color:var(--ameixa);text-decoration:none}
.abas{margin-inline:auto;display:flex;background:var(--bolha);border-radius:999px;padding:3px}
.abas button{border:0;background:transparent;color:var(--suave);border-radius:999px;padding:6px 13px;cursor:pointer;font-weight:500;font-size:.92rem}
.abas button[aria-selected=true]{background:var(--superficie);color:var(--tinta)}
.botao-topo{border:0;background:var(--limao);color:var(--tinta);font-weight:600;border-radius:999px;padding:8px 15px;cursor:pointer}
.botao-topo:disabled{background:var(--bolha);color:var(--suave);cursor:not-allowed}

.conversa{min-height:0;display:flex;flex-direction:column;position:relative;background:var(--fundo)}
.palco{min-height:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 12px 0}
[data-aba=conversa] .palco,[data-aba=previa] .conversa{display:none}
.fala{list-style:none;margin:0;padding:18px 16px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:10px 14px;border-radius:16px;overflow-wrap:anywhere}
.msg.ia{align-self:flex-start;background:var(--superficie);border-bottom-left-radius:4px}
.msg.eu{align-self:flex-end;background:var(--ameixa);color:#fff;border-bottom-right-radius:4px}
.desfazer{display:block;margin-top:4px;border:0;background:none;padding:0;color:var(--ameixa);font-size:.875rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:28px}

.cartao-pix{align-self:stretch;flex:none;background:var(--superficie);border-radius:14px;padding:14px;display:grid;gap:8px;box-shadow:inset 0 0 0 1.5px var(--ameixa)}
.cartao-pix p{margin:0}
.opcao{text-align:left;background:var(--fundo);border:0;border-radius:10px;padding:11px 13px;cursor:pointer;display:grid;gap:2px;color:inherit}
.opcao span{font-size:.875rem;color:var(--suave);line-height:1.35}
.opcao:hover{background:var(--bolha)}
.opcao.curta{justify-self:start;font-weight:500}

.aviso-previa{align-self:center;flex:none;margin-bottom:8px;border:0;background:var(--tinta);color:#fff;border-radius:999px;padding:8px 14px;font-size:.875rem;cursor:pointer;white-space:nowrap}
.aviso-previa[hidden]{display:none}
.base{padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;gap:8px;border-top:1px solid var(--linha);background:var(--fundo)}
.sugestoes{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-12px;padding-inline:12px}
.sugestoes:empty{display:none}
.chip{flex:none;max-width:82vw;border:1.5px solid var(--linha);background:var(--superficie);color:var(--tinta);border-radius:12px;padding:7px 11px;font-size:.875rem;line-height:1.3;text-align:left;cursor:pointer}
.chip:hover{border-color:var(--ameixa)}
.composer{display:flex;align-items:flex-end;gap:6px;background:var(--superficie);border-radius:14px;padding:5px;box-shadow:inset 0 0 0 1.5px var(--linha)}
.composer:focus-within{box-shadow:inset 0 0 0 1.5px var(--ameixa)}
.composer textarea{flex:1;min-width:0;border:0;background:transparent;resize:none;font:inherit;font-size:1rem;color:inherit;padding:8px 4px;outline:0;max-height:140px}
.anexo{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--fundo);cursor:pointer;font-size:1.3rem;color:var(--ameixa)}
.enviar{flex:none;height:38px;border:0;border-radius:10px;background:var(--ameixa);color:#fff;font-weight:600;padding:0 13px;cursor:pointer}
.rodape-conversa{margin:0;display:flex;justify-content:space-between}
.link-simples{border:0;background:none;padding:2px;color:var(--suave);font-size:.8125rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

.checklist{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:.875rem;color:var(--suave)}
.checklist li{display:flex;align-items:center;gap:5px}
.checklist li::before{content:"";width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}
.checklist li.feito{color:var(--tinta);font-weight:500}
.checklist li.feito::before{background:var(--ameixa);box-shadow:none}
#previa{flex:1;min-height:0;width:100%;max-width:430px;border:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 0 0 1px var(--linha)}

.folha{border:0;padding:0;width:100%;max-width:440px;max-height:92svh;margin:auto auto 0;border-radius:18px 18px 0 0;background:var(--superficie);color:var(--tinta);font:inherit;overflow:auto}
.folha::backdrop{background:rgba(20,14,40,.55)}
.folha-miolo{position:relative;padding:26px 22px calc(24px + env(safe-area-inset-bottom));display:grid;gap:12px}
.folha-miolo h2{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;padding-right:36px}
.folha-miolo p{margin:0}
.fechar{position:absolute;top:14px;right:14px;width:40px;height:40px;background:none;border:0;font-size:1.7rem;line-height:1;cursor:pointer;color:inherit}
.endereco{font-weight:600;color:var(--ameixa);overflow-wrap:anywhere}
.alerta{background:#FFF4D6;color:#5C4200;padding:10px 12px;border-radius:10px;font-size:.92rem}
.inclui{margin:0;padding-left:1.1em;display:grid;gap:3px}
.preco-final b{font-size:2.2rem;letter-spacing:-.03em;margin-right:4px}
.botao-principal,.botao-secundario{display:block;text-align:center;text-decoration:none;border:0;border-radius:12px;padding:.85em;font-weight:600;cursor:pointer;width:100%}
.botao-principal{background:var(--ameixa);color:#fff}
.botao-secundario{background:var(--fundo);color:var(--tinta)}
.miudo{font-size:.8125rem;color:var(--suave)}
.qr{background:#fff;padding:12px;width:min(66vw,232px);justify-self:center;box-shadow:inset 0 0 0 1px var(--linha);border-radius:8px}
.qr svg{display:block;width:100%;height:auto}

@media (min-width:900px){
  .estudio{grid-template-columns:minmax(380px,460px) minmax(0,1fr)}
  .abas{display:none}
  .botao-topo{margin-left:auto}
  .conversa{border-right:1px solid var(--linha);display:flex!important}
  .palco{display:flex!important;padding:16px 24px 0}
  .aviso-previa{display:none}
  .chip{max-width:100%}
  .sugestoes{flex-wrap:wrap;overflow:visible}
  .folha{margin:auto;border-radius:16px}
}