.zigzag {
display: flex;	
flex-direction: column;
}

.experiencia-items {
	background-color: var(--primary-color);
	color: var(--text-color-inverse);
}

.wave {
	width: 100%;
	position: relative;
	top: 2px;
}

.wave-bottom {
	transform: scaleY(-1);
	top: -2px;
}

.experiencia-titulo {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-style: 30px;
	margin: 25px;
}

.experiencia-fecha {
	font-size: 25px;
	font-weight: bold;
	color: var(--secundary-color);
}

.experiencia-empresa {
	font-style: 20px;
	text-transform: uppercase;
	margin-top: 5px;
}

.experiencia-posicion {
	font-weight: 500;
	font-style: 18px;
	margin-top: 20px;
}

.experiencia-descripcion {
	font-weight: 400;
	font-style: 15px;
	margin-top: 10px;
}

.experiencia {
	padding: 25px;
	max-width: 500px;
	margin: 0 auto;
}

@media (min-width: 950px) {

	.experiencia {
		padding: 0;
	}

	.experiencia-izquierda {
		text-align: right;
	}

	.experiencia-grid {
		display: grid;
		grid-template-columns: auto 2px auto;
		gap: 20px 70px;
		padding: 70px;
		justify-content: center;
		max-width: 980px;
		margin: 0 auto;
	}

	.linea {
		background-color: var(--text-color-inverse);
		position:relative;
	}

	.linea::before,
	.linea::after {
		 content: "";
		 display: block;
		 width: 20px;
		 height: 20px;
		 background-color: var(--text-color-inverse);
		 border-radius: 50%;
		 position: absolute;
		 top: -20px;
		 left:-9px;
	}

	.linea::after {
		 top:100%;
		 z-index: 1;
		 
	}
}