/* Radio LanzaNote · la nostra radio, grafica del lettore "live" (stile Living Lanzarote) */

/* ---------- pagina sezione /radio ---------- */
#lnrsec{max-width:720px;margin:0 auto;padding:6px 14px 40px}
#lnrsec .lnr-head{text-align:center;margin:12px 0 18px}
#lnrsec .lnr-head h1{font:800 clamp(16px,4.6vw,21px)/1.25 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#000;margin:0;display:block}
#lnrsec .lnr-head h1 span{color:#000}
#lnrsec .lnr-head p{display:block;color:#1a1a1a;font-size:12.5px;font-weight:700;letter-spacing:.06em;margin:9px 0 0;text-transform:uppercase}

/* lettore live: copertina sfocata di sfondo, come su Living */
.rlive{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;margin:24px 0 10px;
  padding:26px 28px;display:grid;grid-template-columns:132px 1fr auto;gap:26px;align-items:center;
  background:#17120e;color:#fff;box-shadow:0 18px 50px rgba(16,15,14,.3)}
.rlive::before{content:"";position:absolute;inset:-60px;z-index:-2;background-image:var(--art,none);
  background-size:cover;background-position:center;filter:blur(46px) saturate(1.5);opacity:.6;transform:scale(1.15)}
.rlive::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(18,14,11,.92) 0%,rgba(18,14,11,.78) 48%,rgba(18,14,11,.55) 100%)}
.rlive .rp-art{display:block;line-height:0}
.rlive .rp-art img{width:132px;height:132px;border-radius:14px;object-fit:cover;
  background:rgba(255,255,255,.08);display:block;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.rlive .rp-mid{display:flex;flex-direction:column;gap:5px;min-width:0}
.rlive .rp-eti{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:11px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase}
.rlive .rp-mid b{font-size:30px;line-height:1.1;letter-spacing:-.015em;color:#fff;font-weight:800;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rlive #rautore{font-size:17px;color:rgba(255,255,255,.72)}
.rlive .rp-meta{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:4px;letter-spacing:.03em}
.rlive .rp-play{display:flex;align-items:center;justify-content:center;width:84px;height:84px;flex:0 0 84px;
  border-radius:50%;border:0;cursor:pointer;background:var(--ln-pink,#F49AB9);color:#17120e;
  box-shadow:0 10px 30px rgba(244,154,185,.45);transition:transform .18s ease,background .18s ease}
.rlive .rp-play:hover{background:#fff;transform:scale(1.06)}
.rlive .rp-play svg[hidden]{display:none!important}

/* barrette che ballano accanto a «in onda» */
.rlive .eq{display:inline-flex;align-items:flex-end;gap:2.5px;height:13px}
.rlive .eq i{width:3px;background:var(--ln-pink,#F49AB9);border-radius:2px;height:35%;transform-origin:bottom;
  animation:lnr-eqs .9s ease-in-out infinite}
.rlive .eq i:nth-child(2){animation-delay:.18s;height:85%}
.rlive .eq i:nth-child(3){animation-delay:.36s;height:55%}
.rlive .eq i:nth-child(4){animation-delay:.54s;height:95%}
@keyframes lnr-eqs{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

@media(max-width:860px){
  .rlive{grid-template-columns:96px 1fr;gap:18px;padding:20px;border-radius:18px;row-gap:18px}
  .rlive .rp-art img{width:96px;height:96px;border-radius:12px}
  .rlive .rp-mid b{font-size:22px}
  .rlive #rautore{font-size:15px}
  .rlive .rp-play{grid-column:1/-1;width:100%;height:56px;border-radius:999px;flex:none;gap:10px;
    font:inherit;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:13px}
  .rlive .rp-play::after{content:attr(data-ascolta)}
  .rlive .rp-play[data-suona="1"]::after{content:attr(data-ferma)}
  .rlive .rp-play svg{width:22px;height:22px}
}

/* ---------- riquadro Radio in home = mini-lettore vivo ---------- */
.bt.rd{background:linear-gradient(120deg,#F7C3DB,#F3D0E4);color:#2a1620;position:relative;overflow:hidden;
  display:flex;flex-direction:column;gap:12px;min-height:150px;padding:16px 20px;justify-content:center}
.bt.rd .rd-kick{display:flex;align-items:center;gap:8px;font:800 11px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink,#151515)}
.bt.rd .rd-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.bt.rd .rd-ct{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;min-width:0;text-decoration:none;color:inherit}
.bt.rd .rd-cov{width:72px;height:72px;border-radius:14px;overflow:hidden;background:rgba(0,0,0,.08)}
.bt.rd .rd-cov img{width:100%;height:100%;object-fit:cover;display:block}
.bt.rd .rdtxt{min-width:0;display:flex;flex-direction:column;gap:3px}
.bt.rd .rbrand{font-size:18px;font-weight:800;line-height:1.1;color:#2a1620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt.rd .rd-by{font-style:normal;font-size:13px;color:#5a2130;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt.rd .rd-play{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;
  background:#2a1620;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(42,22,32,.3)}
.bt.rd .rd-play:active{transform:scale(.94)}
.bt.rd .rd-play svg[hidden]{display:none!important}
.bt.rd .eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}
.bt.rd .eq i{width:3px;background:var(--ink,#151515);border-radius:2px;height:35%;transform-origin:bottom;animation:rdeq .9s ease-in-out infinite}
.bt.rd .eq i:nth-child(2){animation-delay:.18s;height:80%}
.bt.rd .eq i:nth-child(3){animation-delay:.36s;height:55%}
.bt.rd .eq i:nth-child(4){animation-delay:.54s;height:95%}
@keyframes rdeq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

/* cactus dopo RADIO LANZANOTE */