/* Amuntrail — secció de trail (curses + mapa). Reutilitza tokens de home.css i classes de sortides.css. */

/* Logo destacat */
.am-logo-sec{padding:8px 0 2px;text-align:center}
.am-logo{width:min(300px,68%);height:auto;margin:0 auto;display:block;filter:drop-shadow(0 16px 30px rgba(20,18,14,.18))}

/* Nota d'entrenaments a la intro */
.am-train{display:inline-flex;align-items:center;gap:8px;margin:14px auto 0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:.9rem;color:var(--ink-2);font-weight:600}
.am-train b{color:var(--ink)}
.am-train svg{width:17px;height:17px;color:var(--gold-d);flex:none}

/* Mapa (mateixa mida que el de sortides) */
#amuntrail-map{width:100%;height:66vh;min-height:440px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px -22px rgba(20,18,14,.55);z-index:0}

/* Llista de curses (clicable, sota el mapa) */
.sortides-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:18px}
.sortida-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,box-shadow .15s,transform .15s;font-family:inherit}
.sortida-card:hover{border-color:#f07d1a;box-shadow:0 10px 22px -16px rgba(20,18,14,.5);transform:translateY(-1px)}
.sortida-card:focus-visible{outline:3px solid var(--gold-d);outline-offset:2px}
.sc-nom{font-weight:800;color:var(--ink);font-size:.95rem;line-height:1.25}
.sc-nom b{color:#c26a12;font-weight:700;font-size:.85em}
.sc-meta{color:var(--muted);font-size:.82rem}
.sortides-err{text-align:center;color:var(--muted);grid-column:1/-1;padding:20px}

/* Secció "Entrena amb nosaltres": mateix espai títol↔línia que la resta (40px) */
.am-join{padding:40px 0 44px}

/* Instagram centrat (única xarxa de la secció) */
.segueix .social-grid{grid-template-columns:1fr;max-width:340px;margin-inline:auto}

@media (max-width:820px){
  #amuntrail-map{height:58vh;min-height:360px}
}
