.linea-tiempo{
	display: flex;
	flex-direction: column;
}

.linea-tiempo .evento{
	padding: 1rem 0 1rem 1.5rem;
	margin-bottom: 1rem;
	position: relative;
	--color-evento: var(--mutual-verde);
}

.linea-tiempo .evento:nth-of-type(3n+1){
	--color-evento: var(--mutual-olivo);
}

.linea-tiempo .evento:nth-of-type(3n+2){
	--color-evento: var(--gold-color);
}

.linea-tiempo .evento::before{
	content: '';
	width: 1.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(var(--color-evento));
}

.linea-tiempo .evento:first-of-type::before{
	border-radius: 2rem 2rem 0 0;
}

.linea-tiempo .evento:last-of-type::before{
	border-radius: 0 0 2rem 2rem;
}

.linea-tiempo .fecha{
	font-size: 2rem;
	font-weight: bold;
	color: rgba(var(--color-evento),0.7);	
	padding: 0 2rem;
	border-bottom: 0.25rem solid rgb(var(--color-evento));
}

.linea-tiempo .icon{
	--size: 3rem;
	display:block;
	width: var(--size);
	height: var(--size);
	margin: calc((-1 * var(--size)) / 2) 0;
	margin-left: auto;
	background-color: rgb(var(--color-evento));
	border-radius: 100%;
	position: relative;
	/*font-size: 2rem;
	line-height: 1em;
	color: white;*/
}

.linea-tiempo .icon img{
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	filter: invert(1);
}

.mutual-icon-impuestos::before{
	content:'';
	display: inline-block;
	width: 1em;
	height: 1em;	
	background-color: currentColor;
	-webkit-mask-image: url('/img/simulador/impuestos.svg');
	mask-image: url('/img/simulador/impuestos.svg');
}
/*./img/simulador/impuestos.svg*/

.linea-tiempo .contenido1{
	margin: 1rem;
	margin-right: 5rem;
}

.linea-tiempo .contenido2{
	margin: 1rem;
	margin-left: 3rem;
	font-size: 0.85em;
}

@media only all and (min-width: 40em){
	.linea-tiempo .evento{
		margin-bottom: -5rem;
	}
	
	.linea-tiempo .evento::before{
		height: calc(100% - 6rem);
	}
	
	.linea-tiempo .evento:nth-child(odd){
		margin-left: calc(50% - 0.75rem);
	}
	
	.linea-tiempo .evento:nth-child(even){
		margin-right: calc(50% - 0.75rem);
		padding: 1rem 1.5rem 1rem 0;
	}
	
	.linea-tiempo .evento:nth-child(even)::before{
		left: auto;
		right: 0;
	}
	
	.linea-tiempo .evento:nth-child(even) .fecha{
		text-align: right;
	}
	
	.linea-tiempo .evento:nth-child(even) .icon{
		margin-left: 0;
	}
	
	.linea-tiempo .evento:nth-child(even) .contenido1{
		margin-left: 5rem;
		margin-right: 1rem;
	}
	
	.linea-tiempo .evento:nth-child(even) .contenido2{
		margin-left: 1rem;
		margin-right: 3rem;
	}
}