/* ALM Carrocerias Grid — estrutura base
   Todo o visual (cores, gradiente, tipografia, raio, sombra) é controlado
   via Elementor. Este CSS cuida só da estrutura/camadas do card. */

.alm-carrocerias-grid {
	display: grid;
	width: 100%;
}

.alm-carroceria-card {
	position: relative;
	display: block;
	text-decoration: none;
	isolation: isolate; /* cria um novo contexto de empilhamento local */
}

.alm-carroceria-card--hover:hover {
	transform: translateY(-6px);
}

/* Camada de fundo (gradiente azul) — fica atrás da imagem e do título,
   ocupando (por padrão) do topo do card até o final. */
.alm-carroceria-card__box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

/* Imagem — fica na frente do fundo. Se o PNG tiver transparência,
   o gradiente aparece nos vãos (embaixo do chassi, entre rodas etc). */
.alm-carroceria-card__image-wrap {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: visible;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.alm-carroceria-card__image {
	width: 100%;
	height: 100%;
	display: block;
}

/* Título — também na frente do fundo, logo depois da imagem no fluxo. */
.alm-carroceria-card__content {
	position: relative;
	z-index: 2;
	width: 100%;
	box-sizing: border-box;
}

.alm-carroceria-card__title {
	margin: 0;
	line-height: 1.2;
}