/* =========================================================
   Page-level styles moved from the mockup <style> blocks (contatti.html, team.html)
   ========================================================= */

/* from contatti.html */
  .c-hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
  .c-hero-bg svg{position:absolute;inset:0;width:100%;height:100%}
  .c-hero-bg .ping{position:absolute;left:50%;top:62%;width:16px;height:16px;margin:-8px;border-radius:50%;background:var(--blue)}
  .c-hero-bg .ping::before,.c-hero-bg .ping::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--blue);animation:cping 3s var(--ease) infinite}
  .c-hero-bg .ping::after{animation-delay:1.5s}
  @keyframes cping{from{transform:scale(.5);opacity:.9}to{transform:scale(9);opacity:0}}
  .addr-chip{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:10px 18px 10px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:15px}
  .addr-chip .dot{width:34px;height:34px;border-radius:50%;background:var(--ice);display:grid;place-items:center;color:var(--blue)}
  .addr-chip .dot svg{width:17px;height:17px}
  .form-side .info-row{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink-2)}
  .form-side .info-row svg{width:22px;height:22px;color:var(--blue);flex:none;margin-top:2px}
  .hours-note{font-size:13.5px;color:#9A6A1F;background:#FDF3E3;border-radius:12px;padding:10px 14px;margin-top:14px}

/* from team.html */
  .constel{position:relative;height:clamp(300px,34vw,440px);margin-top:70px}
  .constel .av{position:absolute;width:clamp(120px,13vw,190px);aspect-ratio:3/4;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:var(--ice-2);transition:transform .7s var(--ease),box-shadow .7s;cursor:pointer}
  .constel .av img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transition:transform 1.2s var(--ease)}
  .constel .av span{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.92);font-family:var(--ff-head);font-size:12px;font-weight:600;line-height:1.25;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--ease)}
  .constel .av:hover{z-index:5;box-shadow:0 40px 70px -30px rgba(15,42,70,.55)}
  .constel .av:hover img{transform:scale(1.08)}
  .constel .av:hover span,.constel .av:focus-visible span{opacity:1;transform:none}
  .constel .av.main{width:clamp(170px,18vw,260px);z-index:3}
  @media (max-width:760px){
    .constel{height:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 20px;margin-top:40px}
    .constel .av,.constel .av.main{position:relative;left:auto!important;top:auto!important;transform:none!important;flex:none;width:150px;scroll-snap-align:start}
    .constel .av span{opacity:1;transform:none}
  }