/* --------- GLOBAL ---------- */

/* Bot�n de "Accesibilidad" en tama�o mediano en escritorio y tableta */

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	font-size: 28px;
	padding: 8px;
}

/* Bot�n de "Accesibilidad" en tama�o peque�o en m�vil */

@media (max-width: 767px) {
	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
		font-size: 24px;
		padding: 8px;
	}
}

/* Centar contenedor de recuperar contrase�a */

.lost_reset_password{
	margin: 0 auto!important;
	text-align: center;
}

/* Colores para icono de accesibilidad automatico con la variable del enfasis */

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active{
	background: var(--e-global-color-accent) !important;
}



/* Formulario recuperar contrase�a */

.woocommerce-form-row{
	width:100%!important;
}

/* ---- SINGLE DE PRODUCTO ---- */

/* Miniaturas del widget de galer�a a la misma altura */

.jet-woo-swiper-gallery-thumbs .swiper-slide img {
	display: block;
	height: 8vw;
	object-fit: cover;
}

/* Misma altura a todas las im�genes del widget de galer�a de producto */

.jet-woo-product-gallery-slider .jet-woo-product-gallery__image img {
	height: 30vw !important;
	object-fit: cover;
}

/* Galer�a ajustada en responsive */

@media (max-width: 767px) {
	.jet-woo-swiper-gallery-thumbs .swiper-slide img {
		display: block;
		height: 20vw;
		object-fit: cover;
	}

	.jet-woo-product-gallery-slider .jet-woo-product-gallery__image img {
		height: 80vw !important;
		object-fit: cover;
	}

}
/* Correcci�n error accesibilidad*/
.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible{
	display: none !Important;
}
.pojo-sr-only{
	display: none !Important;
}

.custom-legal a {
	color: #8A7300;
	text-decoration: underline;
}

/* Pa�gina de cursos */

#content.course {
	margin: unset !important;
	width: 100%;
	max-width: 100vw;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;

	& .page-content{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	& .page-content > p,
	& #comments{
		display: none !important;
	}

	& #course{
		padding: 3% 5%;
		border: unset;
		width: 90%;
		
		& h2,
		& h3:nth-child(2),
		& .intro,
	 	& > p,
	 	& .trainer,
		& .time-formatted-suffix,
		& p:nth-child(5),
		& p:has(small){
			display: none !important;
		}
		
		& form{
			padding: unset;
		}
	}
	
	& #course h2{
		text-align: center;
		margin-bottom: 40px;
	}

	& #course > ul{
		padding: unset;
		list-style: none;
		display: flex;
		gap: 12px;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	& #course > ul li{
		padding: 12px 24px;
		border-radius: 5px;
		text-align: center;
		background-color: var(--e-global-color-text);
		flex: 1 300px;
	}

	& #course > ul li *{
		text-decoration: none;
		color: var(--e-global-color-accent);
	}
}

.c-banner{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5%;
	min-height: 600px;
	background-size: cover;
	background-position: top;
	position: relative;

	&::before{
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		position: absolute;
		top:0;
		left: 0;
	}
}

.c-banner__wrapper{
	width: min(100%, 700px);
	display: flex;
	flex-direction: column;
	gap: 20px;
	z-index: 1;
}

.c-banner__title{
	color: var(--e-global-color-eee1060) !important;
}

.c-banner__desc-container{
	& *{
		color: var(--e-global-color-eee1060) !important; 
	}
}

.c-details{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3% 5%;
	width:100%;
}

.c-details__wrapper{
	width: min(100%, 800px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.c-details__title{
	color: var(--e-global-color-text) !important;
	text-align: center;
}

.c-details__desc-container{
	& *{
		color: var(--e-global-color-text) !important; 
		text-align: center;
	}
}

.c-details__button{
	background-color: var(--e-global-color-text) !important;
	color: var(--e-global-color-accent) !important;
	border: unset;
}

@media (max-width: 768px){
	#content.course {
		padding: unset;
		align-items: center;

		& #course{
			padding: 8%;
		}
		
		& #course .slider{
			width: 80%;
			margin: auto;
		}
	}

	.c-banner{
		justify-content: center;
		align-items: center;
		padding: 8%;
	}

	.c-banner__wrapper{
		flex-direction: column;
		gap: 12px;
	}

	.c-banner__title{
		text-align: center;
	}

	.c-banner__desc-container{
		& *{
			text-align: center; 
		}
	}

	.c-details{
		padding: 8%;
	}
}


/* Mi cuenta */
#account-loader + .woocommerce-error{
	display: none !important;
}