/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/******************************************* Tamaños de Tipografías *******************************************/
	h1 { font-size: 2.02rem!important; }
	h2 { font-size: 1.8rem!important; }
	h3 { font-size: 1.6rem!important; }
	h4 { font-size: 1.42rem!important; }
	h5, .contenedor-cuerpo-capitulos h2 { font-size: 1.26rem!important }
	h6, .contenedor-cuerpo-capitulos h3, .contenedor-menu-principal .elementor-nav-menu li a { font-size: 1.12rem!important; }	
	.contenedor-cuerpo-capitulos h4 { font-size: 16px!important; font-weight: 700!important; }
	@media (min-width: 880px) {
		h1 { font-size: 3.82rem!important; }
		h2 { font-size: 3.05rem!important; }
		h3  { font-size: 2.41rem!important; }
		h4 { font-size: 1.94rem!important; }
		h5, .contenedor-cuerpo-capitulos h2 { font-size: 1.58rem!important; }
		h6, .contenedor-cuerpo-capitulos h3, .contenedor-menu-principal .elementor-nav-menu li a { font-size: 1.23rem!important; }
		.contenedor-cuerpo-capitulos h4 { font-size: 17px!important; }
	}
	@media (min-width: 1200px) {
		h1 { font-size: 5.61rem!important; }
		h2 { font-size: 4.2.65rem!important; }
		h3 { font-size: 3.15rem!important; }
		h4 { font-size: 2.37rem!important; }
		h5, .contenedor-cuerpo-capitulos h2 { font-size: 1.77rem!important }
		h6, .contenedor-cuerpo-capitulos h3, .contenedor-menu-principal .elementor-nav-menu li a { font-size: 1.33rem!important; }
		.contenedor-cuerpo-capitulos h4 { font-size: 18px!important; }
	}
	@media (min-width: 1400px) {
		.contenedor-menu-principal .elementor-nav-menu li a { font-size: 1.77rem!important; }
	}

/******************************************* Personalización de la barra de desplazamiento (para navegadores webkit: Chrome, Safari, etc.) *******************************************/
	::-webkit-scrollbar {
		width: 8px; /* Ancho de la barra de desplazamiento vertical */
		height: 8px; /* Ancho de la barra de desplazamiento horizontal */
	}
	html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
		background-color: var(--e-global-color-primary);
		border-radius: 8px; /* Prueba un valor mayor */
		border: 2px solid var(--e-global-color-primary); /* Borde del thumb */
	}
	html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover {
		background-color: var(--e-global-color-primary); /* Color del pulgar de desplazamiento al pasar el mouse */
	}
	html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
		background-color: var(--e-global-color-72f37e5);
		border-radius: 8px; /* Asegúrate de que el track también tenga el espacio adecuado */
		border: 2px solid var(--e-global-color-72f37e5);
	}
	/* Para navegadores Firefox */
	html, body {
		scrollbar-width: thin; /* Grosor del scroll */
		scrollbar-color: var(--e-global-color-primary) var(--e-global-color-72f37e5); /* Color del thumb y track */
	}
	/* Asegurarse de que las variables CSS estén definidas y visibles */
	html, body {
		--e-global-color-primary: #F97068;
		--e-global-color-72f37e5: #FEE2E1;
	}


/******************************************* Mapa svg *******************************************/
	.mapa-fondo-svg {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw - 10px);
		height: 100vh;
		overflow: hidden; /* Ocultar cualquier desbordamiento del SVG */
		z-index: -1; /* Enviar el fondo detrás del contenido */
	}
	.mapa-fondo-svg .svg-desktop,
	.mapa-fondo-svg .svg-responsive {
		width: 100%;
		height: 100%; /* Hacer que el SVG cubra todo el viewport */
		overflow: hidden; /* Ocultar cualquier desbordamiento del SVG */
		display: flex; /* Asegura que el contenedor ocupe el espacio completo */
		justify-content: center;
		align-items: center;
	}
	/* Mostrar el SVG de escritorio por defecto y ocultar el responsivo */
	.mapa-fondo-svg .svg-desktop {
		display: block;
	}
	.mapa-fondo-svg .svg-responsive {
		display: none;
	}
	.mapa-fondo-svg  svg path {
		fill:none;
		stroke:#F97068;
		stroke-width:1;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-miterlimit:10;
	}
	.mapa-fondo-svg svg g.line-animar path {
		fill:none;
		stroke:#F97068;
		stroke-width:2;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-miterlimit:10;
	}
	/* Mostrar la versión responsiva en pantallas más pequeñas */
	@media (max-width: 768px) {
		.mapa-fondo-svg .svg-desktop {
			display: none; /* Ocultar en pantallas pequeñas */
		}
		.mapa-fondo-svg .svg-responsive {
			display: block; /* Mostrar en pantallas pequeñas */
		}
	}
	/* Ajustar el SVG para que cubra todo el contenedor */
	.svg-desktop svg,
	.svg-responsive svg {
		width: 100%;
		height: 100%;
	}

