/* Y4C · Equipped to Grow – sezione del sito della Chiesa ADI Bari Japigia
   Stessa identità dell'app (nero, brace, oro; Anton, Jost, EB Garamond),
   ma come sito: menu in alto su computer, barra in basso su telefono. */

/* Caratteri ospitati sul sito (nessuna richiesta a Google). Licenza SIL Open Font License. */
@font-face{font-family:"Anton";font-weight:400;font-display:swap;src:url(/y4c/fonts/anton-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Jost";font-weight:400 600;font-display:swap;src:url(/y4c/fonts/jost-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Jost";font-weight:400 600;font-display:swap;src:url(/y4c/fonts/jost-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-weight:400;font-style:italic;font-display:swap;src:url(/y4c/fonts/ebgaramond-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --bg:#0E0C0A; --surface:#1A1714; --line:#2E2924; --fg:#F4EDE2; --muted:#B3A898;
  --ember:#EA6A1F; --gold:#FFB54A; --ember-ink:#0E0C0A; --glow:rgba(234,106,31,.28);
  --display:"Anton","Oswald","Impact",sans-serif;
  --body:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --serif:"EB Garamond","Garamond","Georgia",serif;
  --largo:1120px;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){ :root{
  --bg:#F6F1E8; --surface:#FFFFFF; --line:#E3D9CB; --fg:#17130F; --muted:#6E6457;
  --ember:#B0470C; --gold:#8F5200; --ember-ink:#FFFFFF; --glow:rgba(234,106,31,.16); color-scheme:light } }

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
a{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--largo);margin:0 auto;padding:0 28px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ico.grande{width:28px;height:28px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salta{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ember);color:var(--ember-ink);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.salta:focus{left:12px}

/* ---------- Testata ---------- */
.testata{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.testata-in{display:flex;align-items:center;gap:28px;min-height:76px}
.marchio{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--fg)}
.marchio img{height:48px;width:auto}
.marchio-testo{display:flex;flex-direction:column;font-family:var(--display);font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:.02em}
.marchio-testo small{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--muted);margin-top:5px}
.menu{display:flex;gap:4px;margin-left:auto}
.menu a{color:var(--fg);text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;border-radius:999px}
.menu a:hover{color:var(--gold)}
.menu a[aria-current="page"]{color:var(--ember);box-shadow:inset 0 -2px 0 var(--ember);border-radius:0}

/* ---------- Pulsanti ---------- */
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:13px 20px;font:600 15px/1 var(--body);letter-spacing:.02em;text-decoration:none;border:1.5px solid var(--line);background:transparent;color:var(--fg);transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px);border-color:var(--muted)}
.btn.primary{background:var(--ember);border-color:var(--ember);color:var(--ember-ink)}
.btn.primary:hover{background:color-mix(in srgb,var(--ember) 88%,#fff)}
.btn.piccolo{padding:10px 16px;font-size:14px}

/* ---------- Tipi ---------- */
.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.h-display{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.01em;font-size:clamp(52px,7vw,92px);margin-top:12px}
.h-display.medio{font-size:clamp(34px,4vw,48px)}
.h-sezione{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.4vw,42px);line-height:1;margin-bottom:24px}
.lead{font-size:clamp(17px,1.6vw,20px);max-width:680px;margin-top:18px}
.muted{color:var(--muted)}
.verse{font-family:var(--serif);font-style:italic;font-size:clamp(21px,2.2vw,28px);line-height:1.3}
.ref{font-size:12px;font-weight:600;letter-spacing:.28em;color:var(--gold);margin-top:8px;text-transform:uppercase}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}
.stack{display:flex;flex-direction:column;gap:12px}
.note{border-left:3px solid var(--ember);padding:14px 18px;background:var(--surface);border-radius:0 12px 12px 0;margin-top:22px}

/* ---------- Home: apertura ---------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 75% 0%,var(--glow),transparent 70%),radial-gradient(ellipse 60% 50% at 0% 100%,color-mix(in srgb,var(--glow) 60%,transparent),transparent 70%)}
.radici{position:absolute;left:50%;bottom:-18%;transform:translateX(-50%);width:min(1240px,130%);opacity:.07;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 25%,transparent 70%);mask-image:linear-gradient(to top,#000 0%,#000 25%,transparent 70%)}
@media (prefers-color-scheme: light){ .radici{opacity:.06;filter:invert(1)} }
.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(48px,7vw,96px)}
.lockup{display:block;margin-top:18px}
.lockup .eq{display:block;font-family:var(--display);font-weight:400;font-size:clamp(64px,8.6vw,124px);line-height:.88;text-transform:uppercase;color:var(--fg)}
.lockup .riga{display:flex;align-items:flex-end;gap:14px;margin-top:6px;border-bottom:2px solid var(--line);padding-bottom:2px;max-width:560px}
.lockup .to{font-family:var(--body);font-size:16px;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);padding-bottom:12px}
.grow{display:flex;align-items:flex-end}
.grow span{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.86;display:block;padding-top:.08em;background:linear-gradient(180deg,var(--gold),var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}
.grow span:nth-child(1){font-size:clamp(48px,5.2vw,74px)}
.grow span:nth-child(2){font-size:clamp(60px,6.6vw,94px)}
.grow span:nth-child(3){font-size:clamp(72px,8vw,114px)}
.grow span:nth-child(4){font-size:clamp(86px,9.6vw,138px)}
@media (prefers-reduced-motion: no-preference){
  .grow span{transform-origin:50% 100%;animation:rise .7s cubic-bezier(.2,1.4,.4,1) both}
  .grow span:nth-child(2){animation-delay:.12s}.grow span:nth-child(3){animation-delay:.24s}.grow span:nth-child(4){animation-delay:.36s}
  @keyframes rise{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
}
.hero-testo .verse{margin-top:28px}
.hero-testo .btns{margin-top:28px}
.hero-lato{display:flex;flex-direction:column;gap:18px}

/* Prossimo incontro */
.next{background:var(--ember);color:var(--ember-ink);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 60px var(--glow)}
.next .lab{font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;opacity:.85}
.next .when{font-family:var(--display);font-size:clamp(40px,4.4vw,56px);line-height:1;text-transform:uppercase}
.next .time{font-family:var(--display);font-size:clamp(28px,2.8vw,36px);line-height:1}
.next .rel{font-weight:600;font-size:16px}
.next .where{font-size:14px;margin-top:8px;opacity:.9}

/* Serata con ospite */
.poster{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse 75% 34% at 50% 30%,rgba(255,140,40,.50),rgba(234,106,31,.14) 55%,rgba(234,106,31,0) 80%),radial-gradient(ellipse 120% 50% at 50% 100%,rgba(234,106,31,.20),transparent 70%),#0B0A09;color:#F5EEE2;text-align:center;padding:22px 0 0}
.poster .ptop{display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-align:right;line-height:1.6}
.poster .ptag{background:#EA6A1F;color:#0B0A09;font-weight:600;font-size:14px;letter-spacing:.4em;padding:5px 8px 3px 14px}
.poster .pphoto{width:56%;max-width:240px;aspect-ratio:1;margin:22px auto 0;border-radius:50%;object-fit:cover;border:5px solid #EA6A1F;box-shadow:0 0 0 10px rgba(234,106,31,.18),0 0 60px rgba(234,106,31,.55)}
.poster .pcon{margin-top:22px;font-weight:600;font-size:15px;letter-spacing:.5em;padding-left:.5em;color:#FFB54A;text-transform:uppercase}
.poster .pname{font-family:var(--display);text-transform:uppercase;font-size:76px;padding:0 16px;line-height:1;margin-top:4px;white-space:nowrap}
.poster .ptheme{font-family:var(--serif);font-style:italic;font-size:21px;margin-top:8px;opacity:.92}
.poster .ptheme b{font-family:var(--body);font-style:normal;font-weight:600;font-size:11px;letter-spacing:.32em;color:#FFB54A;margin-left:6px;text-transform:uppercase}
.poster .pquota{display:inline-block;margin-top:16px;border:2px solid #EA6A1F;border-radius:999px;padding:8px 20px 7px;font-weight:600;font-size:16px}
.poster .pband{margin-top:26px;background:#EA6A1F;color:#0B0A09;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;text-align:left}
.poster .pwhen{font-family:var(--display);text-transform:uppercase;font-size:28px;line-height:1}
.poster .pwhen small{display:block;font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:none;margin-top:6px}
.poster .pwhere{text-align:right;font-size:12px;line-height:1.45;font-weight:500;flex:none}

/* Locandina */
.locandina{margin:0}
.locandina img{width:100%;border-radius:18px;box-shadow:0 14px 44px rgba(0,0,0,.35)}
.locandina figcaption{text-align:center;margin-top:12px}
.lrel{display:inline-block;background:#EA6A1F;color:#0B0A09;font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px 5px;border-radius:999px}
.lrel:empty{display:none}

/* ---------- Sezioni ---------- */
.sezione{padding:clamp(40px,5vw,64px) 0}
.sezione.stretta{padding-top:0}
.scorciatoie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.scorciatoia{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;color:var(--fg);text-decoration:none;transition:transform .15s ease,border-color .15s ease}
.scorciatoia:hover{transform:translateY(-2px);border-color:var(--ember)}
.scorciatoia .ico{width:28px;height:28px;color:var(--ember);margin-bottom:8px}
.scorciatoia b{font-family:var(--display);font-weight:400;font-size:26px;text-transform:uppercase;line-height:1}
.scorciatoia small{color:var(--muted);font-size:14px;line-height:1.4}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cta{display:flex;align-items:center;gap:16px;text-decoration:none;border-radius:18px;padding:22px 24px;color:#fff}
.cta b{display:block;font-family:var(--display);font-weight:400;font-size:26px;text-transform:uppercase;line-height:1}
.cta small{display:block;font-size:14px;opacity:.92;margin-top:4px}
.cta .freccia{margin-left:auto;width:24px;height:24px}
.cta.domanda{background:linear-gradient(115deg,#FFB54A 0%,#EA6A1F 60%,#B83E0B 100%);color:#0B0A09;box-shadow:0 8px 28px rgba(234,106,31,.28)}
.cta.domanda .q{font-family:var(--display);font-size:38px;line-height:1;width:30px;text-align:center}
.cta.instagram{background:linear-gradient(115deg,#F58529 0%,#DD2A7B 55%,#8134AF 100%);box-shadow:0 8px 28px rgba(221,42,123,.25)}
.dove{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.addr{font-family:var(--body);font-size:clamp(20px,2vw,24px);font-weight:500;line-height:1.35;margin-top:8px}

/* ---------- Pagine interne ---------- */
.pagina-testa{background:radial-gradient(ellipse 80% 80% at 80% 0%,var(--glow),transparent 70%);padding:clamp(40px,6vw,80px) 0 clamp(8px,2vw,16px)}
.griglia-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.citazione{margin:0 0 40px;padding:32px 36px;border-left:4px solid var(--ember)}

/* Tema: il percorso in tre passi */
.percorso{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.percorso::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--ember),var(--gold),var(--line))}
.passo{position:relative;display:flex;flex-direction:column;gap:16px}
.passo .dot{width:56px;height:56px;border-radius:50%;border:2px solid var(--ember);display:grid;place-items:center;font-family:var(--display);font-size:26px;color:var(--ember);background:var(--bg);position:relative;z-index:1}
.passo .en{font-size:12px;font-weight:600;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}
.passo h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3vw,38px);text-transform:uppercase;line-height:1.05;margin-top:4px}
.passo p{margin-top:10px}
.passo .refs{font-size:14px;color:var(--muted)}

/* Sabato */
.timeline{display:flex;flex-direction:column;margin-top:10px}
.tl{display:grid;grid-template-columns:80px 1fr;gap:14px;padding-block:14px;border-top:1px solid var(--line)}
.tl:first-child{border-top:0}
.tl .t{font-family:var(--display);font-size:28px;line-height:1;color:var(--ember);font-variant-numeric:tabular-nums}
.tl b{display:block;font-weight:600}
.tl span{color:var(--muted);font-size:15px}
.price{display:flex;align-items:flex-end;gap:14px}
.price .big{font-family:var(--display);font-size:92px;line-height:.85;background:linear-gradient(180deg,var(--gold),var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.05em}
.price .per{font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);padding-bottom:8px}
.split{display:flex;height:44px;border-radius:8px;overflow:hidden;font-family:var(--display);font-size:22px;color:var(--ember-ink)}
.split div{display:flex;align-items:center;justify-content:center}
.split .a{flex:8;background:var(--ember)} .split .b{flex:2;background:var(--gold)}
.splitlab{display:flex;font-size:12px;font-weight:600;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}
.splitlab span:first-child{flex:8}.splitlab span:last-child{flex:2;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}

/* Servire */
.servizio{display:flex;flex-direction:column;gap:8px}
.servizio > .ico{color:var(--ember);margin-bottom:6px}
.servizio h2{font-family:var(--display);font-weight:400;font-size:32px;text-transform:uppercase;line-height:1}
.who{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.servizio p{margin-top:4px}
.iglink{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:600}

/* Team */
.persone{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.persona{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}
.ini{width:52px;height:52px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-size:20px;color:var(--gold)}
.persona b{display:block;font-weight:600;font-size:18px}
.persona .role{display:block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-top:2px}
.persona p{color:var(--muted);font-size:15px;margin-top:6px}
.domande{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-color:var(--ember)}
.domande > div{max-width:640px}
.domande p{margin-top:10px}

/* ---------- Piè di pagina ---------- */
.piede{border-top:1px solid var(--line);margin-top:24px;color:var(--muted);font-size:15px}
.piede-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-top:48px;padding-bottom:48px}
.piede-marchio img{height:64px;width:auto;margin-bottom:14px}
.piede-marchio p{max-width:360px}
.piede h2{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.piede ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.piede a{color:var(--fg);text-decoration:none}
.piede a:hover{color:var(--gold)}

/* ---------- Barra in basso (solo telefono) ---------- */
.schede{display:none}

/* ---------- Tablet ---------- */
@media (max-width:1000px){
  .scorciatoie{grid-template-columns:repeat(2,minmax(0,1fr))}
  .persone{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-in{gap:36px}
}

/* ---------- Telefono ---------- */
@media (max-width:820px){
  body{font-size:16px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .wrap{padding:0 18px}
  .testata-in{min-height:64px;gap:12px}
  .marchio img{height:40px}
  .marchio-testo{font-size:17px}
  .menu{display:none}
  .domanda-top{margin-left:auto;padding:9px 14px;font-size:13px}
  .hero-in{grid-template-columns:1fr;gap:28px}
  .hero-lato{order:-1}
  .duo,.griglia-2{grid-template-columns:1fr}
  .percorso{grid-template-columns:1fr;gap:0}
  .percorso::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(var(--ember),var(--line))}
  .passo{display:grid;grid-template-columns:56px 1fr;gap:16px;padding-bottom:28px}
  .passo:last-child{padding-bottom:0}
  .citazione{padding:24px 22px}
  .persone{grid-template-columns:1fr}
  .piede-in{grid-template-columns:1fr;gap:24px;padding-top:32px;padding-bottom:28px}
  .poster .pname{font-size:64px}
  .schede{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
  .schede a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 12px;color:var(--muted);text-decoration:none;font:600 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
  .schede .ico{width:22px;height:22px;stroke-width:1.8}
  .schede a[aria-current="page"]{color:var(--ember)}
  .schede a[aria-current="page"] .ico{stroke-width:2.2}
}
@media (max-width:560px){
  .marchio-testo small{display:none}
  .domanda-top{display:none}
}
@media (prefers-reduced-motion: reduce){
  .btn,.scorciatoia{transition:none}
  .btn:hover,.scorciatoia:hover{transform:none}
}

/* =====================================================================
   Revisione di design (4 novembre 2026)
   ===================================================================== */
/* 7) Ritorno al sito della chiesa */
.torna{font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:16px 0 16px 18px;border-left:1px solid var(--line)}
.torna:hover{color:var(--gold)}

/* 8) Niente strisce laterali: la citazione la porta il carattere, le note un bordo leggero */
.citazione{background:none;border:0;padding:0;max-width:900px}
.citazione .verse{font-size:clamp(26px,3vw,38px)}
.note{border:1px solid var(--line);border-radius:12px}

/* 9) Ruoli del team leggibili */
.persona .role{text-transform:none;letter-spacing:.02em;font-size:14px}

/* 11) Instagram nei colori Y4C: l'azione forte resta "Hai una domanda?" */
.cta.instagram{background:var(--surface);border:1px solid var(--line);color:var(--fg);box-shadow:none}
.cta.instagram .ico.grande{color:var(--ember)}
.cta.instagram:hover{border-color:var(--ember)}

@media (max-width:820px){
  /* 5) Su telefono la testata scorre via: resta solo la barra in basso */
  .testata{position:relative}
  html{scroll-padding-top:0}
  .torna{margin-left:auto;border-left:0;padding:16px 0}
  .domanda-top{margin-left:12px}
  /* 11) Le tessere ripetono la barra in basso */
  .scopri{display:none}
  /* 12) Prossimo incontro più compatto */
  .next{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:10px;padding:18px 20px;border-radius:16px}
  .next .lab,.next .rel,.next .where{flex-basis:100%}
  .next .when{font-size:28px}
  .next .time{font-size:22px}
  /* 14) Link del piè di pagina facili da toccare */
  .piede ul{gap:0}
  .piede li a{display:inline-flex;align-items:center;min-height:44px}
}

/* Quota: chiarisce che si paga solo con il menù catering */
.solo-chi-mangia{border-left:3px solid var(--ember);padding:10px 0 10px 14px;line-height:1.45}
.solo-chi-mangia b{display:block;color:var(--fg)}