.esc-grid{
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	gap:20px;
	font-family:'Montserrat',sans-serif;
	margin-top:32px;
	width:100%;
}

@media (min-width:577px){
	.esc-grid{
		grid-template-columns:repeat(2, 1fr);
		gap:24px;
	}
}

@media (min-width:993px){
	.esc-grid{
		grid-template-columns:repeat(4, 1fr);
		gap:28px;
	}
}

.esc-card{
	box-sizing:border-box;
	display:block;
	width:100%;
	background:#fff;
	border:1px solid #ececec;
	border-radius:4px;
	padding:24px 16px 28px;
	text-align:center;
	text-decoration:none;
	color:#000;
	transition:box-shadow .25s ease, transform .25s ease;
}

.esc-card:hover{
	box-shadow:0 16px 32px rgba(0,0,0,.14);
	transform:translateY(-6px);
}

.esc-card-imagem{
	margin-bottom:18px;
}

.esc-card-imagem img{
	width:100%;
	height:auto;
	max-height:160px;
	object-fit:contain;
}

.esc-card-nome{
	font-weight:700;
	font-size:16px;
	letter-spacing:.3px;
	text-transform:uppercase;
	color:#000;
	margin-bottom:10px;
}

.esc-card-disponivel{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	color:#d9b34c;
	font-weight:600;
	font-size:14px;
	margin-bottom:20px;
}

.esc-card-botao{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border:1px solid #d9b34c;
	border-radius:6px;
	font-size:22px;
	font-weight:700;
	line-height:1;
	color:#000;
	transition:background-color .25s ease, color .25s ease;
}

.esc-card:hover .esc-card-botao{
	background:#d9b34c;
	color:#fff;
}

.esc-aviso{
	font-family:'Montserrat',sans-serif;
	font-size:16px;
	color:#555;
	margin-top:24px;
}

.esc-paginacao{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:16px 24px;
	margin-top:36px;
	font-family:'Montserrat',sans-serif;
}

.esc-pagina-link{
	box-sizing:border-box;
	display:inline-block;
	color:#000;
	font-weight:600;
	font-size:14px;
	text-decoration:none;
	padding:8px 16px;
	border:1px solid #d9b34c;
	border-radius:4px;
	transition:background-color .25s ease, color .25s ease;
	white-space:nowrap;
}

.esc-pagina-link:hover{
	background:#d9b34c;
	color:#fff;
}

.esc-pagina-link.esc-desativado{
	opacity:.35;
	pointer-events:none;
	border-color:#ccc;
	color:#999;
}

.esc-pagina-atual{
	font-size:14px;
	font-weight:600;
	color:#555;
	text-align:center;
}

@media (max-width:480px){
	.esc-grid{
		gap:16px;
	}

	.esc-paginacao{
		gap:12px;
	}

	.esc-pagina-link{
		padding:6px 12px;
		font-size:13px;
	}
}