/******************************************* General *******************************************/
	@media (max-width: 767px) {
		html, body {
			width: 100%;
			overflow-x: hidden!important;
		}
	}
	p, a, h2, h3, h4, h5, h6 {
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		hyphens: manual;
		overflow-wrap: break-word!important;
	}
	.contenedor-cuerpo-capitulos h2 {
		color: var(--e-global-color-primary)!important
	}
	.contenedor-cuerpo-capitulos h2:has(+ h3),
	.contenedor-cuerpo-capitulos h3:has(+ h4) {
		margin-bottom: -10px;
	}
	.contenedor-cuerpo-capitulos h3 {
		font-family: var(--e-global-typography-421affa-font-family)!important;
		font-weight: var(--e-global-typography-421affa-font-weight)!important;
	}
	.wp-element-caption {
		width: 100%!important;
	}
	.texto-negro {
		color: var(--e-global-color-text)!important;
	}
	.contenedor-img-1-1 {
		aspect-ratio: 1 / 1!important;
	}
	.contenedor-img-4-3 {
		aspect-ratio: 4 / 3!important;
	}
	.jet-listing-dynamic-field__content {
		margin-top: 0!important;
		margin-bottom: 0!important;
	}
	.contenedor-cuerpo-capitulos figure.wp-block-image {
		display: flex!important;
		flex-direction: column;
		align-items: center;
		margin: 30px!important;
		margin-bottom: 30px!important;
		margin-left: auto !important;
        margin-right: auto !important;
	}
	.contenedor-cuerpo-capitulos figure.wp-block-image img {
		width: 100%!important;
	}
	.contenedor-cuerpo-capitulos figure.wp-block-image, .contenedor-cuerpo-capitulos figure.wp-block-image a {
		width: 85%!important;
		border-top: 2px solid var(--e-global-color-primary);
    	border-bottom: 2px solid var(--e-global-color-primary);		
	}
	.contenedor-cuerpo-capitulos figure.wp-block-image figcaption {
		font-family: var(--e-global-typography-secondary-font-family);
		font-size: var(--e-global-typography-0453fef-font-size);
		font-weight: var(--e-global-typography-text-font-weight);
		
		margin: 0!important;		
		padding: 14px!important;
		border-bottom: 2px solid var(--e-global-color-primary);
		background-color: var(--e-global-color-72f37e5);
		text-align: left;
	}
	.contenedor-cuerpo-capitulos figure.wp-block-image.imagen-derecha {
		width: 200px!important;
	}
	.image-ex-music figure {
		display: flex!important;
		flex-direction: column;
	}
	.image-ex-music img { order: 2; }
	.image-ex-music figcaption { order: 1; }
	.contenedor-cuerpo-capitulos .contenedor-depth figure.wp-block-image  {
		width: 100%!important;
		float: right;
		margin-top: 0!important;
		margin-left: 10px!important;
	}
	@media (min-width: 880px) {
		.contenedor-cuerpo-capitulos figure.wp-block-image {
			margin-top: 35px!important;
			margin-bottom: 35px!important;
		}
		.contenedor-cuerpo-capitulos figure.wp-block-image {
			width: 80%!important;align-content
		}
		.contenedor-cuerpo-capitulos .contenedor-depth figure.wp-block-image {
			width: 50%!important;
			margin-top: 0!important;
			margin-left: 15px!important;
		}
		.contenedor-cuerpo-capitulos figure.wp-block-image figcaption {
			padding: 16px!important;
		}
	}
	@media (min-width: 1024px) {
		.contenedor-cuerpo-capitulos figure.wp-block-image.imagen-derecha {
			position: absolute;
			right: 0;
			width: 210px;
			transform: translateX(calc(100% + 10px));
			margin: 0!important;
			margin-bottom: 0!important;
			z-index: 9;
		}
		.contenedor-cuerpo-capitulos figure.wp-block-image.imagen-derecha {
			width: 230px!important;
		}
	}
	@media (min-width: 1200px) {
		.contenedor-cuerpo-capitulos figure.wp-block-image {
			margin-top: 40px!important;
			margin-bottom: 40px!important;
		}
		.contenedor-cuerpo-capitulos .contenedor-depth figure.wp-block-image {
			margin-top: 0!important;
			margin-left: 20px!important;
			width: 40%!important;
		}
		.contenedor-cuerpo-capitulos figure.wp-block-image {
			width: 75%!important;
		}
		.contenedor-cuerpo-capitulos figure.wp-block-image figcaption {
			padding: 18px!important;
		}
		.contenedor-cuerpo-capitulos figure.wp-block-image.imagen-derecha {
			width: 250px;
			transform: translateX(calc(100% + 20px));
		}
	}
	@media (min-width: 1366px) {
		.contenedor-cuerpo-capitulos figure.wp-block-image.imagen-derecha {
			transform: translateX(calc(100% + 40px));
		}
	}
	@media (min-width: 1600px) {
		.contenedor-cuerpo-capitulos figure.wp-block-image.imagen-derecha {
			transform: translateX(calc(100% + 60px));
		}
	}

