.chat-simulation{--sim-ink:#23393e;--sim-muted:#536c72;width:100%;min-width:0;background:#f4f8f8;border:1px solid #b8ced2;border-radius:18px;overflow:hidden;color:var(--sim-ink);box-shadow:0 12px 38px rgba(20,40,45,.08);text-align:left;font-size:13px}
.sim-header{display:flex;align-items:center;gap:10px;padding:16px;background:#16343b;color:#fff}.sim-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#89d4df;color:#16343b;font-size:14px;font-weight:800;flex-shrink:0}.sim-header strong{display:block;font-size:14px}.sim-header div>span{display:block;color:#c6e3e8;font-size:11px}.sim-header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#94e2c4;margin-right:4px}.sim-brand{margin-left:auto;font-size:9px;letter-spacing:.07em;font-weight:700}.sim-title{margin:0!important;padding:12px 16px 8px;color:var(--sim-ink)!important;font-size:12px!important;font-weight:700}.sim-viewport{height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a0bfc6 transparent;padding:8px 16px 16px}.sim-messages{display:flex;flex-direction:column;gap:10px;margin:0!important;padding:0!important;border:0!important;list-style:none}.sim-message{max-width:91%;padding:10px 12px!important;background:#fff;border:1px solid #d6e1e4;border-radius:3px 13px 13px;box-shadow:0 2px 6px #18363b08;font-size:13px!important;line-height:1.5;overflow-wrap:anywhere}.sim-message::before{display:none!important}.sim-message p{margin:3px 0 0!important;white-space:pre-wrap;color:var(--sim-ink)!important;font-size:13px!important;line-height:1.5}.sim-speaker{font-size:10px;font-weight:700;color:var(--sim-muted)}.sim-cliente,.sim-usuario{align-self:flex-end;background:#d8eef0;border-color:#bbdce0;border-radius:13px 3px 13px 13px}.sim-ia{align-self:flex-start}.sim-thinking{display:flex;gap:4px;align-items:center;color:var(--sim-muted);min-height:42px}.sim-thinking i{width:4px;height:4px;background:#3f8796;border-radius:50%;animation:sim-dot 1s infinite}.sim-thinking i:nth-child(2){animation-delay:.15s}.sim-thinking i:nth-child(3){animation-delay:.3s}.sim-thinking span{margin-left:5px;font-size:11px}@keyframes sim-dot{50%{opacity:.35;transform:translateY(-2px)}}
.sim-footer{min-height:50px;padding:6px 12px;display:flex;gap:8px;align-items:center;border-top:1px solid #dae6e8}.sim-tag{font-size:10px;font-weight:700;color:#28616c;line-height:1.4;flex:1}.sim-pause{font-size:11px;border:1px solid #b2cbd0;color:#214951;background:#fff;border-radius:6px;min-height:36px;padding:6px 10px;cursor:pointer}.sim-transcript{border-top:1px solid #dae6e8;padding:0 14px}.sim-transcript summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:11px;color:#284d55}.sim-transcript .sim-messages{padding-bottom:16px!important}.sim-disclaimer{padding:10px 14px!important;margin:0!important;color:#536c72!important;font-size:10px!important;line-height:1.5!important;background:#eaf1f2}.hero-chat{min-width:0;box-shadow:0 28px 70px #0004;border-radius:18px}.hero-chat .sim-viewport{height:360px}.hero-commercial .hero-grid{align-items:center}.project-card>.chat-simulation{margin:24px 0 0;box-shadow:none}.project-card .sim-header{padding:12px}.project-card .sim-brand{display:none}.project-card .sim-viewport{padding:8px 10px 12px;height:300px}.project-card .sim-message{max-width:96%}.company-demo{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.company-demo h3{font-size:1.9rem;line-height:1.25;letter-spacing:-.03em}.company-demo p{color:var(--muted)}
@media(max-width:950px){.company-demo{grid-template-columns:1fr;gap:26px}.project-card .sim-brand{display:block}.project-card>.chat-simulation{max-width:560px;margin-left:auto;margin-right:auto}.hero-chat{max-width:560px;justify-self:center;width:100%}}
@media(max-width:620px){.hero-chat .sim-viewport{height:340px}.sim-header{padding:12px}.sim-viewport{padding:8px 12px 12px}.sim-message{max-width:94%}.sim-pause{min-height:44px}.company-demo h3{font-size:1.6rem}.project-card .sim-brand{display:none}}
@media(prefers-reduced-motion:reduce){.sim-thinking i{animation:none}.sim-viewport{scroll-behavior:auto}}
