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

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

.alm-servico-card {
	position: relative;
	display: block;
	text-decoration: none;
	overflow: hidden; /* pro zoom da imagem no hover não vazar do card */
}

.alm-servico-card__image-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

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

/* Título sobreposto, ancorado no canto inferior esquerdo da imagem. */
.alm-servico-card__content {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	box-sizing: border-box;
}

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