/******************************************* Components *******************************************/
	/* barra de desplazamiento */
	.contenedor-depth .depth-content::-webkit-scrollbar-thumb, .contenedor-lg .toc-content::-webkit-scrollbar-thumb {
		background-color: var(--e-global-color-secondary);
	}
	.contenedor-depth .depth-content::-webkit-scrollbar-thumb:hover, .contenedor-lg .toc-content::-webkit-scrollbar-thumb:hover {
		background-color: var(--e-global-color-secondary); /* Color del pulgar de desplazamiento al pasar el mouse */
	}
	.contenedor-depth .depth-content::-webkit-scrollbar-track, .contenedor-lg .toc-content::-webkit-scrollbar-thumb:hover {
		background-color: var(--e-global-color-97991f1);
	}
	/* Para navegadores Firefox */
	.contenedor-depth .depth-content, .contenedor-lg .toc-content  {
		scrollbar-color: var(--e-global-color-secondary) var(--e-global-color-97991f1); /* Color del thumb y track */
	}

	.contendor-central {
		margin: 0 -30px 30px -30px!important;
	}
	.contenedor-laterales-izq {
		width: 100%!important;
	}
	.contenedor-depth .depth-header .depth-header-title .elementor-widget {
		display: flex;
		align-items: center;
	}
	.contenedor-depth p, .contenedor-explore p, .contenedor-learn p, .contenedor-lg .toc p {
		margin-bottom: 0!important;
	}
	.contenedor-depth .depth-header {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.contenedor-depth .depth-content {
		max-height: 0;
		overflow: hidden;
		
		transition: max-height 0.3s ease, padding 0.3s ease;
	}
	.contenedor-depth .depth-content.expanded {
		max-height: 500px; /* Ajusta este valor dependiendo de la cantidad de contenido */
		overflow-y: auto;
	}
	@media (min-width: 880px) {
		.contendor-central {
			margin: 0 -35px 35px -35px!important;
		}
		.contenedor-laterales-izq {
			width: 300px!important;
			float: left;
			margin-left: -20%;
    		margin-right: 20px;
		}
		.contenedor-depth .depth-content.expanded {
			max-height: 600px; /* Ajusta este valor dependiendo de la cantidad de contenido */
		}
	}
	@media (min-width: 1200px) {
		.contendor-central {
			margin: 0 -40px 40px -40px!important;
		}
		.contenedor-laterales-izq {
			width: 410px!important;
			margin-left: -20%;
    		margin-right: 20px;
		}
		.contenedor-depth .depth-content.expanded {
			max-height: inherit; /* Ajusta este valor dependiendo de la cantidad de contenido */
			overflow-y: hidden;
		}
	}

/******************************************* Menú *******************************************/
	.page-id-12 .contenedor-cabecera {
		padding: 0!important;
	}
	.contenedor-menus::-webkit-scrollbar-thumb {
		background-color: var(--e-global-color-72f37e5);
	}
	.contenedor-menus::-webkit-scrollbar-thumb:hover {
		background-color: var(--e-global-color-72f37e5); /* Color del pulgar de desplazamiento al pasar el mouse */
	}
	.contenedor-menus::-webkit-scrollbar-track {
		background-color: var(--e-global-color-primary);
	}
	/* Para navegadores Firefox */
	.contenedor-menus {
		scrollbar-color: var(--e-global-color-72f37e5) var(--e-global-color-primary); /* Color del thumb y track */
	}

	.contenedor-hero {
		background-position: 15vw 0px!important;
	}
	.menu-item-disabled {
		pointer-events: none; /* Desactiva el clic */
		cursor: not-allowed; /* Cambia el cursor a un símbolo de "no permitido" */
		opacity: 0.5; /* Reduce la opacidad para dar una apariencia de desactivado */
		color: #999; /* Cambia el color del texto a un tono gris */
		text-decoration: none; /* Elimina subrayado */
	}
	.contenedor-menu-principal .elementor-nav-menu li a {
		line-height: 110%!important;
	}
	.contenedor-menu-principal .elementor-nav-menu li {	
		transition: transform .3s ease-in-out;
	}
	.contenedor-menu-principal .elementor-nav-menu li:hover, .contenedor-menu-principal .elementor-nav-menu li.current-menu-item {
		transform: translatex(20px);
	}
	@media (min-width: 768px) {
		.contenedor-menus {
			overflow-y: auto;
		}
	}

/******************************************* Menú Offcanvas *******************************************/
	.contenedor-offcanvas {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: #fff;
		transform: translateX(110%);
		transition: transform 0.6s ease-in-out;
		z-index: 99999;
		box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
	}
	.contenedor-offcanvas::before {
		content: "";
		display: block;
		position: absolute;
		mix-blend-mode: multiply;
		opacity: var(--overlay-opacity, 1);
		transition: var(--overlay-transition, .3s);
		border-radius: var(--border-radius, 0);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .3;
		z-index: -1;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.contenedor-offcanvas.is-open {
		transform: translateX(0);
	}
	#abrir-menu-offcanvas, .cerrar-menu {
		cursor: pointer;
		/* Estilo para los elementos de cierre */
	}

/******************************************* Tabla de contenidos *******************************************/
	@media (max-width: 767px) {
		.contenedor-lg .toc {
			position: fixed!important;
			top: 50px!important;
			right: inherit!important;
			left: 20px;
			width: calc(100vw - 40px)!important;
		}
	}
	.contenedor-lg .toc {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		background-color: var(--e-global-color-4caa3f5);
		border: 2px solid var(--e-global-color-text);
		border-radius: 3px;
		z-index: 1000;
		box-shadow: 2px 2px 0 0 var(--e-global-color-text);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		max-height: 70vh; /* Limitar altura máxima del componente completo */
		
		transition: width 0.3s ease; /* Para que el cambio de tamaño sea suave */
	}
	.contenedor-lg .toc p, .contenedor-lg .toc li, .contenedor-lg .toc li.toc-item a, .contenedor-lg .top a, .contenedor-lg .toc-header-section span {	
		font-family: var(--e-global-typography-secondary-font-family)!important;
		font-size: var(--e-global-typography-0453fef-font-size)!important;
	}
	.contenedor-lg .toc p, .contenedor-lg .toc li.toc-item a, .contenedor-lg .top a {
		font-weight: var(--e-global-typography-accent-font-weight)!important;
	}
	.contenedor-lg .toc-header-section span {
		font-weight: var(--e-global-typography-ed8f342-font-weight);
		text-transform: var(--e-global-typography-ed8f342-text-transform);
	}
	.contenedor-lg .toc-header {
		background-color: var(--e-global-color-5f20bc5);
		border-bottom: 1px solid var(--e-global-color-text);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px;
		gap: 5px;
		flex-shrink: 0; /* Evitar que el header se comprima */
		
		transition: background-color 0.3s ease;
	}
	.contenedor-lg .toc-header:hover, .contenedor-lg .toc-header.active, 
	.contenedor-lg .toc-item.active:hover, .contenedor-lg .toc-item.hover  {
		background-color: var(--e-global-color-secondary);
	}
	.contenedor-lg .toc-header-section, .contenedor-lg .toc-item-section {		
		width: 90%;
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.contenedor-lg .toc-header .toc-header-menu {
		display: flex;
	}
	.contenedor-lg .toc-header .toc-header-menu, .contenedor-lg .toc-item-menu {
		width: 20%;
		justify-content: flex-end;
		align-items: center;
	}
	.contenedor-lg .toc-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		max-height: 0;
		overflow-y: auto; /* Habilitar scroll vertical */
		overflow-x: hidden; /* Ocultar scroll horizontal */
		transition: max-height 0.3s ease;
		
		/* Estilos personalizados para el scrollbar */
		scrollbar-width: thin;
		scrollbar-color: var(--e-global-color-text) var(--e-global-color-4caa3f5);
	}
	
	/* Scrollbar para navegadores webkit (Chrome, Safari, Edge) */
	.contenedor-lg .toc-list::-webkit-scrollbar {
		width: 8px;
	}
	
	.contenedor-lg .toc-list::-webkit-scrollbar-track {
		background: var(--e-global-color-4caa3f5);
		border-radius: 4px;
	}
	
	.contenedor-lg .toc-list::-webkit-scrollbar-thumb {
		background: var(--e-global-color-text);
		border-radius: 4px;
	}
	
	.contenedor-lg .toc-list::-webkit-scrollbar-thumb:hover {
		background: var(--e-global-color-secondary);
	}
	.contenedor-lg .toc-list.expanded {
		max-height: calc(70vh - 60px); /* Altura máxima menos el espacio del header */
	}
	.contenedor-lg .toc-item {
		position: relative;		
		border-bottom: 1px solid var(--e-global-color-text);
		padding: 16px;
		cursor: pointer;
		gap: 5px;
	}
	.contenedor-lg .toc-item.active {
		display: flex; /* Mostrar solo el elemento activo */
		justify-content: space-between;
		background-color: var(--e-global-color-97991f1);
	}
	/*.contenedor-lg .toc-item.active:hover, .contenedor-lg .toc-item.hover {
		background-color: var(--e-global-color-secondary);
	}*/
	.contenedor-lg .toc-item-section i, .contenedor-lg .toc-item-menu {
		display: none;
	}
	.contenedor-lg .toc-item a {
		display: inline-block;
		width: 100%; /* Ajustar el ancho considerando el padding */
		text-decoration: none;
		color: var(--e-global-color-text);
	}
	.contenedor-lg .toc-item-menu i.icon-close {
		display: none;
	}
	/* CRÍTICO: Mostrar .toc-item-menu cuando el item está activo O seleccionado manualmente */
	.contenedor-lg .toc-item.active .toc-item-menu,
	.contenedor-lg .toc-item.selected .toc-item-menu,
	.contenedor-lg .toc-item.hover .toc-item-menu {
		display: flex;
	}
	/* Mostrar el icono de cerrar cuando el contenido está expandido */
	.contenedor-lg .toc-item.active .toc-item-section i, 
	.contenedor-lg .toc-item.active .toc-item-menu i.icon-close,
	.contenedor-lg .toc-item.selected .toc-item-section i,
	.contenedor-lg .toc-item.hover .toc-item-section i {
		display: block;
	}
	/* Ocultar el icono de menú cuando el contenido está expandido */
	.contenedor-lg .toc-item.active .toc-item-menu i.icon-menu,
	.contenedor-lg .toc-item.selected .toc-item-menu i.icon-menu,
	.contenedor-lg .toc-item.hover .toc-item-menu i.icon-menu {
		display: none;
	}
	.contenedor-lg .toc-content {
		display: none;
		padding: 20px 30px;
		background-color: var(--e-global-color-4caa3f5);
	}
	.contenedor-lg .toc-content.active {
		display: block;
	}
	.contenedor-lg #active-content {
		padding: 10px;
		margin-top: 10px;
		max-height: calc(70vh - 105px);
		overflow-y: auto;
	}
	.contenedor-lg .toc .icon {
		font-size: 32px;
	}
	.contenedor-lg .toggle-icon {
		transition: transform 0.3s ease;
	}
	.contenedor-lg .toggle-icon.expanded {
		transform: rotate(180deg);
	}
	.contenedor-lg .back-icon {
		display: none;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}
	.contenedor-lg .back-icon-visible {
		display: block;
	}	

	/* contenido de cada ancla */
	.contenedor-lg .line-toc {
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--e-global-color-text);
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.contenedor-lg .toc-content-video .video-wrapper {
		width: 100%;
		margin: 0 auto;
	}
	.contenedor-lg .toc-content-video .spotify-wrapper {
	  margin-top: 20px;
	}

	@media (max-width: 787px) {
		.contenedor-lg .track-detail-header {
			display: none;
		}
		.contenedor-lg .toc-content-video .spotify-wrapper iframe {
			height: 132px;
	  	}
	}
	.contenedor-lg #active-content, .contenedor-lg .toc-content-sup, 
	.contenedor-lg .toc-content-content, .contenedor-lg .track-detail, 
	.contenedor-lg .track-content-time, .contenedor-lg .track-content-header {
		display: flex;
		width: 100%;
		gap: 20px
	}
	.contenedor-lg .track-content-time, 
	.contenedor-lg .track-detail-header {
		justify-content: space-between;
	}
	.contenedor-lg #active-content, .contenedor-lg .toc-content-sup, 
	.contenedor-lg .toc-content-content, .contenedor-lg .track-content-time {
		flex-direction: column;
	}
	.contenedor-lg .track-detail {
		flex-direction: row;
	}
	.contenedor-lg .track-time-header, .contenedor-lg .track-time, 
	.contenedor-lg .track-content-header, .contenedor-lg .track-content-time {
		margin-bottom: 5px;
	}
	.contenedor-lg .track-time-header, .contenedor-lg .track-time {
		width: 20%;
	}
	.contenedor-lg .track-content-header, .contenedor-lg .track-content-time {
		width: 80%;
	}
	@media (min-width: 768px) {
		.contenedor-lg p.track-time-header-responsive, .contenedor-lg p.track-text-header-responsive,
		.contenedor-lg p.track-translation-header-responsive, .contenedor-lg p.track-description-header-reponsive {
			display: none;
		}
		.contenedor-lg .track-detail-header {
			display: flex!important;
			flex-direction: row;
			width: 100%;
			gap: 20px;
		}
		.contenedor-lg .toc-content-content, .contenedor-lg .track-content-time {
			flex-direction: row;
		}
		.contenedor-lg .toc-content-content {
			gap: 30px			
		}
		.contenedor-lg .track-content-time > div, 
		.contenedor-lg .track-content-header > div {
			width: 33.3%
		}
	}
	@media (min-width: 880px) {
		.contenedor-lg .toc-header, .contenedor-lg .toc-item {
			padding: 18px;
		}
		.contenedor-lg .toc .icon {
			font-size: 24px;
		}
		.contenedor-lg .toc-content-video .video-wrapper {
			width: 90%;
		}
		.contenedor-lg .toc-content-content {
			gap: 40px
		}
	}
	@media (min-width: 1200px) {
		.contenedor-lg .toc-header, .contenedor-lg .toc-item {
			padding: 20px;
		}
		.contenedor-lg .toc .icon {
			font-size: 28px;
		}
		.contenedor-lg .toc-content-video .video-wrapper {
			width: 80%;
		}
		.contenedor-lg .toc-content-content {
			gap: 50px
		}
	}
	@media (min-width: 1400px) {
		.contenedor-lg .toc .icon {
			font-size: 32px;
		}
	}

