/* Blog di Radio Flo — stile della home (grafica 2011 «Spring»): cielo, box verdi, rosa. Kit 28/10/2026 */
*{box-sizing:border-box;margin:0;padding:0}
:root{--verde:#54bd84;--verde2:#2f9a60;--rosa:#f067a6;--rosa2:#c94785;--giallo:#ffde68;--testo:#16262f;--cielo:#86e4fb}
html{background:var(--cielo)}
body{font:17px/1.6 Verdana,Geneva,Tahoma,sans-serif;color:var(--testo);min-height:100vh;
  background:url(/2011/images_spring/stars.jpg) center top/1600px auto no-repeat,linear-gradient(#3493ef,var(--cielo) 700px)}
a{color:var(--verde2)}
.bozza{background:#111;color:var(--giallo);font-size:13px;text-align:center;padding:8px}
.bozza a{color:#7fe7e0}
.testa{display:flex;align-items:flex-end;gap:14px;max-width:760px;margin:0 auto;padding:16px 14px 6px}
.testa img{display:block;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}
.sezione{font:bold 34px/1 Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;text-shadow:0 3px 0 var(--verde2),0 6px 12px rgba(0,0,0,.25);margin-bottom:10px}
.pagina{max-width:760px;margin:0 auto;padding:10px 14px 40px;display:grid;gap:18px}
.box{display:block;background:rgba(255,255,255,.9);border-radius:12px;overflow:hidden;box-shadow:0 8px 22px rgba(0,60,90,.25);text-decoration:none;color:inherit}
.box h2,.box h1.h2{margin:0;font:bold 22px/1.2 Arial,sans-serif;color:#fff;background:linear-gradient(180deg,#6fd59b,var(--verde));padding:12px 18px;border-bottom:4px solid var(--verde2)}
.dentro{padding:18px 20px}
.dentro p+p,.dentro ul+p,.dentro p+ul{margin-top:12px}
h1{font:bold 30px/1.15 Arial,Helvetica,sans-serif;margin:6px 0 14px}
h3{font:bold 21px/1.2 Arial,Helvetica,sans-serif;margin:4px 0 6px;color:var(--testo)}
.meta{font-size:13px;color:#4c6470}
.data{display:inline-block;font:italic bold 13px Arial,sans-serif;color:#fff;background:var(--rosa);padding:2px 7px;margin-right:6px;border-radius:2px}
.date{list-style:none;border-left:4px solid var(--verde);padding-left:12px}
.date li{padding:4px 0}
.flo{background:#eefaf3;border-radius:8px;padding:10px 12px}
.fonti{font-size:13px;color:#4c6470;border-top:1px dashed #b9d8c7;padding-top:10px}
.intro{font-size:16px}
.voce:hover{transform:translateY(-2px);transition:transform .15s}
.torna{text-align:center}.torna a{color:#fff;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* card grafica nostra al posto delle foto stampa: nome artista in pixel su cielo notturno */
.card{position:relative;aspect-ratio:16/7;background:linear-gradient(135deg,#1d0b44,#3c1a6b 55%,#f067a6);display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:8px;overflow:hidden;font-family:'Courier New',monospace;color:#fff}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 12% 22%,#fff 99%,transparent),radial-gradient(1px 1px at 33% 70%,#fff 99%,transparent),
  radial-gradient(2px 2px at 72% 18%,#ffde68 99%,transparent),radial-gradient(1px 1px at 88% 62%,#fff 99%,transparent),radial-gradient(1px 1px at 55% 40%,#fff 99%,transparent)}
.c-art{position:relative;font:bold clamp(38px,9vw,74px)/1 'Courier New',monospace;letter-spacing:6px;text-shadow:4px 4px 0 #f067a6,8px 8px 0 #1d0b44}
.c-sub{position:relative;font-size:clamp(13px,2.6vw,18px);letter-spacing:4px;color:var(--giallo)}
.c-tag{position:absolute;left:14px;top:12px;background:var(--rosa);font:bold 12px Arial,sans-serif;letter-spacing:1px;padding:4px 8px;border-radius:4px}
.card.piccola{aspect-ratio:16/5}.card.piccola .c-art{font-size:clamp(28px,6vw,48px)}
@media (max-width:520px){body{font-size:16px}h1{font-size:25px}.dentro{padding:16px}}