/* A conversa de exemplo com a Mari, com cara de WhatsApp, dentro da tela de resultado do site.
   Independente do resto: não usa variáveis do site nem do protótipo. */
.mari-cena{max-width:310px;margin:0 auto}
.mari-tela{border-radius:30px;overflow:hidden;background:#EFEAE2;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;text-align:left}
.zap-topo{display:flex;align-items:center;gap:9px;padding:12px 12px 9px;background:#fff;border-bottom:1px solid #E9E4DF}
.zap-foto{flex:none;width:36px;height:36px;border-radius:50%;background:#F8EAED url(/ellara/img/mari.jpg?v=1) center/cover no-repeat}
.zap-quem{display:grid;line-height:1.2}
.zap-quem strong{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:#111B21}
.zap-quem span{font-size:11.5px;color:#1D8348}
.zap-selo{margin-left:auto;width:22px;height:22px}
.zap-rolo{height:430px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;cursor:pointer}
.zap-rolo::-webkit-scrollbar{display:none}
.zap-fio{min-height:100%;padding:10px 8px 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;color:#111B21}
.zap-msg{position:relative;max-width:88%;padding:6px 9px 18px;border-radius:11px;font-size:13.5px;line-height:1.35;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.zap-msg p{margin:0;overflow-wrap:anywhere}
.zap-mari{align-self:flex-start;background:#fff;border-top-left-radius:4px}
.zap-ela{align-self:flex-end;background:#D9FDD3;border-top-right-radius:4px;margin-top:5px}
.zap-ela + .zap-mari{margin-top:5px}
.zap-hora{position:absolute;right:8px;bottom:4px;font-size:10px;line-height:1;color:#667781;font-variant-numeric:tabular-nums}
.zap-com-midia{width:86%;padding:4px 4px 20px}
.zap-midia{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#fff}
.zap-midia img,.zap-midia video{display:block;width:100%;height:100%;object-fit:contain}
.zap-com-midia p{padding:6px 5px 0}
.zap-com-midia strong{font-weight:700}
.zap-cartao{width:92%}
.zap-cartao-titulo{font-weight:700}
.zap-cartao-pe{margin-top:7px !important;font-size:12px;color:#54656F}
.zap-cardapio{list-style:none;margin:7px 0 0;padding:0}
.zap-cardapio li{display:grid;gap:1px;padding:6px 0;border-top:1px solid #EEF0F1}
.zap-cardapio strong{font-size:11.5px;font-weight:700;color:#1D8348}
.zap-cardapio span{font-size:12.5px;line-height:1.35}
.zap-cardapio em{font-size:11px;font-style:normal;color:#667781;font-variant-numeric:tabular-nums}
.zap-barra{height:7px;margin-top:9px;border-radius:99px;background:#E9EDEF;overflow:hidden}
.zap-barra span{display:block;height:100%;border-radius:99px;background:#25D366;transform-origin:left;animation:zapEncher .9s cubic-bezier(.2,.7,.2,1) .25s both}
.zap-digitando{display:flex;align-items:center;gap:4px;padding:11px 12px}
.zap-digitando i{width:6px;height:6px;border-radius:50%;background:#8696A0;animation:zapPulsar 1.1s ease-in-out infinite}
.zap-digitando i:nth-child(2){animation-delay:.15s}
.zap-digitando i:nth-child(3){animation-delay:.3s}
.zap-msg.chegando{animation:zapBrotar .45s cubic-bezier(.2,.9,.3,1.12) both}
.zap-mari.chegando{transform-origin:0 100%}
.zap-ela.chegando{transform-origin:100% 100%}
.mari-nota{max-width:310px;margin:12px auto 0;font-size:11.5px;line-height:1.45;text-align:center;color:#8A7A80}
@keyframes zapBrotar{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
@keyframes zapPulsar{0%,100%{opacity:.3;transform:translateY(0)}45%{opacity:1;transform:translateY(-2px)}}
@keyframes zapEncher{from{transform:scaleX(0)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.zap-msg.chegando,.zap-barra span,.zap-digitando i{animation:none}}