/* Um palco; atendimento escolar e financeiro interno. Tudo identificado como simulação. */
.hero{grid-template-columns:.98fr 1.04fr;gap:54px;padding-block:55px 66px}
.hero h1{font-size:clamp(44px,4.45vw,65px);line-height:1.14;letter-spacing:-.052em}
.hero-lead{max-width:435px;font-size:17px;line-height:1.8}
.integrated-stage{padding:27px 26px 22px;border-radius:60px 12px 54px 12px}
.simulation-label{margin:0 0 18px;padding:7px 10px;border:1px solid #476355;border-radius:4px;display:inline-block;color:#c8ddcc;font-size:9px;line-height:1.65;font-weight:600}
.simulation-label span{font-weight:400;color:#b9ccc0}
.scene-heading{padding:0 4px 16px;min-height:92px}
.scene-category{display:block;font-size:8px;letter-spacing:.075em;line-height:1.6;color:#a8cdbb;margin-bottom:8px}
.scene-heading h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:500;color:#f6f4ef;margin:0}
.scene-connections{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:11px}
.scene-connections span{font-size:8px;line-height:1.5;color:#b9cec0}
.scene-connections span+span:before{content:'↗';padding-right:9px;color:#8aad98}
.integrated-stage .story-thread{height:280px;padding-bottom:6px;overscroll-behavior:auto}
.integrated-stage .story-message{background:#a8cdbb;border-color:#a8cdbb;color:#173b35;max-width:91%;padding:11px 14px}
.integrated-stage .story-message p{color:#173b35;font-size:12px;line-height:1.75}
.integrated-stage .story-message p+p{margin-top:9px}
.integrated-stage .message-author{color:#214d45;font-size:8px}
.integrated-stage .message-agent{background:#f6f4ef;border-color:#f6f4ef;max-width:94%}
.integrated-stage .message-agent .message-author{color:#07565b}
.typing-row{height:32px;display:flex;align-items:center;justify-content:flex-start;padding-left:4px}
.typing-indicator{display:flex;align-items:center;gap:5px;color:#c7dbce;font-size:10px;line-height:1.5}
.typing-indicator>span:first-child{margin-right:3px}
.typing-indicator i{width:4px;height:4px;border-radius:50%;background:#a8cdbb;display:block;opacity:.5}
.integration-result{min-height:116px;padding:12px 13px;background:#182c26;border:1px solid #496656;border-radius:6px}
.integration-result{margin-top:13px}
.integration-result-heading{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-bottom:11px}
.integration-result-heading strong{font-size:10px;line-height:1.6;color:#f6f4ef;font-weight:500}
.integration-result-heading>span{font-size:6px;line-height:1.7;color:#bcd3c1;letter-spacing:.07em;white-space:nowrap}
.integration-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.integration-result dt{font-size:7px;color:#a8cdbb;line-height:1.6;margin-bottom:4px}
.integration-result dd{font-size:9px;color:#e7eee4;line-height:1.65;margin:0;overflow-wrap:anywhere}
.next-scenario{margin:13px 4px 0;padding-top:11px;border-top:1px solid #3a5148;font-size:8px;line-height:1.5;color:#c6d9ca}
.integration-disclaimer{font-size:8px;line-height:1.8;color:#b9cec0;margin:16px 4px 0}
.scene-transition{position:absolute;inset:42% 26px auto;padding:25px;background:#0f1c1b;border:1px solid #476355;border-radius:7px;z-index:2;box-shadow:0 15px 40px #06101066}
.scene-transition>span{display:block;font-size:9px;color:#a8cdbb;margin-bottom:8px}
.scene-transition>strong{font-size:24px;line-height:1.3;font-weight:500;color:#f6f4ef}
.integrated-ready .integrated-scene[hidden]{display:none!important}
.integrated-ready .integration-result:not(.is-visible){visibility:hidden}
.integrated-stage[data-phase='transition'] .integrated-scene{opacity:.18}
html:not(.integrated-ready) .integrated-scene+.integrated-scene,html[data-stories-static='true'] .integrated-scene+.integrated-scene{margin-top:36px;padding-top:27px;border-top:1px solid #476355}
html:not(.integrated-ready) .integrated-stage .story-thread,html[data-stories-static='true'] .integrated-stage .story-thread{height:auto;overflow:visible}
@media(max-width:1120px){.hero{gap:32px}.hero h1{font-size:clamp(43px,4.9vw,57px)}.hero-lead{font-size:16px}.integrated-stage{padding:24px 20px 21px}.simulation-label{font-size:8px;margin-bottom:16px}.scene-heading h3{font-size:22px}.integrated-stage .story-message p{font-size:11px}.integrated-stage .story-thread{height:287px}.integration-result{min-height:128px}.integration-result dd{font-size:8px}.integration-result-heading strong{font-size:9px}.integration-result dl{gap:9px}.scene-category{font-size:7px}.integration-disclaimer{font-size:7px}.scene-transition{inset:42% 20px auto}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-block:44px 57px}.hero h1{font-size:60px;max-width:670px}.integrated-stage{max-width:590px;width:100%;padding:27px 26px 22px}.simulation-label{font-size:9px}.scene-heading h3{font-size:24px}.integrated-stage .story-message p{font-size:12px}.integration-result dd{font-size:9px}.integration-result{min-height:116px}.scene-category{font-size:8px}.integration-disclaimer{font-size:8px}}
@media(max-width:700px){.hero h1{font-size:clamp(37px,8.9vw,56px)}.hero-lead{font-size:16px}.integrated-stage{max-width:460px;padding:23px 17px 19px;border-radius:40px 9px 36px 9px}.simulation-label{font-size:8px;padding:6px 8px;margin-bottom:16px}.scene-heading h3{font-size:23px}.scene-category{font-size:7px}.scene-connections span{font-size:7px}.scene-connections{gap:5px 8px}.scene-connections span+span:before{padding-right:6px}.integrated-stage .story-message{max-width:95%;padding:10px 12px}.integrated-stage .story-message p{font-size:11px}.integrated-stage .story-thread{height:303px}.integration-result{min-height:139px;padding:11px}.integration-result dl{grid-template-columns:1fr;gap:6px}.integration-result dl>div{display:grid;grid-template-columns:58px 1fr;gap:7px}.integration-result dt{margin:0;font-size:7px}.integration-result dd{font-size:8px}.integration-result-heading strong{font-size:10px}.integration-result-heading>span{font-size:6px}.typing-indicator{font-size:8px}.next-scenario{font-size:7px}.integration-disclaimer{font-size:7px}.scene-transition{inset:42% 17px auto;padding:20px}.scene-transition>strong{font-size:22px}}
@media(max-width:360px){.integrated-stage{padding-inline:14px}.simulation-label{font-size:7px}.scene-heading h3{font-size:21px}.integrated-stage .story-message p{font-size:10px}.integrated-stage .story-thread{height:311px}.integration-result{min-height:148px}.integration-result dl>div{grid-template-columns:50px 1fr}.integration-result-heading strong{font-size:9px}}
@media(max-width:700px){.scene-heading{min-height:114px}}
@media(max-width:700px){.typing-indicator{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.typing-indicator i{animation:typing-dot .75s ease-in-out infinite}.typing-indicator i:nth-of-type(2){animation-delay:.12s}.typing-indicator i:nth-of-type(3){animation-delay:.24s}@keyframes typing-dot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.integration-result.is-visible,.scene-transition:not([hidden]){animation:story-arrival .3s ease-out both}.integrated-scene{transition:opacity .25s}}
html[data-stories-paused='true'] .typing-indicator i,html[data-stories-paused='true'] .integration-result,html[data-stories-paused='true'] .scene-transition{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.integrated-stage *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}