/* CriaFlex — apresentação independente, sem conflitos com modais do app */
.cf-intro-overlay[hidden]{display:none !important}
.cf-intro-overlay{position:fixed !important;inset:0 !important;z-index:2147483000 !important;display:grid !important;place-items:center !important;padding:clamp(8px,2.4vw,24px) !important;background:rgba(5,13,30,.78) !important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;color:#1e293b !important;line-height:1.55 !important;box-sizing:border-box !important}
.cf-intro-overlay *, .cf-intro-overlay *::before, .cf-intro-overlay *::after{box-sizing:border-box}
.cf-intro-dialog{position:relative;width:min(100%,800px);max-height:min(92dvh,930px);max-height:min(92vh,930px);max-height:min(92dvh,930px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:19px;box-shadow:0 32px 100px rgba(0,0,0,.38);font-size:14px;min-width:0}
.cf-intro-header{position:relative;flex:none;background:linear-gradient(125deg,#0f172a 0%,#172554 53%,#1e40af 100%);color:white;padding:24px 54px 21px 27px}
.cf-intro-kicker{display:inline-block;color:#bfdbfe;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px}
.cf-intro-header h2{font:800 clamp(23px,4vw,31px)/1.15 system-ui,-apple-system,'Segoe UI',sans-serif !important;letter-spacing:-.025em !important;color:#fff !important;margin:0 0 6px !important}
.cf-intro-header p{font:400 14px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif !important;color:#e0e7ff !important;margin:0 !important}
.cf-intro-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.16) !important;color:#fff !important;border:1px solid rgba(255,255,255,.3) !important;border-radius:10px;width:36px;height:36px;font:600 24px/1 system-ui !important}
.cf-intro-close:hover,.cf-intro-close:focus-visible{background:rgba(255,255,255,.28) !important}
.cf-intro-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:23px 27px 19px;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:linear-gradient(#fff,#f8fafc)}
.cf-intro-lead{font-size:14px;line-height:1.7;color:#475569;margin:0 0 16px}
.cf-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cf-intro-feature{border:1px solid #e2e8f0;border-radius:13px;padding:14px 14px 12px;background:#fff;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.cf-intro-feature h3{font:800 14px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif !important;color:#0f172a !important;margin:0 0 9px !important}
.cf-intro-feature ul{padding:0 0 0 17px !important;margin:0 !important;list-style:disc !important;color:#475569 !important}
.cf-intro-feature li{font:400 12.7px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif !important;margin:0 0 6px !important;list-style:disc !important}
.cf-intro-note{margin-top:15px;border:1px solid #cbd5e1;background:#eff6ff;border-radius:12px;padding:13px 14px;color:#334155;font-size:12.7px;line-height:1.6}
.cf-intro-note strong{color:#1d4ed8}
.cf-intro-outro{margin:15px 0 3px;font-weight:750;font-size:13px;color:#1e3a8a}
.cf-intro-footer{display:flex;flex:none;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e2e8f0;background:#fff;padding:13px 22px calc(13px + env(safe-area-inset-bottom,0px))}
.cf-intro-footer small{font-size:11px;line-height:1.4;color:#64748b}
.cf-intro-primary{cursor:pointer;white-space:nowrap;border:0 !important;border-radius:10px;background:#2563eb !important;color:#fff !important;font:750 13px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif !important;padding:13px 17px !important;box-shadow:0 5px 13px rgba(37,99,235,.22)}
.cf-intro-primary:hover,.cf-intro-primary:focus-visible{background:#1d4ed8 !important}
.cf-intro-open-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:#1d4ed8 !important;border:1px solid #1e40af !important;color:#fff !important;border-radius:10px !important;padding:7px 10px !important;font:750 12px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif !important;box-shadow:none !important;min-height:32px}
.cf-intro-open-btn:hover,.cf-intro-open-btn:focus-visible{background:#1e40af !important;color:white !important}
.cf-intro-open-btn .cf-intro-symbol{font-size:15px;line-height:1}
#sidebar .cf-intro-open-btn{margin:10px 6px;width:calc(100% - 12px)}
#loginShell .cf-intro-open-btn{margin:8px auto 0}
#tela-login-usuario .cf-intro-open-btn{margin:12px auto;max-width:max-content}
@media(max-width:650px){.cf-intro-dialog{max-height:calc(100dvh - 12px);border-radius:15px}.cf-intro-header{padding:19px 48px 16px 18px}.cf-intro-scroll{padding:15px 15px 12px}.cf-intro-grid{grid-template-columns:1fr;gap:9px}.cf-intro-feature{padding:11px 12px}.cf-intro-feature li{font-size:13px}.cf-intro-footer{padding:10px 13px calc(11px + env(safe-area-inset-bottom,0px))}.cf-intro-footer small{max-width:43%;font-size:10px}.cf-intro-primary{padding:11px 13px !important;font-size:12px !important}.cf-intro-open-btn .cf-intro-label{display:none}.cf-intro-open-btn{padding:7px 9px !important;min-width:35px}#sidebar .cf-intro-open-btn .cf-intro-label{display:inline}#sidebar .cf-intro-open-btn{width:calc(100% - 12px)}}
@media(max-width:390px){.cf-intro-footer small{display:none}.cf-intro-primary{width:100%}.cf-intro-header h2{font-size:24px !important}}
@media print{.cf-intro-overlay,.cf-intro-open-btn{display:none !important}}