/* Globalvoip (/globalvoip/) — Globalvoip hoy (cifras). A typographic statement of scale: no cards, no boxes, no icons.
   Numbers in near-white; colour only on the "+" (one corporate colour per figure) and on hairline separators.
   Background: #00010E with large, very diffuse ambient light — blue #0095E5 and cyan #00B0D1, fuchsia #CD0298 only as a
   secondary accent. No lines or arcs: the light alone gives depth. */
.gv-figures{position:relative;isolation:isolate;padding:clamp(88px,9vw,136px) 0 clamp(120px,12vw,180px);text-align:center}
/* The light starts above the section: the layer reaches up into the end of "Nuestra historia" and is masked from fully
   transparent there, so it emerges gradually from the same dark background as you scroll — no edge where one section
   ends and the other begins. It also fades out before the footer. (Light only: it never covers text in either section.) */
.gv-figures::before{content:'';position:absolute;left:0;right:0;top:calc(-1 * clamp(220px,30vh,340px));bottom:0;z-index:-1;pointer-events:none;background:
  radial-gradient(ellipse 70% 58% at 14% 62%,rgba(0,149,229,.13),transparent 72%),
  radial-gradient(ellipse 62% 54% at 86% 56%,rgba(0,176,209,.095),transparent 72%),
  radial-gradient(ellipse 85% 50% at 50% 92%,rgba(0,149,229,.09),transparent 72%),
  radial-gradient(ellipse 48% 42% at 74% 88%,rgba(205,2,152,.055),transparent 70%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 16%,rgba(0,0,0,.75) 32%,#000 46%,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 16%,rgba(0,0,0,.75) 32%,#000 46%,#000 78%,transparent 100%)}

.gv-figures-head .eyebrow{margin-bottom:22px;color:#fff}
.gv-figures-head h2{font-size:clamp(2.1rem,3.6vw,3.3rem);line-height:1.18;letter-spacing:-.045em;color:#f5f5fc}
.gv-figures-head h2 span{display:block;width:fit-content;margin-inline:auto}

.gv-figures-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(52px,6vw,84px) auto 0;padding:0;list-style:none;max-width:1100px}
.gv-figure{position:relative;padding:4px clamp(12px,2vw,28px)}
/* Hairline separators: barely there, fading at both ends. */
.gv-figure+.gv-figure::before{content:'';position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg,transparent,rgba(110,140,255,.32),transparent)}
.gv-figure:nth-child(1){--c:#0095e5}
.gv-figure:nth-child(2){--c:#00b0d1}
.gv-figure:nth-child(3){--c:#cd0298}
.gv-figure:nth-child(4){--c:#ff8327}
.gv-figure-value{display:flex;align-items:baseline;justify-content:center;font-size:clamp(3.2rem,5.6vw,5.3rem);font-weight:500;line-height:1;letter-spacing:-.04em;color:#f5f5fc}
.gv-figure-prefix{margin-right:.06em;color:var(--c);font-size:.8em}
/* Width reserved for the final digits (tabular figures), so the count-up never shifts the layout. */
.gv-figure-number{display:inline-block;min-width:calc(var(--digits,2) * 1ch);text-align:left;font-variant-numeric:tabular-nums}
.gv-figure-label{max-width:220px;margin:18px auto 0;color:#a5afc4;font-size:.95rem;line-height:1.55}

/* Tablet: 2 × 2, so the numbers keep their scale. */
@media (max-width:960px){
  .gv-figures-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:clamp(44px,7vw,64px);max-width:640px}
  .gv-figure+.gv-figure::before{display:none}
  .gv-figure:nth-child(2n)::before{content:'';display:block;position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg,transparent,rgba(110,140,255,.32),transparent)}
}
/* Mobile: still 2 × 2 (it reads better than one long column); numbers scale with the width. */
@media (max-width:700px){
  .gv-figures-head h2{font-size:clamp(1.8rem,7.6vw,2.3rem);letter-spacing:-.04em}
  .gv-figures-list{column-gap:0}
  .gv-figure{padding-inline:10px}
  .gv-figure-value{font-size:clamp(2.6rem,12vw,3.6rem)}
  .gv-figure-label{margin-top:12px;font-size:.88rem}
}