.viv-site .sc-demo{--sc-accent:#a83e42;--sc-soft:#faeeed;padding-block:12px 28px;scroll-margin-top:100px}.viv-site .sc-demo--finanzas{--sc-accent:#2e5da9;--sc-soft:#eaf0fc}.viv-site .sc-demo--agendas{--sc-accent:#8b6917;--sc-soft:#fbf5df}.viv-site .sc-demo--operaciones{--sc-accent:#7047a8;--sc-soft:#f0eafa}.viv-site .sc-demo--metodo{--sc-accent:#aa387b;--sc-soft:#fbeaf4}.viv-site .sc-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.viv-site .sc-tabs>button{color:#213e42;cursor:pointer;background:#fff;border:1px solid #cedadb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:116px;padding:9px 6px;transition:background .3s,border-color .3s,transform .2s;display:flex}.viv-site .sc-tabs>button:hover{transform:translateY(-3px)}.viv-site .sc-tabs>button[aria-selected=true]{border:2px solid var(--sc-accent);background:var(--sc-soft)}.viv-site .sc-tabs>button:focus-visible{outline:3px solid var(--sc-accent);outline-offset:3px}.viv-site .sc-tabs strong{font-size:14px}.viv-site .sc-tabs span:not(.viv-mascot-motion){font-size:11px}.viv-site .sc-tabs .viv-mascot-motion{width:66px;height:66px}.viv-site .sc-disclosure{color:#4b6468;margin:12px 0;font-size:12px;line-height:1.5}.viv-site .sc-panel{background:linear-gradient(125deg,var(--sc-soft),#f7fbfa 78%);border:1px solid #dde7e5;border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(240px,.85fr);align-items:center;gap:28px;padding:22px;transition:background .4s;display:grid}.viv-site .sc-window{background:#f4f6f5;border:1px solid #cbd7d7;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 8px 24px #294b4c0c}.viv-site .sc-chat-header{background:#f8faf9;border-bottom:1px solid #dce5e3;align-items:center;gap:9px;padding:10px 12px;display:flex}.viv-site .sc-chat-header .viv-mascot-motion{width:42px;height:42px}.viv-site .sc-chat-header>div{flex-direction:column;gap:2px;display:flex}.viv-site .sc-chat-header strong{font-size:13px}.viv-site .sc-chat-header span{color:#526d70;font-size:11px}.viv-site .sc-counter{margin-left:auto}.viv-site .sc-transcript{overscroll-behavior:contain;background-color:#eeeae3;background-image:radial-gradient(#b5ae9f40 .6px,#0000 .6px);background-size:13px 13px;flex-direction:column;gap:12px;height:300px;padding:14px 12px;display:flex;overflow:auto}.viv-site .sc-today{color:#637579;background:#ffffffb8;border-radius:8px;align-self:center;padding:3px 8px;font-size:9px}.viv-site .sc-exchange{flex-direction:column;gap:10px;display:flex}.viv-site .sc-bubble{overflow-wrap:anywhere;max-width:90%;padding:10px 12px;font-size:13px;line-height:1.5;animation:.22s ease-out sc-message-in;box-shadow:0 1px 1px #00000012}.viv-site .sc-bubble--agent{background:#fff;border-radius:0 10px 10px;align-self:flex-start}.viv-site .sc-bubble--user{background:#d9fdd3;border-radius:10px 0 10px 10px;align-self:flex-end}.viv-site .sc-tick{text-align:right;color:#4b8f9b;font-size:10px;line-height:1;display:block}.viv-site .sc-compose{align-items:center;gap:8px;padding:10px 10px 4px;display:flex}.viv-site .sc-compose input{color:#233d40;background:#fff;border:1px solid #c8d5d2;border-radius:22px;width:100%;min-width:0;min-height:44px;padding:11px 14px;font-size:14px}.viv-site .sc-compose button{color:#fff;cursor:pointer;background:#187f71;border:0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:11px;display:grid}.viv-site .sc-compose button:disabled{opacity:.45;cursor:default}.viv-site .sc-compose svg{width:22px;height:22px}.viv-site .sc-suggestions{flex-wrap:wrap;gap:5px;padding:6px 10px;display:flex}.viv-site .sc-suggestions button{color:#285c5b;cursor:pointer;background:#fff;border:1px solid #c1d7d2;border-radius:15px;min-height:36px;padding:7px 10px;font-size:11px}.viv-site .sc-chat-footer{justify-content:space-between;align-items:center;gap:10px;padding:4px 10px 10px;display:flex}.viv-site .sc-chat-footer small{color:#526d70;font-size:9px}.viv-site .sc-chat-footer button{color:#245e60;cursor:pointer;background:0 0;border:0;min-height:32px;font-size:10px;text-decoration:underline}.viv-site .sc-finish{padding:12px}.viv-site .sc-finish p{margin:4px 0 8px;font-size:12px}.viv-site .sc-finish strong{font-size:14px}.viv-site .sc-guide .viv-h2{margin:8px 0 12px;font-size:clamp(22px,2.3vw,30px);line-height:1.12}.viv-site .sc-guide>p{font-size:14px;line-height:1.5}.viv-site .sc-guide ol{counter-reset:sc;gap:14px;margin:20px 0;padding:0;list-style:none;display:grid}.viv-site .sc-guide li{gap:3px;padding-left:30px;display:grid;position:relative}.viv-site .sc-guide li:before{counter-increment:sc;content:"0" counter(sc);color:var(--sc-accent);font-size:12px;position:absolute;left:0}.viv-site .sc-guide li strong{font-size:13px}.viv-site .sc-guide li span{color:#526d70;font-size:12px}.sc-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes sc-message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:700px){.viv-site .sc-tabs{grid-template-columns:repeat(5,minmax(96px,1fr));gap:6px;padding:4px 2px 8px;overflow-x:auto}.viv-site .sc-tabs>button{min-height:112px}.viv-site .sc-panel{grid-template-columns:1fr;gap:20px;padding:12px}.viv-site .sc-guide{padding:0 5px}.viv-site .sc-transcript{height:285px}.viv-site .sc-compose input{font-size:16px}.viv-site .sc-chat-footer{flex-wrap:wrap}.viv-site .sc-disclosure{font-size:11px}}@media (prefers-reduced-motion:reduce){.viv-site .sc-demo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --sc-soft{syntax:"<color>";inherits:true;initial-value:#faeeed}@property --sc-accent{syntax:"<color>";inherits:true;initial-value:#a83e42}.viv-site .sc-demo{transition:--sc-soft .45s,--sc-accent .45s}@media (prefers-reduced-motion:reduce){.viv-site .sc-demo{transition:none}}