/******************************************* Tabla del Index *******************************************/
	@media (max-width: 767px) {
		.contenedor-index .ilc {
			position: fixed!important;
			top: inherit!important;
			bottom: 20px!important;
			left: 20px;
			width: calc(100vw - 40px)!important;
		}
	}
	.contenedor-index .ilc {
		width: 100%;
		background-color: var(--e-global-color-72f37e5);
		border-radius: 3px;
		z-index: 1000;
		overflow: hidden;
	}
	.contenedor-index .ilc-header {
		border-bottom: 1px solid var(--e-global-color-6c8dc22);
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;		
		padding: 10px;
		transition: background-color 0.3s ease;
	}
	.contenedor-index .ilc-title {
		font-family: var(--e-global-typography-secondary-font-family);
		font-weight: var(--e-global-typography-ed8f342-font-weight);
		font-size: var(--e-global-typography-ed8f342-font-size);
	}
	.contenedor-index .ilc-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}
	.contenedor-index .ilc-list.expanded {
		display: block;
		max-height: 500px; /* Ajustar según el número de elementos */
	}
	.contenedor-index .ilc-item {
		position: relative;
		font-family: var(--e-global-typography-secondary-font-family);
		font-weight: var(--e-global-typography-accent-font-weight);
		font-size: var(--e-global-typography-ed8f342-font-size);
		display: none; /* Ocultar por defecto */
		padding: 10px;
		border-bottom: 1px solid var(--e-global-color-6c8dc22);
		cursor: pointer;
	}
	.contenedor-index .ilc-item.active {
		display: flex; /* Mostrar solo el elemento activo */
		justify-content: space-between;
	}
	.contenedor-index .ilc-item a {
		text-decoration: none;
		color: #212738;
		font-weight: normal;
	}
	.contenedor-index .ilc-item a.active {
		font-weight: bold;
		color: #F97068;
	}
	.contenedor-index .ilc-header.active .toggle-icon-close {
		display: block;
	}
	.contenedor-index .resaltado {
		border-bottom: 1px solid var(--e-global-color-primary);
	}
	.contenedor-index .resaltado a {
		color: var(--e-global-color-primary); /* Cambia esto al color que prefieras */
	}


