/* The sections of the pages Elementor laid out (templates/_sections.html.j2): one bordered
   card each, in the child theme's three-column grid, with the values Elementor's and
   the theme's rules gave them. Breakpoints are Elementor's: tablet up to 1024px. */

.main-page-wrapper .container article.content-page {
	margin-top: 5px;
}
.content-section {
	display: flex; /* the blocks' margins add up, as in Elementor's flex columns */
	flex-direction: column;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #E6E6E6;
	border-radius: 8px;
	background: #FFFFFF;
}
.content-section:last-child {
	margin-bottom: 0;
}
.content-section > :not(:last-child) {
	margin-bottom: 5px;
}
/* a custom-ad-main section: the theme draws its broker cards without the card */
.content-section.bare {
	margin-bottom: 15px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}
/* Elementor's heading widget; its one h3 (mejores-brokers-para-invertir-en-dividendos)
   takes the margins the page's custom CSS gave it, over custom.css' h3 margins */
.content-heading > * {
	line-height: 1;
}
.content-heading > h3 {
	margin: 0 0 10px !important;
}
.content-text h2 {
	margin: 10px 0 24px;
	color: #242424;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
}
.content-text p {
	margin: 0 0 24px;
}
.content-text {
	text-align: left;
}
.content-text > :last-child {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.content-section {
		margin-bottom: 15px;
		padding: 15px;
	}
	.content-section:last-child {
		margin-bottom: 15px;
	}
}