/* ============================================================================
   Área Reservada (cliente) — Login / Recuperar / Redefinir password
   Scoped a .content.shop .template.login.cliente-login. Alinhado ao Zeplin.
   (NÃO afeta o login dos locutores.)
   ============================================================================ */

/* títulos: HK Grotesk Bold 28px (Zeplin) */
.content.shop .template.login.cliente-login h2 { font-family:var(--font-family-2); font-size:28px; font-weight:700; line-height:1.2; letter-spacing:-.7px; color:#04030e; margin-bottom: 24px; }

/* CTA a azul de marca (Zeplin), pill */
.content.shop .template.login.cliente-login .button { color:#fff; }
.content.shop .template.login.cliente-login .button > span { color:#fff; }
.content.shop .template.login.cliente-login .button::before { background-color: var(--blue); border-color: var(--blue); }
.content.shop .template.login.cliente-login .button:hover::before { background-color: var(--blue); border-color: var(--blue); }

/* labels: Montserrat 12/400, cinza #7c7c7d, gap até ao input (Zeplin) */
.content.shop .template.login.cliente-login .input-wrapper > label { font-family:var(--font-family-1); font-size:12px; font-weight:400; letter-spacing:.04em; color:#7c7c7d; margin-bottom:8px; }

/* "Esqueceu a sua Password?" — texto cinza, link ESCURO (Zeplin #04030E, não azul) */
.content.shop .template.login.cliente-login .ar-forgot { font-family:var(--font-family-1); font-size:12px; color:#7c7c7d; }
.content.shop .template.login.cliente-login .ar-forgot a { color:#04030e !important; border-bottom-color:#00000000; }
.content.shop .template.login.cliente-login .ar-forgot a:hover { border-bottom-color:#04030e; }

/* "* Campos..." — Montserrat 10px, cinza */
.content.shop .template.login.cliente-login .ar-required-note { font-family:var(--font-family-1); font-size:10px; color:#7c7c7d; letter-spacing:.04em; }

/* coluna única centrada (recuperar / redefinir) */
.content.shop .template.login.cliente-login .ar-auth-single { max-width:540px; }
.content.shop .template.login.cliente-login .ar-auth-single .ar-back { display:inline-block; margin-top:10px; color:var(--blue); font-weight:600; }

/* requisitos de password: azul quando cumpridos (em vez do preto do shop.css) */
.content.shop .template.login.cliente-login .password-requirements span.requirement.active { color: var(--blue) !important; }

.content.shop .template.login.cliente-login  .form:not(:first-child) {
    margin-top: 0;
}

.content.shop .template.login.cliente-login  .form .row > div:first-child {
    padding: 0 20px;
}

.content.shop .template.login.cliente-login  .form .row > div {
    padding: 0 20px 20px;
}

.content.shop .template.login.cliente-login  .form .row > div:has(.button) {
    padding: 20px 20px 40px;
}

@media (min-width: 992px) {
    .content .template.login.cliente-login  .container > .row > div > .button {
        padding: 18px 37px;
    }
}