/* Estructura EscuelaBec */
    .escuelabec-container {
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        padding: 60px 0px 90px 0px;
        gap: 60px; align-items: flex-start;
    }

    /*.escuelabec-sidebar { flex: 0 0 250px; position: sticky; top: 120px; }*/
    .escuelabec-content { flex: 1; }
    
    /* Sidebar */
    .sidebar-title {
        font: var(--subtitle-title);
        text-transform: uppercase;
        margin-bottom: 24px;
        color: var(--canvas-gray-900);
        letter-spacing: 1px;
    }

    .cat-list, .sub-cat-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .sub-cat-list {
        padding-left: 15px;
        display: none;
        border-bottom: 1px solid var(--canvas-gray-300);
        margin-top: 5px;
    }

    /*.cat-item { margin-bottom: 5px; }*/

    .cat-link {
        display: flex;
        justify-content: space-between;
        padding: 9px 0;
        border-bottom: 1px solid var(--canvas-gray-300);
        color: var(--canvas-gray-900);
        text-decoration: none;
        font: var(--body-large);
    }

    .cat-link:hover,.cat-link:focus, .cat-link.active { color: var(--primary-red)}

    .sub-cat-link {
        display: block;
        padding: 5px 0;
        font: var(--body-large);
        color: var(--canvas-gray-500);
        text-decoration: none;
    }

    .sub-cat-link:hover, .sub-cat-link:focus, .sub-cat-link.active {color: var(--primary-red);}


    .cat-item.has-active-child .sub-cat-list, .cat-item.is-active-parent .sub-cat-list {display: block;}

    .count {
        font-size: var(--subtitle-title);
        background: var(--canvas-gray-200);
        padding: 3px 6px;
        color: var(--canvas-gray-800);
        border-radius: 25px;
        text-align: center;
    }

    /* Grid 3 Columnas */
    .ld-custom-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    
    .ld-course-card {
        background: var(--primary-base);
        border-radius: 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transition: transform 0.3s;
    }
    
    .ld-course-card:hover {
        transform: translateY(-3px);
    }
    
    .ld-card-image {height: 160px; position: relative;}
    
    .ld-card-image img {width: 100%; height: 100%; object-fit: cover;}
    
    .ld-card-content {
        padding: 24px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        border-radius: 0px 0px 24px 24px;
        border: 1px solid var(--canvas-gray-300);
    }
    
    .ld-card-title {margin-bottom: 12px;}
    
    .ld-card-title a {
        color: var(--canvas-gray-800);
        font: var(--headline-3-h3);
    }
    
    .ld-card-profesor {
        font: var(--body-large);
        color: var(--canvas-gray-800);
        margin-bottom: 12px;
    }
    
    .ld-card-footer {
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    
    /* Precios y Botones */
    .ld-price {
        display: flex;
        align-items: baseline;
        gap: 8px;
        color: var(--primary-red);
        font: var(--headline-3-h3);
    }

    .ld-price ins {
        order: 1;
        text-decoration: none;
        font: var(--headline-3-h3);
        color: var(--primary-red);
    }

    .ld-price del {
        order: 2;
        color: var(--canvas-gray-600);
        text-decoration: line-through;
        font: var(--body-large);
    }

    .ld-owned {
        color: var(--gold-brand);
        font: var(--headline-3-h3);
    }

    .btn-cart {background: #ff3c41; color: white !important;}

    .btn-cart:hover {background: #d32f2f;}

    .btn-owned {background: #e0e0e0; color: #333 !important;}

    /* Botón "Ir al carrito" */
     a.added_to_cart {
        display: flex !important;
        justify-content: center;
        align-items: center;
        background: var(--canvas-gray-800);
        color: var(--primary-base);
        font-size: 0;
        padding: 12px 28px;
        border-radius: 24px;
        transition: background 0.3s;
    }

    a.added_to_cart:hover, a.added_to_cart:focus,
    .btn-ver-carrito-final:hover, .btn-ver-carrito-final:focus {
        background: var(--gold-brand);
        color: var(--primary-base);
    }

    .btn-ver-carrito-final {
        background-color: var(--canvas-gray-800);
        color: var(--primary-base !important);
        display: block !important;
        width: 100% !important;
        padding: 12px 28px !important;
        text-align: center !important;
        text-decoration: none !important;
        border-radius: 24px !important;     
        font: var(--button-label);
        transition: background 0.3s ease;
        cursor: pointer !important;
    }

    a.btn-ver-carrito-final {color: var(--primary-base);}

    .btn-ver-carrito-final:hover, .btn-ver-carrito-final:focus {
        background-color: var(--gold-brand) !important;
        color: var(--primary-base) !important;
    }


    a.added_to_cart::before {
        content: "Ir al carrito";
        font: var(--button-label);
        margin-right: 5px;
    }

    /* Botón Cargar Más */
    .load-more-container {margin-top: 40px; text-align: center;}

    #btn-load-more {
        background: #fff;
        border: 2px solid #ddd;
        padding: 12px 30px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        border-radius: 30px;
        cursor: pointer;
        transition: 0.3s;
    }

    #btn-load-more:hover {border-color: #333; background: #333; color: #fff;}

    #btn-load-more.loading {opacity: 0.5; cursor: wait;}

    /* Animación */
    .fade-in {animation: fadeIn 0.5s ease-in;}

    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

    @media (max-width: 1024px) {
        .ld-custom-grid {grid-template-columns: repeat(2, 1fr);}
    }

    @media (max-width: 768px) {
        .escuelabec-container { flex-direction: column; }
        .escuelabec-sidebar { width: 100%; position: static; }
        .ld-custom-grid { grid-template-columns: 1fr; }
    }


    /* CAMBIOS */

    lista-cursos-page {padding: 60px 10% 90px 10%;}

    .escuelabec-container h2 {
        font: var(--headline-2-h2);
        color: var(--canvas-gray-900);
        margin-bottom: 30px;
    }

    .lista-del-curso .button-block {
        background: var(--primary-red) !important;
        color: var(--primary-base) !important;
        font: var(--button-label);
        padding: 12px 28px !important;
        border-radius: 24px;
        transition: background 0.3s;
        text-align: center;
        height: 51px;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .lista-del-curso .button-block:hover, .lista-del-curso .button-block:focus {
        background: var(--secondary-red) !important;
        color: var(--primary-base) !important;
    }

    .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before {
        border-bottom: 5px solid var(--canvas-gray-300) !important;
    }