/* START BANNER */
.banner{
	width: 												100%;
	height: 											auto;
	margin: 											110px 0 60px 0;
}

.banner h1{
	font-size: 											64px;
	font-weight: 										700;
	margin: 											0;
}

.banner p{
	font-size: 											32px;
	font-weight: 										400;
	margin: 											0;
}
/* END BANNER */

/* START SECCION TABS */
.seccionTabs{
	width: 												100%;
	height: 											auto;
	margin-bottom: 										20px;
}

.seccionTabs .d-flex > nav{
	flex: 												0 0 21%;
}

.seccionTabs #nav-tabPrincipal{
	flex-flow: 											column nowrap;
	gap: 												20px;
	padding: 											40px 0;
}

.seccionTabs .btnTabsPrincipal{
	background-color: 									#EDEDED;
	border-radius: 										20px;
	padding: 											20px 15px;
	margin: 											0 15px;
	font-size: 											23px;
	font-weight: 										600;
	border: 											unset;
	transition: 										margin 0.3s ease;
	display: 											flex;
	gap: 												20px;
	align-items: 										center;
	text-align: 										start;
}

.seccionTabs .btnTabsPrincipal.active{
	background-color: 									#FFD000;
	border-radius: 										20px 0 0 20px;
	margin-right: 										0;
}

.seccionTabs .btnTabsPrincipal > img{
	width: 												65px;
	height: 											70px;
	object-fit: 										contain;
	object-position: 									center center;
}

.seccionTabs #nav-tabContentPrincipal{
	width: 												79%;
	background-color: 									#F6F6F6;
	border-radius: 										20px 0 0 20px;
}

.seccionTabs #nav-tabContentPrincipal > .tab-pane{
	padding: 											40px 60px 60px 60px;
}

.seccionTabs #nav-tabContentPrincipal > .tab-pane > span{
	display: 											block;
	font-weight: 										600;
	text-align: 										center;
	margin-bottom: 										20px;
}

.seccionTabs .pestanaServicios{
	width: 												fit-content;
	margin: 											0 auto;
	padding: 											0 10px;
	border-top: 										1px solid #000000;
	margin-bottom: 										40px;
}

.seccionTabs .btnTabsPestana{
	background-color: 									transparent;
	border: 											unset;
	font-size: 											16px;
	padding: 											10px 90px 0;
	position:											relative;
	top: 												-2px;
	border-top: 										3px solid #FFD000;
	font-weight: 										600;
	color: 												#000000;
}

.seccionTabs .contendorTextoServicio{
	padding: 											0 80px;
	margin-bottom: 										30px;
}

.seccionTabs .contenedorServicios{
	display: 											flex;
	flex-flow: 											row nowrap;
	gap: 												20px;
	margin-bottom: 										30px;
}

.seccionTabs .contenedorServicio{
	flex: 												1 0 0;
	display: 											flex;
	flex-flow: 											column nowrap;
	background-color: 									#FFFFFF;
	border: 											2px solid #D9D9D9;
	border-radius: 										20px;
	padding: 											35px 15px;
	align-items: 										center;
}

.seccionTabs .iconoServicio{
	width: 												85px;
	height:												85px;
	object-fit: 										contain;
	object-position: 									center center;
	margin-bottom: 										10px;
}

.seccionTabs .contenedorServicio > p{
	display: 											block;
	text-align: 										center;
	font-size: 											16px;
}

.seccionTabs .btnTabsSecundario{
	flex: 												1 0 0;
	background-color: 									#D9D9D9;
	font-size: 											23px;
	font-weight: 										600;
	padding: 											15px;
	border: 											unset;
}

.seccionTabs .btnTabsSecundario:first-of-type{
	border-radius: 										15px 0 0 0;
}

.seccionTabs .btnTabsSecundario:last-of-type{
	border-radius: 										0 15px 0 0;
}

.seccionTabs .btnTabsSecundario.active{
	background-color: 									#FFD000;
}

.seccionTabs #nav-tabContentSecundario{
	padding: 											40px 40px 60px;
	background-color: 									#FFFFFF;
	text-align: 										center;
}

.seccionTabs #nav-tabContentSecundario .tab-pane p{
	font-size: 											20px;
}

.seccionTabs #nav-tabContentSecundario .tab-pane a{
	font-size: 											20px;
	text-decoration: 									none;
	color: 												#000000;
}
/* END SECCION TABS */

@media( max-width: 992px ){
	/* START BANNER */
	.banner{
		margin: 											50px 0 30px 0;
	}
	
	.banner h1{
		font-size: 											32px;
	}

	.banner h3{
		font-size: 											23px;
	}
	
	.banner p{
		font-size: 											16px;
	}
	/* END BANNER */

	/* START SECCION TABS */
	.seccionTabs{
		margin-bottom: 										0;
	}
	
	.seccionTabs #nav-tabPrincipal{
		flex-flow: 											row nowrap;
		gap: 												5px;
		padding: 											0;
	}
	
	.seccionTabs .btnTabsPrincipal{
		border-radius: 										10px;
		padding: 											10px;
		margin: 											0 0 10px 0;
		flex:  												1 0 0;
	}
	
	.seccionTabs .btnTabsPrincipal.active{
		border-radius: 										10px 10px 0 0;
		margin-bottom: 										0;
	}
	
	.seccionTabs .btnTabsPrincipal > img{
		width: 												100%;
		height: 											auto;
	}

	.seccionTabs .btnTabsPrincipal > span{
		display: 											none;
	}
	
	.seccionTabs #nav-tabContentPrincipal{
		width: 												100%;
		border-radius: 										0;
	}
	
	.seccionTabs #nav-tabContentPrincipal > .tab-pane{
		padding: 											30px 15px 45px 15px;
	}

	.seccionTabs .pestanaServicios{
		margin-bottom: 										30px;
	}
	
	.seccionTabs .btnTabsPestana{
		padding: 											10px 70px 0;
	}
	
	.seccionTabs .contendorTextoServicio{
		padding: 											0 40px;
		text-align: 										center;
	}
	
	.seccionTabs .contenedorServicios{
		flex-flow: 											row wrap;
		gap: 												5px;
	}
	
	.seccionTabs .contenedorServicio{
		flex: 												1 0 48%;
		padding: 											25px 15px;
	}
	
	.seccionTabs .iconoServicio{
		width: 												60px;
		height:												60px;
	}
	
	.seccionTabs .contenedorServicio > p{
		font-size: 											14px;
	}
	
	.seccionTabs .accordion-item{
		border: 											unset;
		margin-bottom: 										10px;
	}

	.seccionTabs .accordion-button{
		background-color: 									#D9D9D9;
		padding: 											30px 60px 30px 30px;
		border-radius: 										10px;
		font-size: 											23px;
		font-weight: 										600;
	}

	.seccionTabs .accordion-button::after{
		width: 												17px;
		height: 											13px;
		background-image: 									url("../../images/arrowDown.svg");
		background-position: 								center center;
		background-repeat: 									no-repeat;
		background-size: 									17px 13px;
		position: 											absolute;
		top: 												0;
		bottom: 											0;
		margin: 											auto 0;
		right: 												40px;
	}

	.seccionTabs .accordion-button:not(.collapsed){
		background-color: 									#FFD000;
		color: 												#000000;
		border-radius: 										10px 10px 0 0 ;
	}

	.seccionTabs .accordion-body{
		padding: 											25px 40px;
		text-align: 										center;
	}

	.seccionTabs .accordion-body a{
		text-decoration: 									none;
		color: 												#000000;
	}
	/* END SECCION TABS */
}