@import url('https://webseeker.paraty.es/fonts/google-fonts/open-sans/stylesheet.css');
:root{color-scheme:light;--ink:#193e35;--deep:#173d35;--sage:#dce9df;--mint:#f3f7f1;--paper:#fbfaf5;--muted:#738078;--line:#e3e8df;--gold:#c69b54;--white:#fff;--shadow:0 18px 48px rgba(25,62,53,.08);font-family:'Open Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}.app-shell{max-width:1240px;margin:auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--deep);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #bdcdbf;border-radius:50%;font-family:Georgia,serif;font-size:22px;color:var(--gold)}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;letter-spacing:.08em;font-size:17px}.brand small{font-size:9px;letter-spacing:.16em;margin-top:3px;color:#77837a}.demo-pill{font-size:10px;letter-spacing:.12em;color:#64756a;padding:9px 13px;border:1px solid var(--line);border-radius:99px}.demo-pill i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#6d9873;margin-right:7px;box-shadow:0 0 0 3px #e4efe5}.intro{text-align:center;padding:48px 16px 32px}.eyebrow{margin:0 0 10px;font-size:10px;letter-spacing:.19em;font-weight:700;color:#829081}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,5vw,54px);font-weight:400;letter-spacing:-.04em;margin:0;color:var(--deep)}.intro-copy{margin:12px auto 18px;max-width:520px;color:#65756b;font-size:14px;line-height:1.65}.availability{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#6f7e73;background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px}.availability.ready{color:#416847}.availability.error{color:#96534b}.spinner{width:12px;height:12px;border:1.5px solid #d0ddd1;border-top-color:#61816a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:stretch;margin:0 auto;max-width:1080px}.chat-card,.menu-card{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);min-height:470px}.chat-card{display:flex;flex-direction:column;overflow:hidden}.chat-heading{display:flex;align-items:center;gap:11px;padding:17px 19px;border-bottom:1px solid #eef0eb}.avatar{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:50%;background:var(--deep);color:#e4c17f;font:20px Georgia,serif}.chat-heading strong,.chat-heading span{display:block}.chat-heading strong{font-size:12px}.chat-heading div:nth-child(2) span{margin-top:3px;color:#8b968d;font-size:10px}.voice-button{margin-left:auto;border:0;border-radius:99px;background:var(--deep);color:white;padding:10px 15px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.voice-button:hover,.send:hover{background:#285447}.messages{padding:20px;flex:1;min-height:250px;max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble{max-width:88%;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.agent{background:var(--mint);border:1px solid #e5ece2;border-top-left-radius:4px;align-self:flex-start}.bubble.user{background:var(--deep);color:white;border-top-right-radius:4px;align-self:flex-end}.bubble.error{border-color:#e8c9c5;background:#fff8f7;color:#8a4c45}.composer{display:flex;align-items:flex-end;gap:9px;margin:0 15px;padding:8px 8px 8px 13px;border:1px solid #dfe6dc;border-radius:13px;background:#fff}.composer textarea{border:0;outline:0;resize:none;flex:1;max-height:90px;font:inherit;font-size:13px;line-height:1.5;color:var(--ink);padding:6px 2px;background:transparent}.composer textarea::placeholder{color:#a1aaa0}.send{width:34px;height:34px;border:0;border-radius:10px;background:var(--deep);color:white;font-size:18px;cursor:pointer;flex:none}.send:disabled{opacity:.4;cursor:default}.scope-note{text-align:center;font-size:10px;color:#969d94;margin:10px 10px 14px}.menu-card{padding:22px 23px;display:flex;flex-direction:column}.menu-header{display:flex;align-items:center;justify-content:space-between}.menu-header h2{font:400 25px Georgia,serif;margin:0}.menu-header .eyebrow{margin-bottom:5px}.refresh{border:1px solid var(--line);background:white;color:#65776b;border-radius:50%;font-size:20px;width:34px;height:34px;cursor:pointer}.refresh:disabled{opacity:.45}.menu-meta{font-size:10px;color:#8b968e;margin:8px 0 15px}.product-list{display:flex;flex-direction:column;gap:9px;overflow:auto;max-height:330px}.product{padding:12px 13px;border:1px solid #edf0e9;border-radius:11px;background:#fff}.product-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.product-name{font-size:13px;line-height:1.35;font-weight:600;color:#26493d}.product-price{white-space:nowrap;color:#7a6847;font-size:12px;font-weight:700}.product-desc{font-size:10px;line-height:1.55;color:#7c877d;margin:7px 0 0}.variant-note{font-size:10px;color:#879184;margin-top:7px}.menu-skeleton{height:65px;border-radius:10px;background:linear-gradient(90deg,#f4f6f1,#fafbf8,#f4f6f1);background-size:200%;animation:shine 1.5s infinite}@keyframes shine{to{background-position:-200% 0}}.menu-empty{font-size:12px;line-height:1.6;padding:16px;border:1px dashed var(--line);border-radius:10px;color:#79857b}.menu-footer{display:flex;align-items:center;border-top:1px solid #eef0eb;margin-top:auto;padding-top:14px;font-size:9px;color:#98a097}.call-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;color:#65756b;font-size:11px}.call-state[hidden]{display:none}.orb{display:flex;align-items:center;gap:3px;height:23px}.orb span{width:3px;height:7px;background:#709479;border-radius:4px;animation:wave .8s ease-in-out infinite alternate}.orb span:nth-child(2){animation-delay:.2s}.orb span:nth-child(3){animation-delay:.4s}@keyframes wave{to{height:19px}}.hangup{border:1px solid #ead7d2;background:#fff8f6;color:#9a5146;border-radius:20px;padding:6px 11px;font-size:10px;cursor:pointer}footer{display:flex;justify-content:space-between;gap:12px;padding:22px 4px 27px;color:#99a098;font-size:9px;letter-spacing:.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.app-shell{padding:0 16px}.topbar{height:70px}.demo-pill{font-size:8px;padding:8px}.intro{padding:34px 5px 24px}.intro-copy{font-size:13px}.layout{grid-template-columns:1fr;gap:14px}.chat-card{min-height:430px}.menu-card{min-height:310px}.product-list{max-height:300px}.menu-card{padding:19px}.messages{max-height:310px}footer{font-size:8px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.history-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px 10px;color:#929b92;font-size:9px}.history-controls button{border:0;background:transparent;color:#6e7e72;font:inherit;text-decoration:underline;cursor:pointer;white-space:nowrap}.history-controls button:disabled{opacity:.5;cursor:wait}
