/* Login público: apresentação clara e dourada sem alterações à autenticação WHMCS. */
.rml-login-body .rml-login-page { min-height:720px; padding:52px 24px 58px; background:#faf9f6 url('../img/login/login-gold-servers.webp') center/cover no-repeat; }
.rml-login-page .rml-login-shell { width:min(826px,100%); min-height:610px; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #e5c98d; border-radius:14px; background:#fff; box-shadow:0 0 22px #b77a0b18,0 24px 64px #0006; }
.rml-login-page .rml-login-form,.rml-login-page .rml-login-intro { min-width:0; padding:48px 50px; background:#fff; }
.rml-login-page .rml-login-form { margin:0; }
.rml-login-page .rml-login-intro { border-top:0; border-left:1px solid #e7dfd0; }
.rml-login-page .rml-login-intro::before { display:none; }
.rml-login-page .rml-login-logo { width:160px; height:58px; margin-bottom:30px; }
.rml-login-page .rml-login-form-head { margin-bottom:28px; }
.rml-login-page .rml-login-form-head h2 { font-size:34px; line-height:1.2; }
.rml-login-page .rml-login-form-head p { font-size:14px; line-height:1.55; }
.rml-login-page .rml-login-form .form-group { margin-bottom:20px; }
.rml-login-page .rml-login-form label { font-size:13px; margin-bottom:7px; }
.rml-login-page .rml-login-form .input-group { border-color:#d8c69d; border-radius:6px; background:#fff; }
.rml-login-page .rml-login-form :is(.input-group-text,.form-control,.btn-reveal-pw) { height:48px; }
.rml-login-page .rml-login-form .form-control { min-width:0; font-size:16px; }
.rml-login-page .rml-login-form .input-group-text { padding-left:14px; color:#996500; }
.rml-login-page .rml-login-form .btn-reveal-pw { min-width:44px; padding:0 12px; }
.rml-login-page .rml-login-label-row { align-items:center; gap:8px; }
.rml-login-page .rml-login-label-row a { color:#996500; font-size:11px; line-height:1.5; }
.rml-login-page .rml-login-options { margin:0 0 16px; }
.rml-login-page .rml-login-options label { min-height:28px; margin:0; }
.rml-login-page .rml-login-options input { width:16px; height:16px; accent-color:#996500; }
.rml-login-page .rml-login-submit { position:relative; height:48px; border-radius:6px; background:#ddb039; font-size:15px; }
.rml-login-page .rml-login-submit>i { position:absolute; right:15px; }
.rml-login-page .rml-login-submit.rml-action { color:#0b2344 !important; background:#ddb039 !important; border-color:#c79928 !important; }
.rml-login-page .rml-login-submit.rml-action:hover { background:#edc457 !important; border-color:#edc457 !important; transform:none; }
.rml-login-page .rml-login-register { margin-top:22px; padding-top:14px; border-top:1px solid #e7dfd0; font-size:13px; }
.rml-login-page .rml-login-register a { color:#996500; }
.rml-login-page .rml-login-kicker { margin-bottom:22px; padding:5px 10px; color:#996500; border-color:#e5c98d; font-size:11px; letter-spacing:0; }
.rml-login-page .rml-login-kicker i { width:7px; height:7px; background:#ddb039; }
.rml-login-page .rml-login-intro h1 { margin-bottom:22px; font-size:46px; line-height:1.06; letter-spacing:-.04em; }
.rml-login-page .rml-login-intro h1 strong { color:#996500; }
.rml-login-page .rml-login-intro p { margin-bottom:24px; font-size:14px; line-height:1.65; }
.rml-login-page .rml-login-intro li { gap:10px; margin:16px 0; }
.rml-login-page .rml-login-intro li:last-child { margin-bottom:0; }
.rml-login-page .rml-login-intro li i { color:#996500; font-size:24px; }
.rml-login-page .rml-login-intro li strong { font-size:14px; }
.rml-login-page .rml-login-intro li small { font-size:13px; }
.rml-login-page :is(a,button,input):focus-visible { outline:3px solid #996500; outline-offset:3px; }
.rml-login-page .input-group:focus-within { border-color:#996500; box-shadow:0 0 0 3px #b77a0b25; }
@media(max-width:999px) {
 .rml-login-body .rml-login-page { min-height:0; padding:32px 24px; background-image:none; }
 .rml-login-page .rml-login-shell { max-width:660px; min-height:0; grid-template-columns:1fr; }
 .rml-login-page .rml-login-form,.rml-login-page .rml-login-intro { padding:36px 40px; }
 .rml-login-page .rml-login-intro { border-left:0; border-top:1px solid #e7dfd0; }
 .rml-login-page .rml-login-label-row a { font-size:13px; min-height:32px; display:flex; align-items:center; }
 .rml-login-page .rml-login-options label { min-height:44px; }
 .rml-login-page .rml-login-register a { display:inline-flex; align-items:center; min-height:44px; }
 .rml-login-page .rml-login-intro h1 { font-size:38px; }
}
@media(max-width:599px) {
 .rml-login-body .rml-login-page { padding:24px 16px; }
 .rml-login-page .rml-login-form,.rml-login-page .rml-login-intro { padding:28px 22px; }
 .rml-login-page .rml-login-logo { margin-bottom:24px; }
 .rml-login-page .rml-login-label-row { align-items:flex-start; flex-direction:column; gap:0; }
 .rml-login-page .rml-login-intro h1 { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) { .rml-login-page .rml-login-submit,.rml-login-page .input-group { transition:none; } }

/* Cores herdadas do formulário e preenchimento automático. */
.rml-login-page .rml-login-intro { background:#faf7f0; }
.rml-login-page :is(.rml-login-form,.rml-login-form label,.rml-login-form-head h2,.rml-login-intro h1,.rml-login-intro li strong) { color:#0b2344; }
.rml-login-page :is(.rml-login-form-head p,.rml-login-intro p,.rml-login-intro li small,.rml-login-register) { color:#506582; }
.rml-login-page .rml-login-form :is(.form-control,.btn-reveal-pw) { color:#0b2344; caret-color:#0b2344; }
.rml-login-page .rml-login-form .form-control::placeholder { color:#63738a; }
.rml-login-page .rml-login-form .form-control:-webkit-autofill,
.rml-login-page .rml-login-form .form-control:-webkit-autofill:hover,
.rml-login-page .rml-login-form .form-control:-webkit-autofill:focus { -webkit-text-fill-color:#0b2344; caret-color:#0b2344; box-shadow:0 0 0 1000px #fff inset !important; }
.rml-login-page .rml-login-submit:hover,.rml-login-page .rml-login-submit:focus { box-shadow:0 12px 25px rgba(183,122,11,.2); }
.rml-login-page .rml-login-logo img { filter:grayscale(1) brightness(.85) invert(1) sepia(.4) saturate(1.5) hue-rotate(165deg); }
/* A mesma apresentação do cabeçalho e rodapé usada na página Projetos Digitais. */
body:has(.rml-login-page) #header,body:has(.rml-login-page) #header .navbar { background:#031b2b; }
body:has(.rml-login-page) #header .navbar>.container,body:has(.rml-login-page) #footer>.container { width:min(1180px,86%); max-width:none; padding-inline:0; }
body:has(.rml-login-page) #header .navbar { min-height:70px; padding-block:8px; }
body:has(.rml-login-page) #header .navbar-brand { flex-basis:150px; margin-right:24px !important; }
body:has(.rml-login-page) #header .navbar-brand img { width:150px; height:auto; max-height:50px; }
body:has(.rml-login-page) #footer { background:#031b2b; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-grid { grid-template-columns:1fr; gap:24px; padding-block:26px; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-column { border-left:0; padding-inline:0; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-logo img { width:150px; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-brand { display:block; grid-column:1/-1; padding-bottom:0; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-logo { margin-bottom:12px; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-brand p { margin-bottom:12px; }
body:has(.rml-login-page) #footer.rml-footer .rml-footer-contacts,body:has(.rml-login-page) #footer.rml-footer .rml-footer-contacts address { display:block; grid-column:auto; }
@media(min-width:650px) {
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1000px) {
 body:has(.rml-login-page) #header .navbar>.container { flex-wrap:nowrap; }
 body:has(.rml-login-page) #header .navbar-brand { order:1; }
 body:has(.rml-login-page) #header .rml-site-tools { order:3; margin-left:14px; }
 body:has(.rml-login-page) #header .rml-site-tools .d-xl-none { display:none !important; }
 body:has(.rml-login-page) #mainNavbar { display:flex !important; order:2; width:auto; flex-basis:auto; padding:0; margin:0; border:0; }
 body:has(.rml-login-page) #mainNavbar>.navbar-nav { flex-direction:row; width:auto; margin:0; padding:0; border:0; }
 body:has(.rml-login-page) #mainNavbar>.navbar-nav>li { width:auto; }
 body:has(.rml-login-page) #mainNavbar .nav-link { font-size:12px; min-height:42px; padding:8px 9px !important; }
 body:has(.rml-login-page) #mainNavbar .active>.nav-link::after { display:block; }
 body:has(.rml-login-page) #header .rml-client-area-link { padding:7px 14px !important; font-size:12px; border-radius:6px; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-grid { grid-template-columns:1.5fr .9fr .9fr 1fr 1.1fr; gap:0; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-column { border-left:1px solid #164057; padding-inline:18px; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-brand { grid-column:auto; padding-right:22px; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-signature { font-size:10px; letter-spacing:.07em; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-column h3 { font-size:12px; margin-bottom:14px; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-column h3::after { display:none; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-links { gap:6px; }
 body:has(.rml-login-page) #footer.rml-footer .rml-footer-brand p,body:has(.rml-login-page) #footer.rml-footer .rml-footer-links a,body:has(.rml-login-page) #footer.rml-footer .rml-footer-contact-item strong { font-size:12px; }
}
@media(max-width:649px) {
 body:has(.rml-login-page) #header .navbar>.container,body:has(.rml-login-page) #footer>.container { width:calc(100% - 40px); }
}