/* Página pública — Manual da integração Bling | Gestor STA */
.sta-bling-manual{--manual-ink:#102340;--manual-muted:#596b82;--manual-blue:#1061d6;--manual-navy:#081b3d;--manual-border:#dfE7f1;background:linear-gradient(180deg,#edf5ff 0,#f7faff 350px,#f5f8fc 100%);color:var(--manual-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}
.sta-bling-manual *{box-sizing:border-box}
.sta-bling-manual a{color:var(--manual-blue)}
.sta-bling-manual a:focus-visible,.sta-bling-manual summary:focus-visible{outline:3px solid #50c4f1;outline-offset:3px}
.sta-bling-manual h1,.sta-bling-manual h2,.sta-bling-manual h3,.sta-bling-manual p{margin-top:0}
.manual-skip{position:absolute;top:-100px;left:10px;z-index:10;padding:10px;background:#fff}
.manual-skip:focus{top:10px}
.manual-header{background:rgba(255,255,255,.94);border-bottom:1px solid #deE7f2;position:relative;z-index:2}
.manual-header-inner{width:min(1180px,calc(100% - 40px));min-height:83px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.manual-brand{display:flex;align-items:center;flex:none}
.manual-brand img{max-width:154px;width:100%;height:auto;object-fit:contain}
.manual-header-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:25px}
.manual-header-nav>a{text-decoration:none;font-weight:700;font-size:13px;color:#40536d}
.manual-header-nav>a:hover{color:var(--manual-blue)}
.manual-header-nav .manual-login{padding:10px 16px;background:#0c54be;color:#fff;border-radius:10px;white-space:nowrap}
.manual-header-nav .manual-login:hover{color:#fff;background:#0a4294}
.manual-wrap{width:min(1180px,calc(100% - 40px));margin:auto;padding-bottom:76px}
.manual-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:23px 0 28px;font-size:12px;color:#73839b}
.manual-breadcrumb a{color:#647790;text-decoration:none}
.manual-breadcrumb strong{color:#263b54}
.manual-hero{background:radial-gradient(circle at 77% -5%,rgba(35,145,249,.48),transparent 45%),linear-gradient(125deg,#081b3d,#0c3775);border-radius:26px;padding:clamp(28px,5vw,62px);color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.78fr);gap:36px;align-items:center;overflow:hidden;position:relative}
.manual-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#8ee4ff}
.manual-eyebrow span{color:#3ce0dd}
.manual-hero h1{font-weight:850;max-width:660px;font-size:clamp(34px,4.5vw,54px);line-height:1.12;letter-spacing:-.05em;margin:18px 0}
.manual-hero h1 em{font-style:normal;color:#66dfff}
.manual-hero p{max-width:620px;color:#d9e8fa;font-size:15px;line-height:1.75}
.manual-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.manual-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 18px;min-height:44px;border-radius:11px;font-weight:800;font-size:13px;text-decoration:none;white-space:normal}
.manual-btn.primary{background:#1171ed;color:#fff}
.manual-btn.primary:hover{background:#095eca;color:#fff}
.manual-btn.secondary{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32)}
.manual-btn.secondary:hover{background:rgba(255,255,255,.22);color:#fff}
.manual-hero-visual{border:1px solid rgba(255,255,255,.16);padding:24px;border-radius:22px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);min-width:0}
.manual-visual-tag{color:#b9d6f7;text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:10px;margin-bottom:18px}
.manual-visual-app{display:flex;align-items:center;gap:13px;padding:13px 15px;background:#fff;border-radius:15px;color:var(--manual-ink);box-shadow:0 12px 24px rgba(3,19,44,.18)}
.manual-app-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#0c4c9f,#1a90f3);color:#fff;font-size:13px;font-weight:900;flex:none}
.manual-app-symbol.bling{background:#e7f3ff;color:#0c71ba;font-size:28px;font-style:italic}
.manual-visual-app strong,.manual-visual-app small{display:block;line-height:1.35}
.manual-visual-app strong{font-weight:850}
.manual-visual-app small{font-size:11px;color:#667993}
.manual-visual-line{height:38px;display:grid;place-items:center;color:#9edcff;font-size:28px}
.manual-visual-footnote{font-size:11px;text-align:center;color:#d3e3fa;margin-top:14px}
.manual-status{display:flex;gap:16px;align-items:flex-start;border:1px solid #bcd8f8;background:#eaf4ff;color:#264b79;padding:18px 22px;border-radius:16px;margin:22px 0 35px}
.manual-status-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#1b70d3;color:#fff;font-weight:900}
.manual-status strong{display:block;font-size:14px;color:#174e94}
.manual-status p{font-size:12.8px;margin:3px 0 0;color:#3c5c80;line-height:1.65}
.manual-status p strong{display:inline;color:#2a507f;font-size:inherit}
.manual-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:34px;align-items:start}
.manual-aside{position:sticky;top:24px}
.manual-toc{padding:20px 15px;display:grid;gap:3px;border:1px solid var(--manual-border);border-radius:17px;background:#fff}
.manual-toc>strong{font-size:13px;margin:0 10px 10px}
.manual-toc a{font-size:12.8px;text-decoration:none;border-radius:8px;color:#52667f;padding:8px 10px;line-height:1.35;font-weight:650}
.manual-toc a:hover{background:#edf5ff;color:#0b54b7}
.manual-content{min-width:0;display:grid;gap:22px}
.manual-section,.manual-help{background:#fff;border:1px solid var(--manual-border);border-radius:20px;padding:clamp(23px,3.5vw,35px);scroll-margin-top:24px}
.manual-section-label{display:inline-block;color:#0e65c5;font-size:10.5px;letter-spacing:.10em;font-weight:900;margin-bottom:10px}
.manual-section h2,.manual-help h2{font-size:clamp(20px,2.3vw,26px);line-height:1.28;letter-spacing:-.028em;color:#112a4c;margin-bottom:14px}
.manual-section h3{font-size:14px;line-height:1.4;margin-bottom:7px}
.manual-section p,.manual-help p{color:var(--manual-muted);font-size:13.5px;line-height:1.8}
.manual-section>p:last-child{margin-bottom:0}
.manual-section a{font-weight:750}
.manual-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}
.manual-feature-grid article{background:#f5f9fd;border:1px solid #e3eaf3;padding:19px;border-radius:13px}
.manual-feature-grid article>span{display:grid;place-items:center;color:#1264cd;font-weight:900;border-radius:10px;background:#e7f0ff;width:35px;height:35px;margin-bottom:14px}
.manual-feature-grid p{font-size:12px;line-height:1.6;margin:0}
.manual-check-list{padding:0;margin:15px 0 0;display:grid;gap:13px;list-style:none}
.manual-check-list li{position:relative;padding-left:30px;font-size:13.2px;line-height:1.72;color:#465c76}
.manual-check-list li::before{content:"✓";position:absolute;top:1px;left:0;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#1372ce;background:#e8f4ff;font-size:11px;font-weight:900}
.manual-steps{display:grid;gap:0;list-style:none;margin:20px 0 8px;padding:0}
.manual-steps li{display:flex;gap:16px;align-items:flex-start;position:relative;padding-bottom:22px}
.manual-steps li:not(:last-child)::after{content:"";position:absolute;top:38px;left:17px;bottom:0;width:2px;background:#e0edf9}
.manual-steps li:last-child{padding-bottom:6px}
.manual-step-number{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:11px;background:#e5f2ff;color:#1267cd;font-size:13px;font-weight:900}
.manual-steps li>div:last-child{padding-top:2px}
.manual-steps h3{margin:0 0 4px;color:#153253}
.manual-steps p{font-size:13px;margin:0}
.manual-inline-action{display:inline-flex;gap:12px;text-decoration:none;border-radius:10px;background:#f0f7ff;padding:12px 16px;margin-top:15px;font-size:12px}
.manual-small{font-size:11.5px!important;color:#8390a2!important;margin:10px 0 0!important}
.manual-info-card{background:#f7faff;padding:23px;border:1px solid #e2ebf6;border-radius:15px;margin:19px 0}
.manual-info-card h3{font-size:15px}
.manual-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:15px}
.manual-two-col strong{display:block;color:#193956;font-size:12.7px;margin-bottom:3px}
.manual-two-col p{margin:0;font-size:12.2px}
.manual-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:20px 0 23px}
.manual-flow>div{display:grid;align-content:start;gap:6px;padding:15px 12px;border-radius:13px;border:1px solid #dce8f5;background:#f7faff;min-height:129px}
.manual-flow>div>span{font-size:11px;font-weight:900;color:#1973d3}
.manual-flow strong{font-size:12px;line-height:1.35;color:#223e60}
.manual-flow small{font-size:11px;line-height:1.45;color:#6d819b}
.manual-flow-arrow{color:#2c81df;font-weight:900}
.manual-faq{border:1px solid #e0e9f2;border-radius:14px;overflow:hidden;margin-top:15px}
.manual-faq details+details{border-top:1px solid #e0e9f2}
.manual-faq summary{list-style:none;cursor:pointer;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:17px 20px;font-weight:800;font-size:13px;color:#213c5b}
.manual-faq summary::-webkit-details-marker{display:none}
.manual-faq summary::after{content:"+";font-size:22px;font-weight:400;color:#1266c7}
.manual-faq details[open] summary::after{content:"−"}
.manual-faq details[open] summary{background:#f6faff}
.manual-faq details p{padding:0 20px 17px;margin:0;font-size:12.8px}
.manual-help{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#f2f8ff}
.manual-help h2{margin-bottom:8px}
.manual-help p{margin-bottom:0}
.manual-help .manual-btn{flex:none}
.manual-footer{background:#fff;border-top:1px solid #dfe7f2;padding:30px max(20px,calc((100% - 1180px)/2));display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;justify-content:space-between}
.manual-footer>div{display:flex;gap:15px;align-items:center}
.manual-footer img{height:auto;max-width:120px}
.manual-footer span{font-size:12px;color:#647993}
.manual-footer nav{display:flex;gap:20px}
.manual-footer nav a{font-size:12px;text-decoration:none;color:#406388;font-weight:700}
.manual-footer small{flex-basis:100%;color:#8593a6;font-size:10.5px}
@media(max-width:930px){.manual-layout{grid-template-columns:1fr}.manual-aside{position:static}.manual-toc{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:12px}.manual-toc>strong{flex-basis:100%;margin:0 8px 4px}.manual-toc a{font-size:12px}.manual-hero{grid-template-columns:1fr}.manual-hero-visual{max-width:390px}}
@media(max-width:640px){.manual-header-inner{width:calc(100% - 28px);padding:13px 0;min-height:68px;align-items:flex-start}.manual-brand img{width:109px}.manual-header-nav{gap:8px}.manual-header-nav>a:not(.manual-login){display:none}.manual-header-nav .manual-login{font-size:11px;padding:9px}.manual-wrap{width:calc(100% - 24px)}.manual-breadcrumb{margin:16px 0 18px}.manual-hero{padding:28px 23px;border-radius:20px;gap:24px}.manual-hero h1{font-size:34px}.manual-hero-actions{display:grid}.manual-hero-visual{padding:16px}.manual-status{padding:16px;gap:11px}.manual-layout{gap:16px}.manual-content{gap:14px}.manual-feature-grid{grid-template-columns:1fr}.manual-two-col{grid-template-columns:1fr}.manual-flow{grid-template-columns:1fr;gap:8px}.manual-flow>div{min-height:0}.manual-flow-arrow{transform:rotate(90deg);text-align:center}.manual-help{display:grid}.manual-help .manual-btn{justify-self:start}.manual-footer{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.sta-bling-manual{scroll-behavior:auto}html{scroll-behavior:auto}}
