/* Vanti - Reparar iPhone Servicios */
.vri-services{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:28px;
	width:100%;
	margin:28px 0 45px;
}
.vri-service-card{
	min-width:0;
	overflow:hidden;
	background:#fff;
	border:1px solid #e8ebef;
	border-radius:10px;
	box-shadow:0 8px 28px rgba(15,23,42,.06);
	transition:transform .25s ease,box-shadow .25s ease;
}
.vri-service-card:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 36px rgba(15,23,42,.10);
}
.vri-service-card__media{
	position:relative;
	display:block;
	height:280px;
	overflow:hidden;
	color:#fff!important;
	text-decoration:none!important;
}
.vri-service-card__media img{
	display:block;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	object-fit:cover!important;
	border-radius:0!important;
	transition:transform .35s ease;
}
.vri-service-card:hover .vri-service-card__media img{transform:scale(1.035);}
.vri-service-card__overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.08) 58%,rgba(0,0,0,0) 100%);
}
.vri-service-card__heading{
	position:absolute;
	left:22px;
	right:22px;
	bottom:20px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
}
.vri-service-card__heading h2{
	margin:0!important;
	color:#fff!important;
	font-size:25px!important;
	line-height:1.08!important;
	text-shadow:0 2px 12px rgba(0,0,0,.25);
}
.vri-service-card__count{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-width:36px;
	height:32px;
	padding:0 9px;
	border-radius:7px;
	background:#087fe5;
	color:#fff;
	font-size:12px;
	font-weight:700;
}
.vri-service-card__body{padding:20px 22px 22px;}
.vri-service-card__links{border-top:1px solid #edf0f3;}
.vri-service-card__links>a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:11px 4px;
	border-bottom:1px solid #edf0f3;
	color:#20242a!important;
	font-size:14px;
	font-weight:600;
	line-height:1.25;
	text-decoration:none!important;
	transition:padding .2s ease,color .2s ease,background .2s ease;
}
.vri-service-card__links>a:hover{
	padding-left:10px;
	padding-right:8px;
	color:#087fe5!important;
	background:#f7fbff;
}
.vri-service-card__meta{
	display:flex;
	align-items:center;
	gap:9px;
	flex:0 0 auto;
}
.vri-service-card__meta small{
	opacity:.48;
	font-size:11px;
	font-weight:600;
}
.vri-service-card__meta b{
	color:#087fe5;
	font-size:21px;
	line-height:1;
	font-weight:500;
	transition:transform .2s ease;
}
.vri-service-card__links>a:hover .vri-service-card__meta b{transform:translateX(3px);}
.vri-service-card__cta{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	margin-top:18px;
	padding:12px 15px;
	border-radius:7px;
	background:#087fe5;
	color:#fff!important;
	font-size:13px;
	font-weight:700;
	line-height:1.2;
	text-decoration:none!important;
	transition:transform .2s ease,opacity .2s ease;
}
.vri-service-card__cta:hover{opacity:.92;transform:translateY(-1px);}

@media(max-width:767px){
	.vri-services{
		grid-template-columns:1fr;
		gap:18px;
		margin:20px 0 30px;
	}
	.vri-service-card{border-radius:8px;}
	.vri-service-card__media{height:190px;}
	.vri-service-card__heading{left:17px;right:17px;bottom:15px;}
	.vri-service-card__heading h2{font-size:19px!important;}
	.vri-service-card__count{min-width:31px;height:29px;font-size:11px;}
	.vri-service-card__body{padding:15px 17px 18px;}
	.vri-service-card__links>a{padding:9px 3px;font-size:12px;}
	.vri-service-card__cta{margin-top:15px;font-size:12px;}
}