:root{--bg:#080d18;--panel:#111a2e;--panel2:#17213a;--ink:#f6f8ff;--muted:#9caac7;--violet:#8b7bff;--violet2:#6454eb;--mint:#4ce0c5;--gold:#f3c85d;--danger:#ff6f82;--ok:#69e6aa;--line:#273654;--shadow:0 18px 46px rgba(0,0,0,.30)}

*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-width:280px;min-height:100vh;padding-bottom:76px;background:radial-gradient(circle at 50% -10%,#202a55 0,transparent 34rem),linear-gradient(180deg,#0c1324,var(--bg) 55%);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
.wrap{max-width:1120px;margin:auto;padding:18px 14px 72px}
.top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:54px;height:54px;padding:7px;border:1px solid var(--line);border-radius:17px;background:#10182a;box-shadow:var(--shadow)}
h1,h2,h3,p{margin-top:0}
h1{font-size:1.25rem;margin-bottom:2px}
h2{font-size:1.05rem;margin-bottom:10px}
.sub,.muted,small{color:var(--muted)}
code{color:#b6fff2}
.pill,.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:#0d1527;color:var(--muted);font-size:.74rem}
.pill.strong{color:#d8ddf3}
.tabs{display:flex;gap:8px;overflow:auto;margin:16px 0;padding-bottom:3px}
.tab{white-space:nowrap;border:1px solid var(--line);background:#0f1729;color:var(--muted);padding:10px 12px;border-radius:13px}
.tab.active{color:#fff;background:#211d43;border-color:var(--violet)}
.view{display:none}
.view.active{display:block}
.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.grid.wideLeft{grid-template-columns:1.45fr .55fr}
.heroGrid{grid-template-columns:1.45fr .55fr}
.card{border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(180deg,rgba(23,33,58,.96),rgba(15,24,43,.98));box-shadow:var(--shadow)}
.hero{padding:22px}
.hero h2{font-size:clamp(1.65rem,5vw,2.5rem);letter-spacing:-.035em;margin:5px 0 9px}
.hero p{max-width:760px;color:#bdc7df;line-height:1.55}
.kicker{color:var(--mint);font-size:.68rem;font-weight:900;letter-spacing:.16em;margin-bottom:5px}
.principle blockquote{margin:5px 0 18px;padding:0;font-size:1.1rem;line-height:1.45;font-weight:780;color:#fff}
.metric{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.metric:last-child{border-bottom:0}
.metric span{color:var(--muted)}
textarea,input,select{width:100%;border:1px solid var(--line);border-radius:14px;background:#080f20;color:#fff;padding:12px;outline:none;margin:6px 0 12px}
textarea{min-height:112px;resize:vertical}
textarea:focus,input:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,123,255,.12)}
label{display:block;color:#cbd3e7;font-size:.83rem;font-weight:700;margin:8px 0}
.heroActions,.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.heroActions{margin-top:4px}
.row.spread{justify-content:space-between}
.btn{border:0;border-radius:13px;padding:11px 14px;background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;font-weight:800;cursor:pointer;text-align:center}
.btn.big{padding:13px 18px}
.btn.secondary{background:#1f2b49;border:1px solid var(--line)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:#c8d0e1}
.btn.ok{background:#176a50}
.btn.danger{background:#793448}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.full{display:block;width:100%;margin:8px 0}
.fileBtn{cursor:pointer}
.hidden{display:none!important}
.workbench{display:grid;gap:14px;margin-top:14px}
.statusLine{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px;font-size:.84rem}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7a869e;margin-right:8px}
.dot.ok{background:var(--ok);box-shadow:0 0 10px rgba(105,230,170,.45)}
.dot.warn{background:var(--gold)}
.badge.online{background:#113229;border-color:#226a55;color:#9df3d3}
.badge.pay{background:#332912;border-color:#66531d;color:#f7dc89}
.badge.risk-low{background:#102a23;color:#a5f4d7;border-color:#235b4b}
.badge.risk-medium{background:#302813;color:#f4db94;border-color:#655522}
.badge.risk-high{background:#3c1c27;color:#ffb0bc;border-color:#7b3446}
.badge.maturity{text-transform:uppercase;font-size:.62rem}
.g1{margin:0;background:#070c16;border:1px solid #22304a;border-radius:14px;padding:12px;color:#b8f8ed;font:700 .75rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.miniGrid>div{padding:10px;border:1px solid var(--line);border-radius:14px;background:#0d1628}
.miniGrid small{display:block;font-size:.62rem;font-weight:900;letter-spacing:.1em}
.miniGrid p{margin:6px 0 0;font-size:.82rem;line-height:1.4}
.agentGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.agent{border:1px solid var(--line);border-radius:15px;background:#0c1527;padding:11px;min-width:0}
.agentHead{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.79rem}
.agentHead span{color:#91a0be;font-size:.68rem}
.out{margin-top:8px;color:#dbe2f5;font-size:.77rem;line-height:1.45}
.agentProgress{display:block;width:100%;height:5px;margin-top:9px;border:0;border-radius:99px;background:#202c46;color:var(--mint);overflow:hidden;appearance:none;-webkit-appearance:none}
.agentProgress::-webkit-progress-bar{background:#202c46}
.agentProgress::-webkit-progress-value{background:linear-gradient(90deg,var(--mint),var(--violet))}
.agentProgress::-moz-progress-bar{background:linear-gradient(90deg,var(--mint),var(--violet))}
.steps{display:grid;gap:8px}
.step{display:flex;gap:10px;border:1px solid var(--line);border-radius:14px;background:#0d1628;padding:11px}
.stepN{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#292450;color:#eeeaff;font-weight:900}
.step b{font-size:.85rem}
.step small{display:block;margin-top:4px;line-height:1.35}
.feedbackBox{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.feedbackBox label small,.check small{display:block;margin-top:3px;font-weight:500}
.traceList{display:grid;gap:7px}
.trace{display:grid;gap:2px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#0c1527}
.trace b{font-size:.75rem}
.trace span{color:var(--muted);font-size:.68rem;line-height:1.35}
.trace.ok{border-color:#225948}
.trace.bad{border-color:#60303a}
.trace.warn{border-color:#5b4c22}
.notice{padding:11px;border:1px solid #604f21;border-radius:14px;background:#2d2511;color:#f6df99;font-size:.8rem;line-height:1.45}
.notice.success{border-color:#205b48;background:#0f2922;color:#a5f3d6}
.dangerBox{border-color:#66303f;background:#321721;color:#ffb5c0}
.chain{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;margin:16px 0}
.chain span{padding:8px;border:1px solid var(--line);border-radius:12px;background:#0c1527;font-size:.72rem;font-weight:800}
.chain i{color:#66738f}
.check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:10px;background:#0d1628}
.check input{width:auto;margin:3px 0}
.providerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.providerCard{display:grid;gap:6px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#0d1628}
.providerCard small{line-height:1.35}
.skill{margin:8px 0;border:1px solid var(--line);border-radius:15px;background:#0d1628;padding:12px}
.skill h3{font-size:.9rem;margin:0}
.skillStats{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.skillStats span{padding:5px 7px;border-radius:999px;background:#18233b;color:#aebad3;font-size:.67rem}
.empty{padding:20px;text-align:center}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.rules>div{padding:12px;border:1px solid var(--line);border-radius:15px;background:#0d1628;line-height:1.4}
.rules b{display:block;margin:4px 0;font-size:.83rem}
.rules span{color:var(--muted);font-size:.75rem}
.spacer{height:12px}
.toast{position:fixed;right:14px;bottom:74px;z-index:30;display:none;max-width:min(420px,calc(100vw - 28px));padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#151e34;box-shadow:var(--shadow);font-size:.82rem}
.toast.show{display:block}
.footer{position:fixed;left:0;right:0;bottom:0;z-index:20;border-top:1px solid var(--line);background:rgba(7,12,22,.94);backdrop-filter:blur(16px)}
.footerIn{max-width:1120px;margin:auto;padding:10px 14px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem}

@media(max-width:900px){.agentGrid{grid-template-columns:repeat(2,1fr)}
.rules{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:720px){.grid,.grid.wideLeft,.heroGrid{grid-template-columns:1fr}
.agentGrid{grid-template-columns:1fr}
.rules{grid-template-columns:1fr}
.miniGrid{grid-template-columns:1fr}
.top{align-items:flex-start}
.top>.pill{display:none}
.hero{padding:17px}
.footerIn span:last-child{display:none}
.providerGrid{grid-template-columns:1fr}
.chain{justify-content:flex-start}
.chain i{transform:rotate(90deg)}
.statusLine{align-items:flex-start}
.heroActions{align-items:stretch;flex-direction:column}
.heroActions .btn{width:100%}
}


/* Edición comprador $500 */
.customerHero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,rgba(139,123,255,.16),rgba(76,224,197,.08))}
.customerHero h2{font-size:1.45rem;margin-bottom:8px}
.purchaseBadge{min-width:155px;text-align:center;border:1px solid rgba(76,224,197,.45);border-radius:18px;padding:16px;background:#0a1725}
.purchaseBadge b{display:block;font-size:1.7rem;color:var(--mint)}
.purchaseBadge span,.purchaseBadge small{display:block}
.buyerGrid{margin-top:14px}
.setupSteps{display:grid;gap:8px}
.setupStep{width:100%;display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:14px;padding:11px;background:#0d1527;color:var(--ink)}
.setupStep>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#211d43;color:#fff}
.setupStep span{display:flex;flex-direction:column;gap:2px}
.setupStep small{line-height:1.35}
.setupStep i{font-style:normal;font-size:1.25rem;color:var(--muted)}
.setupStep.done{border-color:rgba(105,230,170,.55);background:rgba(105,230,170,.06)}
.setupStep.done i{color:var(--ok)}
.progressLine{height:7px;margin-top:14px;border-radius:999px;background:#09101e;overflow:hidden}
.progressLine i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--mint));transition:width .2s}
.customerActions{margin-top:14px}
.compactRules>div{padding-block:9px}
.providerTutorialGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.providerTutorial{border:1px solid var(--line);border-radius:16px;padding:15px;background:#0d1527}
.providerTutorial.recommended{border-color:rgba(76,224,197,.5)}
.providerTitle{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.providerTitle>span{font-size:1.5rem}
.providerTitle div{display:flex;flex-direction:column}
.providerTutorial p,.providerTutorial li{font-size:.9rem;line-height:1.45}
.providerTutorial ol{padding-left:20px}
.providerFact{display:block;margin-top:10px;line-height:1.4}
.warningText{color:#f1d58e}
.customerPrivacy{border-color:rgba(243,200,93,.35)}
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.hidden{display:none!important}

@media(max-width:760px){.customerHero{align-items:flex-start;flex-direction:column}
.purchaseBadge{width:100%}
.providerTutorialGrid{grid-template-columns:1fr}
.customerActions .btn{flex:1}
.setupStep{grid-template-columns:32px 1fr 22px}
}



/* Informe técnico fijo de desarrollo */
.devReportFab{position:fixed;right:14px;bottom:72px;z-index:45;border:1px solid rgba(76,224,197,.55);border-radius:999px;padding:11px 14px;background:rgba(13,32,42,.96);color:#c7fff1;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.34);backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;gap:7px}
.devReportFab:active{transform:translateY(1px)}
.devReportFab:disabled{opacity:.62;cursor:wait}
.devReportFab span{white-space:nowrap}
.toast{bottom:126px}

@media(max-width:420px){.devReportFab{right:10px;bottom:68px;padding:10px 12px;font-size:.78rem}
.devReportFab span{max-width:116px;overflow:hidden;text-overflow:ellipsis}
}


/* v0.9.15 · experiencia conversacional */
.topActions{display:flex;align-items:center;gap:10px}
.compactBtn{padding:8px 11px;font-size:.75rem}
.friendlyLead{font-size:1rem;line-height:1.55;color:#d7def0;max-width:680px}
.simplePromise h2{margin-bottom:8px}
.friendlyChecks{display:grid;gap:9px;margin-top:14px}
.friendlyChecks span{padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#0d1628;color:#dce5f7;font-size:.82rem}
.conversationCard{display:grid;gap:12px;background:linear-gradient(180deg,rgba(139,123,255,.08),rgba(13,22,40,.92));border-color:rgba(139,123,255,.32)}
.chatBubble{max-width:86%;padding:13px 15px;border-radius:18px;line-height:1.5}
.chatBubble small{display:block;margin-bottom:5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;opacity:.72}
.chatBubble p{margin:0;font-size:.98rem}
.userBubble{justify-self:end;background:#2a2457;border-bottom-right-radius:6px}
.genioBubble{justify-self:start;background:#102338;border:1px solid rgba(76,224,197,.2);border-bottom-left-radius:6px}
.friendlySteps{display:grid;gap:8px;margin-top:13px}
.friendlySteps>div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start;padding:8px 0;border-top:1px solid rgba(255,255,255,.07)}
.friendlySteps b{color:var(--mint)}
.friendlySteps span{font-size:.9rem}
.chatActions{margin-top:14px}
.projectBuildStatus{display:grid;gap:4px;margin-top:12px;padding:11px;border-radius:12px;background:#0a1a29;border:1px solid rgba(76,224,197,.28);font-size:.82rem}
.projectBuildStatus b{color:var(--mint)}
.projectBuildStatus span{color:#d5deef;line-height:1.45}
.spinnerText{color:#d5deef}
.technicalBlock{transition:opacity .2s}
.devOnlyTab.hidden{display:none!important}

@media(max-width:720px){.topActions{width:100%;justify-content:flex-end}
.topActions .pill{display:none}
.chatBubble{max-width:94%}
.chatActions{align-items:stretch;flex-direction:column}
.chatActions .btn{width:100%}
.conversationCard{padding:14px}
}


/* v0.9.15 · conversación continua */
.conversationHeader{align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}

.conversationEyebrow{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.09em;margin-bottom:2px}

.conversationHistory{display:grid;gap:12px;max-height:58vh;overflow:auto;padding:2px 2px 8px;scroll-behavior:smooth}

.conversationTurn{display:grid;gap:8px}

.conversationTurn .friendlySteps{margin-top:10px}

.workProduct{margin:12px 0 0;padding:12px;border:1px solid #2c3945;border-radius:10px;background:#0b1117;color:#dce5ea;white-space:pre-wrap;overflow-wrap:anywhere;font:500 .82rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:24rem;overflow:auto}

.conversationNext{display:grid;gap:10px;margin-top:4px;padding:13px;border-radius:14px;background:rgba(7,17,31,.72);border:1px solid rgba(76,224,197,.2)}

.conversationNext>p{margin:0;color:#eef4ff;font-weight:750;line-height:1.45}

.quickActions{display:flex;flex-wrap:wrap;gap:8px}

.quickAction{border:1px solid rgba(139,123,255,.36);background:#151d35;color:#eaf0ff;border-radius:999px;padding:8px 11px;font:inherit;font-size:.82rem;cursor:pointer}

.quickAction:active{transform:translateY(1px)}

.followupComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}

.followupComposer textarea{min-height:70px;margin:0;resize:vertical}

.followupComposer .btn{min-height:46px}

.chatMeta{display:block;margin-top:8px;color:var(--muted);font-size:.75rem}

@media(max-width:720px){.conversationHistory{max-height:none}
.followupComposer{grid-template-columns:1fr}
.followupComposer .btn{width:100%}
.quickAction{flex:1 1 46%}
.conversationHeader{align-items:flex-start}
}


/* v0.9.15 · identidad profesional, sobria y elegante */
:root{
  --bg:#0b0f14;--panel:#11171e;--panel2:#151c24;--ink:#edf1f5;--muted:#8e99a6;
  --violet:#728c82;--violet2:#5f786f;--mint:#8eaa9e;--gold:#c9ab72;--danger:#d77d86;--ok:#7fb79c;
  --line:#242e38;--shadow:0 18px 50px rgba(0,0,0,.24)
}

html{background:var(--bg)}

body{background:linear-gradient(180deg,#0c1117 0,#0b0f14 36rem);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.005em}

.wrap{max-width:1180px;padding:22px 18px 82px}

.professionalTop{padding:4px 2px 2px}

.logo{width:42px;height:42px;padding:5px;border-radius:12px;background:#121922;border-color:#26313c;box-shadow:none}

h1{font-size:1.08rem;letter-spacing:-.02em}
.brand .sub{font-size:.73rem;letter-spacing:.01em}
.brand{gap:10px}

.systemStatus{display:inline-flex;align-items:center;gap:7px;color:#9da8b4;font-size:.75rem}
.systemStatus i{width:7px;height:7px;border-radius:50%;background:#7fb79c;box-shadow:0 0 0 4px rgba(127,183,156,.08)}

.publicNav{margin:19px 0 22px;border-bottom:1px solid #202933;gap:3px;padding:0;overflow:auto}

.publicNav .tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:11px 13px;color:#87929f;font-weight:650;font-size:.83rem}

.publicNav .tab:hover{color:#cbd2d9}
.publicNav .tab.active{background:transparent;border-color:#8eaa9e;color:#f2f5f7}

.card{background:#11171e;border-color:#222c36;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.16)}

.btn{border-radius:10px;background:#d9e4df;color:#17201d;font-weight:750;box-shadow:none}
.btn:hover{filter:brightness(1.04)}

.btn.secondary{background:#1a242d;border:1px solid #2b3742;color:#dce3e8}
.btn.ghost{background:transparent;border:1px solid #2b3540;color:#aeb8c2}
.btn.ok{background:#315f4a;color:#eef7f1}
.btn.danger{background:#633943;color:#faeff1}

.btn.big{padding:12px 17px}
.compactBtn{padding:7px 10px;font-size:.72rem}

textarea,input,select{background:#0c1218;border-color:#26313b;border-radius:11px;color:#eef2f5}
textarea:focus,input:focus,select:focus{border-color:#6e8f82;box-shadow:0 0 0 3px rgba(110,143,130,.1)}

.kicker,.eyebrow{color:#8eaa9e;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}

.badge,.pill{background:#10161d;border-color:#29343e;color:#9ca7b2}
.badge.online{background:#15241d;border-color:#2b4b3c;color:#a8d6bd}

.footer{background:rgba(10,14,19,.94);border-color:#202832}
.footerIn{color:#747f8a;letter-spacing:.02em}


.professionalHome{padding-top:5px}
.homeHero{min-height:360px;border:1px solid #202a34;border-radius:20px;background:linear-gradient(145deg,#121922,#0e141a);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;align-items:center;padding:clamp(28px,5vw,58px);overflow:hidden;position:relative}

.homeHero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-200px;background:radial-gradient(circle,rgba(142,170,158,.11),transparent 68%);pointer-events:none}

.homeCopy{position:relative;z-index:1}
.homeCopy h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1.03;letter-spacing:-.055em;margin:12px 0 18px;font-weight:720;max-width:760px}
.homeCopy h2 span{color:#9aa6b1;font-weight:520}
.homeCopy p{max-width:650px;color:#aab4be;font-size:1rem;line-height:1.68;margin-bottom:24px}
.homeActions{display:flex;gap:9px;flex-wrap:wrap}

.assistantPortrait{display:flex;align-items:center;gap:16px;position:relative;z-index:1;padding:20px;border-left:1px solid #26313a}
.assistantMark{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border-radius:18px;background:#d9e4df;color:#18221e;font-size:1.55rem;font-weight:800;letter-spacing:-.06em}
.assistantMark.small{width:42px;height:42px;border-radius:12px;font-size:1rem}
.assistantPortrait small,.assistantSideHead small{display:block;font-size:.58rem;letter-spacing:.13em;color:#76828d;margin-bottom:5px}
.assistantPortrait b,.assistantSideHead b{display:block;font-size:.93rem}
.assistantPortrait p{margin:6px 0 0;color:#8f9aa5;font-size:.79rem;line-height:1.5}

.homeGrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;margin-top:12px}
.quietCard{border:1px solid #202a34;border-radius:15px;padding:18px;background:#0f151b}
.quietCard h3{font-size:.98rem;line-height:1.35;margin:14px 0 8px;color:#e8edf0}
.quietCard p{margin:0;color:#8e99a5;font-size:.82rem;line-height:1.58}
.sectionTop{display:flex;justify-content:space-between;gap:12px;align-items:center}
.sectionTop>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:#8eaa9e;font-weight:780}
.sectionTop small{font-size:.67rem}
.privacyCard{background:#11181c}


.heroGrid{grid-template-columns:minmax(0,1fr) 290px;gap:12px}
.hero{padding:25px}
.hero h2{font-size:clamp(1.7rem,4vw,2.45rem);font-weight:690}
.friendlyLead{color:#9da8b3}
.assistantSidecard{padding:18px;align-self:start}
.assistantSideHead{display:flex;gap:11px;align-items:center;padding-bottom:15px;border-bottom:1px solid #222c35}
.assistantSidecard>p{color:#9ca7b2;font-size:.82rem;line-height:1.55;margin:15px 0}
.assistantMiniStats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.assistantMiniStats span{padding:10px;border-radius:10px;background:#0d1319;border:1px solid #222c35;color:#7f8b96;font-size:.67rem}
.assistantMiniStats b{display:block;color:#e8edf0;font-size:1.05rem;margin-bottom:1px}
.privacyLine{display:block;margin-top:12px;font-size:.63rem;color:#66727d}

.conversationCard{background:#10161c;border-color:#232e38;padding:18px;gap:15px}
.conversationHeader{border-color:#222c35}
.conversationEyebrow{color:#6f7a85}
.conversationHistory{gap:16px}
.conversationTurn{gap:9px}
.chatBubble{border-radius:14px;padding:12px 14px;max-width:82%}
.chatBubble small{font-size:.56rem;letter-spacing:.12em}
.chatBubble p{font-size:.94rem;line-height:1.62}
.userBubble{background:#28342f;border-bottom-right-radius:4px;color:#f0f4f2}
.genioBubble{background:#151d25;border:1px solid #28343f;border-bottom-left-radius:4px}
.friendlySteps>div{border-color:#27313b}
.friendlySteps b{color:#93b1a4}
.conversationNext{background:#0d1319;border-color:#222c35;border-radius:12px}
.conversationNext>p{font-weight:650;color:#dfe5e9}
.quickAction{background:#121920;border-color:#2c3843;color:#c4cdd4;border-radius:9px}
.followupComposer textarea{min-height:76px}
.projectBuildStatus{background:#101a17;border-color:#29453a}
.projectBuildStatus b{color:#a9d3bf}


.profileHero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px}
.profileHero h2{font-size:1.45rem;margin:8px 0}
.profileHero p{max-width:720px;color:#99a4ae;line-height:1.58;margin:0}
.profileState{min-width:180px;padding:15px 16px;border-left:1px solid #29343d}
.profileState small,.profileState b,.profileState span{display:block}
.profileState small{font-size:.57rem;letter-spacing:.12em;color:#6f7a84}
.profileState b{font-size:1.18rem;margin:5px 0}
.profileState span{color:#8f9aa5;font-size:.75rem}
.profileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.profileChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.profileChips>span{border:1px solid #2a3540;border-radius:999px;padding:8px 10px;color:#c7cfd6;font-size:.78rem;background:#0d1319}
.profileChips b{color:#8eaa9e;margin-left:4px}
.profileNotes{display:grid;gap:10px;margin-top:16px}
.profileNotes>div{display:grid;grid-template-columns:7px 1fr;gap:9px;align-items:start;color:#aab3bc;font-size:.82rem;line-height:1.48}
.profileNotes i{width:6px;height:6px;border-radius:50%;margin-top:7px;background:#6f8f82}
.profileMetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}
.profileMetrics>div{padding:11px;border:1px solid #222d36;border-radius:10px;background:#0d1319}
.profileMetrics span,.profileMetrics b{display:block}
.profileMetrics span{font-size:.66rem;color:#7d8994}
.profileMetrics b{margin-top:4px;font-size:1.08rem}
.profilePolicy{margin-top:12px}
.profilePolicy p{margin:6px 0 0;color:#929da7;font-size:.82rem;line-height:1.55}


.devReportFab{background:#121a20;border-color:#33413d;color:#b9cbc3;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.devReportFab.devHidden{display:none!important}

.topActions .btn.ghost{opacity:.78}
.topActions .btn.ghost:hover{opacity:1}


/* El modo de desarrollo conserva sus datos, pero visualmente queda subordinado. */
.technicalBlock .card,.agent,.trace,.step,.miniGrid>div,.providerCard,.skill,.rules>div{background:#0f151c}

.g1{background:#090e13;color:#a9c7ba;border-color:#243039}


@media(max-width:900px){.homeHero{grid-template-columns:1fr}
.assistantPortrait{border-left:0;border-top:1px solid #26313a;padding:18px 0 0}
.homeGrid{grid-template-columns:1fr 1fr}
.heroGrid{grid-template-columns:1fr}
.assistantSidecard{display:none}
}

@media(max-width:720px){.wrap{padding:14px 12px 78px}
.professionalTop{align-items:center}
.brand .sub{display:none}
.systemStatus{display:none}
.publicNav{margin:12px -2px 16px}
.publicNav .tab{padding:10px 11px}
.homeHero{min-height:0;padding:28px 21px;border-radius:16px}
.homeCopy h2{font-size:2.25rem}
.homeCopy p{font-size:.93rem}
.homeActions{flex-direction:column}
.homeActions .btn{width:100%}
.assistantPortrait{gap:12px}
.assistantMark{width:52px;height:52px;border-radius:15px}
.homeGrid{grid-template-columns:1fr}
.hero{padding:19px}
.chatBubble{max-width:94%}
.profileHero{align-items:flex-start;flex-direction:column}
.profileState{width:100%;border-left:0;border-top:1px solid #29343d;padding:14px 0 0}
.profileGrid{grid-template-columns:1fr}
.footerIn{justify-content:center}
.footerIn span:last-child{display:none}
}



/* v0.9.16 · AS-0 / ROI-A */
.automationScoutCard{margin-top:18px}

.automationScoutCard h3{margin:8px 0 6px;font-size:1.15rem}

.automationIdeas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}

.automationIdea{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.018);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px}

.automationIdeaTop{display:grid;gap:3px}

.automationIdeaTop>span{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

.automationIdeaTop>b{font-size:.98rem;color:var(--text)}

.automationIdeaTop>small{color:var(--muted)}

.automationIdea p{margin:0;color:var(--muted);line-height:1.45}

.automationEvidence{font-size:.78rem;color:var(--muted);padding-top:7px;border-top:1px solid rgba(148,163,184,.12)}

.automationIdeaActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}

.automationPolicy{margin-top:14px;border-left:2px solid rgba(125,211,252,.55);padding:10px 12px;background:rgba(125,211,252,.035);display:flex;gap:10px;align-items:flex-start}

.automationPolicy b{color:var(--text);white-space:nowrap}

.automationPolicy span{color:var(--muted);font-size:.88rem}

@media(max-width:720px){.automationIdeas{grid-template-columns:1fr}
}


/* v0.9.38 · campaña estricta y blindaje de routing */
.selfTestLaunch{border-color:#3b4b46!important;color:#dce8e3!important;background:#18231f!important}

.selfTestDialog{width:min(920px,calc(100vw - 24px));max-height:min(88vh,860px);padding:0;border:1px solid #2c3740;border-radius:18px;background:#10161c;color:var(--ink);box-shadow:0 28px 90px rgba(0,0,0,.58);overflow:hidden}

.selfTestDialog::backdrop{background:rgba(4,8,12,.76);backdrop-filter:blur(5px)}

.selfTestShell{display:grid;gap:14px;padding:22px;max-height:min(88vh,860px);overflow:auto}

.selfTestHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.selfTestHead h2{margin:5px 0 0;font-size:1.35rem}
.selfTestIntro{margin:0;line-height:1.55}

.dialogClose{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid #303b45;border-radius:10px;background:#171f27;color:#b9c3cb;font-size:1.35rem;cursor:pointer}

.selfTestProgress{display:block;width:100%;height:9px;padding:0;border-radius:999px;background:#080d12;border:1px solid #252f38;color:#9fbdaf;overflow:hidden;appearance:none;-webkit-appearance:none}
.selfTestProgress::-webkit-progress-bar{background:#080d12}
.selfTestProgress::-webkit-progress-value{background:linear-gradient(90deg,#6f8f82,#9fbdaf);transition:width .22s ease}
.selfTestProgress::-moz-progress-bar{background:linear-gradient(90deg,#6f8f82,#9fbdaf);transition:width .22s ease}

.selfTestProgressLabel{font-size:.79rem;color:#a6b0b9;min-height:1.25rem}

.evaluationSetup{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1fr) minmax(260px,1.4fr);gap:9px}
.evaluationSetup label,.evaluationEstimate{display:grid;gap:6px;padding:10px;border:1px solid #27323b;border-radius:10px;background:#0d1318}
.evaluationSetup label>span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#84909a}
.evaluationSetup select,.evaluationSetup input{width:100%;padding:9px 10px;border:1px solid #33414c;border-radius:8px;background:#111a21;color:var(--ink);font:inherit}
.evaluationEstimate{align-content:center;color:#94a1aa;font-size:.72rem;line-height:1.45}
.evaluationSetup.locked{opacity:.62;pointer-events:none}

.selfTestSummary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.selfTestMetric{padding:10px;border:1px solid #27323b;border-radius:10px;background:#0d1318}
.selfTestMetric small,.selfTestMetric b{display:block}
.selfTestMetric small{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#76828c}
.selfTestMetric b{font-size:1.15rem;margin-top:3px}

.selfTestResults{display:grid;gap:7px;max-height:43vh;overflow:auto;padding-right:3px}
.selfTestResult{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px 11px;border:1px solid #25303a;border-radius:11px;background:#0d1319}
.selfTestResult .statusIcon{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:.72rem;font-weight:900;background:#202a32;color:#aab4bc}
.selfTestResult b{display:block;font-size:.82rem}
.selfTestResult p{margin:3px 0 0;color:#89959f;font-size:.73rem;line-height:1.42}
.selfTestResult>small{padding-top:2px;white-space:nowrap;font-size:.64rem;color:#6f7b85}
.selfTestResult.pass{border-color:rgba(127,183,156,.3)}
.selfTestResult.pass .statusIcon{background:#1b3b2d;color:#aee0c5}
.selfTestResult.fail{border-color:rgba(215,125,134,.46)}
.selfTestResult.fail .statusIcon{background:#492831;color:#ffd0d5}
.selfTestResult.warning{border-color:rgba(201,171,114,.4)}
.selfTestResult.warning .statusIcon{background:#443821;color:#f1d69b}
.selfTestResult.skipped{opacity:.75}

.selfTestActions{display:flex;gap:8px;flex-wrap:wrap;padding-top:3px}
.selfTestActions .btn{min-width:150px}
.selfTestDialog[open]{animation:selfTestIn .16s ease-out}
@keyframes selfTestIn{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}

@media(max-width:760px){.evaluationSetup{grid-template-columns:1fr}
}
@media(max-width:650px){.selfTestShell{padding:16px}
.selfTestSummary{grid-template-columns:repeat(2,1fr)}
.selfTestResults{max-height:39vh}
.selfTestResult{grid-template-columns:23px minmax(0,1fr)}
.selfTestResult>small{grid-column:2}
.selfTestActions{flex-direction:column}
.selfTestActions .btn{width:100%}
.topActions{gap:6px}
.topActions .compactBtn{padding-inline:8px}
}


.friendlySources{display:grid;gap:6px;margin:10px 0;padding:10px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:rgba(255,255,255,.035)}
.friendlySources a{overflow-wrap:anywhere;text-decoration:underline;color:inherit}
.friendlySources small{font-weight:800}


.localVisual{display:grid;gap:10px;margin:12px 0}
.localVisual img{display:block;max-width:320px;width:100%;height:auto;border:1px solid #dbe1e5;border-radius:14px;background:#fff}
.localVisual .btn{justify-self:start}

.attachmentComposer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 8px}
.attachmentComposer small{flex:1 1 260px}
.attachmentList{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 10px}
.attachmentChip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 9px;border:1px solid #2b3945;border-radius:999px;background:#101a22;color:#cbd5dc;font-size:.7rem}
.attachmentChip b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachmentChip span{color:#83929d}
.chatAttachmentSet{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.chatAttachmentSet .attachmentChip{background:#1d2924;border-color:#34473f}
.followupAttachments{margin-top:8px}

@media(max-width:720px){.attachmentComposer{align-items:stretch}
.attachmentComposer .btn{flex:1 1 auto}
.attachmentComposer small{flex-basis:100%}
.attachmentChip b{max-width:180px}
}


/* v0.9.90 · PROTOTYPE-READINESS-0 + SELF-IMPROVE-0 */
.prototypeModeCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.prototypeModeCards>div,.prototypeTryBox{display:grid;gap:4px;padding:11px;border:1px solid #27323b;border-radius:11px;background:#0d1318}
.prototypeModeCards b,.prototypeTryBox b{font-size:.86rem}
.prototypeModeCards span,.prototypeTryBox span{color:#96a2ac;font-size:.75rem;line-height:1.4}
.prototypeModeCards small{color:#7fb79c;font-weight:800}
.prototypePreview{display:grid;gap:9px;border:1px solid #27323b;border-radius:13px;padding:12px;background:#0b1116}
.prototypePreview h3{margin:3px 0}
.prototypePreview iframe{width:100%;min-height:420px;border:1px solid #33414c;border-radius:12px;background:white}
.prototypeTryBox{border-color:rgba(125,211,252,.35);background:rgba(125,211,252,.035)}
.selfTestResult.functional{border-color:rgba(127,183,156,.3)}
.selfTestResult.functional .statusIcon{background:#1b3b2d;color:#aee0c5}
.selfTestResult.partial{border-color:rgba(201,171,114,.4)}
.selfTestResult.partial .statusIcon{background:#443821;color:#f1d69b}
.selfTestResult.unavailable,.selfTestResult.blocked{opacity:.82}
.selfTestResult.failed{border-color:rgba(215,125,134,.46)}
.selfTestResult.failed .statusIcon{background:#492831;color:#ffd0d5}
@media(max-width:720px){.prototypeModeCards{grid-template-columns:1fr}
.prototypePreview iframe{min-height:520px}
}


.reminderActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.reminderActions .btn{flex:0 0 auto}
.quietCard #homeReminderDeliveryStatus{display:block;margin-top:7px;line-height:1.35}

.voiceComposerActions{display:flex;gap:8px;align-items:stretch}
.voiceComposerActions .btn{min-height:46px}
.voicePrivacy{display:block;margin-top:6px;line-height:1.35}
.btn[data-listening="1"]{outline:2px solid rgba(255,180,120,.55);outline-offset:1px}

@media(max-width:720px){.voiceComposerActions{width:100%}
.voiceComposerActions .btn{flex:1 1 0}
.heroActions #problemVoiceInput{min-width:104px}
}