/* Login no padrão da Direção (identidade v3.0): formulário à esquerda, "O dado" à direita. */
@font-face{font-family:"Figtree";src:url("figtree-latin.woff2") format("woff2");font-weight:300 900;font-display:swap}
:root{
  --ink:#0B1033; --ink-2:#4A5670; --muted:#6B7790; --azul:#0A5BF0; --azul-700:#0849C4;
  --ceu-100:#EEF4FF; --ceu-200:#D3E2FF; --ceu-400:#9DBEFF; --bg:#FFFFFF; --borda:#E1E6F0; --borda-2:#D2D9E6;
  --nevoa:#EEF1F7; --ok:#1F8A56; --atencao:#AD6A00; --erro:#CF3434; --erro-bg:#FCE9E9; --ok-bg:#E5F5EC;
  --foco:0 0 0 4px #D3E2FF; --ease-out:cubic-bezier(.32,.72,0,1);
}
html, body.login{background:var(--bg) !important}
body.login{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
  min-height:100vh;display:block}
body.login *:not(.dashicons):not([class*="dashicons-"]){font-family:inherit}

/* coluna do formulário */
#login{width:50vw !important;max-width:none !important;margin:0 !important;padding:56px clamp(32px,8vw,120px) 32px !important;
  min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column}
#login > *{max-width:420px}
#login h1{margin:0 0 auto;text-align:left}
#login h1 a{background:url("horizontal.svg") left center/contain no-repeat !important;width:170px !important;height:30px !important;margin:0 !important}
.es-titulo{margin:auto 0 0;padding-top:40px}
.es-titulo h2{font-size:40px;font-weight:750;letter-spacing:-.03em;line-height:1.08;color:var(--ink);margin:0}
.es-titulo p{font-size:16px;color:var(--ink-2);margin:8px 0 0;line-height:1.55}

