/* App di Bully Chicken in arrivo: blocco grande (home, /bully-club/), strisce e riga del footer.
   Variante 2 "Quattro schermate" scelta da Salmen il 19/10/2026. Se cambia, nome nuovo o ?v= più alto (cache di un anno su /assets). */
.app-arrivo{
  --aa-blu:var(--blu,#1b2a6b);--aa-blu-scuro:var(--blu-scuro,#0f1840);--aa-rosso:var(--rosso,#e21d2b);--aa-giallo:var(--giallo,#ffd400);
  --aa-display:var(--font-display,'Space Grotesk','Inter',system-ui,sans-serif);
  position:relative;background:var(--aa-giallo);color:var(--aa-blu-scuro);padding:80px 0 76px;overflow:hidden;text-align:center
}
.app-arrivo::before{content:"";position:absolute;left:50%;top:40%;width:1900px;height:1900px;margin:-950px 0 0 -950px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.35) 0 6deg,transparent 6deg 15deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);mask:radial-gradient(circle,#000 10%,transparent 60%);pointer-events:none}
.app-arrivo__in{position:relative;max-width:1240px;margin:0 auto;padding:0 20px}
.app-arrivo__cs{display:inline-flex;align-items:center;gap:8px;background:var(--aa-rosso);color:#fff;font-family:var(--aa-display);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px;box-shadow:0 4px 0 var(--aa-blu-scuro)}
.app-arrivo__cs i{width:8px;height:8px;border-radius:50%;background:#fff;animation:aa-pulsa 1.6s ease-in-out infinite}
@keyframes aa-pulsa{0%,100%{opacity:1}50%{opacity:.25}}
.app-arrivo h2{font-family:var(--aa-display);font-weight:700;letter-spacing:-.03em;line-height:.98;margin:16px 0 12px;font-size:clamp(34px,5.4vw,58px);color:var(--aa-blu-scuro)}
.app-arrivo__lead{font-size:clamp(16px,1.6vw,19px);line-height:1.5;margin:0 auto 44px;max-width:600px}
.app-arrivo__lead b{color:var(--aa-rosso)}
.app-arrivo__schermi{list-style:none;margin:0 auto 46px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:left}
.app-arrivo__schermi li{display:flex;flex-direction:column;align-items:center;min-width:0}
.app-arrivo__schermi li:nth-child(even){transform:translateY(30px)}
.app-arrivo__tel{display:block;width:100%;max-width:276px;height:auto;filter:drop-shadow(0 8px 0 rgba(15,24,64,.28)) drop-shadow(0 26px 26px rgba(15,24,64,.32))}
.app-arrivo__cap{margin-top:20px;background:#fff;border:2.5px solid var(--aa-blu-scuro);box-shadow:0 5px 0 var(--aa-blu-scuro);border-radius:18px;padding:14px 16px;width:100%;max-width:276px}
.app-arrivo__cap b{display:block;font-family:var(--aa-display);font-size:17px;line-height:1.15;margin-bottom:4px}
.app-arrivo__cap span{font-size:14px;line-height:1.45;opacity:.85}
.app-arrivo__pass{font-size:14.5px;margin:30px 0 18px;opacity:.9}
.app-arrivo__azioni{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.app-arrivo__cta{display:inline-flex;align-items:center;justify-content:center;background:var(--aa-blu-scuro);color:#fff;font-family:var(--aa-display);font-weight:700;font-size:17px;padding:16px 26px;border-radius:999px;border:2.5px solid var(--aa-blu-scuro);box-shadow:0 5px 0 var(--aa-rosso);text-decoration:none;transition:transform .15s}
.app-arrivo__cta--chiaro{background:#fff;color:var(--aa-blu-scuro);box-shadow:0 5px 0 var(--aa-blu-scuro)}
.app-arrivo__cta:hover{transform:translateY(-2px)}
.app-arrivo__cta:focus-visible,.app-striscia a:focus-visible{outline:3px solid var(--aa-rosso);outline-offset:3px}
.app-arrivo__sotto{font-size:14px;margin:14px 0 0;opacity:.8}
.app-arrivo__scorri{display:none}
@media (max-width:900px){
  .app-arrivo{padding:56px 0 52px}
  .app-arrivo__lead{margin-bottom:26px}
  .app-arrivo__schermi{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -20px 18px;padding:6px 20px 16px;scrollbar-width:none}
  .app-arrivo__schermi::-webkit-scrollbar{display:none}
  .app-arrivo__schermi li{flex:0 0 74%;scroll-snap-align:center}
  .app-arrivo__schermi li:nth-child(even){transform:none}
  .app-arrivo__scorri{display:block;font-size:13px;margin:0 0 4px;opacity:.75}
  .app-arrivo__pass{margin-top:18px}
}

/* striscia piccola (benvenuto, menù) */
.app-striscia{display:flex;align-items:center;gap:16px;max-width:900px;margin:28px auto;padding:16px 20px;background:var(--blu,#1b2a6b);color:#fff;border:2px solid var(--blu-scuro,#0f1840);border-radius:20px;box-shadow:0 5px 0 var(--rosso,#e21d2b);text-align:left;font-size:15.5px;line-height:1.45}
.app-striscia img{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:2px solid var(--giallo,#ffd400)}
.app-striscia b{color:var(--giallo,#ffd400)}
.app-striscia a{color:var(--giallo,#ffd400);font-weight:700;white-space:nowrap}
.app-striscia p{margin:0}

/* riga nel footer */
.foot-app{margin:14px 0 0;font-size:14px}
.foot-app a{color:var(--giallo,#ffd400);font-weight:700}

@media (prefers-reduced-motion:reduce){.app-arrivo__cs i{animation:none}.app-arrivo__cta{transition:none}}