/* Identidad Apptimal: amable, legible y compartida por todos los paneles. */
:root{--green:#6148e8;--lime:#d9f58c;--muted:#77758e;--line:#eae7f2;--shadow:0 8px 32px #35276806;color:#242138;background:#f7f6fb}
body{background:radial-gradient(ellipse at 100% 0,#eee8ff80,transparent 45%),#f7f6fb}
::selection{background:#dfd5ff;color:#302555}
h1{font-weight:800;letter-spacing:-1.5px}h2{font-weight:750}button,a{transition:background .18s,box-shadow .18s,transform .18s}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#9076ff}
.sidebar{inset:18px auto 18px 18px;width:238px;border:0;border-radius:26px;background:#26213e;color:#fff;padding:30px 18px 18px;box-shadow:0 16px 45px #33295d12}
.sidebar .brand{font-size:30px}.brand-symbol{background:#ddf79b;color:#342453;border-radius:12px;transform:rotate(-6deg)}.brand-dot{color:#ad97ff}
.workspace{border-color:#ffffff18;background:#ffffff08;border-radius:14px;font-size:13px;margin:28px 0}.workspace-icon{background:#9682e52a;color:#d7caff}.workspace small{color:#b3afc6;font-size:10px}
.nav-label{color:#9790ae;font-size:9px}.nav-item{border-radius:12px;color:#c2bdd6;font-size:13px;padding:14px 13px;gap:11px;margin-bottom:7px}.nav-item.active{background:#b7a3ff;color:#2d2447;box-shadow:0 4px 20px #15122215}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active:hover{background:#c5b4ff;color:#2d2447}.nav-count{background:#ffffff6b;color:#3e3161;border-radius:6px}.connection{color:#c1bacf;border-color:#ffffff12}.connection small{color:#9e96b4}.profile small{color:#aca4bf}.profile-avatar{background:#deefb2;color:#343d22}.profile .icon-button{color:#b5accc}
.main-wrap{margin-left:272px;width:calc(100% - 272px)}.main{padding:34px 36px;max-width:1460px}.topbar{height:76px;border:0;background:transparent;padding:0 36px;font-size:12px}.topbar strong{color:#58506f}.topbar-right{padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:30px}.topbar-right .domain{color:#858093}.eyebrow{color:#867aab;letter-spacing:1.7px;font-size:10px}
.page-heading{margin-bottom:28px}.page-heading h1{font-size:36px}.page-heading p{font-size:14px;color:#898197;line-height:1.7}.primary,.secondary,.light-button{border-radius:12px;min-height:44px;font-size:12px;padding:11px 17px}.primary{background:#6148e8;box-shadow:0 5px 14px #6148e820}.primary:hover{background:#5136d3;transform:translateY(-1px)}.secondary{border-color:#e8e3f0;color:#625576}.secondary:hover{background:#f4f0ff;border-color:#d5c9f4}.light-button{background:#dcf59b;color:#343c25;box-shadow:0 4px 12px #22222212}.light-button:hover{background:#eaffb8}
.stats{gap:16px}.stats article{border-radius:20px;padding:22px;border-color:#ece8f3}.stats article>div{font-size:12px;color:#797185}.stats article .icon{color:#9789bc}.stats strong{font-size:36px;font-weight:750;margin:15px 0 7px;color:#342e47}.stats small{font-size:11px;color:#8c849b}.stats>article:nth-child(2){background:#f0ebff;border-color:#e6ddff}.stats>article:nth-child(3){background:#f0f5e9;border-color:#e6edde}.stats>article:nth-child(4){background:#fff0e6;border-color:#ffe6d5}
.hero-card{border-radius:25px;background:#6850e9;min-height:300px;grid-template-columns:1.15fr 1fr;isolation:isolate}.hero-card>div:first-child{padding:35px 38px}.hero-card .eyebrow{color:#ddd2ff;font-size:10px}.hero-card h2{font-size:32px;line-height:1.25;font-weight:750;letter-spacing:-1px}.hero-card p{font-size:13px;color:#e2d9ff;line-height:1.7}.hero-visual{background:radial-gradient(circle at 50% 52%,#b6a5ff75,transparent 60%);min-width:240px}.orbit{width:250px;height:250px;border-color:#ffffff22}.orbit-two{width:355px;height:355px;border-style:dashed}.visual-core{width:215px;height:230px;background:none;border:0;box-shadow:none;border-radius:0}.visual-core img{width:210px;max-height:235px;object-fit:contain;filter:drop-shadow(0 16px 18px #25155922)}.visual-core span{display:none}.floating-label{background:#ffffff;color:#534367;border:0;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 10px 25px #35227020;z-index:2;padding:12px 15px}.floating-label .icon{color:#7e60e4}.label-web{left:3%;top:25px}.label-wa{right:3%;top:50%}.label-knowledge{bottom:20px;left:1%}
.section-title h2{font-size:18px}.section-title>a{font-size:12px;color:#7963b6}.section-title h2 span{background:#ece6ff;color:#8161c7;border-radius:7px}.card{border-radius:20px;border-color:#eae6f1}.card-heading{padding:24px 25px 17px}.card-heading h2{font-size:16px}.card-heading>.icon{color:#9c88c4}
th{background:#faf9fd;font-size:9px;color:#94869f;padding:17px 24px}td{font-size:12px;padding:19px 24px;border-color:#f0edf5}tbody tr:hover{background:#fcfaff}.client-cell strong{font-size:13px;color:#43374f}.client-cell small{font-size:11px;color:#a091ae}.client-avatar{background:#eee8fc;color:#8466b2;border-color:#e3d9f4;border-radius:12px}.client-avatar.basement{background:#29213d}.badge{border-radius:20px;padding:6px 10px;font-size:10px}.badge.active{background:#e9f4df;color:#567b3c}.badge.trial{background:#fff0dc;color:#9e702b}.badge.paused{background:#f9e8ed;color:#a16280}.badge.archived{background:#f0edf4;color:#8f849b}.language-pills span{border-radius:6px;background:#f5f1fc;color:#8973a2;border-color:#ede6f6;font-size:10px}.plan{border-color:#eae0f5;color:#88709f;border-radius:8px;font-size:11px}.icon-button{color:#a28eaf;border-radius:8px}.icon-button:hover{background:#eee5fc;color:#725298}
.bottom-grid{gap:22px}.activity-icon{background:#f1eafb;color:#9d76bb}.activity-row{border-color:#f0eaf5}.activity-row strong{font-size:12px;color:#625070}.activity-row small{font-size:10px;color:#a491af}.next-step{background:#fff0e6;padding:27px}.step-label{color:#b28d7e;font-size:9px}.next-step h2{color:#6f4b62;font-size:22px}.next-step p{color:#a17d8a;font-size:12px}.next-step a{color:#91527b;font-size:12px}.footer{font-size:10px;color:#b0a0ba}
.toolbar{padding:21px;gap:14px}.search{border-radius:12px;border-color:#e8def0;color:#a08eb2}.search input{font-size:12px}.toolbar select{font-size:12px}.hint,.inset-note{color:#928099;font-size:12px;line-height:1.8}.inset-note{padding:16px 24px}.client-summary{padding:27px;border-radius:22px;gap:22px}.summary-name h2{font-size:24px;color:#493355}.summary-name p{color:#9d83b0;font-size:12px}dl{font-size:12px;gap:17px}dt{color:#a38baa}dd{color:#70557d}.integration-row{font-size:12px;border-color:#f0e9f5}.integration-row .icon{color:#ad8bbf}.document-row{gap:16px;padding:21px 0}.document-row strong{font-size:13px;color:#604070}.document-row small{font-size:11px;color:#a386ad}.document-icon{background:#f3e9fc;color:#a875c2;border-radius:12px;padding:12px}.upload-placeholder{background:#fbf7ff;border-color:#e5d2f1;padding:24px}.upload-placeholder strong{color:#93709f;font-size:13px}.upload-placeholder p{font-size:12px;color:#aa8bb4}.body-text{font-size:12px;color:#9875a5}.knowledge-card{padding:27px;background:linear-gradient(135deg,#fff,#fdf8ff)}.knowledge-card p{font-size:13px;color:#ac8ab7}.knowledge-card>span{color:#9864af;font-size:12px}.info-banner{background:#f1eafb;border-color:#e4d5f2;border-radius:18px;color:#a278b8}.info-banner strong{color:#9261a9;font-size:13px}.info-banner p{color:#a283b1;font-size:12px}.setting-row{padding:22px 25px;border-color:#f2eaf6}.setting-row strong{font-size:13px;color:#9a6eab}.setting-row small{font-size:12px;color:#b392c3}
dialog{border-radius:24px;border-color:#edddf7;color:#654070;box-shadow:0 30px 100px #28144f30}dialog::backdrop{background:#25133b55;backdrop-filter:blur(6px)}.modal-heading{background:#fcf6ff;border-color:#eedbf8;padding:29px 32px}.modal-heading h2{font-size:26px;color:#65377d}.modal-heading p{color:#ad84c0;font-size:13px}.modal-body{padding:25px 32px}.modal-body h3{color:#9c65b2;font-size:13px;border-color:#efddf7!important}.modal-footer{border-color:#eedff6;padding:20px 32px}label,legend{font-size:12px;color:#9a6cae}input,select,textarea{font-size:13px;color:#6b407d;border-color:#e5d3f0;border-radius:11px;min-height:43px;padding:12px;background:#fff}input[readonly]{background:#fbf4ff;color:#b58dc5}.checks input,.inline-check input{accent-color:#9565c5}.form-error{color:#ad405d}.form-grid{gap:18px}.empty h3{color:#9872a7}.empty p{font-size:13px;color:#b198ba}#toast{background:#583573;border-radius:14px;box-shadow:0 10px 35px #381c4733;font-size:13px}
.widget-section{padding:28px;background:linear-gradient(110deg,#fff,#faf1ff)}.widget-section>img{width:130px;object-fit:contain}.widget-section h2{font-size:23px;color:#8c5a9e}.widget-section p{font-size:12px;color:#ad89b9}.widget-section code{background:#fcf3ff;border-color:#eedaf8;color:#b184c1;border-radius:12px;font-size:12px}.usage-section .stats{padding:0 22px 12px}.usage-section .hint{padding:0 24px 20px}.usage-section progress{accent-color:#a57bd6}.usage-section strong small{display:inline;color:#b298c1}.usage-section .card-heading span{color:#b396c2}.usage-section .stats article{box-shadow:none}.tenant-header{background:#fff;border:0;padding:24px 35px;box-shadow:0 1px 12px #67468608}.tenant-header .brand{color:#35283f}.tenant-main{max-width:1220px}.tenant-header>strong{color:#9a75ac}
.login-page{background:radial-gradient(ellipse at 85% 20%,#e6d5ff,transparent 60%),radial-gradient(ellipse at 0 90%,#f0e9dd,transparent 60%),#f8f5fd;position:relative;overflow:hidden}.login-card{width:min(850px,100%);border-radius:30px;padding:48px;box-shadow:0 30px 80px #63399112;position:relative;overflow:hidden;isolation:isolate;min-height:565px}.login-card .brand{margin-bottom:40px;color:#4e2c66}.login-card h1{font-size:39px;line-height:1.2;color:#543167}.login-card>p{font-size:13px;color:#ad89bf}.login-card form{width:47%;position:relative;z-index:1}.login-card:after{content:'';position:absolute;inset:0 0 0 56%;background:#f3e9ff;border-left:1px solid #eddeff;z-index:-1}.login-scene{position:absolute;right:30px;top:95px;width:34%;text-align:center}.login-scene img{width:100%;max-height:260px;object-fit:contain;filter:drop-shadow(0 12px 16px #72388c14)}.login-scene h2{color:#a979c2;font-size:25px;margin-top:20px}.login-scene p{color:#b997cf;font-size:13px;line-height:1.7}.login-scene .badge{background:#e3f1c9;color:#708a41;margin-bottom:18px}.login-card label{font-size:12px}.login-card form>.primary,.login-card form>.secondary{font-size:13px}
.chat-preview{max-width:780px;border-radius:28px;margin:40px auto;background:#fff;box-shadow:0 20px 80px #6b3a8a0c;border-color:#efddf9}.chat-preview header{background:#29223d;padding:22px 30px}.chat-preview header .badge{background:#463653;color:#d2f197}.chat-preview section{padding:35px}.chat-intro{display:flex;gap:24px;align-items:center;padding-bottom:20px;border-bottom:1px solid #f0e2f8}.chat-intro>div{flex:1}.chat-intro img{width:125px;max-height:135px;object-fit:contain}.chat-preview h1{font-size:34px;line-height:1.2;color:#74408b}.chat-preview .eyebrow{font-size:9px;color:#af7fbf}.chat-language{margin-top:18px;font-size:12px;color:#b386c4}.chat-language select{font-size:12px;border-color:#ead6f5}.quick-questions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.quick-questions button{border:1px solid #ead8f6;border-radius:30px;background:#fff;color:#a275b6;padding:9px 13px;font-size:12px}.quick-questions button:hover{background:#f9edff;border-color:#cd9ee5}.chat-bubble{background:#f9f2ff;border-radius:18px 18px 18px 4px;font-size:14px;color:#7f5892;border:1px solid #efddfb;padding:19px;line-height:1.8;margin:16px 0}.chat-bubble.user{background:#ae88d8;color:#fff;border:0;border-radius:18px 18px 4px 18px;font-size:14px}.chat-input{gap:10px;margin-top:24px}.chat-input input{background:#fcf7ff;border-color:#ead6f6;border-radius:14px;font-size:13px}.chat-input button{background:#a982d2;color:#fff;border-radius:13px;padding:14px}.chat-preview footer{font-size:11px;color:#ba96c9;border-color:#f1e3f9}.chat-sources{color:#b388c8;border-color:#ead6f5;font-size:10px}.embedded .chat-preview section{padding:20px}.embedded .chat-intro{gap:8px;padding-bottom:15px}.embedded .chat-intro img{width:72px;height:82px}.embedded .chat-preview h1{font-size:24px}.embedded .chat-preview header{background:#29223d}.embedded .quick-questions{gap:5px;margin:16px 0}.embedded .quick-questions button{font-size:10px;padding:7px 9px}.embedded .chat-bubble{font-size:12px;border-radius:15px 15px 15px 3px}.embedded .chat-bubble.user{border-radius:15px 15px 3px 15px}
@media(max-width:1100px){.sidebar{width:210px;inset:14px auto 14px 14px}.main-wrap{margin-left:240px;width:calc(100% - 240px)}.main{padding:26px}.page-heading h1{font-size:30px}.hero-card h2{font-size:28px}.hero-card>div:first-child{padding:30px}.visual-core{width:185px}.visual-core img{width:180px}.floating-label{font-size:10px;padding:10px}.stats article{padding:18px}.stats small{font-size:10px}}
@media(max-width:760px){.sidebar{inset:auto;position:relative;width:auto;margin:12px 12px 0;border-radius:20px;padding:19px 17px 8px}.sidebar .brand{font-size:26px}.nav-item{padding:11px;font-size:11px;border-radius:10px}.main-wrap{margin:0;width:100%}.topbar{padding:0 22px;height:58px}.topbar-right{border:0;background:none;padding:0}.main{padding:20px 18px}.page-heading h1{font-size:30px}.page-heading p{font-size:13px}.stats article{border-radius:16px;padding:17px}.stats strong{font-size:30px}.stats article>div{font-size:11px}.stats small{font-size:10px}.hero-card{display:grid;grid-template-columns:1fr;min-height:0;border-radius:22px}.hero-card>div:first-child{padding:28px}.hero-card h2{font-size:28px}.hero-visual{display:block;min-height:215px;margin-top:-10px}.visual-core{height:200px}.visual-core img{width:175px;max-height:200px}.orbit{width:190px;height:190px}.orbit-two{width:290px;height:290px}.label-web{top:22px;left:8%}.label-wa{right:8%;top:40%}.label-knowledge{left:5%;bottom:20px}.card{border-radius:18px}.client-summary{padding:22px}.summary-name h2{font-size:21px}.summary-name p{font-size:11px}.heading-actions{gap:8px}.primary,.secondary{font-size:11px}.card-heading{padding:22px 21px 16px}.widget-section{padding:22px;gap:14px}.widget-section>img{width:82px}.widget-section h2{font-size:20px}.widget-section code{font-size:10px}.widget-section p{font-size:11px}.usage-section .stats{padding:0 16px 10px;grid-template-columns:1fr}.usage-section .hint{padding:0 18px 18px;font-size:11px}.document-list{padding:0 19px}.modal-heading,.modal-body{padding:24px 22px}.modal-footer{padding:18px 22px}.tenant-header{padding:20px}.tenant-main{padding:25px 18px}.login-page{padding:20px}.login-card{padding:32px 26px;width:min(450px,100%);min-height:0;border-radius:25px}.login-card form{width:100%}.login-card:after,.login-scene{display:none}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:34px}.chat-preview{margin:15px;border-radius:22px}.chat-preview section{padding:25px}.chat-intro{gap:12px}.chat-intro img{width:82px;height:100px}.chat-preview h1{font-size:27px}.quick-questions button{font-size:11px}.chat-preview header{flex-wrap:nowrap;padding:20px;gap:12px}.chat-preview header img{max-width:155px}.chat-preview header .badge{font-size:9px}.chat-bubble.user{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.hero-visual .visual-core img{animation:concierge-float 6s ease-in-out infinite}.login-scene img{animation:concierge-float 6s ease-in-out infinite}.card{animation:card-arrive .25s ease-out}@keyframes concierge-float{50%{transform:translateY(-6px)}}@keyframes card-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
.page-heading p,.hint,.inset-note,.widget-section p,.widget-section code,.document-row small,.body-text,.setting-row small,.knowledge-card p,.info-banner p,.modal-heading p,.chat-language,.chat-preview .eyebrow,.chat-sources,.login-card>p,.login-scene p{color:#796b88}.setting-row strong,.info-banner strong,.widget-section h2,.modal-heading h2,.chat-preview h1,.login-card h1{color:#45335e}.quick-questions button,label,legend,.summary-name p,dt,.integration-row .icon{color:#746285}.chat-bubble{color:#594568}.chat-bubble.user{background:#7354c8;color:#fff}.chat-input button{background:#7354c8}.chat-preview footer{color:#8b7798}.quick-questions .icon{width:14px;height:14px;margin-right:5px}.usage-section .card-heading span{color:#80718f}.widget-section code{background:#f7f2fc}.login-scene h2{color:#6d4c8a}
html,body{overflow-x:clip}.sidebar nav{scrollbar-width:thin;scrollbar-color:#756396 transparent}.chat-preview header .badge{flex-shrink:0}.stats strong small{display:inline}.profile .icon-button:hover{background:#ffffff15}.stats article>div{line-height:1.5}
.usage-section progress::-webkit-progress-bar{background:#eee8fa;border-radius:8px}.usage-section progress::-webkit-progress-value{background:#a887e8;border-radius:8px}.usage-section progress::-moz-progress-bar{background:#a887e8;border-radius:8px}
.chat-preview .reception-status{display:flex;align-items:center;gap:7px;color:#e8e4fa;background:#ffffff10;border:1px solid #ffffff20;border-radius:50px;padding:8px 11px;font-size:10px;white-space:nowrap;flex-shrink:0}.reception-status>span{width:6px;height:6px;border-radius:50%;background:#b8e4bb}.chat-intro .chat-mascot{flex:0 0 130px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f3e5ff;border-radius:50% 50% 40% 40%;padding:12px 6px}.chat-intro-copy{font-size:13px;margin:12px 0 0;color:#796b88}.chat-mascot .mascot-caption{background:white;border:1px solid #ece0f1;border-radius:20px;padding:6px 8px;white-space:nowrap;font-size:9px;color:#655472;position:relative;z-index:1;margin-top:-6px}.mascot-spark{position:absolute;right:1px;top:8px;font-size:23px;color:#9b69b0}.hello-wave{display:inline-block;transform-origin:70% 80%;animation:reception-wave 1.2s ease-in-out 1}.chat-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.chat-tools>span{font-size:10px;letter-spacing:1px;color:#796b88}.chat-tools .chat-language{margin:0;font-size:10px;gap:7px}.chat-preview .quick-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}.chat-preview .quick-questions button{display:flex;align-items:center;gap:9px;text-align:left;border-radius:14px;padding:12px;transition:transform .18s,background .18s,box-shadow .18s}.quick-questions button>span{min-width:0}.chat-preview .quick-questions small{display:block;font-size:9px;line-height:1.5;font-weight:400;opacity:.8;margin-top:3px}.chat-preview .quick-questions .icon{flex-shrink:0;width:18px;height:18px;margin:0}.chat-preview .quick-questions button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #25284a0c}.chat-preview #chat-messages{max-height:420px;max-height:min(43dvh,420px);min-height:115px;overflow-y:auto;padding:0 5px 0 1px;scrollbar-width:thin;scrollbar-color:#d7d3e3 transparent}.chat-preview .chat-bubble{animation:message-arrive .22s ease-out;margin:12px 0}.chat-thinking{display:flex;align-items:center;gap:12px}.typing-dots{display:flex;gap:4px;flex-shrink:0}.typing-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:reception-dot 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.thinking-label{font-size:11px}.chat-preview .chat-input{display:flex;align-items:center;padding:6px;border:1px solid #e3d6ed;border-radius:20px;background:#fff;box-shadow:0 6px 25px #5333730a;margin-top:18px;gap:5px}.chat-preview .chat-input input{border:0;box-shadow:none;background:transparent;flex:1;min-width:0;padding:13px 10px}.chat-preview .chat-input button{display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:14px;flex-shrink:0}.chat-input:focus-within{outline:2px solid #b79ee2;outline-offset:2px}.chat-preview .chat-disclaimer{text-align:center;font-size:10px;line-height:1.6}.chat-preview #chat-messages:focus-visible{outline:2px solid #9d83cd;outline-offset:2px}@keyframes reception-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(20deg)}60%{transform:rotate(-10deg)}}@keyframes message-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes reception-dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(max-width:600px){.chat-intro .chat-mascot{flex-basis:90px;padding:10px 3px}.chat-intro-copy{font-size:11px;line-height:1.5}.chat-mascot .mascot-caption{font-size:8px;padding:5px}.chat-preview .quick-questions{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-preview .quick-questions button{font-size:11px;padding:10px}.chat-tools>span{font-size:9px;letter-spacing:.4px}.chat-tools .chat-language select{padding:7px;max-width:100px}.chat-preview .chat-input input{font-size:12px}.chat-preview .chat-mascot img{width:75px;height:86px}}@media(prefers-reduced-motion:reduce){.hello-wave,.chat-bubble,.typing-dots i{animation:none!important}.chat-preview .quick-questions button{transition:none!important}}