.barra-acciones-bl{
        gap: 14px !important;
    }
    .accion-wrapper-bl{
        padding: 6px 10px !important;
        gap: 6px !important;
    }
    .accion-wrapper-bl, .accion-wrapper-bl a, .accion-wrapper-bl span, .accion-wrapper-bl .simplefavorite-button, .um-bookmarks-button{
        font-size: 13px !important;
    }
    .accion-wrapper-bl svg{
        width: 16px !important;
        height: 16px !important;
    }

    /* Oculta el emoji suelto (texto) que el plugin Favorites inserta en el boton */
    .barra-acciones-bl .accion-wrapper-bl .simplefavorite-button{
        font-size: 0 !important;
    }
    .barra-acciones-bl .accion-wrapper-bl .simplefavorite-button .simplefavorite-button-count{
        font-size: 13px !important;
    }
        /* Solo corazon + numero (sin texto Me Encantan) */ .barra-acciones-bl .simplefavorite-button-count::after, .simplefavorite-button-count::after{ content:none !important; display:none !important; } /* BLA - Corazon v2: rojo intenso, hover, halo, explosion, ancho estable */ .barra-acciones-bl .simplefavorite-button{ position:relative !important; } .barra-acciones-bl .simplefavorite-button::before{ position:relative; z-index:1; transition:transform .2s ease, filter .2s ease !important; } .barra-acciones-bl .accion-wrapper-bl:has(.simplefavorite-button):hover .simplefavorite-button:not(.active)::before, .barra-acciones-bl .simplefavorite-button:hover:not(.active)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27%23ff1744%27 stroke-width=%272%27 d=%27M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z%27/%3E%3C/svg%3E") !important; transform:scale(.88); } .barra-acciones-bl .simplefavorite-button.active::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23ff1744%27 stroke=%27%23ff1744%27 stroke-width=%271%27 d=%27M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z%27/%3E%3C/svg%3E") !important; filter:drop-shadow(0 0 5px rgba(255,23,68,.65)) !important; } .barra-acciones-bl .simplefavorite-button::after{ content:""; position:absolute; left:-7px; top:50%; width:39px; height:39px; margin-top:-19px; border-radius:50%; background:radial-gradient(circle, rgba(255,23,68,.50) 0%, rgba(255,23,68,.20) 52%, rgba(255,23,68,0) 72%); opacity:0; transform:scale(.55); transition:opacity .22s ease, transform .22s ease; pointer-events:none; z-index:0; } .barra-acciones-bl .simplefavorite-button:hover::after, .barra-acciones-bl .accion-wrapper-bl:has(.simplefavorite-button):hover .simplefavorite-button::after{ opacity:1; transform:scale(1); } .barra-acciones-bl .accion-wrapper-bl:has(.simplefavorite-button):hover .simplefavorite-button, .barra-acciones-bl .accion-wrapper-bl:has(.simplefavorite-button):hover .simplefavorite-button .simplefavorite-button-count, .barra-acciones-bl .simplefavorite-button.active .simplefavorite-button-count{ color:#ff1744 !important; fill:#ff1744 !important; text-shadow:none !important; } .barra-acciones-bl .simplefavorite-button.active:not(.loading)::before{ animation:none !important; } .barra-acciones-bl .simplefavorite-button.bla-burst::before{ animation:bla-heart-pop .5s cubic-bezier(.34,1.56,.64,1) !important; } .barra-acciones-bl .simplefavorite-button .simplefavorite-button-count::before{ content:""; position:absolute; left:12px; top:50%; width:4px; height:4px; margin:-2px 0 0 -2px; border-radius:50%; background:#ff1744; opacity:0; pointer-events:none; box-shadow:19px 0 0 #ff1744,-19px 0 0 #ff5c7c,0 19px 0 #ff5c7c,0 -19px 0 #ff1744,13px 13px 0 #ff1744,-13px 13px 0 #ff5c7c,13px -13px 0 #ff5c7c,-13px -13px 0 #ff1744; } .barra-acciones-bl .simplefavorite-button.bla-burst .simplefavorite-button-count::before{ animation:bla-heart-burst .6s ease-out forwards; } @keyframes bla-heart-burst{ 0%{ transform:scale(.3); opacity:1; } 70%{ opacity:1; } 100%{ transform:scale(1.25); opacity:0; } }