/*
 * Sistema do corretor e tela de acesso.
 *
 * Carrega só nas telas autenticadas (inc/enqueue.php). O site público não paga
 * nada por este arquivo.
 */

/* =====================================================================
 * Tela de acesso: metade fotografia, metade formulário
 * ================================================================== */

.al-corpo-acesso { background: var(--alpha-navy); }

.al-acesso-tela {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	min-height: 100vh;
}

.al-acesso-tela__arte {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	background: var(--alpha-navy);
}

.al-acesso-tela__arte img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.al-acesso-tela__veu {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to top, rgba(9, 19, 27, .96) 0%, rgba(9, 19, 27, .62) 45%, rgba(9, 19, 27, .28) 100%),
		linear-gradient(to right, rgba(9, 19, 27, .72) 0%, rgba(9, 19, 27, .18) 60%, transparent 100%);
}

.al-acesso-tela__frase {
	position: relative;
	padding: clamp(2rem, 4vw, 4rem);
	color: var(--alpha-warm-white);
	max-width: 34rem;
}

.al-acesso-tela__titulo {
	font-family: var(--font-display);
	font-size: clamp(1.6rem, 2.6vw, 2.4rem);
	line-height: 1.2;
	margin: .6rem 0 1.4rem;
}

.al-acesso-tela__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .6rem;
	font-size: .95rem;
	color: rgba(244, 239, 230, .84);
}

.al-acesso-tela__lista li { padding-left: 1.4rem; position: relative; }

.al-acesso-tela__lista li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .55em;
	width: .5rem;
	height: .5rem;
	border: 1px solid var(--alpha-gold);
	transform: rotate(45deg);
}

.al-acesso-tela__painel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1.5rem;
	padding: clamp(1.5rem, 4vw, 3.5rem);
	background: var(--alpha-warm-white);
}

.al-acesso-tela__marca { display: inline-flex; }

/* A marca "clara" é desenhada para fundo escuro; aqui o fundo é claro, e a
   regra do tema vence por especificidade se não a batermos de frente. */
.al-acesso-tela__painel .al-marca--claro .al-marca__nome,
.al-acesso-tela__painel .al-marca--claro .al-marca__texto { color: var(--alpha-ink); }

.al-acesso-tela__painel .al-acesso,
.al-acesso-tela__painel .al-acesso__caixa {
	padding: 0;
	margin: 0;
	max-width: 30rem;
	width: 100%;
	background: none;
	border: 0;
	box-shadow: none;
}

/* Senha com botão «Mostrar» dentro do campo */
.al-senha { position: relative; display: block; }
.al-field .al-senha input { width: 100%; padding-right: 5.5rem; }
.al-senha__ver {
	position: absolute;
	top: 50%;
	right: .5rem;
	transform: translateY(-50%);
	padding: .35rem .6rem;
	border: 0;
	background: none;
	font: inherit;
	font-size: .75rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--alpha-gold);
	cursor: pointer;
}
.al-senha__ver:hover,
.al-senha__ver:focus-visible { color: var(--alpha-ink); }

/* «Primeira vez aqui?» — o caminho do cadastro não pode ser um link miúdo */
.al-acesso__novo {
	margin-top: 1.5rem;
	padding: 1.25rem 1.25rem 1.35rem;
	border: 1px solid var(--alpha-sand);
	background: rgba(255, 255, 255, .55);
}
.al-acesso__novo p { margin: 0 0 .9rem; font-size: .9375rem; color: var(--alpha-muted); }
.al-acesso__novo strong { color: var(--alpha-ink); font-weight: 600; }
.al-acesso-tela__painel .al-acesso__links { border-top: 0; padding-top: 0; margin-top: 1rem; }

.al-acesso-tela__painel .al-acesso__titulo {
	font-family: var(--font-display);
	font-size: clamp(1.8rem, 3vw, 2.4rem);
	margin: .2rem 0 .4rem;
}

.al-acesso-tela__rodape {
	margin: 0;
	font-size: .8125rem;
	color: rgba(19, 36, 49, .6);
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}

.al-acesso-tela__rodape a { color: inherit; }

@media (max-width: 900px) {
	.al-acesso-tela { grid-template-columns: 1fr; }
	.al-acesso-tela__arte { min-height: 34vh; }
	.al-acesso-tela__frase { padding: 1.5rem; }
	.al-acesso-tela__lista { display: none; }
}

/* =====================================================================
 * Aplicação: topo, barra lateral, conteúdo
 * ================================================================== */

