/* CSS Style */

.page h1 {
	margin: 0;
	padding: 0;
	color: var(--sc-color-dark-mode);
	font-size: 68px;
	line-height: 1;
	font-family: var(--sc-font-family-header);
	text-align: left;
}

.page h1 small {
	display: block;
	color: var(--sc-color-primary);
	font-size: 26px;
	line-height: 1;
	font-family: var(--sc-font-family-header);
	text-transform: uppercase;
}

.page .sc-section .sc-section-heading {
	margin-bottom: 32px;
}

.page .sc-page-subheading {
	margin-bottom: 0;
}

.page .sc-page-text h2,
.page .sc-page-text h3 {
	max-width: 800px;
	color: var(--sc-color-dark-mode);
	margin: auto;
}

.page .sc-page-text h2 {
	margin-bottom: 16px;
	font-size: 32px;
	text-transform: capitalize;
}

.page .sc-page-text h3 {
	color: var(--sc-color-dark-mode);
	font-size: 26px;
	margin-top: 32px;
}

.page .sc-page-text h4 {
	color: var(--sc-color-dark-mode);
	font-size: 24px;
	margin-top: 24px;
}

.page .sc-page-text {
	margin-bottom: 60px;
}

.page .sc-page-subheading p,
.page .sc-page-text p,
.page .sc-page-text ul,
.page .sc-page-text ol,
.page .sc-page-text li {
	max-width: 800px;
	color: var(--sc-color-dark-mode-90);
	font-size: 24px;
	line-height: 1.3em;
}

.sc-page-text {
	margin-top: 100px;
}

.page .sc-page-text p {
	margin: auto;
}

.page .sc-page-text p+p {
	margin-top: 1em;
}

.page .sc-page-footer {
	margin-top: 0;
	padding: 0;
}

/* SOBRE NOS */
.page .sc-section-nos {
	padding-top: 10px;
	border-top: solid 1px var(--sc-colorbg-dark-mode-alt-1);
}

.page .sc-nos-content p {
	max-width: unset;
	font-size: 30px;
}

/* Page FILTERS --> */

.page .sc-section-filters {
	z-index: 40;
	position: sticky;
	top: 96px;
	padding: 16px 0;
	background-color: var(--sc-colorbg-dark-mode);
}

.page .sc-page-filters * {
	margin: 0;
	padding: 0;
}

.page .sc-page-filters .page-filters-nav {
	padding-bottom: 16px;
}

.page .sc-page-filters .sc-filtros-heading {
	display: flex;
	align-items: baseline;
	padding-bottom: 16px;
	gap: 32px;
	color: var(--sc-color-dark-mode);
}

.page .sc-page-filters .sc-filtros-heading .sc-filtros-titulo {
	color: var(--sc-color-dark-mode-70);
	font-size: 20px;
	font-family: var(--sc-font-family-header);
	letter-spacing: var(--sc-letter-spacing-uppercase);
	text-transform: uppercase;
}

.page .sc-page-filters .sc-filtros-heading a {
	color: var(--sc-color-dark-mode-90);
	font-size: 16px;
	font-family: var(--sc-font-family-header);
	letter-spacing: var(--sc-letter-spacing-uppercase);
	text-decoration: underline;
}

.page .sc-page-filters .sc-filtros-heading a:hover {
	color: var(--sc-color-dark-mode);
}

.page .sc-page-filters-nav .vcex-navbar-inner {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	gap: 16px;
}

.page .sc-page-filters-nav a.theme-button {
	padding: 4px 16px;
	border-radius: var(--sc-button-primary-border-radius);
	background-color: var(--sc-color-dark-mode-60);
	color: var(--sc-color-light-mode-90);
	font-weight: var(--sc-font-weight-regular);
	font-size: 16px;
	font-family: var(--sc-font-family-header);
}

.page .sc-page-filters-nav a.theme-button:hover {
	background-color: var(--sc-color-dark-mode);
	color: var(--sc-color-light-mode);
}

.page .sc-page-filters-nav a.active {
	border-radius: var(--sc-button-primary-border-radius);
	background-color: var(--sc-color-dark-mode);
	color: var(--sc-color-light-mode);
	font-weight: var(--sc-font-weight-bold);
	font-size: 16px;
	font-family: var(--sc-font-family-header);
}

.page .sc-page-filters-nav a.theme-button.wpex-pointer-events-none {
	display: none;
}

/* Page Scroll Sections */
.sc-section-row.sc-row-scroll {
	padding: 16px;
	border: 1px solid var(--sc-color-dark-mode-20);
	border-radius: 8px;
	width: fit-content;
	margin-top: 50px;
}

