.my-subvenciones {
	--subv-ink: #172033;
	--subv-line: rgba(11, 18, 32, 0.1);
	--subv-blue: #0792e2;
	background: #fff;
	color: var(--subv-ink);
	font-family: "Montserrat", Arial, sans-serif;
	overflow: hidden;
}

body.page-id-20232,
body.page-id-20232 :where(div, section, article, header, footer, nav, p, a, span, li, h1, h2, h3, h4, h5, h6, small, strong, em),
body.page-template-my-subvenciones-page,
body.page-template-my-subvenciones-page :where(div, section, article, header, footer, nav, p, a, span, li, h1, h2, h3, h4, h5, h6, small, strong, em) {
	font-family: "Montserrat", Arial, sans-serif !important;
}

.my-subvenciones *,
.my-subvenciones *::before,
.my-subvenciones *::after {
	box-sizing: border-box;
}

.my-subvenciones-container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0;
}

.my-subvenciones-hero {
	position: relative;
	padding: 240px 0 200px;
	overflow: hidden;
	background:
		linear-gradient(180deg, #fff 0%, #fff 14%, rgba(255, 255, 255, 0) 30%),
		radial-gradient(780px 560px at 72% 22%, rgba(7, 146, 226, 0.07), transparent 72%),
		radial-gradient(620px 400px at 26% 18%, rgba(4, 190, 254, 0.045), transparent 74%),
		radial-gradient(860px 420px at 60% 78%, rgba(7, 146, 226, 0.035), transparent 78%),
		linear-gradient(180deg, #ffffff 0%, #f8fcff 52%, #fcfeff 82%, #ffffff 100%);
	background-repeat: no-repeat;
}

.my-subvenciones-hero::after {
	content: "";
	position: absolute;
	left: -10%;
	right: -10%;
	bottom: -118px;
	height: 240px;
	border-radius: 50% 50% 0 0 / 70% 70% 0 0;
	background: linear-gradient(180deg, rgba(248, 253, 255, 0.32), rgba(255, 255, 255, 0.8));
	box-shadow: 0 -28px 54px rgba(255, 255, 255, 0.8);
	pointer-events: none;
}

.my-subvenciones-image {
	display: block;
	width: min(100%, 850px);
	height: auto;
	margin: 0 auto;
	border-radius: 8px;
	box-shadow: 0 18px 60px rgba(11, 18, 32, 0.1);
}

@media (max-width: 1250px) {
	.my-subvenciones-container {
		width: calc(100% - 80px);
		max-width: none;
	}
}

@media (max-width: 900px) {
	.my-subvenciones-hero {
		padding: 200px 0 110px;
	}
}

@media (max-width: 560px) {
	.my-subvenciones-container {
		width: calc(100% - 56px);
	}

	.my-subvenciones-hero {
		padding: 170px 0 88px;
	}
}
