#modalidad .condiciones-comunes{
	margin-bottom: 2rem;
}

#modalidad .variante{
	background: white;
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: var(--soft-radius);
}

#modalidad .informacion{
	display: flex;
	flex-direction: column;
}

#modalidad .imagen{
	aspect-ratio: 4 / 3;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	max-width: 25rem;
	-webkit-mask-image: url('/img/servicio/credito/imagen-mask.svg');
	-webkit-mask-size: 100% 100%;
	mask-image: url('/img/servicio/credito/imagen-mask.svg');
	mask-size: 100% 100%;
	order: 1;
	margin-bottom: 2rem;
	transition: width 0.3s, height 0.3s;
}

@media only all and (min-width: 40rem){
	#modalidad .informacion{
		display: unset;
		flex-direction: column;
	}

	#modalidad .imagen{
		width: calc(100vw - 25rem);
		float: right;
		margin-left: 1rem;
	}
}

@media only all and (min-width: 60em){
	#modalidad .imagen{
		width: calc(100vw - 42rem);
		float: right;
		margin-left: 1rem;
	}

	.with-sidebar{
		grid-template-columns: 1fr 15rem;
	}
}