/* Tela de login — fundo da marca, cartão branco à esquerda, logo à direita (como o portal original). */
@font-face{font-family:"Noir Pro";src:url(../fonts/NoirPro-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Noir Pro";src:url(../fonts/NoirPro-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Noir Pro";src:url(../fonts/NoirPro-Bold.woff) format("woff");font-weight:700;font-display:swap}

body.login{
  min-height:100vh;margin:0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:9vw;
  padding:40px 24px;box-sizing:border-box;
  background:#C42F57 url(../img/fundo-login.jpg) center/cover no-repeat fixed;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;color:#2B2B2B
}
body.login>.clear,body.login .language-switcher,body.login .privacy-policy-page-link{display:none}

/* lado direito: logo */
.ep-login-marca{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.ep-login-marca img{width:340px;max-width:70vw;height:auto;display:block}
.ep-login-marca span{font:600 17px "Noir Pro",sans-serif;color:rgba(255,255,255,.72);letter-spacing:.01em}

/* lado esquerdo: título + cartão */
#login{width:400px;max-width:100%;padding:0;margin:0}
#login h1{display:none}
.ep-login-tit{display:flex;align-items:center;gap:10px;margin:0 0 14px 34px;color:#fff;font:700 21px "Noir Pro",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.ep-login-tit svg{width:32px;height:32px}

.login form,#loginform,#lostpasswordform,#resetpassform{
  background:#fff;border:0;border-radius:22px;box-shadow:0 18px 44px rgba(60,10,25,.28);padding:30px 30px 26px;margin:0;overflow:visible
}
.login label{font:600 13.5px "Noir Pro",sans-serif;color:#1A1A1A}
.login input[type=text],.login input[type=email],.login input[type=password]{
  border:1px solid #DCD7E4;border-radius:10px;padding:10px 14px;font-size:15px;min-height:48px;box-shadow:none;background:#fff;margin:6px 0 16px
}
.login input[type=text]:focus,.login input[type=email]:focus,.login input[type=password]:focus{border-color:#FF5A1A;box-shadow:0 0 0 3px rgba(255,90,26,.15);outline:0}
.login .button.wp-hide-pw{color:#8A8A8A;min-height:48px;margin-top:6px}
.login .button.wp-hide-pw:focus{border-color:transparent;box-shadow:none}
.login .forgetmenot{margin:0 0 14px;float:none}
.login .forgetmenot label{color:#FF5A1A;font-size:13.5px}
.login input[type=checkbox]:checked::before{filter:hue-rotate(160deg) saturate(3)}
.login .submit{float:none;text-align:center;padding:0;margin:0}
.login .button-primary,.login #wp-submit{
  float:none;width:100%;min-height:44px;background:#fff;border:2px solid #FF5A1A;border-radius:999px;color:#FF5A1A;
  font:700 14px/1 "Noir Pro",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-shadow:none;box-shadow:none;transition:.15s
}
.login .button-primary:hover,.login .button-primary:focus,.login #wp-submit:hover,.login #wp-submit:focus{background:#FF5A1A;border-color:#FF5A1A;color:#fff;box-shadow:none}

/* botão do Google (plugin Portal Euphoria) */
.login .pe-sso{margin:4px 0 12px}
.pe-senha-aberta #loginform .pe-sso-or{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #EFEBEA}
.login .pe-sso-btn{min-height:54px;border-radius:14px;border:1px solid #DCD7E4;font:600 16px "Noir Pro",Roboto,sans-serif;gap:12px;box-shadow:0 1px 2px rgba(26,26,26,.06)}
.login .pe-sso-btn svg{width:22px;height:22px}
.login .pe-sso-btn:hover{border-color:#FF5A1A;background:#FFF6F2}
.login .pe-sso-or{margin:0 0 16px}
.login .pe-sso-toggle{color:#8A8A8A;font-size:12.5px;text-decoration:none}
.login .pe-sso-toggle:hover{color:#E04A0E;text-decoration:underline}
.pe-sso-ativo:not(.pe-senha-aberta) #loginform{padding-bottom:18px}

/* mensagens e links */
.login #login_error,.login .message,.login .notice{border-radius:12px;border-left-color:#FF5A1A;margin:0 0 14px;box-shadow:0 6px 18px rgba(60,10,25,.18)}
.login #nav{margin:18px 0 0 34px;padding:0}
.login #nav a,.login #backtoblog a{color:#fff;font-size:14px;text-decoration:none}
.login #nav a:hover{color:#fff;text-decoration:underline}
#backtoblog{display:none}

@media (max-width:820px){
  body.login{flex-direction:column;justify-content:flex-start;gap:28px;padding:36px 16px;background-attachment:scroll}
  .ep-login-marca{gap:12px}
  .ep-login-marca img{width:210px}
  .ep-login-marca span{font-size:14px}
  .ep-login-tit{margin-left:8px}
  .login form,#loginform{padding:24px 20px 20px}
}