/* ==========================================================================
   ES Medical Group — 02-base.css
   Reset, elementi base, utility condivise (bottoni, eyebrow, head).
   ========================================================================== */

/* ============ SHARED BITS ============ */
.eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-3);margin-bottom:18px;
}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--gold);border-radius:2px;}
.on-dark .eyebrow{color:var(--gold);}

.head{max-width:660px;margin-bottom:clamp(40px,5vw,64px);}
.head.mid{margin-inline:auto;text-align:center;}
.head.mid .eyebrow{justify-content:center;}
.head p{color:var(--graphite);font-size:clamp(.95rem,1.4vw,1.06rem);margin-top:14px;}
.on-dark .head p{color:rgba(255,255,255,.6);}
.on-dark h2,.on-dark h3{color:var(--white);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 28px;border-radius:999px;font-size:.9rem;font-weight:600;
  letter-spacing:-.005em;line-height:1;min-height:50px;white-space:nowrap;
  transition:transform .35s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), box-shadow .35s var(--ease);
}
.btn svg{width:16px;height:16px;flex:none;}
.btn-gold{background:var(--gold);color:var(--ink);}
.btn-gold:hover{background:var(--gold-2);transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(255,193,7,.7);}
.btn-ghost{border:1.5px solid rgba(255,255,255,.28);color:var(--white);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px);}
.btn-line{border:1.5px solid var(--line);color:var(--ink);background:var(--white);}
.btn-line:hover{border-color:var(--gold-2);background:var(--gold-wash);transform:translateY(-2px);}
.btn-sm{padding:11px 20px;min-height:42px;font-size:.82rem;}

.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.86rem;color:var(--ink);}
.link-arrow svg{width:15px;height:15px;transition:transform .3s var(--ease);}
.link-arrow:hover svg{transform:translateX(4px);}