/*Por qué/Qué*/
#porqueque {
	.header {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: end;

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

		div {
			flex: 1;
		}

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

		p {
			padding-left: 2.5em;
			padding-right: 10ch;
			line-height: 175%;
		}
	}


	.body {
		display: flex;
		flex-wrap: wrap;
		margin-top: 4em;

		/* Hace wrap correctamente, pero el caret */
		@media screen and (max-width: 500px) {
			flex-direction: column;
		}

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

			.bloque:not(:first-child)::after {
				top: -1px;
				transform: translateX(-50%) scaleX(50%);
				left: 50%;
				border-top-color: inherit !important;
			}
		}

		/* Vista Movil */
		@media screen and (orientation: landscape) {
			flex-direction: row;

			.bloque::after {
				left: -1px;
				transform: translateY(-50%) scaleY(50%);
				top: 50%;
				border-left-color: inherit !important;
			}
		}

		.bloque {
			flex: 1;
			padding: 4em 3em;
			position: relative;

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

			ul {
				list-style: none;
				padding-left: 4em;
				padding-right: 1em;

				li {
					padding: 1em 0;
					border-top: 1px solid white;
				}

				li:last-child {
					border-bottom: 1px solid white;
				}
			}

			&::after {
				content: '';
				display: block;
				border-color: transparent;
				border-style: solid;
				border-width: 1.5em;
				position: absolute;
			}
		}


		.bgRojo {
			border-color: #c3253c;
			background-color: #c3253c;
			color: white;
		}

		.bgGris {
			border-color: #c3253c;
			background-color: #4A4A4A;
			color: white;
		}
	}

	.footer {
		margin-top: 5em;
		width: 45%;
		justify-self: right;

		h1 {
			font-size: 2em;
			font-style: italic;
			font-weight: normal;
		}

		h5 {
			font-weight: normal;
			margin-top: 2em;
			color: #666666;
		}
	}

}