:root{font-family:Inter,system-ui,sans-serif;color:#20243c;background:#f5f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:230px;background:#11162e;color:white;padding:32px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-size:30px;font-weight:800;color:white;text-decoration:none;letter-spacing:1px}.brand span{display:block;font-size:11px;font-weight:400;color:#b6bbd1;letter-spacing:1px;margin-top:6px}nav{display:grid;gap:10px;margin-top:48px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 17px;background:#eeeafc;color:#593eb6}nav button{text-align:left;background:transparent;color:#c8cce0}nav button.active{background:#6651c8;color:white}.aside-bottom{margin-top:auto;line-height:1.8;color:#d7daeb}small,.muted{color:#717991;font-size:13px}main{margin-left:230px;padding:26px 36px;max-width:1600px;width:calc(100% - 230px)}header{display:flex;justify-content:space-between;align-items:center;color:#767c92;font-size:13px;margin-bottom:24px}.pill{display:inline-block;border-radius:30px;background:#dcf6ed;color:#16765b;padding:7px 12px;font-size:12px}.notice{border:1px solid #e2d9b9;background:#fffcf1;color:#7c6838;padding:12px 16px;font-size:12px;border-radius:10px}h1{font-size:32px;letter-spacing:-1px;margin:28px 0 6px}h2{font-size:18px;margin:0 0 18px}p{line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.card{background:white;border:1px solid #e5e7f0;border-radius:16px;padding:24px;box-shadow:0 3px 12px #151c4203}.metric strong{display:block;font-size:32px;margin-bottom:7px}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.assistant{background:linear-gradient(130deg,#fff,#f1edff)}.wave{font-size:40px;letter-spacing:6px;color:#8271dc;text-align:center;margin:25px 0}.primary{background:#6850cd;color:white}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.item{padding:16px 0;border-bottom:1px solid #eef0f6}.item:last-child{border-bottom:0}.item strong{display:block;font-size:14px;margin-bottom:5px}input,textarea{font:inherit;width:100%;padding:12px;border:1px solid #dce0ec;border-radius:10px;background:#fff;color:#20243c}textarea{min-height:130px;resize:vertical}label{display:block;font-size:13px;margin:16px 0 6px}.chat-layout{display:grid;grid-template-columns:270px 1fr;gap:18px;margin-top:24px}.contact{display:block;width:100%;text-align:left;background:white;color:#20243c;margin-bottom:8px;border:1px solid #e5e7f0}.contact.selected{border-color:#7760d4;background:#f3f0ff}.messages{height:320px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px 0}.bubble{padding:12px 16px;background:#f0f2f8;border-radius:12px;max-width:85%;font-size:14px;white-space:pre-wrap}.bubble.out{align-self:flex-end;background:#eee9ff}.bubble small{display:block;margin-bottom:5px;font-size:10px}form{display:flex;gap:10px}.space{margin-top:20px}.empty{padding:30px;text-align:center;color:#717991}button:focus-visible,a:focus-visible{outline:3px solid #18ad9c;outline-offset:3px}#feedback{min-height:24px;font-size:13px;color:#356754}.tag{font-size:11px;color:#796a44;background:#fff7df;padding:5px 8px;border-radius:6px}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}aside{width:190px}main{margin-left:190px;width:calc(100% - 190px);padding:20px}.chat-layout{grid-template-columns:1fr}.contacts{display:flex;gap:8px;overflow:auto}.contact{min-width:170px}}@media(max-width:600px){body{display:block}aside{position:static;width:100%;padding:18px}.brand{font-size:24px}.brand span,.aside-bottom{display:none}nav{display:flex;margin-top:18px;gap:4px;overflow:auto}nav button{white-space:nowrap;font-size:12px;padding:10px}main{margin:0;width:100%;padding:16px}h1{font-size:27px}.card{padding:18px}.row{flex-wrap:wrap}.metrics{gap:10px}.metric strong{font-size:27px}header{font-size:11px}.messages{height:280px}}

[hidden]{display:none!important}.stack{display:block}.login-card{max-width:520px;margin:30px auto}.aside-bottom button{font-size:12px;padding:8px;margin-top:12px}.stack button{margin-top:15px}

:root{color-scheme:dark;color:#f5f4ff;background:#10152d}
aside{background:#0b1024;border-right:1px solid #262d4b}
main{max-width:1800px}
header,.muted,small{color:#adb8d4}
header .actions{align-items:center}
#install{font-size:12px;padding:7px 10px}
#install-help{margin-top:-15px}
.pill,.stage.sent{background:#163735;color:#80efe4}
.notice{background:#181c39;border-color:#393857;color:#d6d0f3}
.card,.contact{background:#181e39;border-color:#313957;color:#f5f4ff}
.contact.selected{background:#30275a;border-color:#956ff7}
.item{border-color:#313957}
.bubble{background:#262e50;overflow-wrap:anywhere}
.bubble.out{background:#403176}
.primary,nav button.active{background:#694cdd;color:white}
button{background:#303757;color:#e8e6ff}
button:disabled{cursor:wait;opacity:.65}
input,textarea,select{min-width:0;font:inherit;color:#f5f4ff;background:#11172e;border:1px solid #475071;border-radius:10px;padding:10px 12px}
select{max-width:100%}
input::placeholder{color:#aab4d0}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #38d7ce;outline-offset:1px}
#feedback{color:#c6e6fa}
.cockpit{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:min(100%,740px);margin:16px auto 30px}
.avatar-panel{position:relative;display:grid;justify-items:center;min-width:0;background:radial-gradient(ellipse at 50% 40%,#5928a650,transparent 66%)}
.avatar-panel h1{margin:0;text-align:center}
.avatar{position:relative;display:grid;place-items:center;width:min(76%,280px);aspect-ratio:1;padding:0;background:transparent}
.avatar::after{content:"";position:absolute;left:24%;right:24%;bottom:9%;height:12px;background:radial-gradient(ellipse,#9b52fb9c,transparent 72%);filter:blur(5px)}
.avatar-shell{position:relative;display:grid;place-items:center;width:70%;height:70%;border-radius:50%;isolation:isolate;filter:drop-shadow(0 14px 14px #06051c9c);animation:avatar-float 5s ease-in-out infinite}
.avatar-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 27% 17%,#efb5ff 0%,#8f30f0 16%,transparent 43%),radial-gradient(ellipse at 82% 85%,#26f6ff 0%,#1241c7 24%,transparent 53%),linear-gradient(140deg,#6818d5,#171364 72%);box-shadow:inset 0 0 12px #b388fd,inset -5px -5px 12px #35dfff70}
.avatar-visor{display:grid;place-items:center;width:78%;height:37%;border-radius:999px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#14255b,#060921 75%);box-shadow:0 1px 4px #bb6dff90,inset 0 2px 5px #111842;z-index:1}
.avatar-eyes{width:55%;height:38%;display:flex;justify-content:space-between;transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .14s ease-out}
.avatar-eyes i{width:36%;height:100%;border:clamp(3px,.6vw,7px) solid #5cfff2;border-bottom:0;border-radius:100% 100% 0 0;filter:drop-shadow(0 0 7px #38d7ce);animation:avatar-blink 6s infinite}
@keyframes avatar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes avatar-blink{0%,44%,49%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.1)}}
@media(prefers-reduced-motion:reduce){.avatar-shell,.avatar-eyes i{animation:none}.avatar-shell,.avatar-eyes{transition:none}}
.command{min-width:0;display:flex;flex-direction:column;align-items:center}
.private-chat,.assistant-composer{width:min(100%,760px)}
.private-chat{display:flex;flex:1;flex-direction:column;gap:12px;min-height:80px;max-height:360px;overflow:auto;padding:8px 3px}
.private-chat>*{flex-shrink:0}
.chat-example{margin:auto;text-align:center;padding:12px}
.followup details summary{cursor:pointer;color:#bfb4ff}
.followup details textarea{display:block;width:100%;margin-top:8px}
.followup:focus{outline:2px solid #38d7ce;outline-offset:-2px}
.private-chat .bubble{position:relative;align-self:flex-start;max-width:85%;background:#292f4e;border-bottom-left-radius:4px}
.private-chat .bubble.out{align-self:flex-end;background:#5930bc;border-bottom-left-radius:12px;border-bottom-right-radius:4px}
.private-chat .bubble small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.assistant-composer{display:grid;gap:8px;padding-top:10px;background:#10152d}
.instruction-field{position:relative;flex:1;min-width:0}
.instruction-field input{height:100%;padding:12px 48px 12px 17px;border-radius:999px;background:#222945}
#record-note{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:40px;padding:0;background:transparent;color:#bcb0f8}
#record-note.recording{color:#ffc0cb;background:#4b293f}
.send-message{display:grid;place-items:center;flex:0 0 46px;height:46px;padding:0;border-radius:50%}
.call-action{text-align:center}
#voice{display:inline-grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;background:linear-gradient(110deg,#7553e7,#5536b9);color:white}
#call-feedback{margin:8px 0 0;color:#c6e6fa;font-size:13px}
#call-feedback:empty{display:none}
#voice-preview{width:100%;max-width:320px}
.command #voice-status{margin:0}
.command #voice-status:empty{display:none}
.followup{border-top:1px solid #313957;padding:12px 0}
.followup .stack{max-width:660px}
.followup textarea{min-height:72px}
.followup small{display:block;margin:5px 0}
.stage{display:inline-block;border-radius:7px;font-size:12px;padding:5px 8px}
.stage.draft,.stage.scheduled{background:#312963;color:#e2d6ff}
.stage.cancelled{background:#432d3a;color:#ffc7cf}
.text-button{margin-top:8px;background:transparent;text-decoration:underline;padding:8px 0}
progress{width:100%;max-width:240px;accent-color:#38d7ce}
.monthly-section,.piece-library{margin-top:24px}
.monthly-section h2,.piece-library h2{margin-bottom:8px}
.monthly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.monthly-grid div{padding:12px 16px;border:1px solid #313957;border-radius:12px;background:#181e39}
.monthly-grid strong,.monthly-grid span{display:block}
.monthly-grid strong{font-size:1.3rem;color:#a7f3e9}
.monthly-grid span{font-size:.8rem;color:#adb8d4}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;margin-top:20px}
.connection-explainer{max-width:720px;color:#d7d8ee}
.connection-group{margin-top:28px}
.connection-group>h2{margin-bottom:12px}
.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:16px;margin-top:22px}
.connection-card{display:flex;flex-direction:column;align-items:flex-start}
.connection-card .row{width:100%}
.connection-card h2{margin:18px 0 0}
.connection-card p{flex:1}
.connection-card button{width:100%}
.service-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:30px;font-weight:700;color:white;background:#554394}
.service-mark.instagram{background:linear-gradient(135deg,#6738b9,#b3448c)}
.service-mark.facebook,.service-mark.meta{background:#294d9e}
.service-mark.whatsapp{background:#1b695b}
.service-mark.contacts,.service-mark.calendar,.service-mark.outlook,.service-mark.trello{background:#2857a4}
.service-mark.drive,.service-mark.sheets{background:#226453}
.service-mark.gmail{background:#953954}
.service-mark.typeform{background:#50516b}
.connection-detail{margin-top:18px;max-width:740px;scroll-margin:16px}
.connection-detail h2{margin:0}
.connection-steps{padding-left:22px;line-height:1.7}
.connection-steps li{margin:7px 0}
.connection-pending{padding:12px;border-radius:10px;background:#292449;color:#e0d4ff}
.connection-note{margin-top:20px}
.service-mark.openai{background:#255c59;color:#baf9ed}
.openai-connection-status{font-size:13px;color:#baf9ed}
.openai-connection .muted{font-size:13px;margin-top:0}
.openai-settings{max-width:650px}
.openai-settings h2{margin:0}
.openai-settings .row{align-items:flex-start}
.openai-settings [data-openai-close]{flex:0 0 auto;min-width:40px;min-height:40px;padding:7px 12px}
.openai-key-form{max-width:520px}
.openai-key-form input{display:block;width:100%;min-width:0}
.openai-save-status{min-height:1.5em;line-height:1.5;font-size:13px;color:#d5e9f5;overflow-wrap:anywhere}
.openai-key-form button{max-width:100%;white-space:normal}
.openai-pilot{max-width:650px;margin-top:18px}
.openai-pilot h2{margin-bottom:12px}
.openai-pilot-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6}
.openai-pilot-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#38d7ce}
.openai-pilot-form button{max-width:100%;white-space:normal}
.openai-pilot-feedback{font-size:13px;color:#cce7ee;line-height:1.6}
.openai-pilot-result{margin:14px 0 0;border-left:3px solid #38d7ce;padding:12px 16px;background:#151d36;border-radius:0 10px 10px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-budget-controls{margin-top:18px}.ai-budget-form{padding:16px 0;border-bottom:1px solid #41456b}.ai-budget-form input[type=number]{max-width:180px;margin:8px 0}.ai-budget-form h3{margin:0 0 8px}
.rules-list{margin-top:20px}
.attention-control p{margin:10px 0 0}
.attention-control .text-button{margin-top:0;font-size:12px}
.new-contact{margin-top:16px}
.new-contact summary{cursor:pointer;color:#c6baff}
.new-contact form{max-width:520px;margin-top:12px}
.delivery-warning{padding:12px;border:1px solid #c49663;border-radius:10px;background:#3c2b37}
.delivery-warning button{font-size:12px;padding:8px}
.office-heading h1{margin-bottom:0}
.office-heading p{margin-top:5px}
.office-scene{overflow:auto;max-width:100%;border:1px solid #444163;border-radius:20px;background:#11152e;scrollbar-color:#625492 #171c35}
.office-scene:focus-visible{outline:2px solid #62e0d4;outline-offset:3px}
.office-map{position:relative;width:100%;min-width:760px;isolation:isolate;overflow:hidden}
.office-background{display:block;width:100%;height:auto;aspect-ratio:3/2}
.office-room{position:absolute;width:13px;height:13px;border-radius:50%;background:#342751;border:2px solid #d8d1f5;z-index:2}
.office-room span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.room-contenido{left:11%;top:22%}
.room-redes{left:77%;top:21%}
.room-atencion{left:8.5%;top:50%}
.room-seguimientos{left:77%;top:53%}
.room-active{background:#62e0d4;border-color:#e4fffb;box-shadow:0 0 7px 3px #38d7ce80}
.office-person{position:absolute;width:5.5%;aspect-ratio:.65;transform:translate(-50%,-100%);transform-origin:50% 100%;z-index:3;pointer-events:none}
.office-capsule{position:absolute;inset:0;display:grid;align-items:start;justify-items:center;padding-top:24%;border-radius:48% 48% 42% 42% / 34% 34% 28% 28%;background:radial-gradient(ellipse at 28% 12%,#f4c4ff,transparent 40%),linear-gradient(125deg,#c449e4,#711fbe 50%,#302478);box-shadow:inset 1px 1px 4px #f4c4ff,0 8px 14px #07051970;animation:capsule-hover 3.6s ease-in-out infinite}
.capsule-roberto{background:radial-gradient(ellipse at 28% 12%,#aed7ff,transparent 40%),linear-gradient(125deg,#496fe4,#2438c0 55%,#192866);animation-delay:-1s}
.capsule-lucas{background:radial-gradient(ellipse at 28% 12%,#bdfff1,transparent 40%),linear-gradient(125deg,#4bd5cb,#078e9b 55%,#164a66);animation-delay:-2s}
.capsule-sofia{animation-delay:-.5s}
.capsule-sofia::after{content:"";position:absolute;bottom:19%;width:100%;height:7%;border-radius:0 0 50% 50%;background:linear-gradient(90deg,#bf7c22,#ffe887,#d39a34);box-shadow:0 0 4px #f5cb6766}
.capsule-visor{display:grid;place-items:center;width:82%;height:34%;border-radius:50%;background:radial-gradient(ellipse at bottom,#102b52,#060e26);box-shadow:0 1px 2px #baadff88}
.capsule-eyes{display:flex;justify-content:space-around;width:63%;height:32%}
.capsule-eyes i{width:35%;border:2px solid #57f4e6;border-bottom:0;border-radius:100% 100% 0 0;filter:drop-shadow(0 0 3px #2ef9ed);animation:avatar-blink 6s infinite}
.person-name{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:12px;white-space:nowrap;background:#151832ed;border:1px solid #a294ca;color:#fff;font:600 11px system-ui,sans-serif;box-shadow:0 2px 5px #15152d45}
.person-name{top:calc(100% + 8px);border-color:#9580cc}
.office-shadow{position:absolute;left:4%;right:4%;height:12%;bottom:-8%;border-radius:50%;background:#0a071b99;filter:blur(3px)}
.walk-mariana{left:31%;top:46%;animation:walk-mariana 18s ease-in-out infinite}
.walk-roberto{left:72%;top:46%;animation:walk-roberto 22s ease-in-out infinite}
.walk-lucas{left:33%;top:82%;animation:walk-lucas 20s ease-in-out infinite}
.walk-sofia{left:69%;top:82%;animation:walk-sofia 24s ease-in-out infinite}
@keyframes walk-mariana{
 0%,20%,100%{left:31%;top:46%;transform:translate(-50%,-100%) rotate(-3deg)}
 48%,64%{left:36%;top:52%;transform:translate(-50%,-100%) rotate(3deg)}
 80%{left:33%;top:49%;transform:translate(-50%,-100%) rotate(-2deg)}
}
@keyframes walk-roberto{
 0%,18%,100%{left:72%;top:46%;transform:translate(-50%,-100%) rotate(3deg)}
 50%,67%{left:65%;top:52%;transform:translate(-50%,-100%) rotate(-3deg)}
 82%{left:69%;top:49%;transform:translate(-50%,-100%) rotate(2deg)}
}
@keyframes walk-lucas{0%,20%,100%{left:33%;top:82%}48%,65%{left:41%;top:74%}}
@keyframes walk-sofia{0%,22%,100%{left:69%;top:82%}50%,67%{left:61%;top:74%}}
@keyframes capsule-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.office-hub{position:absolute;left:50%;top:45%;width:18%;transform:translate(-50%,-50%);z-index:3}
.office-hub::after{display:none}
.office-screen{position:absolute;width:7%;height:2%;border-radius:50%;background:#51fffa;filter:blur(6px);opacity:.12;pointer-events:none}
.screen-content{left:24%;top:30%;transform:rotate(-16deg)}
.screen-social{left:78%;top:31%;transform:rotate(17deg)}
.screen-attention{left:22%;top:65%}
.screen-followup{left:79%;top:65%}
.effect-active{animation:screen-signal 2.5s ease-in-out infinite}
@keyframes screen-signal{0%,100%{opacity:.12}50%{opacity:.6}}
.office-energy{position:absolute;width:1%;aspect-ratio:1;border-radius:50%;background:#affffc;box-shadow:0 0 9px 3px #38d7ce88;top:54%;animation:office-energy 4s ease-in-out infinite;pointer-events:none}
.energy-left{left:33%}.energy-right{left:68%;animation-delay:-2s}
@keyframes office-energy{0%,100%{opacity:.25;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}
.motion-paused .office-person,.motion-paused .office-capsule,.motion-paused .capsule-eyes i,.motion-paused .avatar-shell,.motion-paused .avatar-eyes i,.motion-paused .office-screen,.motion-paused .office-energy{animation-play-state:paused}
.office-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:16px}
.office-member h2{margin-bottom:8px}
.office-member small{display:block;font-weight:400;margin-top:4px}
.office-member p{margin:0;font-size:14px;color:#c6d1e8}
@media(prefers-reduced-motion:reduce){.office-person,.office-capsule,.capsule-eyes i,.office-screen,.office-energy{animation:none!important}#office-motion{display:none}}
.avatar-credits{position:absolute;inset:0 0 auto;height:calc(100% - 40px);width:100%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.avatar-credits div{padding:9px 13px;border-radius:22px;background:#25234c;border-color:#6557a280;text-align:center}
.piece-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px}
.piece-gallery article{min-width:0}
.piece-link{display:block;margin-top:6px;color:#9bf3ed}
.piece-gallery h2{overflow-wrap:anywhere}
.piece-preview svg{display:block;width:100%;height:auto;max-height:360px;margin:12px auto}
.piece-gallery details{margin:12px 0}
.piece-gallery summary{cursor:pointer}

@media(max-width:1050px){
 .avatar{width:min(50%,210px)}
}
@media(max-width:600px){
 aside{border-right:0;padding:14px}
 nav{gap:4px;margin-top:10px}
 .aside-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
 .aside-bottom button{margin-top:0}
 header{gap:8px;flex-wrap:wrap;margin-bottom:12px}
 header .actions{gap:6px}
 .avatar{width:155px}
 .avatar-credits div{padding:7px;max-width:95px}
 .avatar-credits strong{font-size:1rem}
 .avatar-credits span{font-size:.68rem}
 .card{padding:14px}
 .private-chat{max-height:42dvh}
 .assistant-composer{position:sticky;bottom:0;z-index:1;padding-bottom:env(safe-area-inset-bottom)}
}
.integration-data{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font-size:.82rem;font-family:ui-monospace,monospace;padding:12px;background:#10142a;border-radius:12px}
.connection-detail details{padding:14px 0;border-bottom:1px solid #34395b}.connection-detail summary{cursor:pointer}.connection-detail code{overflow-wrap:anywhere}.connection-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.connection-detail input,.connection-detail textarea,.connection-detail select{max-width:100%;width:100%}.connection-detail input[type=checkbox]{width:auto}.connection-detail form{margin-top:14px}.connection-detail [data-action-fields]{display:grid;gap:12px}