/* V22.3.31 — tutoriais guiados por setor. */
.sector-tour-layer{position:fixed;inset:0;z-index:2147482500;pointer-events:none;font-family:inherit}
.sector-tour-spotlight{position:fixed;border:2px solid var(--yellow,#ffd400);border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 0 0 5px rgba(255,212,0,.14),0 8px 32px rgba(0,0,0,.32);transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease;pointer-events:none}
.sector-tour-spotlight::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,212,0,.55);border-radius:18px;animation:sectorTourPulse 1.4s ease-in-out infinite}
@keyframes sectorTourPulse{0%,100%{opacity:.35;transform:scale(.99)}50%{opacity:1;transform:scale(1.015)}}
.sector-tour-pointer{position:fixed;z-index:2;min-width:104px;padding:7px 10px;border-radius:999px;background:var(--yellow,#ffd400);color:#111;font-size:.58rem;font-weight:950;letter-spacing:.08em;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:top .18s ease,left .18s ease;pointer-events:none}
.sector-tour-pointer::after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:inherit;transform:rotate(45deg)}
.sector-tour-card{position:fixed;z-index:3;width:min(370px,calc(100vw - 24px));padding:18px;border:1px solid #353940;border-radius:18px;background:#101216;color:#f7f7f3;box-shadow:0 24px 70px rgba(0,0,0,.55);pointer-events:auto}
.sector-tour-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b8bdc6;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.sector-tour-head button{width:38px;height:38px;border:1px solid #30343a;border-radius:11px;background:#191c21;color:#fff;font-size:1.25rem;cursor:pointer}
.sector-tour-meter{height:4px;margin:10px 0 16px;border-radius:999px;background:#292d33;overflow:hidden}.sector-tour-meter i{display:block;height:100%;border-radius:inherit;background:var(--yellow,#ffd400);transition:width .2s ease}
.sector-tour-kicker{margin:0 0 5px;color:var(--yellow,#ffd400);font-size:.64rem;font-weight:950;letter-spacing:.09em}.sector-tour-card h3{margin:0 0 8px;font-size:1.08rem;line-height:1.2}.sector-tour-card>p:not(.sector-tour-kicker){margin:0;color:#c5c9d0;font-size:.82rem;line-height:1.55}
.sector-tour-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:18px}.sector-tour-actions .btn{margin:0;width:100%}.sector-tour-later{display:block;margin:11px auto 0;border:0;background:transparent;color:#9298a2;font-size:.72rem;text-decoration:underline;cursor:pointer}
.spac-tour-target{scroll-margin:130px 12px!important}
html.sector-tour-open{scroll-behavior:smooth}
.account-tutorial-center{grid-column:1/-1!important}.account-tutorial-center-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.account-tutorial-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--input)}.account-tutorial-welcome h4{margin:0 0 5px}.account-tutorial-welcome p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.tutorial-auto-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;margin:14px 0 0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--input);cursor:pointer}.tutorial-auto-control input{width:auto;margin-top:2px}.tutorial-auto-control span{display:grid;gap:3px}.tutorial-auto-control strong{font-size:.78rem}.tutorial-auto-control small{color:var(--muted);font-size:.68rem;line-height:1.35}
#tutorialCenterList{display:grid;gap:20px;margin-top:20px}.tutorial-center-group{display:grid;gap:10px}.tutorial-center-group-head{display:flex;align-items:center;gap:10px}.tutorial-center-group-head strong{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}.tutorial-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tutorial-center-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.tutorial-center-card.is-complete{opacity:.88}.tutorial-center-card h4{margin:5px 0 4px;font-size:.86rem}.tutorial-center-card p{margin:0;color:var(--muted);font-size:.69rem;line-height:1.42}.tutorial-center-status{font-size:.55rem;font-weight:950;letter-spacing:.08em;color:var(--yellow)}.tutorial-center-card.is-complete .tutorial-center-status{color:#aeb4bd}.tutorial-center-card .btn{width:100%;margin:0}
@media(max-width:980px){.tutorial-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sector-tour-card{left:12px!important;right:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:min(48dvh,410px);overflow:auto;padding:16px}.sector-tour-pointer{font-size:.54rem}.account-tutorial-center-intro,.account-tutorial-welcome{grid-template-columns:1fr;display:grid}.account-tutorial-welcome .btn{width:100%}.tutorial-center-grid{grid-template-columns:1fr}.tutorial-center-card{padding:13px}.sector-tour-actions{grid-template-columns:1fr 1.2fr}}
@media(max-width:390px){.sector-tour-card{left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom));padding:14px}.sector-tour-card h3{font-size:1rem}.sector-tour-card>p:not(.sector-tour-kicker){font-size:.77rem}.sector-tour-actions{gap:7px}.sector-tour-actions .btn{min-height:46px}}