/* Botões e CTAs comuns */

.btn {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	padding: var(--sp-4) var(--sp-8);
	background: var(--bdas-preto);
	color: var(--bdas-branco);
	font-family: var(--font-sans);
	font-size: 0.875rem;
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	transition: background var(--transition);
}
.btn:hover { background: rgba(0,0,0,0.7); text-decoration: none; color: var(--bdas-branco); }

.btn--outline {
	background: transparent;
	color: var(--bdas-preto);
	border: 1px solid var(--bdas-preto);
}
.btn--outline:hover { background: var(--bdas-preto); color: var(--bdas-branco); }

.btn--ghost {
	background: transparent;
	color: inherit;
	border-bottom: 2px solid currentColor;
	padding: 0 0 var(--sp-1) 0;
}
.btn--ghost:hover { background: transparent; }

/* Card editorial padrão */
.bdas-card { display: flex; flex-direction: column; gap: var(--sp-3); color: inherit; }
.bdas-card:hover { text-decoration: none; }
.bdas-card__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--bdas-cinza-2); }
.bdas-card__media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: filter var(--transition-slow), transform var(--transition-slow); }
.bdas-card:hover .bdas-card__media img { filter: grayscale(0%); transform: scale(1.02); }
.bdas-card__title { font-family: var(--font-sans); font-weight: var(--fw-xbold); font-size: 0.875rem; text-transform: uppercase; letter-spacing: -0.015em; line-height: 1.35; margin: 0; }
.bdas-card__meta { font-family: var(--font-sans); font-size: 0.625rem; font-weight: var(--fw-bold); letter-spacing: 0.18em; text-transform: uppercase; color: var(--bdas-text-muted); margin: 0; }