.sc-section-row.sc-row-scroll .sc-page-text {
	max-height: 500px;
	margin: auto;
	overflow: auto;

	border-radius: 8px;
	max-width: 800px;
	padding-right: 16px;
}

/* width */
.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar {
	width: 10px;
	margin: 8px;
}

/* Track */
.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar-track {
	background: var(--sc-color-dark-mode-80);
	border-radius: 100px;
	margin: 8px;
}

/* Handle */
.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar-thumb {
	background: var(--sc-color-primary);
	border-radius: 8px;
}

/* Handle on hover */
.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar-thumb:hover {
	background: var(--sc-color-primary-darker);
}

/* <-- Page FILTERS */

/* Page MEDIOS DE PAGAMENTO */
.page .sc-section-filters {
	margin-bottom: 16px;
}

.page .sc-medios-pago-filter-heading {
	color: var(--sc-color-dark-mode-70);
	font-size: 20px;
	font-family: var(--sc-font-family-header);
	letter-spacing: var(--sc-letter-spacing-uppercase);
	text-transform: uppercase;
	margin-bottom: 16px;
}

.page .sc-page-filters .filtro-pagos-inner {
	display: flex;
	gap: 8px;
}

.page .sc-page-filters .filtro-pagos-element {
	display: flex;
	width: 60px;
	height: 44px;
}

.page .sc-page-filters .filtro-pagos-element img {
	box-shadow: 0 0 4px 1px var(--sc-color-light-mode-80);
}

.page .sc-page-filters .filtro-pagos-element.active {
	border: 1px solid var(--sc-color-dark-mode);
	border-radius: 4px;
	padding: 2px;
}

.page .sc-page-filters .filtro-pagos-element.active img {
	filter: invert(1);
}

.page .sc-page-filters .filtro-pagos-element:hover {
	border: 1px solid var(--sc-color-dark-mode);
	border-radius: 4px;
	padding: 2px;
}


/* Media Query for Tablets Ipads portrait mode */
@media (max-width: 1024px) {
	.page .sc-section-filters {
		top: 100px;
	}

	.page .sc-post-cards-aprenda .wpex-row {
		justify-content: center;
	}
}

/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 768px) {
	.page h1 {
		font-size: 52px;
	}

	.page h1 small {
		font-size: 22px;
	}

	.page .sc-page-subheading p,
	.page .sc-page-text p {
		font-size: 20px;
	}

	.page .sc-page-filters-nav {
		overflow-x: scroll;
	}

	.page .sc-page-filters-nav .vcex-navbar-inner {
		flex-wrap: nowrap;
	}

	.page .sc-page-filters-nav a.active,
	.page .sc-page-filters-nav a.theme-button {
		flex-shrink: 0;
		font-size: 16px;
	}
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.sc-section-ligas-destacadas .sc-section-heading {
		margin-bottom: 40px;
	}

	.page .sc-section-filters {
		padding-left: 16px;
	}

	.page .sc-page-subheading {
		margin-bottom: 0px;
	}

	.page .sc-page-filters-nav .vcex-navbar-inner {
		gap: 8px;
	}

	.page .sc-page-filters-nav a.active,
	.page .sc-page-filters-nav a.theme-button {
		font-size: 14px;
	}

	.page .sc-page-filters-nav a.theme-button {
		padding: 2px 8px;
	}

	.page .sc-post-cards-aprenda,
	.page .sc-post-cards-palpite {
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.page .sc-page-footer {
		margin-top: 32px;
	}

	.page h1 {
		margin: 16px 0;
		font-size: 38px;
	}

	.page h1 small {
		font-size: 18px;
	}

	.page .sc-page-subheading p {
		margin-top: 32px;
		font-size: 18px;
	}

	.page .sc-page-subheading p,
	.page .sc-page-text p {
		font-size: 18px;
	}

	/* Page Scroll Sections */
	.sc-section-row.sc-row-scroll {
		padding-right: 4px;
	}

	.sc-section-row.sc-row-scroll h2,
	.sc-section-row.sc-row-scroll h3 {
		margin-top: 24px;
	}

	.sc-section-row.sc-row-scroll .sc-page-text {
		max-height: 400px;
		padding-right: 16px;
	}

	/* width */
	.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar {
		width: 8px;
		margin: 4px;
	}

	/* Track */
	.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar-track {
		background: var(--sc-color-dark-mode-80);
		border-radius: 100px;
		margin: 4px;
	}

	/* Handle */
	.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar-thumb {
		background: var(--sc-color-primary);
		border-radius: 8px;
	}

	/* Handle on hover */
	.sc-section-row.sc-row-scroll .sc-page-text::-webkit-scrollbar-thumb:hover {
		background: var(--sc-color-primary-darker);
	}
}