/* Single Atuação — "Conheça outras áreas" (escura #1e1e1e): carrossel das demais
   áreas (scroll-snap) + CTA. Título ClashGrotesk-Regular (<740 26/34 · ≥740 40/52). */
.raz-atu-outras { background: #1e1e1e; color: var(--raz-cream); }
.raz-atu-outras .raz-container { padding-block: 50px; }
.raz-atu-outras__titulo {
	font-family: var(--raz-font-nav);
	font-weight: 400;
	font-size: 26px;                /* mobile */
	line-height: 33.8px;
	letter-spacing: -0.702px;
	color: #fff;
	margin: 0 0 32px;
}

/* trilho horizontal (scroll-snap) — mostra ~3 cards no desktop */
.raz-atu-outras__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 78%;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 8px;
}
.raz-atu-outras__track::-webkit-scrollbar { height: 6px; }
.raz-atu-outras__track::-webkit-scrollbar-thumb { background: rgba(241,242,231,0.25); border-radius: 3px; }

.raz-atu-card {
	position: relative;
	scroll-snap-align: start;
	display: flex;
	align-items: flex-end;
	min-height: 220px;
	padding: 22px;
	overflow: hidden;
	text-decoration: none;
	background: #0e1517;
}
.raz-atu-card__img {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	filter: grayscale(1);
	transition: transform 0.5s ease, filter 0.4s ease;
}
.raz-atu-card::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.15));
}
.raz-atu-card:hover .raz-atu-card__img { transform: scale(1.05); filter: grayscale(0.2); }
.raz-atu-card__title {
	position: relative; z-index: 1;
	font-family: var(--raz-font-display);
	font-weight: 400;
	font-size: 22px;
	line-height: 28px;
	color: #fff;
}

.raz-atu-outras__foot { display: flex; flex-direction: column; gap: 16px; margin-top: 36px; }
.raz-atu-outras__more { font-family: var(--raz-font-display); font-size: 22px; color: var(--raz-beige); }
.raz-atu-btn--light { margin-top: 0; align-self: flex-start; }

@media (min-width: 740px) {
	.raz-atu-outras .raz-container { padding-block: 50px; }
	.raz-atu-outras__titulo { font-size: 40px; line-height: 52px; letter-spacing: -1.08px; }
	.raz-atu-outras__track { grid-auto-columns: calc((100% - 40px) / 3); }  /* 3 por vez */
	.raz-atu-card { min-height: 300px; }
	.raz-atu-outras__foot { flex-direction: row; align-items: center; justify-content: space-between; }
}