/* ACE CUSTOMER PAGES REFINO V5.98 START */

/* ============================================================
   BASE DAS PÁGINAS DE CONTA
   ============================================================ */

html body.customer-account-login,
html body.customer-account-create,
html body.customer-account-forgotpassword {
    background: #f5f7f2 !important;
}

html body.customer-account-login .page-main,
html body.customer-account-create .page-main,
html body.customer-account-forgotpassword .page-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 42px 20px 76px !important;
}

html body.customer-account-login .page-title-wrapper,
html body.customer-account-create .page-title-wrapper,
html body.customer-account-forgotpassword .page-title-wrapper {
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
}

html body.customer-account-login .page-title,
html body.customer-account-create .page-title,
html body.customer-account-forgotpassword .page-title {
    margin: 0 !important;
    color: #07110b !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

html body.customer-account-login .page-title::after,
html body.customer-account-create .page-title::after,
html body.customer-account-forgotpassword .page-title::after {
    content: "" !important;
    display: block !important;
    width: 66px !important;
    height: 4px !important;
    margin-top: 12px !important;
    border-radius: 99px !important;
    background: #c8ff00 !important;
}

html body.customer-account-login .columns,
html body.customer-account-create .columns,
html body.customer-account-forgotpassword .columns {
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

html body.customer-account-login .column.main,
html body.customer-account-create .column.main,
html body.customer-account-forgotpassword .column.main {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html body.customer-account-login .block,
html body.customer-account-create .form-create-account,
html body.customer-account-forgotpassword .form.password.forget {
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid rgba(7, 17, 11, .08) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 46px rgba(7, 17, 11, .09) !important;
}

html body.customer-account-login .block-title,
html body.customer-account-create .legend,
html body.customer-account-forgotpassword .legend {
    margin: 0 0 20px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(7, 17, 11, .10) !important;
}

html body.customer-account-login .block-title strong,
html body.customer-account-create .legend span,
html body.customer-account-forgotpassword .legend span {
    color: #07110b !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
}

html body.customer-account-login .field,
html body.customer-account-create .field,
html body.customer-account-forgotpassword .field {
    margin: 0 0 16px !important;
}

html body.customer-account-login .label,
html body.customer-account-create .label,
html body.customer-account-forgotpassword .label {
    display: block !important;
    margin: 0 0 7px !important;
    color: #07110b !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}

html body.customer-account-login input.input-text,
html body.customer-account-create input.input-text,
html body.customer-account-forgotpassword input.input-text,
html body.customer-account-login input[type="email"],
html body.customer-account-create input[type="email"],
html body.customer-account-forgotpassword input[type="email"],
html body.customer-account-login input[type="password"],
html body.customer-account-create input[type="password"],
html body.customer-account-forgotpassword input[type="password"] {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(7, 17, 11, .16) !important;
    background: #fff !important;
    color: #07110b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 0 15px !important;
    box-shadow: none !important;
}

html body.customer-account-login input.input-text:focus,
html body.customer-account-create input.input-text:focus,
html body.customer-account-forgotpassword input.input-text:focus {
    border-color: #c8ff00 !important;
    box-shadow: 0 0 0 3px rgba(200, 255, 0, .20) !important;
    outline: 0 !important;
}

html body.customer-account-login .actions-toolbar,
html body.customer-account-create .actions-toolbar,
html body.customer-account-forgotpassword .actions-toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 20px 0 0 !important;
}

html body.customer-account-login .actions-toolbar .primary,
html body.customer-account-login .actions-toolbar .secondary,
html body.customer-account-create .actions-toolbar .primary,
html body.customer-account-create .actions-toolbar .secondary,
html body.customer-account-forgotpassword .actions-toolbar .primary,
html body.customer-account-forgotpassword .actions-toolbar .secondary {
    float: none !important;
    margin: 0 !important;
}

html body.customer-account-login .action.primary,
html body.customer-account-create .action.primary,
html body.customer-account-forgotpassword .action.primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 142px !important;
    min-height: 48px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #07110b !important;
    color: #c8ff00 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    box-shadow: 0 14px 30px rgba(7, 17, 11, .18) !important;
}

html body.customer-account-login .action.primary:hover,
html body.customer-account-create .action.primary:hover,
html body.customer-account-forgotpassword .action.primary:hover {
    background: #c8ff00 !important;
    color: #07110b !important;
}

html body.customer-account-login a,
html body.customer-account-create a,
html body.customer-account-forgotpassword a {
    color: #07110b !important;
    text-decoration: none !important;
    font-weight: 850 !important;
}

html body.customer-account-login a:hover,
html body.customer-account-create a:hover,
html body.customer-account-forgotpassword a:hover {
    color: #5c7800 !important;
    text-decoration: underline !important;
}

html body.customer-account-login .required,
html body.customer-account-create .required,
html body.customer-account-forgotpassword .required,
html body.customer-account-login .field.note,
html body.customer-account-create .field.note,
html body.customer-account-forgotpassword .field.note,
html body.customer-account-login .block-content p {
    color: #3e4a43 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

/* ============================================================
   LOGIN — layout corrigido
   ============================================================ */

html body.customer-account-login .login-container {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, .72fr) !important;
    gap: 26px !important;
    align-items: stretch !important;
}

html body.customer-account-login .login-container .block-customer-login {
    order: 1 !important;
}

html body.customer-account-login .login-container .block-new-customer {
    order: 2 !important;
}

html body.customer-account-login .login-container .block {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 28px !important;
}

html body.customer-account-login .login-container .block-new-customer .block-content {
    display: flex !important;
    min-height: 230px !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

html body.customer-account-login .login-container .block-customer-login .block-content {
    display: block !important;
}

html body.customer-account-login .form-login {
    max-width: none !important;
}

html body.customer-account-login .form-login .field.choice {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 4px 0 14px !important;
}

html body.customer-account-login .form-login .field.choice input {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}

html body.customer-account-login .form-login .field.choice label {
    margin: 0 !important;
    color: #07110b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html body.customer-account-login .form-login .secondary {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 48px !important;
}

html body.customer-account-login .form-login .secondary a {
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* ============================================================
   CRIAR CONTA
   ============================================================ */

html body.customer-account-create .form-create-account {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    padding: 30px 30px 28px !important;
}

html body.customer-account-create .fieldset {
    margin: 0 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
}

html body.customer-account-create .field.choice {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 18px !important;
}

html body.customer-account-create .field.choice input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 !important;
}

html body.customer-account-create .field.choice label {
    margin: 0 !important;
    color: #07110b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html body.customer-account-create .password-strength-meter {
    margin-top: 8px !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    border-radius: 13px !important;
    background: #f3f5ef !important;
    color: #07110b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

/* ============================================================
   ESQUECEU SENHA
   ============================================================ */

html body.customer-account-forgotpassword .form.password.forget {
    width: 100% !important;
    max-width: 660px !important;
    margin: 0 auto !important;
    padding: 30px 30px 28px !important;
}

html body.customer-account-forgotpassword .fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html body.customer-account-forgotpassword .field.note {
    margin: 0 0 18px !important;
    color: #3e4a43 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 650 !important;
}

html body.customer-account-forgotpassword .field.captcha {
    margin-top: 12px !important;
}

html body.customer-account-forgotpassword .captcha-image {
    display: grid !important;
    justify-items: start !important;
    gap: 12px !important;
    margin: 12px 0 0 !important;
}

html body.customer-account-forgotpassword .captcha-image img,
html body.customer-account-forgotpassword img.captcha-img {
    width: 310px !important;
    max-width: 100% !important;
    min-height: 72px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(7, 17, 11, .14) !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(7, 17, 11, .08) !important;
}

html body.customer-account-forgotpassword .captcha-reload,
html body.customer-account-forgotpassword .action.reload.captcha-reload {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 180px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #07110b !important;
    color: #c8ff00 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    box-shadow: 0 10px 24px rgba(7, 17, 11, .16) !important;
}

html body.customer-account-forgotpassword .actions-toolbar {
    margin-top: 24px !important;
}

/* ============================================================
   FOOTER / RESPIRO
   ============================================================ */

html body.customer-account-login footer,
html body.customer-account-create footer,
html body.customer-account-forgotpassword footer {
    margin-top: 0 !important;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width: 900px) {
    html body.customer-account-login .login-container {
        grid-template-columns: 1fr !important;
        max-width: 620px !important;
    }

    html body.customer-account-login .login-container .block-customer-login {
        order: 1 !important;
    }

    html body.customer-account-login .login-container .block-new-customer {
        order: 2 !important;
    }

    html body.customer-account-login .login-container .block-new-customer .block-content {
        min-height: auto !important;
    }
}

@media (max-width: 640px) {
    html body.customer-account-login .page-main,
    html body.customer-account-create .page-main,
    html body.customer-account-forgotpassword .page-main {
        padding: 28px 14px 60px !important;
    }

    html body.customer-account-login .page-title,
    html body.customer-account-create .page-title,
    html body.customer-account-forgotpassword .page-title {
        font-size: 28px !important;
    }

    html body.customer-account-login .login-container .block,
    html body.customer-account-create .form-create-account,
    html body.customer-account-forgotpassword .form.password.forget {
        padding: 22px 18px !important;
        border-radius: 20px !important;
    }

    html body.customer-account-login .actions-toolbar,
    html body.customer-account-create .actions-toolbar,
    html body.customer-account-forgotpassword .actions-toolbar {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    html body.customer-account-login .action.primary,
    html body.customer-account-create .action.primary,
    html body.customer-account-forgotpassword .action.primary {
        width: 100% !important;
    }
}

/* ACE CUSTOMER PAGES REFINO V5.98 END */