/******************************************* Abreviaturas *******************************************/
	/* barra de desplazamiento */
	.tooltip .tooltip-content::-webkit-scrollbar-thumb {
		background-color: var(--e-global-color-f14d385);
	}
	.tooltip .tooltip-content::-webkit-scrollbar-thumb:hover {
		background-color: var(--e-global-color-f14d385); /* Color del pulgar de desplazamiento al pasar el mouse */
	}
	.tooltip .tooltip-content::-webkit-scrollbar-track {
		background-color: var(--e-global-color-c1df83f);
	}
	/* Para navegadores Firefox */
	.tooltip .tooltip-content {
		scrollbar-color: var(--e-global-color-f14d385) var(--e-global-color-c1df83f); /* Color del thumb y track */
	}

	/* Estilos generales para el tooltip */
	.tooltip {
		position: relative;
		cursor: pointer;
		display: inline-block;
	}
	.tooltip > sup > abbr {
		font-family: var(--e-global-typography-f86372b-font-family)!important;
		font-weight: var(--e-global-typography-ed8f342-font-weight)!important;
		font-size: var(--e-global-typography-0453fef-font-size)!important;
		color: var(--e-global-color-accent)!important;
		padding: 1px 5px;
		border: 1px solid var(--e-global-color-accent)!important;
		border-radius: 3px;
		line-height: 70%!important;
		text-decoration: none!important;
	}
	.tooltip:hover > sup > abbr {
		color: var(--e-global-color-primary)!important;
		border: 1px solid var(--e-global-color-primary)!important;
		
	}
	/* Contenedor del contenido del tooltip */
	.tooltip .tooltip-content {
		visibility: hidden;
		position: absolute;
		width: 380px;
		max-width: 380px;
		max-height: 250px;
		overflow-y: auto;
		font-weight: var(--e-global-typography-primary-font-weight)!important;
		line-height: 140%!important;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		background-color: var(--e-global-color-c1df83f)!important;
		color: var(--e-global-color-text);
		padding: 20px 10px;
		border: 2px solid var(--e-global-color-text)!important;
		border-radius: 3px;
		box-shadow: 2px 2px 0 0 var(--e-global-color-text);
		opacity: 0;
		pointer-events: none;
		transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
		z-index: 1000;
		white-space: normal;
		text-align: left;
	}
	.tooltip .tooltip-content:before {
		content: ''; /* Triángulo de flecha */
		position: absolute;
		top: 5px; /* Alineado con el tooltip */
		left: 50%;
		transform: translateX(-50%);
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #333 transparent; /* Triángulo hacia abajo */
		opacity: 0; /* Invisibilidad inicial */
		visibility: hidden; /* Ocultar por defecto */
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* Transición suave */
		pointer-events: none; /* No permite interacción */
		z-index: 9; /* Eleva el triángulo sobre otros elementos */
	}
	/* Estilo interno del tooltip */
	.tooltip .tooltip-inner span,
	.tooltip .tooltip-inner ul {
		margin: 0;
		padding: 0;
	}
	/* Mostrar el tooltip al pasar el ratón */
	.tooltip:hover .tooltip-content,
	.tooltip-content:hover {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}
	.tooltip:hover .tooltip-content:before {
		opacity: 1; /* Visibilidad al hacer hover */
		visibility: visible;
	}
	.tooltip .tooltip-inner span, .tooltip .tooltip-inner span a {
		font-family: var(--e-global-typography-secondary-font-family);
		font-size: var(--e-global-typography-0453fef-font-size);
		font-weight: var(--e-global-typography-text-font-weight);
	}
	.tooltip .tooltip-inner span a {
		color: var(--e-global-color-ffaec4c);
	}
	/* Pantallas menores a 880px */
	@media (max-width: 880px) {
		.toc.expanded {
			width: calc(100vw - 40px)!important;
		}
	}

	/* Pantallas entre 881px y 1200px */
	@media (min-width: 881px) and (max-width: 1200px) {
		.toc.expanded {
			width: 600px !important;
		}
	}

	/* Pantallas mayores a 1200px */
	@media (min-width: 1201px) {
		.toc.expanded {
			width: 940px !important;
		}
	}

