/* GMW Negócios | Weboox PRO 1.3 | correção visual | 2026-09-21 */
:root { --gmw-red: #CE181E; --gmw-red-dark:#a61218; --gmw-text:#202736; --gmw-muted:#707b8d; }
body { font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif; }
img { max-width: 100%; }
.kt-header__brand-logo img, .kt-header-mobile__logo img, .logo-default, .logo-sticky,
.kt-footer__logo img { object-fit: contain; max-width: 210px; max-height: 63px; height: auto; }
/* Layout login */
#kt_login, #kt_login.kt-login.kt-login--v6 { min-height: 100svh; height:auto; overflow:hidden; }
#kt_login > .kt-grid__item { min-height:100svh; }
#kt_login .kt-login__aside { flex: 0 0 42% !important; width:42% !important; max-width:none; min-height:100svh; padding: clamp(24px, 4.1vw, 76px) !important; background:#fff; }
#kt_login .kt-login__aside .kt-login__wrapper { width:100%; max-width:470px; min-width:0; margin:auto; padding:0 !important; line-height:normal !important; }
#kt_login .kt-login__aside .kt-login__container { width:100%; max-width:470px; padding:0 !important; }
#kt_login .kt-login__body { width:100%; }
#kt_login .kt-login__logo { text-align:left; margin: 0 0 clamp(32px,6vh,76px) !important; }
#kt_login .kt-login__logo img { display:block; width:min(242px, 75%); height:auto; max-height:85px; object-fit:contain; object-position:left center; }
#kt_login .kt-login__head { margin:0 0 25px; text-align:left; }
#kt_login .kt-login__head .kt-login__title { color:var(--gmw-text); font-size:clamp(23px,2.2vw,32px); font-weight:750; text-align:left; line-height:1.22; }
#kt_login .kt-login__form { width:100%; margin:0 !important; }
#kt_login .kt-login__form .form-group { position:relative; margin:0 0 16px !important; padding:0; }
#kt_login .kt-login__form .form-control { display:block; width:100%; min-width:0; height:54px; margin:0 !important; padding:13px 16px !important; border:1px solid #dfe4eb !important; border-radius:12px !important; color:var(--gmw-text); background:#fafbfe; outline:0; box-shadow:none; font-size:15px; transition: border-color .2s, box-shadow .2s; }
#kt_login .kt-login__form .form-control:focus { border-color:var(--gmw-red) !important; background:#fff; box-shadow:0 0 0 4px rgba(206,24,30,.1) !important; }
#kt_login .kt-login__extra { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; color:var(--gmw-muted); margin:12px 0 24px; }
#kt_login .kt-login__extra a, #kt_login .kt-login__account a { color:var(--gmw-red); text-decoration:none; }
#kt_login .kt-login__extra a:hover, #kt_login .kt-login__account a:hover { color:var(--gmw-red-dark); text-decoration:underline; }
#kt_login .kt-login__actions { margin:0 !important; }
#kt_login .kt-login__actions button, #kt_login .kt-login__actions .btn-brand { width:100%; min-height:52px; background:var(--gmw-red) !important; color:#fff !important; border:1px solid var(--gmw-red) !important; border-radius:12px !important; font-size:15px; font-weight:700; cursor:pointer; box-shadow:0 11px 23px rgba(206,24,30,.15) !important; transition:transform .18s, background .18s; }
#kt_login .kt-login__actions button:hover { background:var(--gmw-red-dark) !important; transform:translateY(-1px); }
#kt_login .kt-login__account { text-align:left; margin:22px 0 0 !important; line-height:1.6; }
#kt_login .kt-login__content.login-background { position:relative; display:flex !important; min-height:100svh; padding:clamp(36px, 6vw, 100px) !important; margin:0; flex:1 1 58%; width:58%; align-items:flex-end; justify-content:flex-start; background-image:linear-gradient(0deg, rgba(10,14,24,.7), transparent 55%), url("../images/gmw-login-background.svg") !important; background-color:#141b29; background-repeat:no-repeat; background-position:center center; background-size:cover !important; }
#kt_login .kt-login__content .kt-login__section { width:min(640px,100%); margin:0; display:block; }
#kt_login .kt-login__content .kt-login__section .kt-login__block { width:100%; }
.gmw-login-eyebrow { display:inline-block; padding:9px 15px; border:1px solid rgba(255,255,255,.2); border-radius:100px; background:rgba(255,255,255,.08); color:#fff; font-size:12px; font-weight:700; letter-spacing:.22em; }
.gmw-login-hero { color:#fff; font-size:clamp(28px,3.5vw,54px); line-height:1.1; font-weight:800; margin:24px 0 14px; max-width:610px; }
.gmw-login-subtitle { color:rgba(255,255,255,.78); font-size:clamp(15px,1.3vw,19px); line-height:1.6; margin:0; }
/* Do not turn invalid remote image paths into broken placeholders. */
.kt-header__brand-logo img, .kt-header-mobile__logo img, #kt_login .kt-login__logo img { display:inline-block; }
@media(max-width:1024px) {
 #kt_login > .kt-grid__item { display:block; }
 #kt_login .kt-login__aside { width:100% !important; max-width:none; min-height:auto; padding:52px 28px 46px !important; }
 #kt_login .kt-login__aside .kt-login__wrapper { margin:auto; max-width:480px; }
 #kt_login .kt-login__content.login-background { width:100%; min-height:260px; padding:45px 28px !important; }
 #kt_login .gmw-login-hero { font-size:32px; }
}
@media(max-width:575px) {
 #kt_login .kt-login__aside { padding:35px 22px 30px !important; }
 #kt_login .kt-login__logo { margin-bottom:26px !important; }
 #kt_login .kt-login__head .kt-login__title { font-size:24px; }
 #kt_login .kt-login__content.login-background { min-height:215px; padding:28px 22px !important; }
 #kt_login .gmw-login-hero { font-size:26px; margin:14px 0 7px; }
 #kt_login .gmw-login-subtitle { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { #kt_login *, #kt_login *::before, #kt_login *::after { transition:none !important; animation:none !important; } }

/* Alternate Weboox login form with icon prefixes. */
#kt_login .form-group.input-group-prepend { display:flex; flex-wrap:wrap; align-items:stretch; }
#kt_login .form-group.input-group-prepend > .input-group-prepend { display:flex; align-items:stretch; margin:0; }
#kt_login .form-group.input-group-prepend .input-group-text { width:48px; height:54px; border:1px solid #dfe4eb; border-right:0; border-radius:12px 0 0 12px; background:#fafbfe !important; display:flex; align-items:center; justify-content:center; }
#kt_login .form-group.input-group-prepend > .form-control { width:calc(100% - 48px); flex:1 1 0; border-radius:0 12px 12px 0 !important; }
#kt_login .form-group.input-group-prepend > .text-danger { flex-basis:100%; }
