:root{--surface:#f4f3f0;--card:#fff;--ink:#252525;--muted:#69645e;--line:#dedad3;--accent:#c8102e;--accent-ink:#fff;--user:#2f3b4c;--danger:#a3261c;--wa-surface:#efe7de;--wa-user:#d9fdd3;color-scheme:light}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.page{flex-direction:column;max-width:40rem;min-height:100dvh;margin:0 auto;padding:1.25rem 1rem 0;display:flex}.page header{border-bottom:1px solid var(--line);padding-bottom:.75rem}.brand{color:var(--muted);margin:0;font-size:.8125rem}.page h1{margin:.125rem 0 0;font-size:1.375rem;font-weight:600}.conversation,.simulator{flex-direction:column;flex:1;display:flex}.messages{flex-direction:column;flex:1;gap:.5rem;margin:0;padding:1rem 0;list-style:none;display:flex}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1rem;max-width:85%;padding:.625rem .875rem}.bubble.bot{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:.25rem;align-self:flex-start}.bubble.user{background:var(--user);color:#fff;border-bottom-right-radius:.25rem;align-self:flex-end}.composer{background:var(--surface);border-top:1px solid var(--line);padding:.75rem 0 1rem;position:sticky;bottom:0}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:.625rem;padding:.625rem 1rem}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.ghost{background:0 0}.choices{flex-wrap:wrap;gap:.5rem;display:flex}.choices.options{flex-direction:column}.choices.options button{text-align:left}.text-answer{flex-direction:column;gap:.5rem;display:flex}.text-answer input,.text-answer textarea,.phone input{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:.625rem;padding:.625rem .75rem}.text-answer input:focus,.text-answer textarea:focus,.phone input:focus{outline:2px solid var(--user);outline-offset:1px}.actions{justify-content:flex-end;gap:.5rem;display:flex}.status{color:var(--muted)}.status p{margin:0 0 .5rem}.issues{color:var(--danger);margin:.5rem 0 0;padding:0;font-size:.9375rem;list-style:none}.phone{color:var(--muted);gap:.25rem;padding-top:.75rem;font-size:.875rem;display:grid}.messages.wa{background:var(--wa-surface);border-radius:.75rem;margin:.75rem 0;padding:1rem .75rem}.messages.wa .bubble.user{background:var(--wa-user);color:var(--ink)}.messages.wa .bubble.bot{border:none}.wa-interactive{flex-direction:column;gap:.5rem;display:flex}.wa-buttons{border-top:1px solid var(--line);flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.wa-buttons button{color:#027eb5;background:0 0;border:none;padding:.375rem}.wa-buttons .wa-row{text-align:left;color:var(--ink);border-top:1px solid var(--line);border-radius:0}button:focus-visible,a.button:focus-visible,a:focus-visible{outline:3px solid var(--user);outline-offset:2px}.page-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page .page-header{border-bottom:1px solid var(--line);padding-bottom:.75rem}a.button{border:1px solid var(--line);background:var(--card);min-height:2.75rem;color:var(--ink);border-radius:.625rem;justify-content:center;align-items:center;padding:.625rem 1rem;text-decoration:none;display:inline-flex}a.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.quiet{white-space:nowrap;min-height:2.75rem;color:var(--muted);background:0 0;border-color:#0000;padding:.375rem .75rem;font-size:.9375rem;text-decoration:underline}button.quiet:hover:not(:disabled){color:var(--ink);border-color:#0000}.logout{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.logout .issues{margin:0}.logout.primary{align-items:stretch}.logout.primary button{min-height:2.75rem}.logout:not(.primary) .issues:empty{display:none}.auth-card,.notice-card{background:var(--card);border:1px solid var(--line);border-radius:1rem;width:100%;max-width:26rem;margin:1.5rem auto;padding:1.25rem 1rem}.notice-card{flex-direction:column;gap:.75rem;display:flex}.notice-card h2{margin:0;font-size:1.125rem}.notice-card p{margin:0}.lead{color:var(--muted);margin:0 0 1rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.375rem;display:flex}.field label{font-size:.9375rem;font-weight:600}.field input{font:inherit;border:1px solid var(--muted);background:var(--card);width:100%;min-height:2.75rem;color:var(--ink);border-radius:.625rem;padding:.625rem .75rem}.field input:focus{outline:3px solid var(--user);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--danger);border-width:2px;padding:calc(.625rem - 1px) calc(.75rem - 1px)}.secret{position:relative}.secret input{padding-right:5.5rem}.secret input[aria-invalid=true]{padding-right:calc(5.5rem - 1px)}.reveal{min-width:5rem;min-height:2.75rem;color:var(--user);background:0 0;border:none;border-radius:0 .625rem .625rem 0;padding:0 .75rem;font-size:.9375rem;font-weight:600;position:absolute;top:0;right:0}.reveal:hover:not(:disabled){text-decoration:underline}.form-error{min-height:3rem;margin:0}.submit{justify-content:center;align-items:center;gap:.5rem;min-height:3rem;font-weight:600;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.notice{border:1px solid var(--danger);background:var(--card);color:var(--ink);border-radius:.625rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.notice p{margin:0}.notice.info{border-color:var(--muted);margin-bottom:.75rem}.empty-choice{flex-direction:column;gap:.75rem;display:flex}.empty-choice p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.empty-choice .empty-question{font-weight:600}.empty-choice .empty-guidance{color:var(--muted);margin-top:.5rem}.empty-choice .hint{margin-top:.375rem}.empty-choice button{min-height:2.75rem}.empty-choice button[aria-disabled=true]{opacity:.6;cursor:progress}.text-answer input,.text-answer textarea{min-height:2.75rem}.text-answer input[aria-invalid=true],.text-answer textarea[aria-invalid=true]{border-color:var(--danger);border-width:2px}.hint{color:var(--muted);margin:0;font-size:.875rem}.choices button,.option-list button{overflow-wrap:anywhere;min-height:2.75rem}[tabindex="-1"]:focus{outline:none}.searchable{flex-direction:column;gap:.5rem;display:flex}.search{font:inherit;border:1px solid var(--muted);background:var(--card);width:100%;min-height:2.75rem;color:var(--ink);border-radius:.625rem;padding:.625rem .75rem}.search:focus{outline:3px solid var(--user);outline-offset:1px}.option-list{overscroll-behavior:contain;flex-direction:column;gap:.375rem;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.option-list button{text-align:left;width:100%}.completion{background:var(--card);border:1px solid var(--line);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.completion.sale{border-width:2px;border-color:#2d7a46}.completion.restart{border-color:var(--danger)}.completion h2{margin:0;font-size:1.25rem}.completion p{margin:0}.completion.sale h2{color:#1f5e34}.code-label{color:var(--muted);font-size:.875rem}.sale-code{background:var(--surface);border:1px dashed var(--muted);letter-spacing:.06em;text-align:center;overflow-wrap:anywhere;user-select:all;border-radius:.5rem;padding:.5rem .625rem;font:700 1.5rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.completion button{min-height:2.75rem}.copy-status{min-height:1.25rem;font-size:.875rem}.header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.25rem .5rem;display:flex}.quiet-link{min-height:2.75rem;color:var(--muted);align-items:center;padding:.375rem .5rem;font-size:.9375rem;display:inline-flex}.quiet-link:hover{color:var(--ink)}.quiet-link:focus-visible{outline:3px solid var(--user);outline-offset:2px}@media (width<=30rem){.page-header{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end;gap:0}}.auth-card .notice{margin-bottom:1rem}.auth-form .button{width:100%}.form-error-box{flex-direction:column;gap:.5rem;display:flex}.strength{flex-direction:column;gap:.375rem;display:flex}.meter{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.meter span{background:var(--line);border-radius:999px;height:.375rem}.strength[data-score="1"] .meter span:nth-child(-n+1){background:var(--danger)}.strength[data-score="2"] .meter span:nth-child(-n+2){background:#b7791f}.strength[data-score="3"] .meter span{background:#2d7a46}.attachments{overscroll-behavior:contain;flex-direction:column;gap:.5rem;max-height:calc(100dvh - 7rem);margin:-4px;padding:4px;display:flex;overflow-y:auto}.attachment-pickers{flex-direction:column;gap:.5rem;display:flex}.attachment-pickers button{min-height:3rem;font-weight:600}.attachment-pickers button.capture.primary{min-height:3.25rem;font-size:1.0625rem}.attachment-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.attachment{background:var(--card);border:1px solid var(--line);border-radius:.75rem;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.25rem .625rem;padding:.5rem;display:grid}.attachment.failed{border-color:var(--danger)}.attachment.ready{border-color:#2d7a46}.attachment-info{min-width:0}.attachment-info p{margin:0}.attachment-title{overflow-wrap:anywhere;font-size:.9375rem}.attachment-name{font-weight:600}.attachment-size,.attachment-state{color:var(--muted);font-size:.8125rem}.attachment-error{color:var(--danger);margin-top:.25rem;font-size:.875rem}.attachment progress{width:100%;height:.5rem;accent-color:var(--accent)}.attachment-actions{grid-column:1/-1;justify-content:flex-end;gap:.5rem;display:flex}.attachment-actions:empty{display:none}.attachment-actions button{min-width:2.75rem;min-height:2.75rem}.thumb{object-fit:cover;background:var(--surface);border:1px solid var(--line);border-radius:.5rem;width:3.5rem;height:3.5rem}.badge{letter-spacing:.04em;color:var(--muted);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.attachment-status{margin:0;font-size:.875rem}.attachments .actions{flex-wrap:wrap}.attachments .actions button{min-height:2.75rem}.sent-thumbs{flex-wrap:wrap;gap:.25rem;margin-top:.375rem;display:flex}.sent-thumb{object-fit:cover;background:#ffffff26;border-radius:.375rem;width:3rem;height:3rem}.sent-thumb.badge{color:#fff;border:1px solid #ffffff80}@media (width>=30rem){.attachment-pickers{flex-direction:row}.attachment-pickers button{flex:1}.attachment{grid-template-columns:3.5rem minmax(0,1fr) auto}.attachment-actions{grid-column:auto}}.behalf-banner{z-index:1;background:var(--user);color:#fff;border-radius:.625rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;margin:.75rem 0 0;padding:.5rem .75rem;display:flex;position:sticky;top:0}.behalf-banner p{overflow-wrap:anywhere;margin:0}.behalf-banner button{color:#fff}.behalf-banner button.quiet{min-height:2.75rem;padding-block:.25rem}.behalf-banner button.quiet:hover:not(:disabled){color:#fff}.behalf-banner button:focus-visible{outline-offset:2px;outline:3px solid #fff}.behalf-confirm{flex-direction:column;flex:1 0 100%;gap:.5rem;display:flex}.behalf-confirm button{color:var(--ink);min-height:2.75rem}.behalf-confirm button.primary{color:var(--accent-ink)}.notice .actions{flex-wrap:wrap;align-self:stretch}.notice .actions button{min-height:2.75rem}.notice-heading{margin:0;font-size:1.0625rem}.notice.info[role=status]{margin:0 0 .75rem}.picker{flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.picker h2{margin:0;font-size:1.25rem}.picker .lead{margin:0 0 .5rem}.picker .notice{align-items:stretch}.asesor-list{overscroll-behavior:contain;flex-direction:column;gap:.375rem;max-height:60dvh;margin:-4px;padding:4px;list-style:none;display:flex;overflow-y:auto}.asesor-list button{text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:.125rem;width:100%;min-height:3.5rem;display:flex}.asesor-name{font-weight:600}.asesor-cedula{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}