/* Ottoni Software 3.3 — runtime final, fachada viva and robust application density */
:root{--oto33-rail:86px;--oto33-context:282px;--oto33-inspector:320px;--oto33-ink:#20372f;--oto33-deep:#315848;--oto33-clay:#a8694d;--oto33-sage:#e4ebe1;--oto33-blush:#f1e1da;--oto33-ivory:#fffdf8;--oto33-line:rgba(32,55,47,.13)}
body.ottoni-runtime-experience{background:linear-gradient(145deg,#f7f2e8 0%,#f3eee5 48%,#e8eee5 100%)}
body.ottoni-runtime-experience .ottoni-workbench{min-height:100dvh;background:transparent}
body.ottoni-runtime-experience .ottoni-platform-nav--desktop{width:var(--oto33-rail);background:rgba(255,253,248,.97);border-right:1px solid var(--oto33-line);box-shadow:12px 0 38px rgba(32,55,47,.06)}
body.ottoni-runtime-experience .ottoni-workbench-frame{margin-left:var(--oto33-rail);width:calc(100% - var(--oto33-rail));max-width:none;padding-left:18px;padding-right:18px}
body.ottoni-runtime-experience .otc-os{max-width:none;width:100%;border:0!important;background:transparent!important;box-shadow:none!important}
body.ottoni-runtime-experience .otc-session{border:1px solid var(--oto33-line)!important;border-radius:18px 18px 0 0!important;background:rgba(255,253,248,.95)!important;box-shadow:0 14px 42px rgba(32,55,47,.06)!important}
body.ottoni-runtime-experience .ottoni-dimension-nav{grid-template-columns:repeat(3,minmax(0,1fr));border-inline:1px solid var(--oto33-line);background:rgba(247,242,232,.88)}
body.ottoni-runtime-experience .ottoni-dimension-nav a{min-height:76px;padding:14px 18px;border-bottom:3px solid transparent}
body.ottoni-runtime-experience .ottoni-dimension-nav a.is-active{background:var(--oto33-ivory);border-bottom-color:var(--oto33-clay)}
body.ottoni-runtime-experience .ottoni-dimension-nav a span{font-size:1rem!important;color:var(--oto33-ink)}
body.ottoni-runtime-experience .ottoni-dimension-nav a small{font-size:.77rem!important;line-height:1.45;color:#67736c}
body.ottoni-runtime-experience .otc-workspace{grid-template-columns:var(--oto33-context) minmax(0,1fr) var(--oto33-inspector)!important;gap:0;min-height:calc(100dvh - 224px);border:1px solid var(--oto33-line)!important;border-radius:0 0 18px 18px!important;overflow:hidden;background:var(--oto33-ivory)!important}
body.ottoni-runtime-experience .otc-rail{padding:18px 13px!important;background:#fbf8f1!important;border-right:1px solid var(--oto33-line)!important}
body.ottoni-runtime-experience .otc-rail button{min-height:62px!important;border-radius:14px!important;padding:10px 12px!important}
body.ottoni-runtime-experience .otc-rail button.is-active{background:var(--oto33-sage)!important;color:var(--oto33-deep)!important;border-color:rgba(49,88,72,.14)!important}
body.ottoni-runtime-experience .otc-rail strong{font-size:.9rem!important}
body.ottoni-runtime-experience .otc-rail small{font-size:.72rem!important;line-height:1.42!important}
body.ottoni-runtime-experience .otc-surface{padding:22px 24px 40px!important;background:linear-gradient(180deg,#f6f8f4 0%,#f2f5f0 100%)!important}
body.ottoni-runtime-experience .otc-context{padding:18px!important;background:#f8f4ec!important;border-left:1px solid var(--oto33-line)!important}
body.ottoni-runtime-experience .otc-context section{padding:13px 0;border-bottom:1px solid rgba(32,55,47,.09)}
body.ottoni-runtime-experience .otc-context strong{font-size:.88rem!important;color:var(--oto33-ink)}
body.ottoni-runtime-experience .otc-area__header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px!important}
body.ottoni-runtime-experience .otc-area__header h2{font-size:clamp(1.9rem,2.6vw,2.7rem)!important;line-height:1.06;letter-spacing:-.035em;color:var(--oto33-ink)}
body.ottoni-runtime-experience .otc-mission,body.ottoni-runtime-experience .otc-console,body.ottoni-runtime-experience .otc-knowledge-board,body.ottoni-runtime-experience .otc-operation-list,body.ottoni-runtime-experience .otc-provider-surface{border:1px solid var(--oto33-line)!important;border-radius:18px!important;background:var(--oto33-ivory)!important;box-shadow:0 16px 42px rgba(32,55,47,.065)!important}
body.ottoni-runtime-experience .otc-now-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:18px!important}
body.ottoni-runtime-experience .otc-method-map{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:18px!important}
body.ottoni-runtime-experience .ottoni-service-modes,body.ottoni-runtime-experience .ottoni-study-lanes{gap:16px}
body.ottoni-runtime-experience .ottoni-service-modes article,body.ottoni-runtime-experience .ottoni-study-lanes article{padding:20px;border-radius:18px;border-color:var(--oto33-line);box-shadow:0 14px 36px rgba(32,55,47,.055)}
body.ottoni-runtime-experience .otc-livebar{display:none!important}
body.ottoni-platform-area-network.ottoni-runtime-experience .otc-workspace{grid-template-columns:minmax(0,1fr)!important}
body.ottoni-platform-area-network.ottoni-runtime-experience .otc-rail,body.ottoni-platform-area-network.ottoni-runtime-experience .otc-context{display:none!important}
body.ottoni-platform-area-network.ottoni-runtime-experience .otc-surface{padding:14px!important}
.ottoni-public-experience .ottoni-public-flow{max-width:1500px;margin-inline:auto;padding-inline:clamp(20px,4vw,70px)}
.ottoni-public-experience .ottoni-public-collections{padding-block:clamp(56px,7vw,104px)}
.ottoni-public-experience .ottoni-public-collections>header{max-width:760px;margin-bottom:28px}.ottoni-public-experience .ottoni-public-collections h2{margin:.35rem 0 0;font-size:clamp(2rem,4vw,4rem);line-height:1.02;color:var(--oto33-ink)}
.ottoni-public-experience .ottoni-public-collection{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.ottoni-public-experience .ottoni-public-card{grid-column:span 4;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--oto33-line);border-radius:22px;background:var(--oto33-ivory);color:var(--oto33-ink);text-decoration:none;box-shadow:0 20px 52px rgba(32,55,47,.08);transition:transform .2s ease,box-shadow .2s ease}
.ottoni-public-experience .ottoni-public-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(32,55,47,.12)}
.ottoni-public-experience .ottoni-public-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.ottoni-public-experience .ottoni-public-card>div{padding:20px}.ottoni-public-experience .ottoni-public-card h3{margin:0 0 8px;font-size:1.18rem}.ottoni-public-experience .ottoni-public-card p{margin:0 0 18px;color:#68736c;line-height:1.6}.ottoni-public-experience .ottoni-public-card span{font-weight:750;color:var(--oto33-clay)}
@media(max-width:1280px){body.ottoni-runtime-experience .otc-workspace{grid-template-columns:240px minmax(0,1fr)!important}body.ottoni-runtime-experience .otc-context{display:none!important}.ottoni-public-experience .ottoni-public-card{grid-column:span 6}}
@media(max-width:900px){body.ottoni-runtime-experience .ottoni-workbench-frame{margin-left:0;width:100%;padding-inline:8px}body.ottoni-runtime-experience .otc-workspace{grid-template-columns:1fr!important;min-height:auto}body.ottoni-runtime-experience .otc-rail{position:sticky;top:0;z-index:5;display:flex!important;flex-direction:row!important;overflow:auto!important;border-right:0!important;border-bottom:1px solid var(--oto33-line)!important}body.ottoni-runtime-experience .otc-rail button{min-width:max-content!important}body.ottoni-runtime-experience .otc-surface{padding:14px!important}body.ottoni-runtime-experience .otc-now-grid{grid-template-columns:1fr!important}body.ottoni-runtime-experience .otc-method-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){body.ottoni-runtime-experience .ottoni-dimension-nav{display:flex;overflow:auto;scroll-snap-type:x proximity}body.ottoni-runtime-experience .ottoni-dimension-nav a{min-width:220px;scroll-snap-align:start}body.ottoni-runtime-experience .otc-area__header{align-items:start;flex-direction:column}body.ottoni-runtime-experience .otc-method-map{grid-template-columns:1fr!important}.ottoni-public-experience .ottoni-public-card{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ottoni-public-experience .ottoni-public-card{transition:none}.ottoni-public-experience .ottoni-public-card:hover{transform:none}}