/* Layout: banner di marca, titolo, tre schede contatto (segreteria e i due allenatori) che si impilano su telefono. */
:root{
  --lime:#94c11e;--on-lime:#14210a;
  --bg:#f2f6e8;--surface:#ffffff;--fg:#14210a;--muted:#4b5a3a;--line:#d3dcc0;
  --ink:#151a0f;--ink-fg:#eef4e0;--accent-text:#4a6c00;
  --font-display:'Oswald','Arial Narrow',Impact,sans-serif;
  --font-body:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#10150b;--surface:#1a2112;--fg:#eef4e0;--muted:#a9b896;--line:#2d3a1f;--ink:#0a0d06;--accent-text:#94c11e;color-scheme:dark}
}
:root[data-theme="dark"]{--bg:#10150b;--surface:#1a2112;--fg:#eef4e0;--muted:#a9b896;--line:#2d3a1f;--ink:#0a0d06;--accent-text:#94c11e;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.6}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.1}
a{color:inherit}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.wrap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:16px}
.banner{background:linear-gradient(to bottom,#94c11e 0,#94c11e 69.6%,#fff 69.6%);border-bottom:4px solid var(--lime)}
.banner img{display:block;width:100%;max-width:1239px;height:auto;margin-inline:auto}
main{padding-block:56px 64px}
.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:14px;font-weight:500;color:var(--accent-text);margin-bottom:10px}
h1{font-size:clamp(34px,6vw,56px);font-weight:700;text-transform:uppercase}
.lead{margin-top:16px;max-width:52ch;color:var(--muted);font-size:19px}
.grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-top:36px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:24px;min-width:0;display:flex;flex-direction:column;gap:18px}
.card.main{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}
.card h2{font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.role{margin-top:4px;font-size:15px;color:var(--muted)}
.card.main .role{color:var(--on-lime);opacity:.8}
.item{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:14px}
.card.main .item{border-top-color:rgba(20,33,10,.25)}
.item small{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:500;color:var(--muted)}
.card.main .item small{color:var(--on-lime);opacity:.75}
.value{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.value a{font-weight:700;font-size:19px;overflow-wrap:anywhere;text-decoration-thickness:2px;text-underline-offset:3px}
.note{font-size:14px;color:var(--muted)}
.card.main .note{color:var(--on-lime);opacity:.8}
.copy{font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:transparent;color:inherit;border:1px solid currentColor;border-radius:3px;padding:4px 10px;opacity:.85}
.copy:hover{background:var(--ink);color:var(--lime);border-color:var(--ink);opacity:1}
footer{background:var(--ink);color:var(--ink-fg);padding-block:28px}
footer .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
footer .t{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:17px}
footer .tag{font-family:var(--font-display);font-size:22px;color:var(--lime);font-style:italic}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
@media (max-width:760px){main{padding-block:40px 48px}}