/* além — acesso: alinhamento ao desenho da 9ª entrega (pranchetas Conta-cadastro e Conta-entrar).
   Carrega depois de access.css e antes de access-escuro.css. Medidas copiadas das pranchetas. */

/* ---------- painel escuro ---------- */
.ax-side { background: #050606; gap: 36px; }
.ax-side::before { inset: 0; background: repeating-linear-gradient(180deg, rgb(255 255 255 / 5%) 0 1px, transparent 1px 4px); }
.ax-side::after, .alem-login-brand::after { display: none; }
.ax-eclipse { width: 134px; height: 84px; aspect-ratio: auto; margin: 0; }
.ax-eclipse i { inset: auto; top: 0; width: 84px; height: 84px; animation: none !important; transform: none !important; }
.ax-eclipse i:first-child { left: 50px; background: repeating-linear-gradient(180deg, #fff 0 2px, rgb(255 255 255 / 25%) 2px 5px); box-shadow: none; }
.ax-eclipse i:last-child { left: 0; background: #050606; box-shadow: 0 0 0 1.5px rgb(54 174 176 / 50%); }
.ax-side .ax-kicker, .ax-kicker { margin: 0 0 18px; color: #92e1dd; font: 500 11px/1.3 var(--ax-mono); letter-spacing: .16em; }
.ax-side h1, .ax-side .ax-login-title { margin: 0 0 18px; max-width: none; color: #f6f3ee; font: 620 clamp(34px, 3.9vw, 56px)/1.02 var(--ax-serif); letter-spacing: -.03em; text-wrap: balance; }
.ax-side p { max-width: 34ch; margin: 0 0 18px; color: #c9c4bb; font: 400 18px/1.55 var(--ax-sans); }
.ax-side strong em { font-weight: inherit; }
.ax-side-list { margin: 0; gap: 0; }
.ax-side-list li { padding: 12px 0 12px 22px; border-top: 1px solid #2c2d2e; color: #e9e4db; font: 400 16px/1.45 var(--ax-sans); letter-spacing: 0; }
.ax-side-list li:last-child { border-bottom: 1px solid #2c2d2e; }
.ax-side-list li::before { left: 0; top: 19px; width: 10px; height: 10px; background: #36aeb0; box-shadow: 0 0 8px rgb(54 174 176 / 80%); }
.ax-side-back { display: inline-block; align-self: flex-start; color: #c9c4bb !important; font: 500 11px/1 var(--ax-mono); letter-spacing: .16em; text-transform: uppercase; text-decoration: none !important; }
.ax-side-back:is(:hover, :focus-visible) { color: #f6f3ee !important; }

/* ---------- coluna principal (cadastro e páginas do link de acesso) ---------- */
body.alem-cadastro { grid-template-columns: minmax(300px, 39%) minmax(0, 1fr); }
body.alem-cadastro .ax-main { max-width: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 64px; }
body.alem-cadastro .ax-main > * { width: 100%; max-width: 420px; }
body.alem-cadastro .ax-main { gap: 16px; }
body.alem-cadastro .ax-logo { display: block; width: 100%; margin: 0; }
body.alem-cadastro .ax-logo img { height: 40px; }
body.alem-cadastro .ax-stepno { margin: 18px 0 0; color: #067378; font: 500 11px/1.3 var(--ax-mono); letter-spacing: .16em; }
body.alem-cadastro .ax-main h2 { margin: -4px 0 4px; font: 620 42px/1.05 var(--ax-serif); letter-spacing: -.025em; }
body.alem-cadastro .ax-form { gap: 16px; }
body.alem-cadastro .ax-label { color: var(--ax-ink); font: 600 10.5px/1.2 var(--ax-mono); letter-spacing: .14em; }
body.alem-cadastro .ax-form :is(input:not([type="checkbox"]):not([type="file"]):not([type="hidden"])) { min-height: 50px; height: 50px; padding: 0 14px; border-radius: 10px; font-size: 16px; }
body.alem-cadastro .ax-hint { margin: 0; color: #5b5751; font: 400 13.5px/1.5 var(--ax-sans); }
body.alem-cadastro .ax-check { grid-template-columns: 20px minmax(0, 1fr); gap: 10px; color: #3b3935; font: 400 15px/1.45 var(--ax-sans); }
body.alem-cadastro .ax-check input { width: 20px; height: 20px; border-radius: 4px; }
body.alem-cadastro .ax-lede { color: #3b3935; font: 400 16px/1.5 var(--ax-sans); margin: 0; }
body.alem-cadastro .ax-main a:not(.ax-btn):not(.ax-logo) { font-weight: 600; }
body.alem-cadastro .ax-form > .ax-actions > .ax-btn:only-child, body.alem-cadastro .ax-main > .ax-actions > .ax-btn:only-child { width: 100%; }
body.alem-cadastro .ax-btn, body.alem-cadastro .ax-main button[type="submit"] { min-height: 52px; font-size: 13px; letter-spacing: .12em; }
body.alem-cadastro .ax-actions { margin-top: 0; }

/* ---------- Entrar (wp-login) no desenho ---------- */
@media (min-width: 901px) {
	body.login.alem-login { justify-content: center; padding: 56px 64px 56px calc(39vw + 64px); }
	body.login.alem-login::before { width: 61vw; }
	body.login.alem-login .alem-login-brand.ax-side { inset: 0 61vw 0 0; width: auto; height: auto; padding: 48px 52px; }
	body.login.alem-login #login { width: min(420px, 100%); }
	body.login.alem-login #backtoblog { display: none; }
}
body.login.alem-login #login h1 { margin: 0 0 18px; }
body.login.alem-login #login h1 a { width: 162px; height: 40px; }
.alem-login-heading { margin-bottom: 16px; }
.alem-login-heading > p { margin: 18px 0 16px; color: #067378; font: 500 11px/1.3 var(--ax-mono); letter-spacing: .16em; }
.alem-login-heading h2 { font-size: 42px; font-weight: 620; letter-spacing: -.025em; line-height: 1.05; }
body.login.alem-login form { padding: 0; border-top: 0; }
body.login.alem-login label { color: var(--ax-ink, #111213); font: 600 10.5px/1.2 var(--ax-mono); letter-spacing: .14em; text-transform: uppercase; }
body.login.alem-login form .input, body.login.alem-login input[type="text"], body.login.alem-login input[type="password"] { min-height: 50px; height: 50px; margin-top: 7px; padding: 0 14px; border: 1.5px solid var(--ax-ink, #111213); border-radius: 10px; font-size: 16px; }
body.login.alem-login .forgetmenot label { font: 400 15px/1.45 var(--ax-sans); letter-spacing: 0; text-transform: none; color: #3b3935; }
body.login.alem-login #loginform > p, body.login.alem-login #loginform > div:not(.alem-login-extra) { margin-bottom: 16px; }
body.login.alem-login #loginform .submit .button-primary { min-height: 52px; font-size: 13px; letter-spacing: .12em; }
body.login.alem-login #loginform .alem-login-esqueci { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; font-size: 15px; }
.alem-login-link-acesso { min-height: 52px !important; font-size: 13px !important; gap: 10px; }
.alem-login-link-acesso::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat; }
.alem-login-link-nota { margin: 10px 0 0; text-align: left; color: #5b5751; font-size: 13.5px; }
.alem-login-rodape { display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: flex-start; margin: 22px 0 0; text-align: left; color: #5b5751; font-size: 13.5px; }
.alem-login-rodape a { color: #5b5751 !important; text-decoration: none; }
.alem-login-rodape a.alem-login-equipe { text-decoration: underline; text-underline-offset: 3px; }
.alem-login-ou { margin: 4px 0 16px; }
body.login.alem-login .privacy-policy-page-link { display: none; }
body.login.alem-login #login h1 { margin-bottom: 30px; }
body.login.alem-login #loginform p, body.login.alem-login #loginform .user-pass-wrap { margin: 0 0 16px; }
body.login.alem-login #loginform .forgetmenot { margin-bottom: 0; }
body.login.alem-login #loginform .submit { margin-top: 20px; margin-bottom: 4px; }
@media (max-width: 900px) {
	body.alem-cadastro { grid-template-columns: 1fr; }
	body.alem-cadastro .ax-main { padding: 28px 24px 48px; justify-content: flex-start; }
	body.alem-cadastro .ax-main h2 { font-size: 34px; }
	.ax-side h1, .ax-side .ax-login-title { font-size: clamp(22px, 6vw, 30px); }
	.ax-side p { font-size: 16px; }
}
@media (max-width: 720px) {
	.ax-side, body.login.alem-login .alem-login-brand.ax-side { flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; height: auto; position: static; padding: 14px 20px; }
	body.login.alem-login .alem-login-brand.ax-side { position: fixed; inset: 0 0 auto 0; width: auto; }
	.ax-eclipse { width: 54px; height: 34px; }
	.ax-eclipse i { width: 34px; height: 34px; }
	.ax-eclipse i:first-child { left: 20px; }
	.ax-side .ax-kicker, .ax-side p:not(.ax-login-title), .ax-side-list, .ax-side-back, .alem-login-painel-cta { display: none; }
	.ax-side h1, .ax-side .ax-login-title { margin: 0; font-size: 21px; line-height: 1.1; }
	.ax-side > div { margin: 0; }
}
.ax-eclipse-link { display: block; flex: none; color: inherit; text-decoration: none; border-radius: 50%; }
.ax-eclipse-link:focus-visible { outline: 2px solid #36aeb0; outline-offset: 4px; }
.ax-side-pe { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.ax-side-logo { display: inline-block; text-decoration: none; }
.ax-side-logo img { display: block; width: auto; height: 34px; opacity: .95; }
.ax-side-logo:is(:hover, :focus-visible) img { opacity: 1; }
@media (max-width: 720px) { .ax-side-pe { display: none; } }
/* no computador o logo fica só na coluna preta; no celular (sem coluna) ele volta para o alto do formulário */
@media (min-width: 721px) {
	body.alem-cadastro .ax-main > .ax-logo, body.alem-cadastro .ax-main > a.ax-logo { display: none; }
	body.login.alem-login #login h1 { display: none; }
}