.elementor-5877 .elementor-element.elementor-element-57ec67c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5877 .elementor-element.elementor-element-57ec67c:not(.elementor-motion-effects-element-type-background), .elementor-5877 .elementor-element.elementor-element-57ec67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5da9167 );}.elementor-5877 .elementor-element.elementor-element-72ac98e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5877 .elementor-element.elementor-element-72ac98e:not(.elementor-motion-effects-element-type-background), .elementor-5877 .elementor-element.elementor-element-72ac98e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F54D;}.elementor-5877 .elementor-element.elementor-element-2c4847e .e-search-input{background-color:var( --e-global-color-5da9167 );border-style:solid;border-width:10px 10px 10px 10px;border-color:var( --e-global-color-text );border-radius:5px 5px 5px 5px;}.elementor-5877 .elementor-element.elementor-element-f171c08{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.5);}.elementor-5877 .elementor-element.elementor-element-f171c08:not(.elementor-motion-effects-element-type-background), .elementor-5877 .elementor-element.elementor-element-f171c08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5da9167 );}.elementor-5877 .elementor-element.elementor-element-f021996 .elementor-heading-title{font-family:var( --e-global-typography-a538eb5-font-family ), Sans-serif;font-size:var( --e-global-typography-a538eb5-font-size );font-weight:var( --e-global-typography-a538eb5-font-weight );color:var( --e-global-color-2e9bb26 );}.elementor-5877 .elementor-element.elementor-element-98b8830{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:2px;--e-filter-hover-text-color:var( --e-global-color-2e9bb26 );--e-filter-active-text-color:var( --e-global-color-secondary );--e-filter-item-border-radius:0px 0px 0px 0px;}.elementor-5877 .elementor-element.elementor-element-53673ec{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.5);}.elementor-5877 .elementor-element.elementor-element-53673ec:not(.elementor-motion-effects-element-type-background), .elementor-5877 .elementor-element.elementor-element-53673ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5da9167 );}.elementor-5877 .elementor-element.elementor-element-799af78 .elementor-heading-title{font-family:var( --e-global-typography-a538eb5-font-family ), Sans-serif;font-size:var( --e-global-typography-a538eb5-font-size );font-weight:var( --e-global-typography-a538eb5-font-weight );color:var( --e-global-color-2e9bb26 );}.elementor-5877 .elementor-element.elementor-element-9571811{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:2px;--e-filter-hover-text-color:var( --e-global-color-2e9bb26 );--e-filter-active-text-color:var( --e-global-color-secondary );--e-filter-item-border-radius:0px 0px 0px 0px;}.elementor-5877 .elementor-element.elementor-element-cef0761{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5877 .elementor-element.elementor-element-277249e{--divider-border-style:solid;--divider-color:var( --e-global-color-2e9bb26 );--divider-border-width:1px;}.elementor-5877 .elementor-element.elementor-element-277249e .elementor-divider-separator{width:100%;}.elementor-5877 .elementor-element.elementor-element-277249e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5877 .elementor-element.elementor-element-277249e .elementor-divider__text{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5877 .elementor-element.elementor-element-f5620d4{--grid-columns:3;}@media(min-width:768px){.elementor-5877 .elementor-element.elementor-element-57ec67c{--content-width:90%;}.elementor-5877 .elementor-element.elementor-element-72ac98e{--width:25%;}.elementor-5877 .elementor-element.elementor-element-cef0761{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5877 .elementor-element.elementor-element-57ec67c{--content-width:100%;}.elementor-5877 .elementor-element.elementor-element-72ac98e{--width:29%;}.elementor-5877 .elementor-element.elementor-element-cef0761{--width:75%;}}@media(max-width:1024px){.elementor-5877 .elementor-element.elementor-element-57ec67c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5877 .elementor-element.elementor-element-72ac98e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5877 .elementor-element.elementor-element-f021996 .elementor-heading-title{font-size:var( --e-global-typography-a538eb5-font-size );}.elementor-5877 .elementor-element.elementor-element-799af78 .elementor-heading-title{font-size:var( --e-global-typography-a538eb5-font-size );}.elementor-5877 .elementor-element.elementor-element-277249e .elementor-divider__text{font-size:var( --e-global-typography-text-font-size );}.elementor-5877 .elementor-element.elementor-element-f5620d4{--grid-columns:2;}}@media(max-width:767px){.elementor-5877 .elementor-element.elementor-element-57ec67c{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5877 .elementor-element.elementor-element-f021996 .elementor-heading-title{font-size:var( --e-global-typography-a538eb5-font-size );}.elementor-5877 .elementor-element.elementor-element-799af78 .elementor-heading-title{font-size:var( --e-global-typography-a538eb5-font-size );}.elementor-5877 .elementor-element.elementor-element-277249e .elementor-divider__text{font-size:var( --e-global-typography-text-font-size );}.elementor-5877 .elementor-element.elementor-element-f5620d4{--grid-columns:1;}}/* Start custom CSS for search, class: .elementor-element-2c4847e *//* 1. Contenedor principal (El fondo azul con borde redondeado) */
.busqueda-curso-custom .e-search-form {
    background-color: #2b4480 !important;
    padding: 15px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: stretch !important;
}

/* 2. Envoltura del input (Fondo blanco, lado izquierdo) */
.busqueda-curso-custom .e-search-input-wrapper {
    flex-grow: 1 !important;
    background-color: #ffffff !important;
    border-radius: 6px 0 0 6px !important;
    order: 1 !important; /* Mueve el input al lado izquierdo */
    display: flex !important;
}

/* 3. Campo de texto en sí */
.busqueda-curso-custom .e-search-input {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #4a4a4a !important;
    padding-left: 20px !important;
    width: 100% !important;
    min-height: 48px !important; /* Ajusta la altura del buscador */
}

/* Quita el borde azul molesto al hacer clic */
.busqueda-curso-custom .e-search-input:focus {
    outline: none !important;
}

/* Color del texto del placeholder */
.busqueda-curso-custom .e-search-input::placeholder {
    color: #7a7a7a !important;
    opacity: 1 !important;
}

/* 4. Contenedor del ícono de la lupa (Fondo blanco, lado derecho) */
.busqueda-curso-custom .e-search-label {
    background-color: #ffffff !important;
    border-radius: 0 6px 6px 0 !important;
    order: 2 !important; /* Mueve el ícono al lado derecho */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    margin: 0 !important;
    cursor: pointer !important;
}

/* 5. Ícono de la lupa (Color verde) */
.busqueda-curso-custom .e-search-label svg {
    fill: #2fa04a !important; /* Color verde de tu diseño */
    width: 22px !important;
    height: 22px !important;
    margin-right: 12px;
    margin-left: -15px;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-98b8830 *//* 1. Contenedor principal: Forzar alineación estricta a la izquierda */
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-nav {
    flex-direction: column !important;
    align-items: flex-start !important; /* Fuerza todo a la izquierda */
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important; 
    margin: 0 !important;
    width: 100% !important;
}

/* 2. Estilo base: Resetear sangrías y forzar flex-start */
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Mantiene el checkbox y texto a la izquierda */
    width: 100% !important;
    color: #666666 !important;
    font-size: 15px !important;
    background: transparent !important;
    padding: 6px 0 !important;
    margin: 0 !important; /* Elimina cualquier indentación de subcategorías */
    border: none !important;
    cursor: pointer !important;
}

/* 3. Crear el cuadro del "Checkbox" */
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-item::before {
    content: '';
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #ffffff !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    margin-right: 15px !important; /* Espacio fijo entre checkbox y texto */
    margin-left: 0 !important; /* Prevenir empujes a la derecha */
    transition: all 0.2s ease-in-out !important;
    flex-shrink: 0 !important;
}

/* 4. Estilo cuando el filtro está Activo */
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-item[aria-pressed="true"]::before,
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-item.e-active::before {
    background-color: #2fa04a !important;
    border-color: #2fa04a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 4px 10px rgba(47, 160, 74, 0.25) !important;
}

/* 5. Comportamiento del texto */
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-item-text {
    text-align: left !important;
    margin-right: auto !important; /* Empuja el contador a la derecha si existe */
    padding: 0 !important;
}

/* 6. Asegurar que el número contador se mantenga en su sitio */
.elementor-5877 .elementor-element.elementor-element-98b8830 .e-filter-item-count {
    color: #7a7a7a !important;
    font-size: 14px !important;
    margin-left: 10px !important;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-9571811 *//* 1. Contenedor principal: Forzar alineación estricta a la izquierda */
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-nav {
    flex-direction: column !important;
    align-items: flex-start !important; /* Fuerza todo a la izquierda */
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important; 
    margin: 0 !important;
    width: 100% !important;
}

/* 2. Estilo base: Resetear sangrías y forzar flex-start */
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Mantiene el checkbox y texto a la izquierda */
    width: 100% !important;
    color: #666666 !important;
    font-size: 15px !important;
    background: transparent !important;
    padding: 6px 0 !important;
    margin: 0 !important; /* Elimina cualquier indentación de subcategorías */
    border: none !important;
    cursor: pointer !important;
}

/* 3. Crear el cuadro del "Checkbox" */
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-item::before {
    content: '';
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #ffffff !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    margin-right: 15px !important; /* Espacio fijo entre checkbox y texto */
    margin-left: 0 !important; /* Prevenir empujes a la derecha */
    transition: all 0.2s ease-in-out !important;
    flex-shrink: 0 !important;
}

/* 4. Estilo cuando el filtro está Activo */
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-item[aria-pressed="true"]::before,
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-item.e-active::before {
    background-color: #2fa04a !important;
    border-color: #2fa04a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 4px 10px rgba(47, 160, 74, 0.25) !important;
}

/* 5. Comportamiento del texto */
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-item-text {
    text-align: left !important;
    margin-right: auto !important; /* Empuja el contador a la derecha si existe */
    padding: 0 !important;
}

/* 6. Asegurar que el número contador se mantenga en su sitio */
.elementor-5877 .elementor-element.elementor-element-9571811 .e-filter-item-count {
    color: #7a7a7a !important;
    font-size: 14px !important;
    margin-left: 10px !important;
}/* End custom CSS */