/*
Theme Name: ChipWeb x FundacionEPJ - Hello Elementor Child
Theme URI: https://chipweb.es
Template: hello-elementor
Author: Lolo Marchal
Author URI: https://lolomarchal.com
Description: ChipWeb x FundacionEPJ - Hello Elementor Child es un tema hijo de Hello Elementor, un tema de WordPress ligero y minimalista creado específicamente para funcionar a la perfección con el plugin constructor de sitios Elementor. Este tema hijo ha sido creado por Lolo Marchal de ChipWeb.es y está pensado para usuarios que buscan una web flexible, fácil de usar y altamente personalizable. Optimizado para el rendimiento, proporciona una base sólida sobre la que los usuarios pueden construir sus propios diseños únicos utilizando el constructor visual de arrastrar y soltar de Elementor. Su sencillez y flexibilidad lo convierten en una gran elección tanto para principiantes como para creadores web con experiencia.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1764919375
Updated: 2025-12-05 08:22:55

*/


/****  Efectos liquid-glass para contenedores de Elementor ********/

.lolo-liquid-glass {
     backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}
.lolo-liquid-glass-hoverfx {
    transition: all 1s ease; /* Transición suave */
}

.lolo-liquid-glass-hoverfx:hover, .lolo-liquid-glass-hoverfx:active {
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}


/***************** SENSEI **************************************/

.course:not(body) {    
    margin: 0;
    padding: 0;
    border-bottom: none;    
}

@media screen and (min-width: 783px) {
    .sensei-course-theme {
        --sensei-lm-sidebar-width: 25% !important;
    }

	.sensei-course-theme .wp-block-site-logo img {
		max-height: 80px !important;
		width: auto;
	}

	.sensei-lms-course-navigation-module__title {
		font-size: 1rem;
	}

	.sensei-course-theme .wp-block-post-title {
		font-weight: 500 !important;
		font-size: 22px !important;    
	}

	.wp-block-sensei-lms-course-title {
		font-weight: 500 !important;
		font-size: 28px !important; 
	}
	
}

h3.sensei-lms-course-navigation-module__title {
	white-space: normal;
}

.entry-content a, .wp-block-sensei-lms-exit-course a{
	color: #113C51;
	font-weight: 600;
	text-decoration: underline;
}


.entry-content a:hover, , .wp-block-sensei-lms-exit-course a:hover{
	color: #0FA3D9;
}

a.wp-block-button__link, a.wp-block-file__button {
	background-color: transparent;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    border-width: 2px !important;
    border-radius: 12px;
    color: var(--e-global-color-9fd6915);
    background-image: linear-gradient(159deg, var(--e-global-color-6fb8c1d) 0%, var(--e-global-color-934958c) 100%);
    border-color: var(--e-global-color-accent) !important;
	text-decoration: none;
}

a.wp-block-button__link:hover, a.wp-block-file__button:hover {
	    background-color: transparent;
    color: var(--e-global-color-0750e27);
    background-image: linear-gradient(180deg, var(--e-global-color-f4f62ec) 0%, var(--e-global-color-cb6f89e) 100%);
    border-color: var(--e-global-color-411b1a2);
}


/* =========== Sensei Single Lesson ============ */

.sensei-course-theme-locked-lesson-notice__actions a {
	padding: 10px 20px;
	border: solid 2px blue;	
    border-radius: 12px;
    color: var(--e-global-color-9fd6915);
    background-image: linear-gradient(159deg, var(--e-global-color-6fb8c1d) 0%, var(--e-global-color-934958c) 100%);
    border-color: var(--e-global-color-accent) !important;
    text-decoration: none;
	font-weight: 600;
}

.sensei-course-theme-locked-lesson-notice__actions a:hover {
	background-image: linear-gradient(180deg, var(--e-global-color-f4f62ec) 0%, var(--e-global-color-cb6f89e) 100%);
	color:black !important;
}


/* =========== FIN - Sensei Single Lesson ============ */


/* Barra progreso Sensei (Loop Elementor) */
.cw-sensei-progress,
.cw-sensei-progress * {
  box-sizing: border-box;
}

.cw-sensei-progress__track {
  width: 100%;
  padding: 0;           /* sin padding */
  border-radius: 0;     /* esquinas rectas */
  height: 18px;         /* un poco más alta (ajusta si quieres) */
  position: relative;
  overflow: hidden;
  background: rgb(255 255 255 / 92%); /* fondo suave */
}

.cw-sensei-progress__fill {
  height: 100%;
  width: 0;
  border-radius: 0;     /* esquinas rectas */
  background: rgb(147 217 255);
}

.cw-sensei-progress__label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;          
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 12px;      /* ajustable */
  line-height: 1;
  color: inherit;       /* hereda color del texto del contenedor */
  white-space: nowrap;
}