/* CSS Style */

/* CONTENIDO */
.app-aprenda-content h1 *,
.single-aprenda h1 * {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: var(--app-font-family-header);
}

.app-aprenda-content h1,
.app-aprenda-content h1 span,
.single-aprenda h1,
.single-aprenda h1 span {
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
	gap: 8px;
	color: var(--app-color-dark-mode);
	font-size: 68px;
	font-family: var(--app-font-family-header);
}

.app-aprenda-content h1 .vcex-page-title__before,
.single-aprenda h1 .vcex-page-title__before {
	color: var(--app-color-primary);
	font-weight: var(--app-font-weight-regular);
	font-size: 36px;
	letter-spacing: var(--app-letter-spacing-uppercase);
	text-transform: uppercase;
}

.app-aprenda-content .vc_column-inner {
	margin: 0;
	padding: 0;
}

.app-aprenda-content .wpb-content-wrapper {
	max-width: 800px;
}

.app-aprenda-content * {
	margin: 0;
	padding: 0;
	color: var(--app-color-dark-mode);
	font-size: 20px;
	font-family: var(--app-font-family-body);
}

.app-aprenda-content h2,
.app-aprenda-content h3 {
	margin-top: 32px;
	margin-bottom: 16px;
}

.app-aprenda-content h2,
.app-aprenda-content h2 span {
	font-size: 32px;
	line-height: 1.4;
	font-family: var(--app-font-family-header);
}

.app-aprenda-content h3,
.app-aprenda-content h3 span {
	font-size: 22px;
	line-height: 1.4;
	font-family: var(--app-font-family-header);
}

.app-aprenda-content p {
	color: var(--app-color-dark-mode-90);
	font-weight: var(--app-font-weight-regular);
	line-height: 1.4;
	margin-bottom: 16px;
}

.app-aprenda-content li {
	color: var(--app-color-dark-mode-90);
	font-weight: var(--app-font-weight-regular);
	line-height: 1.4;
}

.app-aprenda-content b {
	color: var(--app-color-dark-mode);
	font-weight: var(--app-font-weight-bold);
}

.app-aprenda-content img {
	margin-top: 16px;
}

.app-aprenda-content table.table-simple {
	margin-top: 32px;
	margin-bottom: 32px;
}

.app-aprenda-content table.table-simple th {
	background-color: var(--app-colorbg-dark-mode-alt-1);
}

.app-aprenda-content table.table-simple td,
.app-aprenda-content table.table-simple th {
	padding: 8px;
}

.app-casa-de-aposta-content ul {
	margin-top: 16px;
	margin-bottom: 16px !important;
	padding-left: 16px;
	list-style: none;
}

.app-casa-de-aposta-content ul li {
	padding-left: 0;
	line-height: 1.4;
}

.app-casa-de-aposta-content ul li:before {
	margin-right: 10px;
	content: "•";
	font-size: 12pt;
	line-height: 1em;
}

/* Sidebar: Menu de Navegación */
.app-aprenda-sidebar .app-menu-navegacion-heading,
.app-aprenda-sidebar .app-menu-navegacion-content {
	padding: 8px;
	background-color: var(--app-colorbg-dark-mode-alt-1);
}

.app-aprenda-sidebar .app-menu-navegacion-heading {
	margin-top: 16px;
	border-radius: var(--app-br-8) var(--app-br-8) 0 0;
}

.app-aprenda-sidebar .app-menu-navegacion-content {
	margin-bottom: 16px;
	border-radius: 0 0 var(--app-br-8) var(--app-br-8);
}

.app-aprenda-sidebar .app-menu-navegacion-heading *,
.app-aprenda-sidebar .app-menu-navegacion-content * {
	margin: 0;
	padding: 0;
	color: var(--app-color-dark-mode);
}

.app-aprenda-sidebar .app-menu-navegacion-heading * {
	color: var(--app-color-dark-mode-50);
	font-size: 14px;
	font-family: var(--app-font-family-header);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.app-aprenda-sidebar .app-menu-navegacion-content * {
	padding-left: 13px;
	color: var(--app-color-dark-mode-90);
	font-size: 14px;
	font-family: var(--app-font-family-text);
}

.app-aprenda-sidebar .app-menu-navegacion-content li {
	padding-left: 0;
}

/* Media Query for Tablets Ipads portrait mode */
@media (max-width: 1024px) {}

/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 768px) {
	.single-aprenda #site-scroll-top {
		margin-bottom: 180px;
	}

	.single-aprenda .app-aprenda-content .card-casa-interna {
		display: none;
	}
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.single-aprenda #site-scroll-top {
		margin-bottom: 140px;
	}

	.app-aprenda-content h1,
	.app-aprenda-content h1 span,
	.single-aprenda h1,
	.single-aprenda h1 span {
		font-size: 38px;
	}

	.app-aprenda-content h1 .vcex-page-title__before,
	.single-aprenda h1 .vcex-page-title__before {
		font-size: 18px;
	}

	.app-aprenda-content * {
		font-size: 16px;
	}

	.app-aprenda-content h2,
	.app-aprenda-content h3 {
		margin-top: 24px;
		margin-bottom: 8px;
	}

	.app-aprenda-content h2,
	.app-aprenda-content h2 span {
		font-size: 24px;
	}

	.app-aprenda-content h3,
	.app-aprenda-content h3 span {
		font-size: 20px;
	}

	.app-aprenda-content p {
		font-size: 16px;
	}
}