#loginform, #lostpasswordform, #resetpassform{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:30px 0 0 !important;overflow:visible}
.login label{font-size:14px !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:8px !important;display:inline-block}
.login form .input, .login input[type="text"], .login input[type="password"], .login input[type="email"]{
  height:52px !important;padding:0 16px !important;border:1.5px solid var(--borda-2) !important;border-radius:12px !important;
  background:var(--bg) !important;font-size:16px !important;color:var(--ink) !important;box-shadow:none !important;margin:0 0 16px !important;
  transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.login form .input:focus, .login input:focus{border-color:var(--azul) !important;box-shadow:var(--foco) !important;outline:none !important}
.login .wp-pwd{margin-bottom:0}
.login .button.wp-hide-pw{height:52px !important;width:44px !important;color:var(--muted) !important;border-radius:10px !important}
.login .button.wp-hide-pw:focus{box-shadow:var(--foco) !important}
.login .forgetmenot{float:none !important;margin:4px 0 24px !important;display:flex;align-items:center}
.login .forgetmenot label{font-weight:500 !important;color:var(--ink-2) !important;margin:0 !important;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.login input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px !important;height:20px !important;border:1.5px solid var(--borda-2) !important;border-radius:6px !important;
  margin:0 !important;box-shadow:none !important;display:inline-grid;place-items:center}
.login input[type="checkbox"]:checked{background:var(--azul) !important;border-color:var(--azul) !important}
.login input[type="checkbox"]:checked::before{content:"" !important;width:10px;height:6px;margin:0 !important;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.login input[type="checkbox"]:focus{box-shadow:var(--foco) !important}
.login .submit{padding:0 !important;clear:both}
.login .button-primary, #wp-submit{float:none !important;width:100% !important;height:52px !important;border-radius:999px !important;border:0 !important;
  background:var(--azul) !important;color:#fff !important;font-size:16px !important;font-weight:600 !important;box-shadow:none !important;text-shadow:none !important;
  transition:background .2s var(--ease-out),transform .14s var(--ease-out)}
.login .button-primary:hover, #wp-submit:hover{background:var(--azul-700) !important}
.login .button-primary:active{transform:scale(.98)}
.login .button-primary:focus{box-shadow:var(--foco) !important}

.login .message, .login .notice, .login #login_error{border:0 !important;border-radius:12px !important;box-shadow:none !important;padding:12px 14px !important;margin:16px 0 0 !important;font-size:14px;line-height:1.5}
.login #login_error, .login .notice-error{background:var(--erro-bg) !important;color:var(--erro) !important}
.login .message, .login .notice-info, .login .success{background:var(--ceu-100) !important;color:var(--ink-2) !important}
.login #login_error a{color:var(--erro) !important}

.es-ou{display:flex;align-items:center;gap:12px;margin:18px 0 12px;color:var(--muted);font-size:13px}
.es-ou::before, .es-ou::after{content:"";flex:1;height:1px;background:var(--borda)}
.es-direcao{display:flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:var(--ceu-100);color:var(--ink) !important;
  font-size:16px;font-weight:600;text-decoration:none;transition:background .2s var(--ease-out)}
.es-direcao:hover{background:var(--ceu-200)}
.es-direcao:focus-visible{outline:none;box-shadow:var(--foco)}
.login #nav{margin:18px 0 0 !important;padding:0 !important;font-size:14px}
.login #nav a{color:var(--azul) !important;font-weight:600;text-decoration:none}
.login #nav a:hover{text-decoration:underline}
#backtoblog, .language-switcher, .privacy-policy-page-link{display:none !important}
.es-pe{margin-top:auto;padding-top:32px;font-size:12.5px;color:var(--muted)}

/* lado "O dado" (ilustrativo) */
.es-lado{position:fixed;top:0;right:0;width:50vw;height:100vh;background:var(--ceu-100);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:40px;box-sizing:border-box;overflow:hidden}
.es-dado{width:min(480px,100%);background:var(--bg);border:1px solid var(--borda);border-radius:20px;padding:32px;box-sizing:border-box;
  background-image:repeating-linear-gradient(to bottom,transparent 0 47px,var(--borda) 47px 48px);box-shadow:0 30px 60px -36px rgba(11,16,51,.35)}
.es-rotulo{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.es-valor{font-size:76px;font-weight:800;letter-spacing:-.045em;line-height:1.02;color:var(--azul);margin-top:8px;font-variant-numeric:tabular-nums}
.es-valor small{font-size:.42em;font-weight:700;letter-spacing:-.02em;margin-left:6px}
.es-cap{font-size:12px;color:var(--muted);margin:2px 0 0}
.es-barras{display:flex;align-items:flex-end;gap:12px;height:150px;margin-top:22px}
.es-barras i{flex:1;border-radius:7px 7px 0 0;background:var(--ceu-400);display:block}
.es-barras i.ativa{background:var(--azul)}
.es-nomes{display:flex;gap:12px;margin-top:8px}
.es-nomes span{flex:1;text-align:center;font-size:11.5px;color:var(--muted)}
.es-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.es-chips span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--ceu-100);font-size:13px;font-weight:600;color:var(--ink)}
.es-chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.es-chips .ok{color:var(--ok)} .es-chips .at{color:var(--atencao)}
.es-assinatura{font-size:30px;font-weight:750;letter-spacing:-.03em;text-align:center;max-width:460px;line-height:1.15;color:var(--ink);margin:0}
.es-assinatura em{font-style:normal;color:var(--azul)}

@media (max-width:960px){
  .es-lado{display:none}
  #login{width:100% !important;padding:28px 24px 24px !important;min-height:100svh}
  #login > *{max-width:none}
  .es-titulo{padding-top:28px}
  .es-titulo h2{font-size:32px}
}
@media (max-height:700px) and (max-width:960px){
  .es-titulo{padding-top:16px}.es-titulo h2{font-size:28px}#loginform{margin-top:22px !important}
}