.radio-likes{margin:1rem auto 0;max-width:720px;padding:.9rem 1rem;border:1px solid rgba(115,190,234,.3);border-radius:16px;background:linear-gradient(135deg,rgba(4,29,61,.88),rgba(10,77,112,.72));color:#fff;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.18)}.radio-likes-title{margin:0 0 .65rem;font-weight:700;font-size:.98rem}.radio-likes-actions{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.radio-like-button{display:inline-flex;align-items:center;gap:.5rem;border:0;border-radius:999px;padding:.65rem 1rem;background:#fff;color:#0c5178;font-weight:800;cursor:pointer;transition:transform .15s,background .15s}.radio-like-button:not(:disabled):hover{transform:translateY(-1px);background:#e6f7ff}.radio-like-button:disabled{cursor:not-allowed;opacity:.72}.radio-like-button.is-liked{background:#ff4f76;color:#fff}.radio-like-heart{font-size:1.2rem;line-height:1}.radio-like-count{min-width:1.4rem}.radio-google-login{min-height:40px}.radio-like-status{margin:.65rem 0 0;font-size:.8rem;opacity:.86}.radio-like-status.is-error{color:#ffd1d8}.radio-likes small{display:block;margin-top:.55rem;opacity:.7}
/* RI_LIKES_LEFT_DESKTOP_V1 — tarjeta lateral como en la referencia visual */
@media (min-width: 992px){
  .radio-likes{
    position:fixed;
    left:clamp(1rem,2.4vw,2.25rem);
    top:53%;
    z-index:55;
    width:clamp(150px,13vw,185px);
    max-width:none;
    margin:0;
    padding:.7rem .65rem;
    border-radius:12px;
    text-align:center;
    box-shadow:0 8px 22px rgba(0,0,0,.32);
  }
  .radio-likes-title{margin:0 0 .45rem;font-size:clamp(.72rem,.72vw,.86rem);line-height:1.25;white-space:nowrap}
  .radio-likes-actions{display:flex;flex-direction:column;gap:.35rem}
  .radio-like-button{width:100%;justify-content:center;padding:.42rem .55rem;font-size:.72rem;gap:.28rem}
  .radio-like-heart{font-size:.95rem}
  .radio-like-count{min-width:1rem}
  .radio-google-login{min-height:40px;max-width:100%;overflow:hidden;display:flex;justify-content:center}
  .radio-like-status{margin:.4rem 0 0;font-size:.65rem;line-height:1.25}
  .radio-likes small{margin-top:.35rem;font-size:.62rem;line-height:1.2}
}
/* RI_LIKES_LEFT_MOBILE_V2 — posición lateral según la referencia vertical */
@media (max-width:991px){
  .radio-likes{
    position:fixed;
    left:clamp(.75rem,10vw,2rem);
    top:54%;
    z-index:55;
    width:min(40vw,150px);
    max-width:none;
    margin:0;
    padding:.58rem .48rem;
    border-radius:11px;
    text-align:center;
    box-shadow:0 7px 18px rgba(0,0,0,.34);
  }
  .radio-likes-title{margin:0 0 .35rem;font-size:clamp(.62rem,2.5vw,.78rem);line-height:1.22;white-space:nowrap}
  .radio-likes-actions{display:flex;flex-direction:column;gap:.25rem}
  .radio-like-button{width:100%;justify-content:center;padding:.36rem .4rem;font-size:.64rem;gap:.22rem}
  .radio-like-heart{font-size:.85rem}
  .radio-like-count{min-width:.9rem}
  .radio-google-login{min-height:29px;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
  .radio-google-login iframe{transform:scale(.62);transform-origin:center center;margin:-8px -42px!important}
  .radio-like-status{margin:.3rem 0 0;font-size:.57rem;line-height:1.2}
  .radio-likes small{margin-top:.25rem;font-size:.54rem;line-height:1.15}
}
/* RI_LIKES_MOBILE_POLISH_V3 — sin solapamiento y contenido completo */
@media (max-width:991px){
  .radio-likes{
    left:clamp(.75rem,6.5vw,2rem);
    top:11vh;
    width:min(44vw,185px);
    padding:.62rem .55rem;
    overflow:visible;
  }
  .radio-likes-title{font-size:clamp(.68rem,2.7vw,.82rem);margin-bottom:.42rem}
  .radio-like-button{font-size:.68rem;padding:.4rem .45rem}
  .radio-google-login{width:100%;height:40px;min-height:40px;overflow:visible}
  .radio-google-login iframe{width:100%!important;height:40px!important;transform:none!important;margin:0!important;max-width:100%!important}
  .radio-like-status{font-size:.6rem;line-height:1.25;margin-top:.38rem}
  .radio-likes small{font-size:.57rem;line-height:1.2;margin-top:.3rem}
}