/*Recuperar control*/
.recuperarcontrol {

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



	.header {
		#logo {
			max-width: 5.5em;
			max-height: 6.5em;
			margin-bottom: 2.5em;
		}

		h2 {
			font-family: "Montserrat", Arial;
			margin-bottom: 1em;
		}
	}

	.body {
		display: flex;
		flex-wrap: wrap;
		gap: 5em;

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

		.left {
			flex: 40;



			> * {
				margin-bottom: 1em;
			}



			h1 {
				font-size: 2em;
				font-family: "Montserrat", Arial;
				line-height: 125%;
			}

			p {
				font-size: 1.4em;

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

				/* Vista PC */
				@media screen and (min-width: 700px) {
					padding-right: 2ch;
				}
			}

			#tablet {
				/* margin-right: -3%;
				max-width: 103%; */
				margin-top: 5em;
			}
		}

		.ventajas-tarjetas {
			flex: 55;
			padding-top: 1em;

			display: grid;
			gap: 2em;
			grid-template-columns: auto auto;


			.tarjetas2 {
				margin-top: 6.5em;
			}

			.tarjeta {
				background-color: white;
				box-shadow: 0em 0em 0.55em rgb(200, 200, 200);
				border-radius: 1em;
				margin-bottom: 2em;


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

					hr {
						margin-bottom: 0.5em;
					}
				}

				/* Vista PC */
				@media screen and (min-width: 700px) {
					padding: 3em 2em;

					hr {
						margin-bottom: 1.5em;
					}
				}

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

				h3 {
					font-size: 1.2em;
				}

				p {
					margin-top: 1em;
					color: #808080;


				}
			}
		}
	}
}