.dsa-pop{position:fixed;right:24px;bottom:24px;z-index:99990;width:384px;max-width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden;
 background:radial-gradient(120% 80% at 100% 100%,rgba(253,90,30,.16),transparent 60%),linear-gradient(180deg,#1d1b26,#15141c);
 color:#f5f0e8;border-radius:20px;border:1px solid rgba(255,255,255,.08);
 box-shadow:0 24px 60px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.2);
 font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 opacity:0;transform:translateY(28px) scale(.98);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.15)}
.dsa-pop.dsa-in{opacity:1;transform:none}
.dsa-pop *{box-sizing:border-box}

/* Copertina della prossima diretta */
.dsa-live{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:180px;padding:16px 18px 14px;
 background:#2a2633 center/cover no-repeat}
.dsa-live::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,20,28,0) 0%,rgba(21,20,28,.15) 35%,rgba(21,20,28,.9) 100%)}
.dsa-live>*{position:relative}
.dsa-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;padding:5px 10px 5px 9px;border-radius:999px;
 background:rgba(21,20,28,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);
 font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#fff}
.dsa-live strong{display:block;font-size:16px;line-height:1.3;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.dsa-live small{display:block;font-size:13px;color:#e6dfd4}
.dsa-pop:not(.dsa-has-img) .dsa-live{min-height:0;padding-top:46px;background:rgba(255,255,255,.04)}
.dsa-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#fd5a1e;box-shadow:0 0 0 0 rgba(253,90,30,.7);animation:dsa-pulse 2s infinite}
@keyframes dsa-pulse{70%{box-shadow:0 0 0 7px rgba(253,90,30,0)}100%{box-shadow:0 0 0 0 rgba(253,90,30,0)}}

/* Testo e invito */
.dsa-body{padding:18px 20px 14px}
.dsa-eye{margin:0 0 6px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#fd5a1e;font-weight:800}
.dsa-pop h2{margin:0 0 8px;font:700 22px/1.2 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:-.005em}
.dsa-txt{margin:0 0 16px;color:#cfc8bc;font-size:14.5px}
.dsa-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#ff6a2f,#f04e12);color:#fff!important;text-decoration:none!important;
 font-weight:700;font-size:16px;border-radius:14px;padding:14px 18px;box-shadow:0 8px 20px -6px rgba(253,90,30,.6),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .15s}
.dsa-cta span{transition:transform .15s}
.dsa-cta:hover,.dsa-cta:focus-visible{transform:translateY(-1px);box-shadow:0 12px 26px -6px rgba(253,90,30,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.dsa-cta:hover span{transform:translateX(3px)}
.dsa-fine{margin:10px 0 0;text-align:center;font-size:12.5px;color:#a49c90}
.dsa-no{background:none;border:0;padding:0;color:#e6dfd4;text-decoration:underline;text-underline-offset:2px;font:inherit;cursor:pointer}

/* Chiudi */
.dsa-x{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:50%;
 background:rgba(21,20,28,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px}
.dsa-x:hover,.dsa-x:focus-visible{background:rgba(21,20,28,.9)}
.dsa-pop button:focus-visible,.dsa-cta:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Telefono: striscia compatta in basso, sopra il pulsante «Consenso» dei cookie. */
@media (max-width:600px){
 .dsa-pop{left:10px;right:10px;bottom:54px;width:auto;max-width:none;border-radius:18px}
 .dsa-live{min-height:112px;padding:12px 14px 10px}
 .dsa-badge{margin-bottom:6px;font-size:11px}
 .dsa-live strong{font-size:14.5px}
 .dsa-live small{font-size:12px}
 .dsa-body{padding:12px 14px 10px}
 .dsa-eye{display:none}
 .dsa-pop h2{font-size:18px;margin-bottom:10px}
 .dsa-txt{display:none}
 .dsa-cta{padding:12px 14px;font-size:15px}
 .dsa-fine{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.dsa-pop{transition:opacity .2s;transform:none}.dsa-dot{animation:none}}
@media print{.dsa-pop{display:none!important}}

/* Versione «biblioteca»: mosaico di copertine e promo */
.dsa-mosaic{display:grid!important;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:0!important;min-height:180px}
.dsa-mosaic i{display:block;background:#2a2633 center/cover no-repeat;min-height:88px}
.dsa-mosaic::before{z-index:1;background:linear-gradient(180deg,rgba(21,20,28,.1) 0%,rgba(21,20,28,.45) 40%,rgba(21,20,28,.94) 100%)!important}
.dsa-mosaic .dsa-badge,.dsa-mosaic strong,.dsa-mosaic small{position:absolute;left:18px;right:18px;z-index:2}
.dsa-mosaic .dsa-badge{right:auto;bottom:74px;margin:0}
.dsa-mosaic strong{bottom:32px}
.dsa-mosaic small{bottom:13px}
.dsa-big{font:700 24px/1.15 Georgia,"Times New Roman",serif!important;color:#fff}
@media (max-width:600px){
 .dsa-mosaic{min-height:118px}
 .dsa-mosaic i{min-height:57px}
 .dsa-mosaic .dsa-badge{left:14px;bottom:62px}
 .dsa-mosaic strong{left:14px;bottom:26px}
 .dsa-mosaic small{left:14px;bottom:9px}
 .dsa-big{font-size:20px!important}
}