:root{--ink:#092b62;--muted:#60799f;--blue:#1479f5;--blue2:#43a4ff;--orange:#ff7e2d;--line:#d9e5f5;--panel:#fff;--soft:#f4f8ff;--green:#18b96d;--red:#cf3450;--shadow:0 10px 32px rgba(31,67,123,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#edf4ff}button,input,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}body{overflow:hidden}.pit-shell{height:100vh;min-height:680px;padding:14px;display:grid;grid-template-columns:230px minmax(620px,1fr) 278px;grid-template-rows:58px minmax(0,1fr) 112px;gap:12px;background:radial-gradient(circle at 50% -10%,#fff 0,#f4f8ff 34%,#e7f0fd 100%)}
.left-rail{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;gap:12px;min-height:0}.brand-card,.cap-card,.principle-card,.topbar,.workspace,.case-card,.gate-card,.receipt-card,.export-card,.via-card,.action-dock{background:rgba(255,255,255,.95);border:1px solid rgba(209,224,244,.96);border-radius:18px;box-shadow:var(--shadow)}
.brand-card{height:96px;padding:18px 20px;background:linear-gradient(145deg,#ff8a36,#ff6f24);color:#fff}.brand-card strong{display:block;font-size:30px;line-height:1;letter-spacing:.06em}.brand-card span{display:block;margin-top:7px;font-size:11px;font-weight:750}.cap-card{overflow:hidden}.cap-card img{display:block;width:100%;height:230px;object-fit:cover;object-position:center 28%;background:#eef5ff}.cap-card>div{padding:14px 16px}.cap-card b{display:block;font-size:17px}.cap-card small{display:block;color:var(--blue);font-weight:850;margin-top:2px}.cap-card p,.principle-card p{font-size:11px;line-height:1.45;color:var(--muted);margin:9px 0 0}.principle-card{padding:18px}.principle-card>span{font-size:9px;color:var(--orange);font-weight:900;letter-spacing:.13em}.principle-card strong{display:block;font-size:19px;line-height:1.25;margin-top:7px}.virtue{margin:0;font-size:9px;letter-spacing:.12em;font-weight:900;color:#5e77a0;text-transform:uppercase}.rail-virtue{margin-top:auto;padding:4px 8px 2px;text-align:center}
.topbar{grid-column:2/4;grid-row:1;display:flex;align-items:center;gap:8px;padding:8px}.nav-btn{border:0;border-radius:12px;padding:11px 15px;background:#f4f7fc;color:var(--ink);font-weight:800}.nav-btn span{color:var(--orange);margin-right:7px}.nav-btn.active{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(20,121,245,.24)}.nav-btn.active span{color:#fff}.top-spacer{flex:1}.demo-badge,.human-chip{font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.demo-badge{padding:8px 11px;border:1px solid #ffd8bc;border-radius:999px;color:#a54b11;background:#fff8f1}.human-chip{padding:8px 10px}.human-chip i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e4f8ee;margin-right:8px;vertical-align:-1px}
.workspace{grid-column:2;grid-row:2;min-height:0;overflow:hidden;position:relative}.view-panel{height:100%;min-height:0}.operation-view{position:relative}.hero-scene{height:100%;min-height:0;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,rgba(250,252,255,.97),rgba(234,244,255,.95)),radial-gradient(circle at 24% 66%,#d8eeff 0,transparent 30%)}.hero-scene:before{content:"";position:absolute;inset:105px 0 0;background:linear-gradient(90deg,transparent 0 18%,rgba(95,155,224,.14) 18% 18.25%,transparent 18.25% 50%,rgba(95,155,224,.12) 50% 50.25%,transparent 50.25% 80%,rgba(95,155,224,.1) 80% 80.2%,transparent 80.2%),linear-gradient(180deg,rgba(255,255,255,.25),rgba(175,210,245,.09));clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.hero-scene:after{content:"";position:absolute;left:5%;right:5%;bottom:7%;height:35%;border-radius:50% 50% 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(210,229,249,.38));border:1px solid rgba(166,199,234,.42);box-shadow:inset 0 28px 55px rgba(255,255,255,.8)}.hero-heading{position:absolute;z-index:4;top:22px;left:5%;right:5%;text-align:center}.hero-heading h1{margin:0;font-size:clamp(26px,2.7vw,42px);letter-spacing:-.04em}.hero-heading p{margin:2px 0 0;font-size:clamp(13px,1.25vw,20px);font-weight:650}.hero-copy{position:absolute;z-index:5;left:5%;top:27%;width:48%}.kicker{font-size:9px;letter-spacing:.14em;color:var(--orange);font-weight:950}.hero-copy h2{font-size:clamp(25px,2.3vw,38px);line-height:1.04;margin:9px 0 12px;max-width:560px}.hero-copy>p{margin:0;color:var(--muted);font-size:clamp(13px,1.1vw,18px);font-weight:600}.mariela-hero{position:absolute;z-index:6;right:5%;top:23%;width:min(33%,350px);margin:0;border:1px solid rgba(255,255,255,.9);border-radius:28px;overflow:hidden;box-shadow:0 22px 55px rgba(47,79,117,.22);background:#fff}.mariela-hero img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.mariela-hero figcaption{display:flex;align-items:baseline;gap:8px;padding:10px 14px;background:rgba(255,255,255,.95)}.mariela-hero b{font-size:17px}.mariela-hero span{font-size:10px;color:var(--muted);font-weight:750}.decision-diagram{display:grid;grid-template-columns:44px 44px 44px 1fr 104px;gap:8px;align-items:center;margin-top:30px;width:min(100%,470px)}.offer-node,.decision-node{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;background:#fff;border:1px solid #bcd9fb;box-shadow:0 7px 18px rgba(40,107,184,.12);font-weight:950;color:var(--blue)}.flow-line{height:2px;background:linear-gradient(90deg,#8bbdf6,var(--orange));position:relative}.flow-line:after{content:"";position:absolute;right:-2px;top:-3px;border-left:7px solid var(--orange);border-top:4px solid transparent;border-bottom:4px solid transparent}.decision-node{width:104px;height:58px;border-radius:16px;color:var(--ink);font-size:11px;text-align:center}.decision-node small{font-size:8px;color:var(--orange)}.hero-scene>.virtue{position:absolute;z-index:8}.virtue-a{left:5%;bottom:19%}.virtue-b{left:30%;bottom:9%}.virtue-c{right:5%;bottom:12%}.virtue-d{right:8%;top:19%}
.conversation-board,.result-surface,.history-view{height:100%;padding:18px;background:linear-gradient(180deg,#fbfdff,#f4f8ff);overflow:hidden}.work-head,.result-head{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:18px;background:#fff}.work-head img,.result-head img{width:86px;height:86px;object-fit:cover;border-radius:18px}.work-head h2,.result-head h2{margin:5px 0 2px;font-size:20px;line-height:1.15}.work-head p,.result-head p{margin:0;color:var(--muted);font-size:11px}.status-pill{align-self:start;border:1px solid #bbd9fb;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;text-transform:uppercase;color:#0867cf;background:#f8fcff}.status-pill.waiting{color:#a65012;border-color:#ffd6b8;background:#fff8f1}.status-pill.done{color:#087b47;border-color:#bcebd3;background:#f3fff9}.progress-track{height:8px;margin:22px 4% 0;border-radius:999px;background:#e2ebf7;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .25s}.question-help{text-align:center;color:var(--muted);font-size:12px;margin:24px auto 16px}.profile-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.profile-summary span{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:10px;color:var(--muted)}.profile-summary b{color:var(--ink)}.conversation-virtues{position:absolute;left:18px;right:18px;bottom:20px;display:flex;justify-content:space-around;color:#7187aa;font-size:8px;font-weight:950;letter-spacing:.1em}
.result-surface{display:grid;grid-template-rows:auto auto minmax(140px,41%) minmax(0,1fr);gap:10px}.revision-note{padding:8px 11px;border-radius:11px;background:#fff9ed;border:1px solid #f2d39b;font-size:10px}.revision-note b{color:#a65a13}.revision-note p{display:inline;margin-left:7px;color:#79552f}.comparison-zone{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;min-height:0}.offer-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.offer-card header{display:flex;align-items:center;gap:8px}.offer-card header span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef5ff;color:var(--blue);font-weight:950}.offer-card header b{font-size:12px}.offer-cost{display:block;font-size:18px;margin:10px 0 6px}.offer-meta,.offer-eval{margin:0;font-size:9px;line-height:1.42;color:var(--muted)}.offer-eval{margin-top:7px;max-height:4.2em;overflow:hidden}.offer-card.selected-offer{border:2px solid var(--green);background:#f3fff8;box-shadow:0 8px 18px rgba(24,185,109,.12)}.offer-blocked{background:#fff9fa}.offer-pending{background:#fffaf2}.analysis-zone{display:grid;grid-template-columns:.9fr 1.2fr 1fr;gap:9px;min-height:0}.analysis-card{min-width:0;min-height:0;padding:11px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:auto}.analysis-card>header{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #edf2f8;padding-bottom:7px;margin-bottom:7px}.analysis-card>header span{font-size:9px;font-weight:950;letter-spacing:.12em}.analysis-card>header b{font-size:8px;color:var(--blue)}.compact-list{display:grid;gap:5px}.list-item{display:grid;grid-template-columns:7px 1fr;gap:6px;align-items:start}.list-item i{width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:5px}.list-item p{margin:0;font-size:9px;line-height:1.35}.list-item small{grid-column:2;color:var(--muted);font-size:7px;font-weight:750}.list-item.insufficient i{background:var(--orange)}.semantic-executive{font-size:9px;line-height:1.4;margin:0 0 7px;font-weight:700}.uncertainty{margin-top:8px;padding:8px;border-radius:10px;background:#fff7ed;border:1px solid #f6d4a6}.uncertainty b{font-size:8px;color:#a55c18;letter-spacing:.08em}.uncertainty p,.proposal-panel>p{font-size:9px;line-height:1.42;margin:4px 0 0}.boundary{margin-top:10px;padding:7px;border-radius:9px;background:#eef7ff;color:#245d98;font-size:8px;font-weight:900;text-align:center}
.history-view{overflow:auto}.history-head{display:flex;justify-content:space-between;align-items:end;padding:8px 8px 16px;border-bottom:1px solid var(--line)}.history-head h2{margin:5px 0 0;font-size:25px}.history-head p{margin:0;color:var(--muted);font-size:11px}.timeline{list-style:none;margin:18px 0 0;padding:0 12px;display:grid;gap:10px}.timeline li{display:grid;grid-template-columns:15px 1fr;gap:9px}.timeline li>i{width:9px;height:9px;margin-top:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #e7f2ff}.timeline li>div{padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:12px}.timeline header{display:flex;justify-content:space-between;gap:10px}.timeline b{font-size:9px;letter-spacing:.06em}.timeline time,.timeline span{font-size:8px;color:var(--muted)}.timeline p{margin:5px 0 0;font-size:10px}.timeline-empty{display:block!important;color:var(--muted)}
.right-rail{grid-column:3;grid-row:2/4;display:flex;flex-direction:column;gap:10px;min-height:0}.case-card,.gate-card,.receipt-card,.export-card{overflow:hidden}.case-card header,.gate-card header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(90deg,#ff8b39,#ff7023);color:#fff}.case-card header span,.gate-card header span{font-weight:900}.case-card header b,.gate-card header b{font-size:8px}.case-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;padding:14px;margin:0;font-size:10px}.case-card dt{color:var(--muted)}.case-card dd{margin:0;text-align:right;font-weight:800}.gate-card{border-color:#b7d9ff}.gate-card header{background:#edf6ff;color:#0b5eb5}.gate-card>p{padding:11px 13px 0;margin:0;font-size:10px;line-height:1.45}.gate-context{margin:10px 13px;padding:9px;background:#f7f9fd;border-radius:11px;display:grid;grid-template-columns:auto 1fr;gap:5px 8px}.gate-context span{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.08em}.gate-context b{font-size:9px;line-height:1.35}.gate-card label{display:block;margin:0 13px 5px;font-size:9px;color:var(--muted);font-weight:800}.gate-card textarea{display:block;margin:0 13px;width:calc(100% - 26px);height:48px;resize:none;border:1px solid #ccd9ec;border-radius:9px;padding:7px;color:var(--ink)}.gate-actions{padding:9px 13px 13px;display:grid;gap:5px}.gate-actions button{border:1px solid #ccd9ed;background:#f7f9fd;color:var(--ink);border-radius:9px;padding:8px;font-size:10px;font-weight:850}.gate-actions .approve{background:var(--blue);border-color:var(--blue);color:#fff}.gate-actions .reject{color:var(--red);background:#fff6f7;border-color:#f3c4ce}.receipt-card,.export-card{padding:12px 14px}.receipt-card span,.export-card>span{font-size:8px;letter-spacing:.12em;font-weight:950;color:#087a3e}.receipt-card b,.export-card b{display:block;font-size:12px;margin:4px 0}.receipt-card p,.export-card p{font-size:9px;color:var(--muted);margin:0}.export-card div{display:flex;gap:7px;margin-top:9px}.export-card a{flex:1;text-decoration:none;text-align:center;padding:7px;border:1px solid #bbd9fb;border-radius:9px;color:var(--blue);font-size:9px;font-weight:900;background:#f7fbff}.side-virtue{text-align:center;padding:3px}.via-card{margin-top:auto;overflow:hidden}.via-card img{display:block;width:100%;max-height:112px;object-fit:contain;background:#073b6f}
.action-dock{grid-column:2;grid-row:3;overflow:hidden;border:3px solid var(--blue);box-shadow:0 8px 22px rgba(20,121,245,.16)}.input-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;padding:10px 12px}.bolt{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-size:23px;font-weight:900}.input-row label{font-size:11px;font-weight:900}.input-row input{min-width:0;border:0;background:#f4f7fc;border-radius:10px;padding:10px 12px;outline:0;color:var(--ink)}.input-row input:focus{box-shadow:0 0 0 2px #bbd8ff}.send-btn{border:0;width:54px;height:36px;border-radius:999px;background:var(--blue);color:#fff;font-size:23px}.quick-row{border-top:1px solid var(--line);padding:8px 12px;display:flex;align-items:center;gap:7px}.quick-row>span{font-size:10px;color:var(--muted);font-weight:750}.quick-actions{display:flex;gap:6px;flex-wrap:wrap}.quick-actions button,.reset-btn{border:1px solid #d8e3f4;background:#fff;color:var(--ink);border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800}.quick-actions .primary-cta{background:#079b63;border-color:#078b59;color:#fff}.reset-btn{margin-left:auto;color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.45}.toast{position:fixed;z-index:30;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(90vw,600px);background:#102b57;color:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 9px 28px rgba(8,31,70,.28);font-size:11px}.toast.ok{background:#087a3e}.toast.error{background:#a51f38}.toast.warn{background:#9a521a}.context-locked .quick-actions{opacity:.35}.context-locked .quick-row>span{opacity:.4}.theatre-mode .principle-card,.theatre-mode .case-card,.theatre-mode .rail-virtue{opacity:.38}.theatre-mode .conversation-board,.gate-mode .result-surface,.gate-mode .gate-card{box-shadow:inset 0 0 0 1px rgba(20,121,245,.14)}[hidden]{display:none!important}
@media(max-width:1280px){.pit-shell{grid-template-columns:190px minmax(560px,1fr) 245px}.cap-card img{height:190px}.demo-badge{display:none}.hero-copy{width:50%}.mariela-hero{width:31%}.analysis-zone{grid-template-columns:1fr 1fr}.proposal-panel{grid-column:1/-1}.result-surface{grid-template-rows:auto auto minmax(130px,38%) minmax(0,1fr)}.input-row{grid-template-columns:auto 1fr auto}.input-row label{display:none}}
@media(max-width:1024px){body{overflow:auto}.pit-shell{height:auto;min-height:100vh;display:flex;flex-direction:column;padding:10px}.left-rail{display:grid;grid-template-columns:1fr 1fr;order:4}.brand-card{height:auto}.cap-card{display:grid;grid-template-columns:130px 1fr}.cap-card img{height:100%;min-height:170px}.rail-virtue{display:none}.topbar{order:1;overflow-x:auto}.workspace{order:2;min-height:650px}.action-dock{order:3;position:sticky;bottom:8px;z-index:15}.right-rail{order:5;display:grid;grid-template-columns:1fr 1fr}.via-card{margin-top:0}.hero-scene{min-height:650px}.hero-copy{top:28%;width:50%}.mariela-hero{top:25%;width:36%}.analysis-zone{grid-template-columns:1fr}.proposal-panel{grid-column:auto}.result-surface{overflow:auto}.side-virtue{display:none}}
@media(max-width:650px){.topbar{border-radius:14px}.human-chip{display:none}.nav-btn{white-space:nowrap;padding:10px 11px}.workspace{min-height:690px}.hero-scene{min-height:690px}.hero-heading h1{font-size:26px}.hero-heading p{font-size:13px}.hero-copy{left:7%;top:22%;width:86%}.hero-copy h2{font-size:28px;max-width:70%}.mariela-hero{right:6%;top:45%;width:42%}.decision-diagram{width:54%;grid-template-columns:34px 34px 34px 1fr;gap:5px}.offer-node{width:34px;height:34px}.decision-node{grid-column:1/-1;width:110px;height:45px;border-radius:12px}.flow-line{display:none}.virtue-a{left:7%;bottom:16%}.virtue-b{left:7%;bottom:10%}.virtue-c{left:7%;bottom:4%}.virtue-d{display:none}.work-head,.result-head{grid-template-columns:64px 1fr}.work-head img,.result-head img{width:64px;height:64px}.status-pill{grid-column:1/-1;justify-self:start}.conversation-virtues{display:none}.comparison-zone{grid-template-columns:1fr;overflow:auto}.result-surface{grid-template-rows:auto auto minmax(260px,1fr) auto}.analysis-zone{grid-template-columns:1fr}.left-rail,.right-rail{grid-template-columns:1fr}.cap-card{grid-template-columns:105px 1fr}.input-row{grid-template-columns:auto 1fr auto}.input-row .bolt{display:none}.quick-row{flex-wrap:wrap}.quick-actions{display:grid;grid-template-columns:1fr 1fr;flex:1}.quick-actions button:last-child{grid-column:1/-1}.reset-btn{margin-left:0}.input-row input{font-size:16px}.action-dock{border-width:2px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.language-switch{display:flex;gap:2px;padding:3px;border:1px solid #d8e3f4;border-radius:10px;background:#f7f9fd}.language-switch button{border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:9px;font-weight:950;padding:6px 8px}.language-switch button.active{background:#102b57;color:#fff}.language-switch button:disabled{opacity:.45}.visit-counter{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;padding:5px 8px;text-align:right;color:var(--muted)}.visit-counter span{font-size:8px;letter-spacing:.14em;font-weight:950}.visit-counter b{font-size:16px;color:var(--ink)}.visit-counter small{grid-column:1/-1;font-size:7px}.nav-btn b{font-weight:inherit}.principle-card strong{line-height:1.15}
@media(max-width:1024px){.language-switch{margin-left:auto}.visit-counter{text-align:left}}
@media(max-width:650px){.language-switch{position:sticky;right:0;background:#fff}.visit-counter{justify-self:start}}

/* v04 - oficina operativa en la Puna: giro visual sin alterar el flujo funcional */
.hero-scene{background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 20%,#eaf2fb 100%)}
.hero-scene:before,.hero-scene:after{display:none}
.office-environment{position:absolute;z-index:1;inset:92px 2.8% 3.2%;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0 53%,#eef3f8 53% 100%);border:1px solid rgba(190,209,231,.72);box-shadow:inset 0 22px 50px rgba(255,255,255,.92),0 18px 50px rgba(72,105,143,.08)}
.office-environment:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.75),transparent 18% 82%,rgba(255,255,255,.68));pointer-events:none}
.office-windows{position:absolute;left:7.5%;right:7.5%;top:6%;height:49%;overflow:hidden;border:10px solid rgba(255,255,255,.96);border-bottom-width:13px;border-radius:8px;background:linear-gradient(180deg,#bfe5fb 0 53%,#e2c39c 53% 72%,#d8ad79 72% 100%);box-shadow:0 8px 22px rgba(71,106,139,.12),inset 0 0 0 1px rgba(121,153,181,.18)}
.office-windows:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 4px),rgba(245,249,252,.98) calc(25% - 4px) calc(25% + 4px)),linear-gradient(180deg,transparent 0 61%,rgba(245,249,252,.96) 61% 63%,transparent 63%);z-index:5;pointer-events:none}
.office-mountain{position:absolute;left:-3%;right:-3%;bottom:17%;height:46%;display:block;transform-origin:center bottom}
.office-mountain-back{background:linear-gradient(165deg,#d99a69,#b86549 64%,#9d553f);clip-path:polygon(0 76%,8% 56%,18% 64%,29% 33%,39% 62%,48% 47%,61% 66%,71% 40%,82% 60%,91% 35%,100% 67%,100% 100%,0 100%);opacity:.7;filter:saturate(.84)}
.office-mountain-front{bottom:7%;height:37%;background:linear-gradient(175deg,#c98256,#a85c42);clip-path:polygon(0 76%,11% 57%,23% 69%,34% 44%,46% 75%,58% 53%,67% 67%,78% 48%,89% 72%,100% 55%,100% 100%,0 100%);opacity:.83}
.office-salt{position:absolute;left:0;right:0;bottom:0;height:22%;display:block;background:linear-gradient(180deg,#e7c89a 0,#ddbd8d 48%,#d5b07f 100%);opacity:.9}
.office-floor{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,#f8fafc 0%,#e9eef4 100%);clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
.office-floor:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 96px,rgba(130,151,174,.10) 97px 99px,transparent 100px 196px);opacity:.55}
.office-rug{position:absolute;left:24%;right:18%;bottom:4%;height:24%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(214,226,239,.86) 0 58%,rgba(196,213,232,.4) 59% 72%,transparent 73%);filter:drop-shadow(0 8px 15px rgba(70,100,125,.08))}
.office-desk{position:absolute;right:24%;bottom:13%;width:18%;height:8px;border-radius:8px;background:#dfe6ee;box-shadow:0 9px 18px rgba(62,84,109,.13)}
.office-desk:before,.office-desk:after{content:"";position:absolute;top:6px;width:5px;height:78px;background:#c5ced9;border-radius:5px}.office-desk:before{left:13%}.office-desk:after{right:13%}.office-desk i{position:absolute;left:18%;bottom:8px;width:42%;height:38px;border-radius:4px;background:linear-gradient(145deg,#273a4c,#4d6479);box-shadow:0 5px 14px rgba(26,41,55,.16)}
.office-plant{position:absolute;left:8%;bottom:18%;width:58px;height:105px}.office-plant b{position:absolute;left:18px;bottom:0;width:34px;height:34px;border-radius:5px 5px 12px 12px;background:linear-gradient(180deg,#d8cabd,#bba998)}.office-plant i{position:absolute;left:24px;bottom:30px;width:10px;height:64px;background:#6e9270;border-radius:50% 50% 20% 20%;transform-origin:50% 100%}.office-plant i:nth-child(1){transform:rotate(-34deg)}.office-plant i:nth-child(2){transform:rotate(4deg);height:76px}.office-plant i:nth-child(3){transform:rotate(36deg);height:66px}
.hero-heading{z-index:6;text-shadow:0 1px 0 rgba(255,255,255,.85)}
.hero-copy{z-index:7;top:27.5%;width:46%;padding:18px 20px;border-radius:20px;background:linear-gradient(100deg,rgba(255,255,255,.92),rgba(255,255,255,.68));border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(72,106,143,.09);backdrop-filter:blur(8px)}
.mariela-hero{position:absolute;z-index:7;right:4.2%;top:23%;width:min(34%,360px);margin:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.mariela-hero img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(46,66,88,.18))}
.mariela-hero figcaption{width:max-content;max-width:90%;margin:-16px 0 0 12%;display:flex;align-items:baseline;gap:8px;padding:8px 13px;border:1px solid rgba(210,224,239,.9);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(55,81,108,.10);backdrop-filter:blur(5px)}
.mariela-hero b{font-size:17px}.mariela-hero span{font-size:10px;color:var(--muted);font-weight:750}
.hero-scene>.virtue{z-index:8;text-shadow:0 1px 0 rgba(255,255,255,.95)}
.via-card{width:90%;align-self:center;padding:5px;background:#fff;border:4px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(37,72,108,.16)}
.via-card img{display:block;width:100%;max-height:101px;object-fit:contain;background:#073b6f;border-radius:11px}
@media(max-width:1280px){.mariela-hero{width:32%}.hero-copy{width:49%;padding:15px}.office-desk{right:23%}}
@media(max-width:1024px){.mariela-hero{top:27%;width:36%}.office-environment{inset:92px 1.5% 3%}.via-card{width:90%;margin-left:auto;margin-right:auto}}
@media(max-width:650px){.office-environment{inset:90px 1% 2%}.office-windows{left:4%;right:4%;height:42%}.office-desk{display:none}.office-plant{left:5%;bottom:17%}.hero-copy{left:5%;top:20%;width:88%;padding:12px}.mariela-hero{right:2%;top:45%;width:47%}.mariela-hero figcaption{margin-top:-8px}.via-card{width:90%}}

/* v05 - mesa de trabajo: escena persistente + instrumental contextual y movible */
body.dock-hidden .workspace{grid-row:2/4}
body.dock-hidden .action-dock{display:none!important}
.hero-scene{background:#fff;isolation:isolate}
.hero-heading{top:11px;z-index:5;padding:0 18px;text-shadow:none}
.hero-heading h1{font-size:clamp(25px,2.65vw,42px);color:#072969}
.hero-heading p{font-size:clamp(13px,1.25vw,20px);color:#0c2f70}
.scene-photo{position:absolute;z-index:1;left:0;right:0;top:88px;bottom:0;background-image:url('/assets/office-puna-v05.png');background-position:center center;background-size:cover;background-repeat:no-repeat;border-top:1px solid rgba(211,224,240,.8)}
.scene-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 20% 85%,rgba(255,255,255,.08));pointer-events:none}
.scene-tool-launcher{position:absolute;z-index:8;left:13%;bottom:18%;border:0;border-radius:9px;background:linear-gradient(90deg,#ff8132,#ff7227);color:#fff;padding:12px 17px;font-size:10px;font-weight:950;letter-spacing:.05em;box-shadow:0 9px 20px rgba(190,89,31,.2)}
.scene-tool-launcher:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(190,89,31,.25)}
.rail-tool-button{border:0;border-radius:8px;padding:8px 10px;color:#fff;font-size:9px;font-weight:950;letter-spacing:.06em;box-shadow:0 7px 16px rgba(29,73,128,.11)}
.rail-tool-button.blue{margin:14px 18px 0;background:#1678ee}.rail-tool-button.orange{background:linear-gradient(90deg,#ff8435,#ff7428)}
.case-reset{display:block;margin:0 12px 12px auto;border:1px solid #d8e3f4;border-radius:8px;background:#fff;color:var(--muted);padding:6px 9px;font-size:8px;font-weight:850}
.operation-view{overflow:hidden}
.floating-tool{position:absolute!important;z-index:20;margin:0!important;box-shadow:0 18px 50px rgba(17,55,104,.22)!important;backdrop-filter:blur(12px)}
.floating-tool.dragging{box-shadow:0 24px 65px rgba(17,55,104,.3)!important;user-select:none}
.drag-handle{cursor:grab}.floating-tool.dragging .drag-handle{cursor:grabbing}
.conversation-board.floating-tool{left:4%;top:20%;width:min(690px,62%);height:auto;max-height:58%;padding:13px;background:rgba(250,253,255,.95);border:1px solid rgba(190,215,244,.96);border-radius:20px;overflow:auto}
.conversation-board .work-head{grid-template-columns:64px 1fr auto;padding:10px 12px;background:rgba(255,255,255,.96)}
.conversation-board .work-head img{width:64px;height:64px}.conversation-board .work-head h2{font-size:17px}.conversation-board .progress-track{margin:12px 3% 0}.conversation-board .question-help{margin:12px auto 10px}.conversation-board .conversation-virtues{position:static;margin-top:12px;justify-content:space-between}
.result-surface.floating-tool{left:3.5%;top:5.5%;width:90%;height:88%;padding:13px;border:1px solid rgba(190,215,244,.96);border-radius:20px;background:rgba(248,252,255,.965);overflow:auto;grid-template-rows:auto auto minmax(135px,39%) minmax(175px,1fr)}
.result-surface .result-head{grid-template-columns:62px 1fr auto;padding:9px 12px}.result-surface .result-head img{width:62px;height:62px}
.mini-tool{width:min(340px,36%);height:auto;padding:0;border:1px solid rgba(190,215,244,.96);border-radius:15px;background:rgba(255,255,255,.96);overflow:hidden}
#costTool{left:3%;bottom:8%}#governanceTool{right:3%;top:18%}
.mini-tool-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#edf6ff;color:#0b5eb5}.mini-tool-head b{font-size:9px;letter-spacing:.06em}.mini-tool-head button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1;padding:0 2px}.mini-tool p{margin:0;padding:12px;font-size:10px;line-height:1.5;color:var(--muted)}
.thinking .conversation-board{box-shadow:0 18px 55px rgba(20,121,245,.25)!important}
.theatre-mode .principle-card,.theatre-mode .case-card,.theatre-mode .rail-virtue{opacity:1}
.theatre-mode .hero-scene{filter:none}
.gate-mode .result-surface,.gate-mode .gate-card{box-shadow:0 14px 38px rgba(17,55,104,.16)}

@media(max-width:1280px){
 .conversation-board.floating-tool{width:68%;left:3%}
 .result-surface.floating-tool{width:94%;left:3%;height:90%;top:4%}
 .scene-tool-launcher{left:10%;bottom:16%}
}
@media(max-width:1024px){
 body.dock-hidden .workspace{min-height:760px}
 .scene-photo{top:82px;background-position:center center}
 .scene-tool-launcher{left:6%;bottom:8%}
 .floating-tool{left:2.5%!important;right:auto!important;width:95%!important;max-width:none!important}
 .conversation-board.floating-tool{top:19%!important;max-height:58%}
 .result-surface.floating-tool{top:3%!important;height:94%}
 #costTool{top:23%!important;bottom:auto!important;width:78%!important}
 #governanceTool{top:34%!important;width:78%!important}
 .drag-handle{cursor:default}
 .rail-tool-button{min-height:38px}
}
@media(max-width:650px){
 .hero-heading{top:8px}.hero-heading h1{font-size:23px}.hero-heading p{font-size:12px}
 .scene-photo{top:76px;background-position:54% center}
 .scene-tool-launcher{left:5%;bottom:6%;font-size:8px;padding:10px 12px}
 .conversation-board.floating-tool{top:15%!important;max-height:67%;padding:9px}
 .conversation-board .work-head{grid-template-columns:52px 1fr}.conversation-board .work-head img{width:52px;height:52px}
 .result-surface.floating-tool{top:2%!important;height:96%;padding:8px}
 .mini-tool{width:90%!important}
}
.result-surface .result-head{grid-template-columns:62px 1fr auto auto}
.tool-close{align-self:start;border:0;background:#edf4ff;color:#526f98;border-radius:8px;width:26px;height:26px;font-weight:900;font-size:16px;line-height:1}
.tool-close:hover{background:#dcecff;color:#0b5eb5}
@media(max-width:650px){.result-surface .result-head{grid-template-columns:52px 1fr auto}.result-surface .result-head .tool-close{grid-column:3;grid-row:1}.result-surface .result-head .status-pill{grid-column:1/-1}}

/* v05 rebuild — approved composition restored exactly as the visual baseline. */
body.dock-hidden .workspace{grid-row:2!important}
.topbar{position:relative}
.top-gate-label{position:absolute;left:50%;top:8px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:8px;background:#1678ee;color:#fff;font-size:10px;font-weight:950;letter-spacing:.055em;white-space:nowrap;box-shadow:0 7px 16px rgba(20,121,245,.18);z-index:2}
.hero-scene{background:#fff!important}
.hero-heading{display:block!important;position:absolute!important;z-index:5!important;top:10px!important;left:4%!important;right:4%!important;padding:0!important;text-align:center!important;pointer-events:none!important}
.hero-heading h1{margin:0!important;color:#072969!important;font-size:clamp(26px,2.6vw,46px)!important;line-height:1.02!important;letter-spacing:-.035em!important;font-weight:850!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important}
.hero-heading p{margin:10px 0 0!important;color:#0c2f70!important;font-size:clamp(14px,1.3vw,21px)!important;line-height:1.08!important;font-weight:700!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important}
.scene-photo{position:absolute!important;z-index:1!important;inset:0!important;background-image:url('/assets/office-puna-approved.png?v=20260922-r3')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important}
.scene-photo:after{display:none!important}
.scene-tool-launcher{left:12.7%!important;bottom:17.9%!important;width:auto!important;height:auto!important;padding:12px 17px!important;background:linear-gradient(90deg,#ff8132,#ff7227)!important;color:#fff!important;border:0!important;border-radius:9px!important;box-shadow:0 9px 20px rgba(190,89,31,.2)!important;opacity:1!important;font-size:10px!important;font-weight:950!important;letter-spacing:.05em!important}
.scene-tool-launcher:hover,.scene-tool-launcher:focus{transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(190,89,31,.25)!important;outline:none!important}
.rail-virtue{margin-top:auto!important;margin-left:18px!important;margin-right:18px!important;margin-bottom:0!important;padding:8px 9px!important;border-radius:8px!important;background:#1678ee!important;color:#fff!important;text-align:center!important;letter-spacing:.055em!important;box-shadow:0 7px 16px rgba(20,121,245,.16)!important}
.side-virtue{display:none!important}
.via-card{width:94%!important;align-self:center!important;margin-top:auto!important;padding:4px!important;background:#fff!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
.via-card img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:transparent!important;border-radius:0!important}
/* Tool panels remain movable; the approved scene itself never resizes when the input dock disappears. */
.operation-view{overflow:hidden}
@media(max-width:1280px){.top-gate-label{font-size:9px;min-height:38px;padding:0 14px}.hero-heading h1{font-size:clamp(25px,2.8vw,39px)!important}.hero-heading p{font-size:clamp(13px,1.3vw,18px)!important;margin-top:9px!important}.scene-tool-launcher{font-size:9px!important;padding:11px 15px!important}}
@media(max-width:1024px){.top-gate-label{display:none}.scene-photo{background-size:cover!important;background-position:center!important}.hero-heading{top:8px!important}.hero-heading h1{font-size:clamp(22px,3.5vw,34px)!important}.hero-heading p{font-size:clamp(12px,1.8vw,16px)!important;margin-top:8px!important}.via-card{width:90%!important}}
@media(max-width:650px){.hero-heading{left:3%!important;right:3%!important}.hero-heading h1{font-size:21px!important}.hero-heading p{font-size:11px!important;margin-top:7px!important}.scene-tool-launcher{left:5%!important;bottom:6%!important;font-size:8px!important;padding:10px 12px!important}}

/* v05 interfaz R4 — ajustes solicitados: responsive escena, dock de entrada, CTA y cabecera lateral. */
.case-card header b,.gate-card header b{font-size:10px!important;letter-spacing:.02em!important}
.quick-row{gap:10px!important}
.quick-row>span{font-size:11px!important;font-weight:800!important}
.quick-actions{gap:8px!important}
.quick-actions button,.reset-btn{min-height:34px!important;padding:9px 14px!important;border-radius:10px!important;font-size:10px!important;line-height:1.15!important}
.quick-actions button{min-width:136px!important}
.reset-btn{min-width:122px!important}

@media(max-width:1024px){
 body{padding-bottom:154px!important}
 .pit-shell{padding-bottom:0!important}
 .workspace{min-height:600px!important;overflow:visible!important}
 .hero-scene{min-height:600px!important}
 .scene-photo{background-size:cover!important;background-position:center top!important}
 .action-dock{order:unset!important;position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:28!important;margin:0!important;width:auto!important;max-width:none!important}
 .quick-actions button{min-width:144px!important}
 .reset-btn{min-width:128px!important}
}

@media(max-width:650px){
 body{padding-bottom:188px!important}
 .workspace{min-height:560px!important}
 .hero-scene{min-height:560px!important}
 .scene-photo{background-position:56% top!important}
 .action-dock{left:8px!important;right:8px!important;bottom:8px!important;border-width:2px!important}
 .input-row{padding:10px!important;gap:8px!important}
 .quick-row{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:start!important;gap:8px!important}
 .quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0!important}
 .quick-actions button,.reset-btn{min-width:0!important;width:100%!important;min-height:42px!important;padding:10px 12px!important;font-size:10px!important}
 .quick-actions button:last-child{grid-column:1/-1!important}
 .reset-btn{margin-left:0!important;align-self:stretch!important;white-space:nowrap!important;padding-left:12px!important;padding-right:12px!important}
}
body.dock-hidden{padding-bottom:0!important}

/* v05 INTERFAZ R5 — mobile first vertical.
   Desktop conserva la composición aprobada. En pantallas <=1024px el PIT deja
   de simular tres columnas y se convierte en una secuencia vertical operable. */
@media(max-width:1024px){
  body{overflow:auto!important;padding-bottom:0!important}
  body.dock-hidden{padding-bottom:0!important}
  .pit-shell{
    height:auto!important;
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:10px!important;
  }
  .topbar{order:1!important;flex:0 0 auto!important;overflow-x:auto!important;overscroll-behavior-x:contain!important}
  .workspace{order:2!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .view-panel,.operation-view{height:auto!important;min-height:0!important;overflow:visible!important}
  .hero-scene{height:auto!important;min-height:560px!important;aspect-ratio:auto!important;overflow:hidden!important}
  .scene-photo{
    background-size:cover!important;
    background-position:58% center!important;
  }
  .action-dock{
    order:3!important;
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    z-index:8!important;
  }
  .right-rail{
    order:4!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:10px!important;
  }
  .left-rail{
    order:5!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:10px!important;
  }
  .right-rail .via-card{order:3!important;margin:0 auto!important;width:min(360px,92%)!important}
  .visit-counter{order:4!important}
  .brand-card{height:auto!important}
  .cap-card{display:grid!important;grid-template-columns:140px 1fr!important}
  .cap-card img{height:100%!important;min-height:175px!important}
  .rail-virtue{display:block!important;margin-top:0!important}

  /* Las herramientas pasan a ser bloques de lectura, no capas sobre la escena. */
  .conversation-board.floating-tool,
  .result-surface.floating-tool,
  .mini-tool.floating-tool{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:10px 0 0!important;
    transform:none!important;
  }
  .conversation-board.floating-tool{overflow:visible!important}
  .result-surface.floating-tool{overflow:visible!important;grid-template-rows:auto!important}
  #costTool,#governanceTool{width:100%!important}
  .drag-handle{cursor:default!important}
}

@media(max-width:650px){
  .pit-shell{padding:8px!important;gap:8px!important}
  .topbar{padding:7px!important;gap:6px!important;border-radius:14px!important}
  .nav-btn{padding:10px 12px!important;font-size:14px!important;white-space:nowrap!important}
  .language-switch{position:sticky!important;right:0!important;background:#fff!important;z-index:2!important}

  .hero-scene{min-height:500px!important;border-radius:16px!important}
  .scene-photo{background-position:60% center!important}
  .hero-heading{top:10px!important;left:5%!important;right:5%!important}
  .hero-heading h1{font-size:clamp(22px,7vw,29px)!important;line-height:1.05!important}
  .hero-heading p{font-size:clamp(12px,3.7vw,15px)!important;line-height:1.15!important;margin-top:10px!important}

  .action-dock{border-width:2px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(20,121,245,.12)!important}
  .input-row{grid-template-columns:1fr auto!important;padding:10px!important;gap:8px!important}
  .input-row .bolt,.input-row label{display:none!important}
  .input-row input{font-size:16px!important;min-height:46px!important;padding:11px 13px!important}
  .send-btn{width:52px!important;height:46px!important;font-size:22px!important}
  .quick-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:10px!important}
  .quick-row>span{font-size:12px!important}
  .quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .quick-actions button,.reset-btn{
    min-width:0!important;width:100%!important;min-height:44px!important;
    padding:10px 12px!important;font-size:11px!important;line-height:1.2!important;
  }
  .quick-actions button:last-child{grid-column:1/-1!important}
  .reset-btn{margin-left:0!important}

  .right-rail,.left-rail{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
  .case-card header,.gate-card header{padding:13px 14px!important}
  .case-card header span,.gate-card header span{font-size:16px!important}
  .case-card header b,.gate-card header b{font-size:11px!important}
  .case-card dl{font-size:12px!important;gap:10px 12px!important;padding:14px!important}
  .rail-tool-button{min-height:46px!important;font-size:11px!important}
  .via-card{width:min(330px,92%)!important}
  .cap-card{grid-template-columns:125px 1fr!important}
  .cap-card b{font-size:19px!important}
  .cap-card small{font-size:14px!important}
  .cap-card p,.principle-card p{font-size:12px!important}
  .principle-card strong{font-size:20px!important}
  .brand-card strong{font-size:32px!important}
  .brand-card span{font-size:12px!important}
  .visit-counter{font-size:11px!important}

  .conversation-board.floating-tool,.result-surface.floating-tool,.mini-tool.floating-tool{border-radius:16px!important}
  .conversation-board .work-head,.result-surface .result-head{grid-template-columns:58px 1fr auto!important}
  .conversation-board .work-head img,.result-surface .result-head img{width:58px!important;height:58px!important}
  .comparison-zone,.analysis-zone{grid-template-columns:1fr!important;overflow:visible!important}
}

/* v06 R6 — mobile dialog rebuilt as a natural-flow response component.
   Desktop remains governed by the approved v05 composition. CAP uses the
   original raster without crop/stretch in responsive layouts. */
@media(max-width:1024px){
  .cap-card{grid-template-columns:150px minmax(0,1fr)!important;align-items:center!important}
  .cap-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1241/1267!important;
    object-fit:contain!important;
    object-position:center!important;
    align-self:center!important;
    background:#eef5ff!important;
  }
}

@media(max-width:650px){
  /* Response component: question context -> answer -> send -> quick paths. */
  .action-dock{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    overflow:hidden!important;
    border:1px solid #cddff5!important;
    border-top:4px solid var(--blue)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(20,121,245,.10)!important;
  }

  .input-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    grid-template-areas:"label label" "input send"!important;
    gap:7px 9px!important;
    align-items:center!important;
    padding:12px 12px 10px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)!important;
  }

  .input-row .bolt{display:none!important}
  .input-row label{
    display:block!important;
    grid-area:label!important;
    margin:0!important;
    color:#0b5eb5!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.015em!important;
  }

  .input-row input{
    grid-area:input!important;
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:12px 13px!important;
    border:1px solid #c9d9ee!important;
    border-radius:13px!important;
    background:#fff!important;
    color:var(--ink)!important;
    font-size:16px!important;
    line-height:1.25!important;
    box-shadow:inset 0 1px 2px rgba(19,57,105,.03)!important;
  }
  .input-row input::placeholder{color:#7083a2!important;opacity:1!important}
  .input-row input:focus{border-color:#6eafff!important;box-shadow:0 0 0 3px rgba(20,121,245,.12)!important}

  .send-btn{
    grid-area:send!important;
    width:52px!important;
    height:50px!important;
    min-width:52px!important;
    border-radius:13px!important;
    background:var(--blue)!important;
    box-shadow:0 5px 12px rgba(20,121,245,.18)!important;
    font-size:22px!important;
  }

  .quick-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"quicklabel reset" "actions actions"!important;
    align-items:center!important;
    gap:8px 10px!important;
    padding:10px 12px 12px!important;
    border-top:1px solid #e3edf9!important;
    background:#fff!important;
  }
  .quick-row>span{
    grid-area:quicklabel!important;
    min-width:0!important;
    color:#617594!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:850!important;
  }
  .quick-actions{
    grid-area:actions!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    padding:1px 1px 3px!important;
  }
  .quick-actions button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:150px!important;
    min-height:40px!important;
    padding:9px 12px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.2!important;
    scroll-snap-align:start!important;
  }
  .quick-actions button:last-child{grid-column:auto!important}
  .reset-btn{
    grid-area:reset!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    min-height:32px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid #dce6f3!important;
    border-radius:9px!important;
    background:#f7f9fc!important;
    color:#647692!important;
    font-size:10px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  /* CAP master: complete image, native proportions, no responsive crop/stretch. */
  .cap-card{grid-template-columns:128px minmax(0,1fr)!important;align-items:center!important}
  .cap-card img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1241/1267!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Final mobile typography pass at the 390 px target. */
  .conversation-board .work-head h2{font-size:16px!important;line-height:1.22!important}
  .conversation-board .work-head p,.result-surface .result-head p{font-size:11px!important;line-height:1.3!important}
  .question-help{font-size:12px!important;line-height:1.45!important;margin:12px auto 10px!important}
  .profile-summary{gap:7px!important}
  .profile-summary span{font-size:11px!important;line-height:1.25!important;padding:8px 9px!important}

  .case-card dl{font-size:12px!important;line-height:1.3!important}
  .case-reset{min-height:36px!important;padding:8px 10px!important;font-size:10px!important}
  .gate-card>p{font-size:12px!important;line-height:1.45!important}
  .gate-context{gap:7px 9px!important;padding:10px!important}
  .gate-context span{font-size:9px!important}
  .gate-context b{font-size:11px!important;line-height:1.35!important}
  .gate-card label{font-size:11px!important;margin-bottom:7px!important}
  .gate-card textarea{min-height:76px!important;height:auto!important;padding:10px!important;font-size:16px!important;line-height:1.35!important}
  .gate-actions button{min-height:42px!important;font-size:11px!important}

  .receipt-card span,.export-card>span{font-size:9px!important}
  .receipt-card b,.export-card b{font-size:14px!important}
  .receipt-card p,.export-card p{font-size:11px!important;line-height:1.4!important}
  .export-card a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;font-size:11px!important}

  .principle-card>span{font-size:10px!important}
  .rail-virtue{font-size:10px!important;line-height:1.25!important}
  .visit-counter span{font-size:9px!important}
  .visit-counter small{font-size:9px!important}
}


/* v07 R7 — CAP desktop fidelity, balanced desktop quick actions and foldable mobile response dock. */
.cap-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1241/1267!important;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:auto!important;
  background:#fff!important;
}
.mobile-dock-toggle{display:none}
.action-dock-body{display:block}

@media(min-width:651px){
  .quick-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .quick-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  .quick-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    padding:9px 12px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  .quick-row>span{font-size:12px!important;white-space:nowrap!important}
  .reset-btn{
    width:auto!important;
    min-width:140px!important;
    min-height:38px!important;
    padding:9px 14px!important;
    margin-left:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
}

@media(max-width:650px){
  .action-dock{padding:0!important}
  .mobile-dock-toggle{
    display:flex!important;
    width:100%!important;
    min-height:62px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px 12px!important;
    border:0!important;
    background:linear-gradient(180deg,#fbfdff,#f6faff)!important;
    color:var(--ink)!important;
    text-align:left!important;
  }
  .mobile-dock-copy{display:block!important;min-width:0!important}
  .mobile-dock-copy small{
    display:block!important;
    margin-bottom:3px!important;
    color:#0b5eb5!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  .mobile-dock-copy strong{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:var(--ink)!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:850!important;
  }
  .mobile-dock-toggle>b{
    flex:0 0 auto!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:var(--blue)!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:0 4px 10px rgba(20,121,245,.16)!important;
  }
  .action-dock-body{display:none!important}
  .action-dock.mobile-open .action-dock-body{display:block!important}
  .action-dock.mobile-open .mobile-dock-toggle{border-bottom:1px solid #e3edf9!important}

  .input-row{padding:10px 11px 9px!important;gap:6px 8px!important}
  .input-row label{font-size:11px!important}
  .input-row input{min-height:46px!important;padding:10px 12px!important;font-size:16px!important}
  .send-btn{width:48px!important;height:46px!important;min-width:48px!important;font-size:20px!important}

  .quick-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"quicklabel reset" "actions actions"!important;
    gap:7px 9px!important;
    padding:9px 11px 11px!important;
  }
  .quick-row>span{font-size:10.5px!important}
  .quick-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    overscroll-behavior-x:auto!important;
    scroll-snap-type:none!important;
    scrollbar-width:auto!important;
    padding:0!important;
  }
  .quick-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    padding:8px 9px!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:normal!important;
    scroll-snap-align:none!important;
  }
  .quick-actions button:last-child{grid-column:1/-1!important}
  .reset-btn{
    width:auto!important;
    min-width:0!important;
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:9.5px!important;
  }
}

/* v08 R8 — Desktop quick-action finish: semantic color, smaller controls, stronger labels. */
@media(min-width:651px){
  .quick-actions{
    grid-template-columns:repeat(3,minmax(160px,240px))!important;
    justify-content:space-evenly!important;
    column-gap:12px!important;
    row-gap:8px!important;
  }
  .quick-actions button{
    min-height:34px!important;
    padding:7px 12px!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:850!important;
    border-width:1px!important;
    box-shadow:0 2px 7px rgba(16,45,87,.06)!important;
  }
  .quick-actions .primary-cta{
    background:#079b63!important;
    border-color:#078b59!important;
    color:#fff!important;
  }
  .quick-actions button[data-action="URGENT_DEMO"]{
    background:#e8eef6!important;
    border-color:#c2d0e3!important;
    color:#0b2d5c!important;
  }
  .quick-actions button[data-action="CASH_DEMO"]{
    background:#f2eadf!important;
    border-color:#decdb7!important;
    color:#4b3722!important;
  }
  .quick-actions button:hover:not(:disabled){
    filter:brightness(.985)!important;
    transform:translateY(-1px)!important;
  }
  .quick-actions button:focus-visible,.reset-btn:focus-visible{
    outline:2px solid #1479f5!important;
    outline-offset:2px!important;
  }
  .reset-btn{
    min-width:124px!important;
    min-height:34px!important;
    padding:7px 12px!important;
    background:#c63d4b!important;
    border-color:#b53240!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:850!important;
    box-shadow:0 2px 7px rgba(139,37,49,.10)!important;
  }
  .reset-btn:hover:not(:disabled){
    background:#b93644!important;
  }
}


/* v09 R9 — Concept phrase, governance column and repaired mobile top bar. */
.governance-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:#009b63;color:#fff;box-shadow:0 10px 22px rgba(5,128,84,.14)}
.governance-summary span{font-size:10px;font-weight:950;letter-spacing:.08em}
.governance-summary b{font-size:11px;font-weight:900;text-align:right}
.hero-concept{position:absolute;z-index:4;left:11.8%;bottom:13.5%;max-width:34%;pointer-events:none}
.hero-concept p{margin:0;color:#123b7a;font-size:clamp(24px,2.05vw,31px);line-height:1.08;font-weight:900;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(255,255,255,.96),0 0 10px rgba(255,255,255,.32)}
@media(min-width:651px){
  .quick-row{padding:9px 12px 12px!important;align-items:center!important}
  .quick-actions,.reset-btn{align-self:center!important}
}
@media(max-width:1024px){
  .hero-concept{left:7%;bottom:14%;max-width:44%}
  .hero-concept p{font-size:clamp(20px,2.6vw,27px)}
  .governance-summary{order:0}
}
@media(max-width:650px){
  .topbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;overflow:visible!important;align-items:stretch!important}
  .nav-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;width:100%!important;padding:10px 8px!important}
  .nav-btn span{margin-right:0!important;font-size:12px!important}
  .nav-btn b{font-size:11px!important;line-height:1.05!important}
  .language-switch{position:static!important;right:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;min-width:0!important;margin-left:0!important;background:#f7f9fd!important}
  .language-switch button{width:100%!important;padding:8px 0!important;font-size:10px!important}
  .top-spacer,.top-gate-label{display:none!important}
  .demo-badge{grid-column:1/4!important;grid-row:2!important;justify-self:start!important;align-self:center!important;font-size:8px!important;padding:6px 10px!important;line-height:1.15!important;white-space:normal!important;max-width:100%!important}
  .human-chip{display:inline-flex!important;grid-column:4!important;grid-row:2!important;justify-self:end!important;align-self:center!important;padding:6px 8px!important;font-size:8px!important;line-height:1.05!important;white-space:normal!important}
  .human-chip i{width:8px!important;height:8px!important;margin-right:6px!important;box-shadow:0 0 0 4px #e4f8ee!important}
  .hero-concept{left:5.5%;bottom:12.5%;max-width:46%}
  .hero-concept p{font-size:15px!important;line-height:1.12!important}
  .governance-summary{padding:12px 14px!important;border-radius:15px!important}
  .governance-summary span{font-size:11px!important}
  .governance-summary b{font-size:12px!important}
}

.top-gate-label{display:none!important}


/* v10 R10 — Publication finish: explicit P#2 identity and P#1-style fixed mobile answer dock. */
.desktop-product-id{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-left:4px;
  padding:0 13px 0 15px;
  border-left:1px solid #d7e3f3;
  color:#0b3473;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.045em;
  white-space:nowrap;
}
.mobile-product-bar{display:none}

@media(max-width:1024px){
  .desktop-product-id{font-size:11px;padding-left:11px;padding-right:8px}
}

@media(max-width:650px){
  /* One compact navigation row: the repeated human-control chip is intentionally removed here. */
  .topbar{
    order:1!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    padding:6px!important;
    gap:6px!important;
    min-height:0!important;
  }
  .nav-btn{padding:9px 6px!important;min-height:44px!important}
  .nav-btn b{font-size:11px!important}
  .language-switch{min-height:44px!important}
  .language-switch button{padding:6px 0!important}
  .desktop-product-id,.human-chip,.demo-badge{display:none!important}

  /* Mobile identity: brand + product, without the EVIN subtitle. */
  .mobile-product-bar{
    order:2!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    width:100%!important;
    min-height:48px!important;
    padding:10px 15px!important;
    border-radius:14px!important;
    background:#009b63!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(5,128,84,.14)!important;
  }
  .mobile-product-bar strong{
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.035em!important;
  }
  .mobile-product-bar span{
    min-width:0!important;
    padding-right:42px!important;
    text-align:center!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }
  .workspace{order:3!important}
  .right-rail{order:4!important}
  .left-rail{order:5!important}

  /* Fixed but foldable response dock: persistent access to Mariela, like P#1. */
  .action-dock{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    z-index:40!important;
    border:2px solid var(--blue)!important;
    box-shadow:0 12px 28px rgba(13,66,132,.20)!important;
  }
  .action-dock.mobile-open{
    max-height:min(58vh,430px)!important;
  }
  .action-dock.mobile-open .action-dock-body{
    max-height:calc(min(58vh,430px) - 62px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  body.mobile-dock-active:not(.dock-hidden){padding-bottom:86px!important}
  body.mobile-dock-open:not(.dock-hidden){padding-bottom:min(58vh,430px)!important}
}


/* v11 R11 — cierre correctivo: mobile interaction rollback to proven JS path + visible Human Gate actions. */
.gate-turn-hint{
  margin:10px 13px 0!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  background:#edf7ff!important;
  color:#0b4f98!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.gate-card>p#gateReason{padding-top:8px!important;color:var(--muted)!important}
.gate-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.gate-actions .approve{grid-column:1/-1!important}
.gate-actions .reject{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#c63d4b!important;
  border-color:#b53240!important;
  color:#fff!important;
}
.case-reset{
  min-width:124px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  background:#c63d4b!important;
  border-color:#b53240!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  box-shadow:0 2px 7px rgba(139,37,49,.10)!important;
}
.case-reset:hover:not(:disabled),.gate-actions .reject:hover:not(:disabled){background:#b93644!important}

@media(max-width:650px){
  /* v10 fixed dock is kept visually, but interaction no longer depends on body state classes. */
  body{padding-bottom:92px!important}
  body.dock-hidden{padding-bottom:24px!important}
  .action-dock{
    z-index:1000!important;
    isolation:isolate!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  .mobile-dock-toggle{position:relative!important;z-index:3!important;pointer-events:auto!important;touch-action:manipulation!important}
  .action-dock-body{position:relative!important;z-index:2!important;pointer-events:auto!important}
  .action-dock button,.action-dock input{pointer-events:auto!important;touch-action:manipulation!important}
  .gate-turn-hint{font-size:12px!important;line-height:1.4!important}
  .gate-actions{grid-template-columns:1fr 1fr!important}
  .gate-actions .approve{grid-column:1/-1!important}
  .case-reset{min-width:124px!important;min-height:38px!important;font-size:11px!important}
}