/* CSS Style */

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

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

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

.sc-recurso-content .vc_column-inner {
	margin: 0;
	padding: 0;
}

.sc-recurso-content .wpb-content-wrapper {
	max-width: 800px;
}

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

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

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

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

.sc-recurso-content p {
	color: var(--sc-color-dark-mode-90);
	font-weight: var(--sc-font-weight-regular);
	line-height: 1.4;
}

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

.sc-recurso-content img {
	margin-top: 16px;
	margin-bottom: 16px;
}

.sc-recurso-content ul {
	margin-top: 16px;
	margin-bottom: 16px;
	padding-left: 16px;
	line-height: 2;
}

.sc-recurso-content li {
	padding-left: 0;
}

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

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

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

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

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

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

.sc-recurso-sidebar .sc-menu-navegacion-content ol {
	display: flex;
	flex-direction: column;
	gap: 8px;
	counter-reset: listNumbering;
}

.sc-recurso-sidebar .sc-menu-navegacion-content li {
	position: relative;
	min-height: 20px;
	margin: 0;
	padding-left: 8px;
	font-size: 1em;
	line-height: 1.2em;
	list-style-type: none;
	counter-increment: listNumbering;
}

.sc-recurso-sidebar .sc-menu-navegacion-content li a {
	padding: 0;
}

.sc-recurso-sidebar .sc-menu-navegacion-content li:before {
	position: absolute;

	width: 50px;
	height: 100%;
	margin-left: -56px;
	content: counter(listNumbering) ". ";
	font-weight: var(--sc-font-weight-regular);
	font-size: 14px;
	line-height: 100%;

	font-family: var(--sc-font-family-header);
	text-align: right;
	text-transform: uppercase;
}

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

/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 768px) {
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.sc-recurso-content h1,
	.sc-recurso-content h1 span,
	.single-recurso h1,
	.single-recurso h1 span {
		font-size: 38px;
	}

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

	.sc-recurso-content * {
		font-size: 16px;
	}

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

	.sc-recurso-content h2,
	.sc-recurso-content h2 span {
		font-size: 24px;
	}

	.sc-recurso-content h3,
	.sc-recurso-content h3 span {
		font-size: 20px;
	}

	.sc-recurso-content p {
		font-size: 16px;
	}
}