.wa-favorites-counter {

        display: inline-flex;

        align-items: center;

        gap: 8px;

        padding: 10px 16px;

        border-radius: 50px;

        background: #fff;

        border: 1px solid #e5e7eb;

        font-size: 14px;

        font-weight: 700;

        color: #475569;
    }


    .wa-favorites-counter i {

        color: #ef4444;
    }



    /*
    ================================================
    CORAZÓN SUPERIOR
    ================================================
    */

    .wa-favorite-form {

        position: absolute;

        top: 12px;

        right: 12px;

        z-index: 10;

        margin: 0;
    }


    .wa-card {

        position: relative;
    }


    .wa-favorite-top {

        width: 42px;

        height: 42px;

        border-radius: 50%;

        border: none;

        background: #ffffff;

        display: flex;

        align-items: center;

        justify-content: center;

        box-shadow:
            0 3px 12px rgba(0, 0, 0, 0.12);

        color: #ef4444;

        font-size: 19px;

        cursor: pointer;

        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
    }


    .wa-favorite-top:hover {

        transform: scale(1.08);

        box-shadow:
            0 5px 16px rgba(0, 0, 0, 0.16);
    }



    /*
    ================================================
    BOTONES INFERIORES
    ================================================
    */

    .wa-favorite-actions {

        display: flex;

        align-items: center;

        gap: 8px;

        margin-top: 15px;
    }


    .wa-favorite-actions .wa-btn {

        flex: 1;
    }


    .wa-remove-favorite-form {

        margin: 0;
    }


    .wa-remove-favorite {

        height: 42px;

        padding: 0 14px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: 6px;

        border-radius: 8px;

        border: 1px solid #ef4444;

        background: #ffffff;

        color: #ef4444;

        font-size: 13px;

        font-weight: 700;

        cursor: pointer;

        transition: all 0.2s ease;
    }


    .wa-remove-favorite:hover {

        background: #ef4444;

        color: #ffffff;
    }



    /*
    ================================================
    SIN IMAGEN
    ================================================
    */

    .wa-no-image {

        width: 100%;

        min-height: 180px;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #f1f5f9;

        color: #94a3b8;

        font-size: 35px;
    }



    /*
    ================================================
    LISTA VACÍA
    ================================================
    */

    .wa-empty-favorites {

        max-width: 650px;

        margin: 50px auto;

        padding: 55px 25px;

        text-align: center;

        background: #ffffff;

        border-radius: 20px;

        border: 1px solid #e5e7eb;

        box-shadow:
            0 8px 30px rgba(15, 23, 42, 0.06);
    }


    .wa-empty-favorites-icon {

        width: 85px;

        height: 85px;

        margin: 0 auto 22px;

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #fff1f2;

        color: #ef4444;

        font-size: 36px;
    }


    .wa-empty-favorites h3 {

        margin-bottom: 10px;

        font-size: 25px;

        font-weight: 800;

        color: #0f172a;
    }


    .wa-empty-favorites p {

        margin-bottom: 25px;

        color: #64748b;

        font-size: 15px;
    }


    .wa-empty-favorites-button {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: 8px;

        padding: 12px 22px;

        border-radius: 10px;

        background: #063A78;

        color: #ffffff;

        text-decoration: none;

        font-weight: 700;

        transition:
            transform 0.2s ease,
            opacity 0.2s ease;
    }


    .wa-empty-favorites-button:hover {

        color: #ffffff;

        transform: translateY(-2px);

        opacity: 0.92;
    }



    /*
    ================================================
    RESPONSIVE
    ================================================
    */

    @media (max-width: 767px) {

        .wa-favorites-counter {

            margin-top: 15px;
        }


        .wa-favorite-actions {

            flex-direction: column;

            align-items: stretch;
        }


        .wa-remove-favorite-form {

            width: 100%;
        }


        .wa-remove-favorite {

            width: 100%;
        }


        .wa-empty-favorites {

            margin-top: 25px;

            padding: 40px 20px;
        }

    }