/*Sin ataduras*/
.sinataduras {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;


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

	.header {
		flex: 25;

		h1 {

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

	.body {
		flex: 72;

		display: grid;
		gap: 2em;

		/*Vista movil*/
		@media screen and (orientation: portrait) {
			grid-template-columns: auto;

		}

		/*Vista PC*/
		@media screen and (orientation: landscape) {
			grid-template-columns: repeat(auto-fit, minmax(40%, auto));

		}



		div {
			background-color: white;
			border-radius: 1rem;
			box-shadow: 0em 0em 0.55em rgb(200, 200, 200);
			padding: 3em 2em;

			hr {
				background-color: #c20f2f;
				border: #c20f2f;
				width: 14mm;
				height: 1.25mm;
				margin-bottom: 1em;
			}

			h3 {
				margin-bottom: 1.5em;
			}



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

		/*Vista movil*/
		@media screen and (max-width: 600px) {
			div:nth-child(odd) {
				margin-right: 6em;
			}

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