html,body{margin:0;padding:0;overflow:hidden;background:transparent;height:100%}
*{box-sizing:border-box}
a,img{display:block;border:0;max-width:100%}
img{object-fit:cover}
.adattivo a,.adattivo>a>img{width:100vw;height:100vh}
.f728x90 a,.f728x90>a>img{width:728px;height:90px}
.f300x250 a,.f300x250>a>img{width:300px;height:250px}
.f250x250 a,.f250x250>a>img{width:250px;height:250px}
/* promozione del sito */
.promo{position:relative;overflow:hidden;background:#C8321F;color:#fff;text-decoration:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px}
.promo::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;border:18px solid rgba(255,255,255,.1)}
.promo .logo{background:#FFF6E9;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex:none}
.promo .logo img{width:72%;height:auto}
.promo .t{display:flex;flex-direction:column;gap:4px}
.promo .w{font-size:22px;font-weight:800;letter-spacing:-.02em}
.promo .w span{color:#F5B301}
.promo .s{font-size:14px;line-height:1.3}
.promo .p{position:relative;z-index:1;background:#F5B301;color:#1C1310;font-weight:800;border-radius:999px;padding:9px 16px;font-size:14px;white-space:nowrap}
.promo.o{flex-direction:row;text-align:left;gap:14px;padding:0 16px}
.promo.o .logo{width:56px;height:56px}
.promo.o .t{flex:1}
.promo.o .w{font-size:21px}
.promo.o .s{font-size:13px}