.elementor-12383 .elementor-element.elementor-element-79e0f60{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12383 .elementor-element.elementor-element-f701180{--display:flex;}.elementor-12383 .elementor-element.elementor-element-25c7f07{--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:0px;--e-filter-hover-text-color:var( --e-global-color-primary );--e-filter-active-text-color:var( --e-global-color-primary );}.elementor-12383 .elementor-element.elementor-element-25c7f07 .e-filter-item{font-size:14px;}.elementor-12383 .elementor-element.elementor-element-25c7f07 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;}.elementor-12383 .elementor-element.elementor-element-25c7f07 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;}.elementor-12383 .elementor-element.elementor-element-25c7f07 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-12383 .elementor-element.elementor-element-652884d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12383 .elementor-element.elementor-element-58fed68 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12383 .elementor-element.elementor-element-de9f3e2{--grid-columns:4;--grid-column-gap:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12383 .elementor-element.elementor-element-de9f3e2{--grid-columns:2;}}@media(min-width:768px){.elementor-12383 .elementor-element.elementor-element-f701180{--width:30%;}}@media(max-width:767px){.elementor-12383 .elementor-element.elementor-element-f701180{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12383 .elementor-element.elementor-element-25c7f07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12383 .elementor-element.elementor-element-de9f3e2{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-25c7f07 */button.e-filter-item {
    width: 100% !important;
}
.elementor-widget-taxonomy-filter .e-filter-item{
    justify-content: flex-start !important;
}/* End custom CSS */
/* Start custom CSS */.elementor-flip-box {
    height: 220px !important;
}

/* =========================================================
   TRANSFORMAR FILTRO EN CAJA DESPLEGABLE SÓLO EN MÓVILES
   ========================================================= */
@media (max-width: 768px) {
    
    #lr50{
        height: 50px;
    }
    
    button.e-filter-item {
        border: none !important;
    }
    
    /* 1. Contenedor principal: Se convierte en una caja con posición relativa y flecha */
    body.elementor-page-12383 .e-filter {
        position: relative !important;
        display: block !important;
        background-color: #ffffff !important;
        border: 1px solid #cccccc !important;
        border-radius: 6px !important;
        padding: 0 !important;
        margin-bottom: 20px !important;
        cursor: pointer;
        overflow: hidden; /* Oculta las categorías que no están seleccionadas */
        transition: all 0.3s ease;
    }

    /* Dibujamos la flecha desplegable (▼) a la derecha de la caja */
    body.elementor-page-12383 .e-filter::after {
        content: '\25BC'; /* Código Unicode para flecha hacia abajo */
        font-size: 12px;
        color: #666666;
        position: absolute;
        right: 18px;
        top: 18px;
        pointer-events: none;
        transition: transform 0.3s ease;
    }

    /* 2. Ocultar todos los ítems por defecto en móvil */
    body.elementor-page-12383 .e-filter-item {
        display: none !important;
        width: 100% !important;
        padding: 14px 20px !important;
        margin: 0 !important;
        text-align: left !important;
        border-bottom: 1px solid #f0f0f0 !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        color: #333333 !important;
    }

    /* 3. Mostrar SIEMPRE el ítem activo (actúa como la cara visible del menú desplegable) */
    body.elementor-page-12383 .e-filter-item[aria-pressed="true"],
    body.elementor-page-12383 .e-filter-item.e-active {
        display: block !important;
        font-weight: 700 !important;
        color: #222222 !important;
        padding-right: 40px !important; /* Espacio para que el texto no choque con la flecha */
    }

    /* =========================================================
       ESTADO ABIERTO (Cuando el usuario toca la caja en el celular)
       ========================================================= */
    
    /* Cuando el JS le pone la clase, mostramos todas las opciones de la lista */
    body.elementor-page-12383 .e-filter.btx-dropdown-abierto {
        overflow: visible !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
        border-color: #660099 !important; /* Borde morado al abrir */
        z-index: 9999; /* Asegura que se despliegue por encima de tus eventos o cursos */
    }

    /* Giramos la flecha hacia arriba (▲) */
    body.elementor-page-12383 .e-filter.btx-dropdown-abierto::after {
        transform: rotate(180deg);
        color: #660099;
    }

    /* Hacemos visibles todas las categorías en forma de lista vertical */
    body.elementor-page-12383 .e-filter.btx-dropdown-abierto .e-filter-item {
        display: block !important;
    }

    /* Resaltar la opción seleccionada dentro del menú abierto */
    body.elementor-page-12383 .e-filter.btx-dropdown-abierto .e-filter-item[aria-pressed="true"],
    body.elementor-page-12383 .e-filter.btx-dropdown-abierto .e-filter-item.e-active {
        background-color: rgba(102, 0, 153, 0.08) !important;
        color: #660099 !important;
        border-left: 3px solid #660099 !important;
    }

    /* Quitar el borde inferior al último ítem de la lista desplegada */
    body.elementor-page-12383 .e-filter.btx-dropdown-abierto .e-filter-item:last-child {
        border-bottom: none !important;
    }
}/* End custom CSS */