/******************************************* Formularios *******************************************/
	.contendor-suscripcion .elementor-field-type-email {
		border-radius: 3px!important;
	}
	.contendor-suscripcion .elementor-field-type-submit {
		border-radius: 3px 3px 0 0!important;
	}
	@media (min-width: 768px) {
		.contendor-suscripcion .elementor-field-type-email input {
			border-radius: 3px 0 0 0!important;
		}
		.contendor-suscripcion .elementor-field-type-submit button {
			border-radius: 0 3px 0 0!important;
		}
	}

/******************************************* Mapa menú latinoamerica *******************************************/
	.mapa-latinamerica {
		background-color: var(--e-global-color-72f37e5);
		border: 2px solid var(--e-global-color-text);
		border-radius: 3px;
		box-shadow: 2px 2px 0 0 var(--e-global-color-text);
	}
	.mapa-latinamerica svg {
		width: 150px;
		height: 150px;
	}
	.mapa-latinamerica g.contenedor-mexico:hover path, .mapa-latinamerica g.contenedor-centralamerica-colombia-venezuela:hover path,
	.mapa-latinamerica g.contenedor-cuba-hipanicaribbean:hover path, .mapa-latinamerica g.contenedor-brasil:hover path,
	.mapa-latinamerica g.contenedor-argentina-rioplatense-region:hover path, .mapa-latinamerica g.contenedor-peru-andes:hover path,
	.mapa-latinamerica g.active path {
		fill: var(--e-global-color-primary);
	}
	.mapa-latinamerica a {
		display: block;
	}
	@media (min-width: 880px) {
		.mapa-latinamerica svg {
			width: 200px;
			height: 200px;
		}
	}
	@media (min-width: 1200px) {
		.mapa-latinamerica svg {
			width: 250px;
			height: 250px;
		}
	}