#cotizaciones.agent-showcase{padding:0 0 95px;background:var(--bg);scroll-margin-top:105px}
#cotizaciones .agent-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin-bottom:35px}
#cotizaciones .agent-heading .eyebrow{font-size:11px;letter-spacing:0;margin-bottom:14px}
#cotizaciones .agent-heading h2{font-size:37px;line-height:1.2;letter-spacing:0;margin:0;color:#161b2c}
#cotizaciones .agent-heading h2>span{color:#1b54e8}
#cotizaciones .agent-heading>p{font-size:15px;line-height:1.8;color:#5b6478;max-width:450px;padding-bottom:4px}
#cotizaciones .agent-example-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #dedfdf}
#cotizaciones .agent-example-tabs button{display:flex;align-items:center;gap:8px;font:600 12px var(--body);color:#59657c;padding:11px 16px;border:1px solid #d9dedf;background:#fff;border-radius:6px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
#cotizaciones .agent-example-tabs button svg{width:16px;height:16px}
#cotizaciones .agent-example-tabs button[aria-selected=true]{color:#fff;background:#1b54e8;border-color:#1b54e8}
#cotizaciones .agent-example-tabs button:not([aria-selected=true]):hover{background:#e9edf7;border-color:#9fb6e2}
#cotizaciones .agent-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:52px;padding-top:30px;align-items:center}
#cotizaciones .agent-story{padding:10px 0}
#cotizaciones .agent-case-label{font:10px var(--mono);color:#a62868;margin-bottom:17px}
#cotizaciones .agent-story>h3{font-size:24px;line-height:1.35;letter-spacing:0;color:#172034;margin-bottom:15px}
#cotizaciones .agent-intro{font-size:14px;line-height:1.8;color:#677083;max-width:360px}
#cotizaciones .agent-capabilities{list-style:none;display:grid;gap:22px;margin:28px 0 29px;padding:0}
#cotizaciones .agent-capabilities li{display:flex;align-items:flex-start;gap:13px}
#cotizaciones .agent-step-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e3eb;border-radius:7px;background:#eef7fa;flex-shrink:0;color:#0e829a}
#cotizaciones .agent-step-icon svg{width:18px;height:18px;stroke-width:1.6}
#cotizaciones .agent-capabilities li:nth-child(2) .agent-step-icon{background:#f8edf4;border-color:#ecdce6;color:#b42270}
#cotizaciones .agent-capabilities li:nth-child(3) .agent-step-icon{background:#edf2ff;border-color:#d9e0f5;color:#1b54e8}
#cotizaciones .agent-capabilities h4{font-family:var(--body);font-size:13px;font-weight:700;color:#263248;line-height:1.4;margin-bottom:5px}
#cotizaciones .agent-capabilities p{font-size:12px;color:#647086;line-height:1.75;max-width:300px}
#cotizaciones .agent-plan-link{font-size:12px;font-weight:650;color:#1b54e8;display:inline-flex;gap:11px;align-items:center;padding:0 0 7px;border-bottom:1px solid #bbc9ef}
#cotizaciones .agent-plan-link svg{width:14px;height:14px}
#cotizaciones .agent-channels{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:#68738a;font-size:9px}
#cotizaciones .agent-channels span{display:flex;gap:5px;align-items:center}
#cotizaciones .agent-channels svg{width:12px;height:12px}
#cotizaciones .agent-chat{border:1px solid #29364e;border-radius:8px;background:#0c1120;overflow:hidden;min-width:0;box-shadow:0 15px 35px -25px #111c4680;color:#eef4ff}
#cotizaciones .agent-chat-header{display:flex;align-items:center;gap:11px;padding:17px 20px;background:#121b2d;border-bottom:1px solid #2a3851}
#cotizaciones .agent-chat-header>img{width:36px;height:36px;object-fit:contain;border-radius:7px;background:#fff;padding:4px}
#cotizaciones .agent-chat-header h3{font-family:var(--display);font-size:15px;font-weight:650;letter-spacing:0;color:#f4f7ff;line-height:1.3;margin:0}
#cotizaciones .agent-chat-header p{font-size:10px;color:#a0b4d3;margin-top:4px}
#cotizaciones .agent-demo-label{margin-left:auto;font:8px var(--mono);color:#8ed9e4;border:1px solid #386075;padding:4px 6px;border-radius:3px}
#cotizaciones #agent-reset{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #4b607c;border-radius:5px;background:transparent;color:#bcd0eb;cursor:pointer;flex-shrink:0}
#cotizaciones #agent-reset svg{width:13px;height:13px}
#cotizaciones #agent-reset:hover{background:#213552}
#cotizaciones .agent-thread{height:270px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scrollbar-color:#49617e #121b2a;scrollbar-width:thin}
#cotizaciones .agent-message{max-width:93%;display:flex;flex-direction:column;gap:5px;flex-shrink:0;animation:agent-message-in .2s ease-out}
#cotizaciones .agent-message.customer{align-self:flex-end;align-items:flex-end;max-width:85%}
#cotizaciones .agent-message>span{font:8px var(--mono);color:#8fa9cc;padding-inline:2px}
#cotizaciones .agent-message>p{font-size:12px;line-height:1.7;padding:11px 13px;background:#1444a2;color:#f1f6ff;border:1px solid #3262c1;border-radius:6px;overflow-wrap:anywhere}
#cotizaciones .agent-message.customer>p{background:#1c2b43;border-color:#2e415e;color:#dce8fa}
#cotizaciones .agent-context{padding:14px 20px 16px;background:#111c2d;border-top:1px solid #2c3b53}
#cotizaciones .agent-context-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#a8c1df;margin-bottom:12px}
#cotizaciones .agent-context-head>span{display:flex;align-items:center;gap:6px}
#cotizaciones .agent-context-head svg{width:14px;height:14px;color:#68d1df}
#cotizaciones .agent-context-head>b{font:7px var(--mono);color:#e2b768}
#cotizaciones .agent-context dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}
#cotizaciones .agent-context dt{font:8px var(--mono);color:#8ca7cd;margin-bottom:3px}
#cotizaciones .agent-context dd{font-size:11px;font-weight:600;color:#e0ebfb;line-height:1.5;margin:0;overflow-wrap:anywhere}
#cotizaciones .agent-context dd.quantity-updated{color:#72e0e8}
#cotizaciones .agent-actions{padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #2c3b53}
#cotizaciones .agent-actions button{display:flex;align-items:center;justify-content:center;gap:7px;background:#18304d;border:1px solid #57769b;border-radius:5px;color:#e1eeff;font:600 10px var(--body);padding:10px 12px;min-height:36px;cursor:pointer}
#cotizaciones .agent-actions button svg{width:13px;height:13px;flex-shrink:0}
#cotizaciones .agent-actions #agent-quote{background:#55d1e3;border-color:#55d1e3;color:#0c1a25}
#cotizaciones .agent-actions button:not(:disabled):hover{filter:brightness(1.15)}
#cotizaciones .agent-actions button:disabled{opacity:.65;cursor:default}
#cotizaciones .agent-chat-foot{display:flex;align-items:flex-start;gap:7px;padding:0 20px 15px;font-size:9px;line-height:1.7;color:#95bbd4}
#cotizaciones .agent-chat-foot>svg{width:14px;height:14px;color:#6dd4df;flex-shrink:0}
#cotizaciones .agent-proposal{padding:16px 20px;border-top:1px solid #36506c;background:#122538}
#cotizaciones .agent-proposal[hidden]{display:none}
#cotizaciones .agent-proposal-label{font:8px var(--mono);color:#80d6df}
#cotizaciones .agent-proposal h4{font:650 14px var(--display);color:#edf7ff;line-height:1.5;margin:8px 0}
#cotizaciones .agent-proposal p{font-size:11px;color:#bfd0e6;line-height:1.7}
#cotizaciones .agent-proposal small{font-size:9px;color:#91afcc;display:block;margin-top:8px;line-height:1.7}
#cotizaciones .agent-disclaimer{color:#677083;font:9px var(--mono);line-height:1.8;padding-top:19px;max-width:780px}
#cotizaciones button:focus-visible,#cotizaciones a:focus-visible{outline:2px solid #ce7a28;outline-offset:4px}
@keyframes agent-message-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#cotizaciones .agent-message{animation:none}}
@media(max-width:1100px){#cotizaciones .agent-heading{gap:35px}#cotizaciones .agent-heading h2{font-size:32px}#cotizaciones .agent-heading>p{font-size:14px}#cotizaciones .agent-layout{gap:30px;grid-template-columns:.9fr 1.1fr}#cotizaciones .agent-story>h3{font-size:21px}#cotizaciones .agent-chat-header{padding-inline:16px}#cotizaciones .agent-thread{padding-inline:16px}#cotizaciones .agent-actions{padding-inline:16px}#cotizaciones .agent-context{padding-inline:16px}}
@media(max-width:900px){#cotizaciones .agent-heading{grid-template-columns:1fr;gap:18px}#cotizaciones .agent-heading>p{max-width:600px}#cotizaciones .agent-layout{grid-template-columns:1fr;gap:28px}#cotizaciones .agent-story{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}#cotizaciones .agent-case-label{grid-column:1;margin:0 0 14px}#cotizaciones .agent-story>h3{grid-column:1;font-size:23px}#cotizaciones .agent-intro{grid-column:1;max-width:390px}#cotizaciones .agent-capabilities{grid-column:2;grid-row:1/5;margin:0;gap:19px}#cotizaciones .agent-plan-link{grid-column:1;justify-self:start;align-self:end;margin-top:20px}#cotizaciones .agent-channels{grid-column:1/-1}#cotizaciones .agent-chat{max-width:700px;width:100%;justify-self:center}#cotizaciones .agent-message>p{font-size:13px}#cotizaciones .agent-thread{height:270px}#cotizaciones .agent-context dl{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){#cotizaciones.agent-showcase{padding-bottom:65px;scroll-margin-top:94px}#cotizaciones .agent-heading{margin-bottom:24px}#cotizaciones .agent-heading h2{font-size:28px}#cotizaciones .agent-heading .eyebrow{font-size:10px}#cotizaciones .agent-heading>p{font-size:13px;line-height:1.8}#cotizaciones .agent-example-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:20px}#cotizaciones .agent-example-tabs button{font-size:11px;justify-content:flex-start;padding:11px 14px;min-height:40px}#cotizaciones .agent-layout{padding-top:24px;gap:25px}#cotizaciones .agent-story{display:block;padding:0}#cotizaciones .agent-case-label{font-size:9px}#cotizaciones .agent-story>h3{font-size:22px;margin-bottom:12px}#cotizaciones .agent-intro{font-size:13px;max-width:none}#cotizaciones .agent-capabilities{gap:18px;margin:22px 0}#cotizaciones .agent-capabilities h4{font-size:12px}#cotizaciones .agent-capabilities p{font-size:11px;max-width:none}#cotizaciones .agent-step-icon{width:32px;height:32px}#cotizaciones .agent-step-icon svg{width:16px;height:16px}#cotizaciones .agent-plan-link{font-size:11px;margin-top:0}#cotizaciones .agent-channels{font-size:8px;gap:9px;margin-top:18px}#cotizaciones .agent-chat-header{padding:14px}#cotizaciones .agent-chat-header h3{font-size:13px}#cotizaciones .agent-chat-header p{font-size:9px}#cotizaciones .agent-chat-header>img{width:32px;height:32px}#cotizaciones .agent-demo-label{font-size:7px;padding:4px}#cotizaciones .agent-thread{height:280px;padding:16px 14px;gap:13px}#cotizaciones .agent-message>p{font-size:11px;line-height:1.75;padding:10px 11px}#cotizaciones .agent-message>span{font-size:7px}#cotizaciones .agent-context{padding:14px}#cotizaciones .agent-context-head{font-size:9px}#cotizaciones .agent-context dl{grid-template-columns:1fr 1fr;gap:12px}#cotizaciones .agent-context dd{font-size:10px}#cotizaciones .agent-actions{padding:14px;gap:8px}#cotizaciones .agent-actions button{font-size:9px;padding:10px;gap:6px}#cotizaciones .agent-chat-foot{padding:0 14px 14px;font-size:8px}#cotizaciones .agent-disclaimer{font-size:8px;padding-top:16px}#cotizaciones .agent-proposal{padding:14px}#cotizaciones .agent-proposal h4{font-size:13px}}
@media(max-width:350px){#cotizaciones .agent-heading h2{font-size:25px}#cotizaciones .agent-chat-header{gap:8px}#cotizaciones .agent-chat-header h3{font-size:12px}#cotizaciones .agent-actions{flex-direction:column}#cotizaciones .agent-actions button{justify-content:flex-start;font-size:10px}}
@media(max-width:900px){#cotizaciones .agent-chat{grid-row:1}#cotizaciones .agent-story{grid-row:2}}