/*======================================
HERO EMPRESA
======================================*/

.empresa-hero{

	padding:4rem 0; 
	background:var(--color-accent-light);

}

.empresa-hero__grid{

	display:grid;

	grid-template-columns:1fr;

	gap:4rem;

	align-items:center;

}

.empresa-hero__content h1{

	font-size: 2.4rem;
	font-weight: 700;
	color: var(--color-text);

}

.empresa-hero__content p{

	font-size:1.6rem;

	line-height:1.8;

	color: var(--color-text);

	margin-bottom:30px;

	max-width:650px;

}

.empresa-hero__list{

	list-style:none;

	padding:0;

	margin:0 0 35px;

	display:grid;

	gap:14px;

}

.empresa-hero__list li{

	font-weight:600;

	color:#32445d;

}

.empresa-hero__image img{

	width:100%;

	border-radius:24px;

	box-shadow:0 35px 70px rgba(0,0,0,.12);

}

@media(min-width:992px){

	.empresa-hero__grid{

		grid-template-columns:1.1fr .9fr;

	}

}

/*======================================
BENEFICIOS
======================================*/

.empresa-beneficios{

	padding:4rem 0;
	background: var(--color-primary-light);

	.section-header {
		text-align: center;
	}

}

.empresa-beneficios__grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

	gap:30px;

	margin-top:60px;

}

.empresa-beneficios article{

	background:#fff;

	padding:35px;

	border-radius:20px;

	border:1px solid #edf3fb;

	box-shadow:0 15px 40px rgba(0,0,0,.05);

	transition:.35s;

}

.empresa-beneficios article:hover{

	transform:translateY(-8px);

}

.empresa-beneficios h3{

	color:var(--color-primary-dark);

	margin-bottom:15px;

}

.empresa-beneficios p{

	line-height:1.8;

}

/*=====================================
SERVICIOS EMPRESA
======================================*/

.empresa-servicios{

	padding:4rem 0;
	background:var(--color-accent-light);
	.section-header {
		text-align: center;
	}

}

.empresa-servicios__grid{

	margin-top:60px;

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

	gap:32px;

}

.empresa-servicio-card{

	background:#fff;

	border-radius:22px;

	overflow:hidden;

	box-shadow:0 18px 45px rgba(0,0,0,.08);

	border:1px solid #edf2fa;

	transition:.35s;

	display:flex;

	flex-direction:column;

}

.empresa-servicio-card:hover{

	transform:translateY(-10px);

	box-shadow:0 28px 60px rgba(0,0,0,.12);

}

.empresa-servicio-card__image{

	height:220px;

	overflow:hidden;

}

.empresa-servicio-card__image img{

	width:100%;

	height:100%;

	object-fit:cover;

	transition:.5s;

}

.empresa-servicio-card:hover img{

	transform:scale(1.06);

}

.empresa-servicio-card__content{

	padding:30px;

	display:flex;

	flex-direction:column;

	flex:1;

}

.empresa-servicio-card h3{

	font-size: 1.8rem;

	color:var(--color-primary-dark);

	

	line-height:1.3;

}

.empresa-servicio-card p{

	line-height:1.8;

	color:#667085;

	margin-bottom:28px;

	flex:1;

}

.empresa-servicio-card .btn-primary{

	width:100%;

	justify-content:center;

}

/*==================================================
PROCESO
==================================================*/

.empresa-proceso{

	padding:4rem 0;

	background:var(--color-primary-light);

	.section-header {
		text-align: center;
	}

}

.empresa-proceso__timeline{

	margin-top:70px;

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

	gap:40px;

	position:relative;

}

@media(min-width:1200px){

	.empresa-proceso__timeline{

		grid-template-columns:repeat(4,1fr);

	}

	.empresa-proceso__timeline::before{

		content:"";

		position:absolute;

		top:42px;

		left:12%;

		right:12%;

		height:3px;

		background:linear-gradient(
			90deg,
			var(--color-primary),
			#8bc5ff
		);

		z-index:0;

	}

}

.empresa-step{

	position:relative;

	z-index:2;

	background:#fff;

	padding:35px;

	text-align:center;

	border-radius:24px;

	border:1px solid #edf2fa;

	box-shadow:0 15px 40px rgba(0,0,0,.05);

	transition:.35s;

}

.empresa-step:hover{

	transform:translateY(-10px);

	box-shadow:0 30px 60px rgba(0,0,0,.10);

}

.empresa-step__number{

	width:84px;

	height:84px;

	margin:0 auto 25px;

	border-radius:50%;

	background:linear-gradient(
		135deg,
		var(--color-primary),
		var(--color-primary-dark)
	);

	color:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:1.8rem;

	font-weight:700;

	box-shadow:0 15px 35px rgba(58,155,255,.30);

}

.empresa-step h3{

	font-size:1.8rem;

	color:var(--color-primary-dark);

	margin-bottom:18px;

}

.empresa-step p{

	color:#667085;

	line-height:1.8;

	margin:0;

}

/*==================================
FAQ EMPRESA
==================================*/

.empresa-faq{

	padding:4rem 0;
	background:var(--color-accent-light);

	.section-header {
		text-align: center;
	}

}

.empresa-faq__list{

	max-width:900px;

	margin:60px auto 0;

}

.empresa-faq__item{

	background:#fff;

	margin-bottom:18px;

	border-radius:18px;

	overflow:hidden;

	border:1px solid #edf2fa;

	box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.empresa-faq__question{

	width:100%;

	display:flex;

	justify-content:space-between;

	align-items:center;

	padding:24px 30px;

	background:none;

	border:none;

	cursor:pointer;

	font-size:1.6rem;

	font-weight:700;

	color:var(--color-primary-dark);

	text-align:left;

}

.empresa-faq__question svg{

	width:22px;

	height:22px;

	stroke:var(--color-primary);

	stroke-width:2;

	fill:none;

	transition:.35s;

}

.empresa-faq__item.active svg{

	transform:rotate(45deg);

}

.empresa-faq__answer{

	max-height:0;

	overflow:hidden;

	transition:max-height .35s ease;

}

.empresa-faq__answer p{

	padding:0 30px 28px;

	line-height:1.8;

	color:#667085;

}