/*Apagar fuegos*/
.apagarfuegos {
	display: flex;
	gap: 5%;

	/* Centrado */
	padding-left: 0;

	padding-top: 3em;
	margin-left: 12%;
	margin-right: 12%;

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


	.header {
		flex: 30;

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

		h2 {
			color: #808080;
			font-family: 'Roboto', Arial;
			font-size: 1.4em;

			b {
				color: black;
			}
		}
	}

	.body {
		flex: 65;
		margin-top: 2rem;
		font-family: 'Montserrat', Arial;

		display: grid;
		grid-template-columns: 1fr;
		gap: 0.6rem;

		/*Vista movil*/
		@media screen and (max-width: 600px) {
			font-size: 0.8em;
		}

		div {
			background-color: white;
			border-radius: 1em;
			box-shadow: 0em 0em 0.55em rgb(200, 200, 200);
			display: flex;
			align-items: start;
			color: #808080;
			padding: 2em;

			/*Vista movil*/
			@media screen and (max-width: 600px) {
				padding: 1em 2em;
			}

			h3 {
				font-size: 1.2em;
				font-weight: 500;

				b {
					color: black;
				}
			}

			img {
				padding-right: 1em;
				height: 1.5em;

				/*Vista movil*/
				@media screen and (max-width: 600px) {
					margin-top: 0.5em;
				}
			}
		}

		div:nth-child(odd) {
			margin-right: 6em;
		}

		div:nth-child(even) {
			margin-left: 6em;
		}
	}
}