/*Metodologia*/
.metodologia {
	display: flex;
	flex-wrap: wrap;
	gap: 9%;
	align-items: end;

	/*Vista movil*/
	@media screen and (orientation: portrait) {
		flex-direction: column;
	}

	/*Vista PC*/
	@media screen and (orientation: landscape) {
		margin-top: 10%;
	}

	.descripcion {
		padding-bottom: 1em;
		flex: 42;

		h1 {
			font-family: 'Montserrat', Arial;
			font-size: 2em;
			line-height: 125%;
			margin-bottom: 1em;
		}

		p {

			/*Vista PC*/
			@media screen and (min-width: 600px) {
				line-height: 175%;
			}

			margin-right: 2.5em;
			margin-bottom: 5em;
		}

		img {
			max-height: 5cm;
			margin: auto;
		}
	}

	.tarjetas {
		flex: 49;

		display: flex;
		flex-flow: column;
		gap: 1em;

		h2 {
			margin-bottom: 1em;
			font-size: 1.4em;
		}


		.tarjeta {
			background-color: white;
			border-radius: 0.5em;
			box-shadow: 0em 0em 0.55em rgb(200, 200, 200);
			color: #808080;
			padding: 1em 2em;

			b {
				color: black;
			}
		}

	}
}