/* ==========================================================================
   Landing "Posturale di gruppo — corta": versione snella, aggiunte sopra style.css
   ========================================================================== */

/* Hero: foto quadrata del gruppo, come nella versione lunga */
.hero__img--post{width:54%;object-position:62% 30%}
@media (min-width:961px){.hero .hero__copy{max-width:560px}}
@media (max-width:960px){.hero__img--post{width:100%;aspect-ratio:4/3.4;object-position:55% 30%}}
@media (max-width:560px){.hero__img--post{aspect-ratio:1/1;object-position:50% 50%}}
.hero--corta{padding-bottom:clamp(3rem,6vw,4.5rem)}
.hero__checks{margin:1.3rem 0 0}
.hero__checks li{padding:.25rem 0}
.spots-pill{
  display:inline-flex;align-items:center;gap:.55rem;margin:.9rem 0 0;padding:.5rem .95rem;border-radius:999px;
  font-size:.92rem;color:var(--text);background:rgba(255,127,42,.12);border:1px solid rgba(255,127,42,.45)
}
.spots-pill strong{color:var(--accent-2)}
.spots-pill__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:pulse 1.8s infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,127,42,.55)}70%{box-shadow:0 0 0 10px rgba(255,127,42,0)}100%{box-shadow:0 0 0 0 rgba(255,127,42,0)}}
@media (prefers-reduced-motion:reduce){.spots-pill__dot{animation:none}}

/* Claim in barra: versione lunga da desktop, corta sotto i 900px al posto di sparire del tutto */
.topbar__claim .claim-short{display:none}
@media (max-width:900px){
  .topbar__claim{display:inline-flex;margin-right:.6rem;font-size:.78rem}
  .topbar__claim .claim-long{display:none}
  .topbar__claim .claim-short{display:inline}
}
@media (max-width:360px){.topbar__claim{display:none}}

/* Prezzi: stesso prezzo barrato della versione lunga */
.plan__was{font-size:1.1rem;color:var(--muted-2);text-decoration:line-through;text-decoration-color:rgba(255,93,93,.75)}
.plan--best .plan__was{color:rgba(255,177,92,.55)}

/* Striscia compatta: orari + chi ti segue, una sola sezione al posto di due lunghe */
.info-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.orari-list{display:grid;gap:.7rem;margin:1rem 0 0}
.orari-list a{
  display:flex;align-items:center;gap:.7rem;font-size:1.02rem;color:var(--muted);
  padding:.5rem .6rem;margin:-.5rem -.6rem;border-radius:12px;transition:background .2s,color .2s;
}
.orari-list a:hover{background:rgba(255,127,42,.08);color:var(--text)}
.orari-list svg{width:1.2rem;height:1.2rem;color:var(--accent);flex:none}
.orari-list strong{color:var(--text)}
.info-strip__where{margin:1.1rem 0 0;color:var(--muted);font-size:.95rem}
.info-strip__chi{display:flex;align-items:center;gap:1.1rem}
.info-strip__photo{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--line-strong);flex:none}
.info-strip__name{margin:.2rem 0 0;font-size:1.15rem;font-weight:800}
.info-strip__role{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}
@media (max-width:860px){.info-strip{grid-template-columns:1fr;gap:2rem}}

/* Modulo di richiesta a un solo passo */
#richiesta{scroll-margin-top:var(--topbar-h)}
#richiesta .apply__head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
.done h3{font-size:1.5rem}
.done__wa{font-size:.95rem}
.done__ico{background:rgba(61,220,132,.14);color:var(--green);border-color:rgba(61,220,132,.4)}
.done .btn--wa{margin-top:.4rem}
.apply__wa-note{margin:.9rem 0 0;font-size:.9rem;color:var(--muted);text-align:center}
.opt__tag{font-style:normal;margin-left:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.18rem .5rem;border-radius:999px;color:#1c1006;background:var(--accent);white-space:nowrap}
.stickybar.is-visible.is-hidden-form{transform:translateY(110%)}

/* Avviso recensioni (reviews.js): alzo il toast per non sovrapporlo alla barra CTA mobile */
@media (max-width:900px){
  body .mxr-toast{bottom:calc(86px + env(safe-area-inset-bottom))}
}