.al-corpo-app { background: #f4f2ee; }

.al-app { display: flex; flex-direction: column; min-height: 100vh; }

.al-app__topo {
	position: sticky;
	top: 0;
	z-index: 30;
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: .75rem clamp(1rem, 3vw, 2rem);
	background: var(--alpha-navy);
	color: var(--alpha-warm-white);
}

.al-app__topo .al-marca__simbolo { width: 34px; height: 34px; }
.al-app__marca { display: inline-flex; }

.al-app__busca { margin-left: auto; flex: 0 1 22rem; }

.al-app__busca input {
	width: 100%;
	padding: .55rem .9rem;
	border: 1px solid rgba(244, 239, 230, .22);
	border-radius: 999px;
	background: rgba(244, 239, 230, .08);
	color: var(--alpha-warm-white);
	font-size: .875rem;
}

.al-app__busca input::placeholder { color: rgba(244, 239, 230, .5); }

.al-app__conta { display: flex; align-items: center; gap: .75rem; }

.al-app__usuario {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: rgba(244, 239, 230, .88);
	font-size: .875rem;
}

.al-app__usuario:hover { color: var(--alpha-gold-light); }

.al-app__menu {
	display: none;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid rgba(244, 239, 230, .25);
	background: none;
	color: inherit;
	cursor: pointer;
}

.al-app__menu span[aria-hidden] {
	display: block;
	width: 1rem;
	height: 1px;
	margin: 0 auto;
	background: currentColor;
	box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor;
}

.al-app__corpo { display: grid; grid-template-columns: 16.5rem 1fr; flex: 1; }

.al-app__lateral {
	background: #10202c;
	color: rgba(244, 239, 230, .82);
	padding: 1.5rem 1rem 2rem;
	border-right: 1px solid rgba(244, 239, 230, .08);
}

.al-app__secao {
	margin: 1.25rem .75rem .5rem;
	font-size: .6875rem;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(244, 239, 230, .45);
}

.al-app__nav { list-style: none; margin: 0; padding: 0; display: grid; gap: .15rem; }

.al-app__nav a {
	display: flex;
	align-items: center;
	gap: .65rem;
	padding: .6rem .75rem;
	color: inherit;
	font-size: .9375rem;
	border-left: 2px solid transparent;
}

.al-app__nav a:hover { background: rgba(244, 239, 230, .06); color: var(--alpha-warm-white); }

.al-app__nav a.is-active {
	background: rgba(198, 164, 106, .14);
	border-left-color: var(--alpha-gold);
	color: var(--alpha-warm-white);
}

.al-app__ic { display: inline-flex; }
.al-app__ic .al-icone { width: 1.05rem; height: 1.05rem; color: var(--alpha-gold); }

.al-app__codigo {
	margin: 1.75rem .25rem 0;
	padding: .9rem;
	border: 1px solid rgba(244, 239, 230, .14);
	background: rgba(244, 239, 230, .04);
}

.al-app__codigo-rotulo { margin: 0; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(244, 239, 230, .5); }
.al-app__codigo-valor { margin: .35rem 0; font-family: var(--font-display); font-size: 1.5rem; color: var(--alpha-gold-light); }
.al-app__codigo-nota { margin: 0; font-size: .75rem; color: rgba(244, 239, 230, .55); line-height: 1.5; }

.al-app__conteudo { padding: clamp(1.25rem, 3vw, 2.5rem); max-width: 76rem; }

/* O conteúdo do plugin vem embrulhado em .al-wrap; aqui ele não precisa. */
.al-app__conteudo .al-wrap { width: 100%; max-width: none; padding: 0; }
.al-app__conteudo .al-portal__topo { display: none; }

.al-app__cabeca {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.al-app__titulo { font-family: var(--font-display); font-size: clamp(1.7rem, 3vw, 2.3rem); margin: .2rem 0 .3rem; }
.al-app__apoio { margin: 0; color: rgba(19, 36, 49, .68); }
.al-app__nota { margin: 1rem 0 0; font-size: .8125rem; color: rgba(19, 36, 49, .55); }
.al-app__vazio-linha { margin: 0; color: rgba(19, 36, 49, .6); }

/* ---- Indicadores ---- */

.al-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.al-kpi {
	background: #fff;
	border: 1px solid rgba(19, 36, 49, .09);
	padding: 1.1rem 1.25rem;
}

.al-kpi__valor { margin: 0; font-family: var(--font-display); font-size: 2rem; line-height: 1.1; color: var(--alpha-ink); }
.al-kpi__rotulo { margin: .35rem 0 0; font-size: .8125rem; color: rgba(19, 36, 49, .62); }

/* ---- Cartões e blocos ---- */

.al-app__duas { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }

.al-cartao, .al-app__bloco {
	background: #fff;
	border: 1px solid rgba(19, 36, 49, .09);
	padding: clamp(1rem, 2vw, 1.5rem);
}

.al-app__bloco { margin-bottom: 1.5rem; }
.al-cartao__titulo { font-family: var(--font-display); font-size: 1.2rem; margin: 0 0 1rem; }

.al-app__bloco-cabeca {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1.25rem;
}

.al-app__filtros { display: flex; gap: .5rem; }

.al-app__filtros input {
	padding: .5rem .8rem;
	border: 1px solid rgba(19, 36, 49, .18);
	font-size: .875rem;
	min-width: 12rem;
}

.al-atalhos { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }

.al-atalhos a {
	display: block;
	padding: .85rem 1rem;
	border: 1px solid rgba(19, 36, 49, .1);
	color: var(--alpha-ink);
}

.al-atalhos a:hover { border-color: var(--alpha-gold); background: rgba(198, 164, 106, .07); }
.al-atalhos strong { display: block; font-size: .9375rem; }
.al-atalhos span { display: block; font-size: .8125rem; color: rgba(19, 36, 49, .6); margin-top: .15rem; }

.al-linha-tempo { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.al-linha-tempo li { display: flex; gap: .75rem; font-size: .875rem; border-bottom: 1px solid rgba(19, 36, 49, .07); padding-bottom: .5rem; }
.al-linha-tempo__quando { color: rgba(19, 36, 49, .5); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ---- Cartão de residência dentro do sistema ---- */

.al-app__grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; }

.al-app-card { border: 1px solid rgba(19, 36, 49, .1); background: #fff; display: flex; flex-direction: column; }

.al-app-card__foto { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--alpha-navy); }
.al-app-card__foto img { width: 100%; height: 100%; object-fit: cover; }

.al-app-card__selo {
	position: absolute;
	left: .6rem;
	top: .6rem;
	padding: .2rem .55rem;
	background: rgba(9, 19, 27, .82);
	color: var(--alpha-warm-white);
	font-size: .6875rem;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.al-app-card__corpo { padding: .9rem 1rem 1rem; display: flex; flex-direction: column; gap: .3rem; flex: 1; }
.al-app-card__nome { font-family: var(--font-display); font-size: 1.1rem; margin: 0; }
.al-app-card__dados { margin: 0; font-size: .8125rem; color: rgba(19, 36, 49, .62); }
.al-app-card__materiais { margin: 0; font-size: .8125rem; color: var(--alpha-gold-dark, #8a6d34); }
.al-app-card__acoes { margin: .65rem 0 0; display: flex; gap: .5rem; flex-wrap: wrap; }

/* ---- Tabela de documentos ---- */

.al-tabela__rolagem { overflow-x: auto; }
.al-tabela { width: 100%; border-collapse: collapse; font-size: .875rem; min-width: 44rem; }
.al-tabela th, .al-tabela td { text-align: left; padding: .7rem .75rem; border-bottom: 1px solid rgba(19, 36, 49, .08); }
.al-tabela thead th { font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(19, 36, 49, .55); }
.al-tabela tbody th { font-weight: 500; }
.al-tabela tr.is-indisponivel { color: rgba(19, 36, 49, .45); }
.al-tabela__acao { text-align: right; white-space: nowrap; }
.al-tabela__nao { font-size: .75rem; color: rgba(19, 36, 49, .45); }

/* ---- Publicações ---- */

.al-app__lista-pub { display: grid; gap: .75rem; }

.al-pub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	padding: .9rem 1rem;
	border: 1px solid rgba(19, 36, 49, .1);
}

.al-pub__nome { margin: 0; font-family: var(--font-display); font-size: 1.05rem; }
.al-pub__url { margin: .2rem 0 0; font-size: .75rem; color: rgba(19, 36, 49, .55); word-break: break-all; }
.al-pub__acoes { display: flex; gap: .5rem; flex-wrap: wrap; }

/* ---- Rodapé do sistema ---- */

.al-app__rodape {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem clamp(1rem, 3vw, 2rem);
	background: #10202c;
	color: rgba(244, 239, 230, .6);
	font-size: .8125rem;
}

.al-app__rodape a { color: inherit; margin-left: 1rem; }

/* ---- Celular ---- */

@media (max-width: 900px) {
	.al-app__corpo { grid-template-columns: 1fr; }
	.al-app__menu { display: block; }
	.al-app__busca { order: 3; flex-basis: 100%; margin-left: 0; }
	.al-app__topo { flex-wrap: wrap; }

	.al-app__lateral {
		display: none;
		border-right: 0;
		border-bottom: 1px solid rgba(244, 239, 230, .08);
	}

	.al-app__lateral.is-aberta { display: block; }
	.al-app__duas { grid-template-columns: 1fr; }
	.al-app__usuario-nome { display: none; }
}

/* =====================================================================
 * Cartão do usuário: quem é, foto, selos e notificações numa linha só
 * ================================================================== */

.al-perfil-cartao {
	display: flex;
	align-items: center;
	gap: clamp(1rem, 3vw, 2rem);
	flex-wrap: wrap;
	padding: 1.25rem clamp(1rem, 2vw, 1.5rem);
	margin-bottom: 1.5rem;
	background: linear-gradient(120deg, #10202c 0%, #17313f 100%);
	color: var(--alpha-warm-white);
	border: 1px solid rgba(198, 164, 106, .22);
}

.al-perfil-cartao__foto {
	display: flex;
	align-items: center;
	gap: .9rem;
	margin: 0;
}

.al-avatar--grande {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.25rem;
	height: 4.25rem;
	flex: 0 0 auto;
	border-radius: 50%;
	overflow: hidden;
	font-family: var(--font-display);
	font-size: 1.3rem;
	letter-spacing: .04em;
	color: var(--alpha-gold-light);
	background: rgba(244, 239, 230, .06);
	border: 1px solid rgba(198, 164, 106, .45);
}

.al-avatar--grande img { width: 100%; height: 100%; object-fit: cover; }

.al-perfil-cartao__enviar {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	font-size: .75rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--alpha-gold-light);
	border-bottom: 1px solid rgba(198, 164, 106, .5);
	cursor: pointer;
	padding-bottom: 2px;
	white-space: nowrap;
}

/* O input fica por cima do rótulo, invisível: o clique cai nele. */
.al-perfil-cartao__enviar input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.al-perfil-cartao__dados { flex: 1 1 16rem; min-width: 0; }
.al-perfil-cartao__nome { margin: 0; font-family: var(--font-display); font-size: 1.45rem; line-height: 1.2; }
.al-perfil-cartao__meta { margin: .25rem 0 .7rem; font-size: .875rem; color: rgba(244, 239, 230, .7); }
.al-perfil-cartao__selos { margin: 0; display: flex; gap: .5rem; flex-wrap: wrap; }

.al-selo {
	display: inline-block;
	padding: .25rem .65rem;
	font-size: .6875rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	border: 1px solid rgba(244, 239, 230, .28);
	color: rgba(244, 239, 230, .82);
}

.al-selo--ok { border-color: rgba(126, 176, 137, .55); color: #9fd0ab; }

.al-perfil-cartao__acoes {
	display: flex;
	align-items: center;
	gap: .75rem;
	flex-wrap: wrap;
	margin-left: auto;
}

.al-perfil-cartao__aviso {
	display: inline-flex;
	align-items: baseline;
	gap: .45rem;
	padding: .55rem .95rem;
	border: 1px solid rgba(244, 239, 230, .2);
	color: rgba(244, 239, 230, .78);
	font-size: .8125rem;
}

.al-perfil-cartao__aviso strong { font-family: var(--font-display); font-size: 1.35rem; color: var(--alpha-warm-white); }
.al-perfil-cartao__aviso.tem-novidade { border-color: var(--alpha-gold); color: var(--alpha-gold-light); }

.al-perfil-cartao__acoes .al-btn--linha {
	border-color: rgba(244, 239, 230, .35);
	color: var(--alpha-warm-white);
}

.al-perfil-cartao__acoes .al-btn--linha:hover { border-color: var(--alpha-gold); color: var(--alpha-gold-light); }

@media (max-width: 760px) {
	.al-perfil-cartao { align-items: flex-start; }
	.al-perfil-cartao__acoes { margin-left: 0; width: 100%; }
}

/* Aviso de contexto dentro do sistema (ex.: administrador a espreitar o portal). */
.al-aviso-interno {
	margin-bottom: 1.5rem;
	padding: 1rem 1.15rem;
	border-left: 3px solid var(--alpha-gold);
	background: #fff8e9;
	color: #5b4a26;
}

.al-aviso-interno p { margin: 0 0 .35rem; font-size: .9375rem; }
.al-aviso-interno p:last-child { margin-bottom: 0; }

/* A coluna da fotografia nunca acompanha a altura do conteúdo: se o formulário
   crescer, a imagem esticava e ficava borrada. Presa à altura da tela. */
.al-acesso-tela__arte {
	position: sticky;
	top: 0;
	height: 100vh;
	align-self: start;
}

@media (max-width: 900px) {
	.al-acesso-tela__arte { position: static; height: auto; }
}

/* =====================================================================
 * Novidades: o que mudou desde a última visita
 * ================================================================== */

.al-novidades {
	background: #fff;
	border: 1px solid rgba(19, 36, 49, .09);
	padding: clamp(1rem, 2vw, 1.5rem);
	margin-bottom: 1.5rem;
}

.al-novidades__cabeca {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .75rem;
}

.al-novidades__cabeca .al-cartao__titulo { margin: 0; }
.al-novidades__lista { list-style: none; margin: 0; padding: 0; display: grid; }

.al-novidade {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: .8rem 0;
	border-top: 1px solid rgba(19, 36, 49, .08);
}

.al-novidade:first-child { border-top: 0; }

.al-novidade__quando {
	flex: 0 0 3rem;
	font-variant-numeric: tabular-nums;
	font-size: .8125rem;
	color: rgba(19, 36, 49, .5);
}

.al-novidade__texto { flex: 1; display: grid; gap: .15rem; min-width: 0; }
.al-novidade__texto strong { font-size: .9375rem; font-weight: 500; }
.al-novidade__texto span { font-size: .8125rem; color: rgba(19, 36, 49, .62); }

/* Uma marca discreta para o que ainda não foi lido. */
.al-novidade.is-nova .al-novidade__quando { color: var(--alpha-gold-dark, #8a6d34); font-weight: 600; }
.al-novidade.is-nova .al-novidade__texto strong { position: relative; }

.al-novidade.is-nova .al-novidade__texto strong::after {
	content: "";
	display: inline-block;
	width: .4rem;
	height: .4rem;
	margin-left: .45rem;
	border-radius: 50%;
	background: var(--alpha-gold);
	vertical-align: middle;
}

/* =====================================================================
 * Topo do sistema: sino de notificação e avatar legível
 * ================================================================== */

.al-app__sino {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid rgba(244, 239, 230, .22);
	color: rgba(244, 239, 230, .85);
}

.al-app__sino .al-icone { width: 1.15rem; height: 1.15rem; color: currentColor; }
.al-app__sino:hover { border-color: var(--alpha-gold); color: var(--alpha-gold-light); }
.al-app__sino.tem-novidade { border-color: var(--alpha-gold); color: var(--alpha-gold-light); }

.al-app__sino-conta {
	position: absolute;
	top: -.45rem;
	right: -.45rem;
	min-width: 1.15rem;
	height: 1.15rem;
	padding: 0 .25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--alpha-gold);
	color: #fff;
	font-size: .6875rem;
	font-weight: 600;
	line-height: 1;
}

/* Sem fotografia, o avatar é um círculo branco com as iniciais em navy:
   as iniciais douradas sobre navy sumiam na barra escura. */
.al-app__conta .al-avatar--mini,
.al-perfil-cartao .al-avatar--grande {
	background: #fff;
	color: var(--alpha-navy);
	border-color: rgba(255, 255, 255, .75);
}

.al-app__conta .al-avatar--mini { width: 2.1rem; height: 2.1rem; font-weight: 600; }

/* Celular: o topo não pode empurrar a página nem esconder o sino. */
@media (max-width: 900px) {
	.al-app__conta { margin-left: auto; gap: .5rem; }
	.al-app__sino { width: 2.15rem; height: 2.15rem; }
	.al-app__marca .al-marca__texto { display: none; }
	.al-app__cabeca { gap: .75rem; }
	.al-app__titulo { font-size: 1.5rem; }
	.al-kpis { grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)); gap: .6rem; }
	.al-kpi { padding: .85rem .9rem; }
	.al-kpi__valor { font-size: 1.5rem; }
	.al-perfil-cartao { padding: 1rem; gap: .9rem; }
	.al-avatar--grande { width: 3.25rem; height: 3.25rem; font-size: 1rem; }
	.al-perfil-cartao__nome { font-size: 1.15rem; }
	.al-novidade { flex-wrap: wrap; }
	.al-novidade__texto { flex-basis: 100%; }
}