/* ==========================================================
   INTRO — parrafo de apertura y cifras con contadores animados
   ========================================================== */

/* ---------- INTRO ---------- */
.intro{padding-top:80px;}
.intro .lead{
  font-family:'Libre Baskerville', serif; font-style:italic; color:var(--navy);
  font-size:clamp(19px,2.3vw,25px); line-height:1.5; max-width:720px; margin:0;
}

/* ---------- CIFRAS (contadores animados) ---------- */
.figures{
  margin-top:72px; padding-top:34px; border-top:1px solid var(--rule);
  display:grid; grid-template-columns:repeat(4, 1fr);
}
.figure{padding:26px 26px 26px 0;}
.figure + .figure{border-left:1px solid var(--rule); padding-left:26px;}
.figure strong{
  display:block; font-family:'Libre Baskerville',serif; font-weight:700;
  font-size:clamp(30px, 3.4vw, 42px); color:var(--navy); line-height:1;
  font-variant-numeric:tabular-nums;
}
.figure strong .sym{color:var(--brass); font-size:0.62em; vertical-align:0.28em; margin-left:2px;}
.figure strong .sym--pre{margin:0 2px 0 0;}
.figure > span{
  display:block; margin-top:12px; font-size:11.5px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--slate); line-height:1.5;
}
@media (max-width:820px){
  .figures{grid-template-columns:repeat(2,1fr);}
  .figure{padding:22px 22px 22px 0;}
  .figure + .figure{padding-left:22px;}
  .figure:nth-child(3){border-left:none; padding-left:0;}
}
@media (max-width:460px){
  .figures{grid-template-columns:1fr;}
  .figure + .figure{border-left:none; border-top:1px solid var(--rule); padding-left:0;}
  .figure:nth-child(3){border-top:1px solid var(--rule);}
}