/* WhatsApp from the seller's perspective: customer received, Rebeca sent. */
.manifesto .demo-content .voice-message{width:300px;max-width:87%}
.voice-sender{display:block;font-size:10px;font-weight:600;color:#527067;margin-bottom:8px}
.voice-player{display:flex;align-items:center;gap:10px;min-height:42px}
.voice-play{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#edf4f1;color:#008069;font-size:17px;cursor:pointer}
.voice-play:focus-visible{outline:2px solid #008069;outline-offset:3px}
.voice-wave{display:flex;align-items:center;justify-content:space-between;gap:3px;flex:1;min-width:0;height:36px}
.voice-wave i{display:block;height:var(--bar);width:3px;flex-shrink:1;background:#c9d3d0;border-radius:3px}
.voice-wave i.is-played{background:#23a5b6}
.voice-time{font-size:10px;color:#667781;white-space:nowrap}
.voice-message .voice-hint{font-size:10px;color:#667781;margin:5px 0 0;line-height:1.4}
.voice-transcript{margin-top:7px;font-size:10px;color:#59726a}
.voice-transcript summary{cursor:pointer;width:fit-content}
.voice-transcript p{font-size:11px;line-height:1.6;margin-top:7px;color:#233a32}
.voice-reply.message-enter{animation-delay:0ms!important}
.voice-reply[hidden]{display:none!important}
@media(max-width:700px){.voice-player{gap:8px}.voice-wave{gap:2px}.voice-message .voice-hint,.voice-transcript{font-size:9px}.voice-sender{font-size:9px}}
/* First encounter: a brief arrival, then one guided click without locking the page. */
.manifesto .demo-panel{isolation:isolate}
.voice-pending{visibility:hidden;opacity:0;pointer-events:none}
.voice-pending.voice-visible{visibility:visible;opacity:1;pointer-events:auto;animation:voice-arrive .38s ease-out both}
.voice-shade{position:absolute;inset:0;background:#10221c9c;backdrop-filter:blur(2px);border-radius:inherit;z-index:4;animation:voice-shade-in .3s ease both}
.manifesto .demo-content .voice-spotlight{z-index:5;box-shadow:0 0 0 3px #96d7bc,0 15px 45px #0003}
.voice-spotlight .voice-play{box-shadow:0 0 0 6px #00a88418;animation:voice-play-pulse 1.8s ease-out infinite}
.voice-guide{border-top:1px solid #dae7df;margin-top:12px;padding-top:12px;text-align:left}
.voice-guide p{font-size:12px;line-height:1.5;color:#294a3d;margin:0 0 10px}
.voice-guide-play{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;background:#008069;color:#fff;border-radius:7px;padding:12px 14px;font-size:13px;font-weight:600;cursor:pointer}
.voice-guide .voice-guide-play span{display:inline;color:white;font-size:13px}
.voice-guide small{display:block;color:#60786e;font-size:10px;line-height:1.5;margin-top:9px}
.voice-guide-read,.voice-read-answer{background:none;border:0;color:#356354;padding:8px 0;font-size:11px;text-decoration:underline;cursor:pointer;min-height:36px}
.voice-guide button:focus-visible,.voice-read-answer:focus-visible{outline:2px solid #008069;outline-offset:3px}
.voice-typing{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#376654;font-size:10px;padding:12px 6px;align-self:flex-end}
.voice-typing span{margin-right:5px}.voice-typing i{width:5px;height:5px;background:#6c9a87;border-radius:50%;animation:voice-typing 1s ease-in-out infinite}
.voice-typing i:nth-of-type(2){animation-delay:.15s}.voice-typing i:nth-of-type(3){animation-delay:.3s}
.voice-notify{animation:voice-nudge .42s ease-in-out 1}
@keyframes voice-nudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px) rotate(-.15deg)}40%{transform:translateX(3px) rotate(.15deg)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
@keyframes voice-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes voice-shade-in{from{opacity:0}to{opacity:1}}
@keyframes voice-play-pulse{0%,100%{box-shadow:0 0 0 5px #00a88414}50%{box-shadow:0 0 0 10px #00a88424}}
@keyframes voice-typing{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:700px){.voice-guide p{font-size:11px}.voice-guide{margin-top:8px;padding-top:8px}.voice-guide-play{font-size:12px;padding:10px}.voice-guide small{font-size:9px}.voice-guide-read{font-size:10px}.voice-spotlight .voice-transcript{display:none}.manifesto .demo-content .voice-message{max-width:94%}}
@media(prefers-reduced-motion:reduce){.voice-notify,.voice-pending.voice-visible,.voice-spotlight .voice-play,.voice-typing i,.voice-shade{animation:none!important}}

.text-message-pending{display:none!important}.text-typing{flex-shrink:0}.manifesto .demo-content:has(.text-message-pending){min-height:245px}