/*Carta del CEO: caos silencioso en planta*/
.manuel-caos {
	display: flex;
	gap: 8%;

	@media screen and (orientation: portrait) {
		flex-direction: column;

		.manuel {
			padding: 1em;
			justify-items: center;

			img {
				max-width: 10cm;
			}
		}
	}

	.manuel {
		flex: 35;

		img {
			width: 100%;
			margin-bottom: 2em;
			object-fit: contain;
		}

		div {
			margin-top: -1em;
			text-align: center;
		}
	}

	.caos {
		flex: 55;

		padding-top: 3em;

		> * {
			margin-bottom: 1em;
		}

		h1 {
			line-height: normal;
			font-size: 2em;
			font-family: 'Montserrat', Arial;

			/* Vista mobile */
			@media screen and (max-width: 700px) {
				font-size: 1.6em;
			}

			/* Vista pc */
			@media screen and (min-width: 700px) {
				text-align: center;
			}
		}

		h2 {
			font-weight: 400;
			font-size: 1.4em;
			text-wrap: auto;

			/* Vista mobile */
			@media screen and (max-width: 700px) {
				font-size: 1.2em;
			}
		}

		p {
			line-height: 175%;

			/* Vista mobile */
			@media screen and (max-width: 700px) {
				line-height: 125%;
			}
		}


		.propuesta {
			color: black;
			text-align: center;
			padding: 2em 0;

			hr {
				margin: auto;
				background-color: #c20f2f;
				border: #c20f2f;
				width: 2.5em;
				height: 0.3em;
				margin-bottom: 1.5em;
			}

			h3 {
				font-family: "Montserrat", Arial;
				font-size: 1.3em;
				font-weight: 500;
				margin-bottom: 1em;

				/* Vista mobile */
				@media screen and (max-width: 700px) {
					font-size: 1.2em;
				}
			}
		}
	}
}