/*Testimonios*/
.testimonios {
	color: white;
	background:
		radial-gradient(ellipse at top left, rgba(195, 37, 60, 0.35), transparent 55%),
		linear-gradient(160deg, #1c1c1c, #000);

	/* Vista movil */
	@media screen and (max-width: 767px) {
		padding-bottom: 4em;
	}

	/* Vista PC */
	@media screen and (min-width: 768px) {
		padding-top: 8em;
		padding-bottom: 8em;
		margin-top: 10em;
	}

	.header {
		text-align: center;
		margin-bottom: 3em;

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

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

	.destacado {
		text-align: center;
		max-width: 46em;
		margin: 0 auto 4em;

		blockquote {
			font-size: 2.1em;
			font-style: italic;
			line-height: 125%;
			margin-bottom: 0.8em;

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

		p {
			line-height: 175%;
			color: #CCCCCC;
		}
	}

	.tarjetas {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 16em), 1fr));
		gap: 2em;

		figure {
			margin: 0;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: 1em;
			padding: 2.5em 2em 2em;
			display: flex;
			flex-direction: column;
			gap: 1.5em;

			blockquote {
				font-size: 1.15em;
				line-height: 160%;

				&::before {
					content: '“';
					display: block;
					font-family: 'Montserrat', Arial;
					font-size: 3em;
					line-height: 0.6;
					color: #c3253c;
				}
			}

			figcaption {
				margin-top: auto;
				border-top: 1px solid rgba(255, 255, 255, 0.2);
				padding-top: 1em;
				color: #CCCCCC;

				b {
					color: white;
					display: block;
				}
			}
		}
	}

	.autor {
		display: block;
		margin-top: 1.5em;
		color: #CCCCCC;

		b {
			color: white;
		}
	}
}