/* Direção Certa — superfícies grafite, foco vermelho e contraste acessível. */
:root{color-scheme:light;--background:#f7f8fa;--foreground:#172033;--card:#ffffff;--card-foreground:#172033;--popover:#f1f3f5;--popover-foreground:#172033;--primary:#e55d00;--primary-foreground:#fff;--secondary:#eef1f4;--secondary-foreground:#172033;--muted:#f1f3f5;--muted-foreground:#647084;--accent:#fff0e5;--accent-foreground:#a74400;--border:#dbe0e6;--input:#dbe0e6;--ring:#e55d00;--sidebar:#ffffff;--sidebar-foreground:#354155;--sidebar-primary:#e55d00;--sidebar-primary-foreground:#fff;--sidebar-accent:#fff0e5;--sidebar-accent-foreground:#a74400;--sidebar-border:#dbe0e6;--sidebar-ring:#e55d00;--radius:1rem;--green:#e55d00;--green-2:#ffffff;--green-3:#c95100;--deep:#ffffff;--cream:#ffffff;--paper:#f7f8fa;--yellow:#e55d00;--gold:#c95100;--mint:#fff0e5;--ink:#172033;--line:#dbe0e6;--white:#fff;--shadow:0 18px 50px #0003}
html,body{background:#f7f8fa!important;color:#172033!important}body{line-height:1.6}h1,h2,h3,h4,strong,b{color:inherit}p,small{color:inherit}a,button,input,select,textarea{transition:background .18s,border-color .18s,box-shadow .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #c95100;outline-offset:4px}
.surface,.login-panel,.card,.stat-card,.metric-card,.finance-ribbon,.record-row,.profile-dialog,.detail-card,.notice,.global-results,.package-card,.package-choice,.ab-package-selector>section,.lesson-card,.module-card,.question-card,.simulation-card,.support-card,.hero-card,.content-card,.progress-card,.journey-card,.student-login-card,.seo-panel,.seo-content article,.local-seo-grid article,.license-card,.bento,.portal-card,.faq-list details{background:#ffffff!important;border:1px solid #dbe0e6!important;border-radius:20px!important;color:#172033!important;box-shadow:0 12px 35px #0002}
.surface,.license-card,.bento,.journey-card,.seo-panel{padding:clamp(18px,2.2vw,28px)}.surface h2,.surface h3,.surface h4,.record-row strong,.support-card b,.module-card h3,.lesson-card h3,.brand b,.brand strong,.brand em,.login-brand b,.login-brand em,.login-panel h1,.login-panel p,.login-panel label,.login-panel small{color:#172033!important}.small-note,.muted,.eyebrow,.login-kicker,.side-label,.record-row small,.support-card small,.lesson-card p,.module-card p,.seo-panel p,.license-card p,.bento p,.contact-copy p,.journey-card p{color:#647084!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#ffffff!important;color:#172033!important;border:1px solid #cbd3dc!important;border-radius:12px!important;min-height:44px;padding:10px 13px}input::placeholder,textarea::placeholder{color:#858e9f!important}option{background:#ffffff;color:#172033}input:focus,select:focus,textarea:focus{border-color:#e55d00!important;box-shadow:0 0 0 3px #ec273822!important}
button,.button,.seo-cta{border-radius:12px!important}button:disabled{cursor:not-allowed;opacity:.55}.submit-button,.button.yellow,.button.primary,.student-button,.seo-cta,[data-slot=button][data-variant=default]{background:#e55d00!important;border-color:#e55d00!important;color:#fff!important}.submit-button{min-height:48px;padding:12px 20px}.button:hover,.seo-cta:hover{box-shadow:0 8px 25px #ec273833;transform:translateY(-2px)}.status{background:#343946!important;color:#e4e8f1!important;border-radius:100px;padding:5px 10px}.status.success,.status.is-active{background:#173f32!important;color:#8be0bc!important}.status.warning{background:#493c23!important;color:#ffdb8c!important}.notice.error{color:#ff9ca6!important;border-color:#833d49!important;background:#39252d!important}
.app-sidebar,.side,[data-sidebar=sidebar],.site-header,.mobile-nav,.seo-header{background:#1d2026f5!important;color:#172033!important;border-color:#dbe0e6!important;backdrop-filter:blur(18px)}.site-header{box-shadow:0 10px 30px #0003}.nav-item{color:#647084!important}.nav-item.active,.nav-item:hover,[data-sidebar=menu-button][data-active=true]{background:#fff0e5!important;color:#a74400!important}.nav-item.active:before{background:#e55d00!important}
.login-screen{background:radial-gradient(ellipse at 18% 35%,#ffe9d5 0,transparent 50%),#f7f8fa!important}.login-visual{background:transparent!important;color:#fff!important;padding:clamp(26px,5vw,70px)}.login-visual h2{font-size:clamp(30px,3.4vw,56px);line-height:1.1;letter-spacing:-.045em}.login-visual p{color:#526174!important;font-size:17px}.login-logo,.brand img,.footer-brand img,.seo-header img{background:#f4f4f5;border-radius:12px;padding:8px;object-fit:contain}.login-logo{width:min(340px,100%)!important;height:auto!important;margin-bottom:30px}.login-panel{display:grid;gap:15px}.login-panel label{display:grid;gap:7px}.login-panel h1{font-size:28px}.login-panel p{line-height:1.6}
.hero{background:radial-gradient(ellipse at 85% 38%,#ffe9d5 0,transparent 52%),linear-gradient(135deg,#fffaf5,#f7f8fa)!important;min-height:88svh}.hero-shade{background:linear-gradient(90deg,#17191e99,transparent)!important}.hero h1{max-width:850px;letter-spacing:-.045em}.hero h1 em{color:#c95100!important}.hero-image{display:none}.hero:after{content:"";position:absolute;right:8%;top:28%;width:25vw;height:25vw;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02;z-index:-1}.trust-strip,.process,.student-portal,.contact,.site-footer,.footer-main{background:#ffffff!important;color:#172033!important;border-color:#dbe0e6!important}.section-intro p,.steps p,.faq-list p,.local-seo-grid p,.seo-content p{color:#647084!important}.license-card.featured,.bento.accent{background:linear-gradient(135deg,#fff0e5,#ffffff)!important}.card-number,.bento-icon,.step>span,.step-number{color:#c95100!important}.screen-mock,.portal-top,.portal-stats,.progress,.lesson-balance{background:#ffffff!important;border-color:#dbe0e6!important;color:#354155!important}.contact-details a,.footer-column a,.footer-column span{color:#4b586c!important}.seo-page,.seo-main,.student-page,.student-hero{background:#f7f8fa!important;color:#172033!important}.seo-address{background:#ffffff!important;border-color:#dbe0e6!important;color:#4b586c!important}.cursor-dot{background:#e55d00!important}.cursor-ring{border-color:#ff5d6988!important}.cursor-ring.active{background:#ff5d6915!important}
th,thead{background:#2b3039!important;color:#526174!important}td{border-color:#dbe0e6!important;color:#172033!important}tr:hover td{background:#f1f3f5!important}[data-slot=dialog-content],[data-slot=select-content],[role=menu],[role=dialog]{background:#ffffff!important;color:#172033!important;border-color:#cbd3dc!important;border-radius:18px!important}.signed-user-button,.direcao_certa-direct-logout,.direcao_certa-privacy-toggle{background:#f1f3f5!important;color:#172033!important;border-color:#cbd3dc!important}.contract-pdf-page,.contract-pdf-content{background:white!important;color:#111!important}.contract-pdf-page *{color:#111!important}.contract-pdf-content p{color:#111!important}
@media(max-width:760px){.login-visual{padding:32px 24px}.login-panel{padding:24px}.site-header{left:12px;right:12px}.hero{padding-inline:24px}.surface{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{html,body,.surface,table,th,td{background:#fff!important;color:#111!important;box-shadow:none!important}.surface *{color:#111!important}}

.login-art{background:radial-gradient(ellipse at 20% 30%,#5a2632,transparent 65%),#ffffff!important;color:#172033!important}.login-form-wrap,.login-form-inner,.login-form,.access-box,.panel,.home-hero,.summary-strip,.toolbar,.study-paper,.app-topbar,.bottom-nav,.modal-card{background:#ffffff!important;color:#172033!important;border-color:#dbe0e6!important}.login-wordmark{font-size:clamp(24px,3vw,44px)!important;letter-spacing:-.04em!important}.login-statement h1 em,.welcome{color:#c95100!important}.login-brand img{background:#f4f4f5;border-radius:12px;padding:8px}.login-statement p,.login-form p,.login-code-hint,.login-art-footer,.summary-strip span{color:#647084!important}a[href=""],.evolution-link{display:none!important}

/* A tela estática também funciona ao abrir o index.html no computador. */
#root>.login-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:center;gap:clamp(24px,5vw,80px);min-height:100svh;padding:clamp(24px,5vw,80px)}#root>.login-screen>.login-panel{width:100%;padding:32px}#root>.login-screen>.login-visual{padding:0}@media(max-width:760px){#root>.login-screen{grid-template-columns:1fr;padding:24px;gap:28px}#root>.login-screen>.login-panel{padding:24px}}