.soluciones{
	width: 100%;
	background-color: #f3f7fa;

	& #soluciones{
		& nav{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			gap: .5rem;
			overflow-x: auto;

			&::-webkit-scrollbar {
				height: 10px;
			}

			& a{
				display: block;
				width: 100%;
				height: 100%;

				text-align: center;
				text-decoration: none;
				text-wrap: nowrap;

				color: #000;
				font-size: 1.3rem;

				padding: .5rem;

				transition: 0.3s;

				background-color: #fff;
				border-radius: 10px 10px 0 0;

				&:hover,
				&.active{
					background-color: #00a5fc;
					color: #fff;
				}
			}
		}

		& article{
			font-size: 1.5rem;

			& p.text-center{
				font-size: 1.7rem;
			}

			& img{
				width: 100%;
				height: auto;
				object-fit: contain;
			}
		}

		& article:not(.active){
			height: 0;
			overflow: hidden;
		}

		& article.active{
			height: 100%;
			overflow: visible;
		}
	}

}

.certificaciones{
	& p{
		font-size: 1.5rem;
	}

	& .grid{
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		/* grid-template-rows: repeat(2, 1fr); */
		grid-column-gap: 0;
		grid-row-gap: 0;


		& img{
			width: 120px;
			height: 120px;

			object-fit: contain;
		}

		& span{
			display: block;
			margin-top: 1rem;
			font-size: 1.3rem;
		}
	}
}

.mercado{
	& img{
		width: 120px;
		height: 120px;

		object-fit: contain;
	}

	& span{
		display: block;
		font-size: 1.3rem;

		opacity: .5;

		margin-top: 1rem;
	}
}