/* Globalvoip (/globalvoip/) — CTA final. A centred, minimal close: eyebrow, large title, short lead and the site's primary
   button. Ambient light in the corporate gradient (#0688FF → #DA1FFF), a little more present than elsewhere, behind the
   content; it starts transparent inside the end of Alianzas and continues down behind the top of the footer, whose
   glass (rgba + blur, unchanged) lets it show through — Alianzas → CTA → Footer as one environment. */
/* Height comes from the content and a controlled padding (no min-height). */
.gv-closing{position:relative;isolation:isolate;padding:clamp(64px,7vw,104px) 0 clamp(76px,7.5vw,110px);text-align:center}
/* The light box reaches into the end of Alianzas and down behind the top of the footer (always shorter than the footer,
   ≥390px, so the page never grows). The ellipses sit around the content's centre for the shorter section. */
.gv-closing::before{content:'';position:absolute;left:0;right:0;top:calc(-1 * clamp(160px,20vh,240px));bottom:calc(-1 * clamp(260px,32vh,360px));z-index:-1;pointer-events:none;background:
  radial-gradient(ellipse 34% 32% at 40% 44%,rgba(6,136,255,.2),transparent 72%),
  radial-gradient(ellipse 32% 30% at 61% 48%,rgba(218,31,255,.14),transparent 72%),
  radial-gradient(ellipse 62% 32% at 50% 60%,rgba(0,149,229,.1),transparent 74%),
  radial-gradient(ellipse 50% 24% at 52% 76%,rgba(218,31,255,.06),transparent 74%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.45) 12%,#000 28%,#000 70%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.45) 12%,#000 28%,#000 70%,transparent 100%)}

.gv-closing-inner{max-width:860px}
.gv-closing .eyebrow{margin-bottom:24px;color:#fff}
.gv-closing h2{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1.12;letter-spacing:-.045em;color:#f5f5fc}
.gv-closing h2 span{display:block;width:fit-content;margin-inline:auto}
.gv-closing-lead{max-width:600px;margin:26px auto 0;color:#b4bfd2;font-size:1.02rem;line-height:1.8}
.gv-closing-button{margin-top:clamp(32px,3.6vw,44px);min-width:260px;text-decoration:none}
.gv-closing-button:focus-visible{outline:2px solid #00b0d1;outline-offset:4px}

/* Entrance (only when the script opts in): eyebrow, title, then lead and button with a small offset. */
@media (prefers-reduced-motion:no-preference){
  .gv-closing.is-ready :is(.eyebrow,h2,.gv-closing-lead,.gv-closing-button){opacity:0;translate:0 12px}
  .gv-closing.is-visible :is(.eyebrow,h2,.gv-closing-lead,.gv-closing-button){opacity:1;translate:0 0;transition:opacity .6s ease,translate .7s cubic-bezier(.22,.61,.36,1)}
  .gv-closing.is-visible h2{transition-delay:.08s}
  .gv-closing.is-visible .gv-closing-lead{transition-delay:.2s}
  .gv-closing.is-visible .gv-closing-button{transition:opacity .6s ease .28s,translate .7s cubic-bezier(.22,.61,.36,1) .28s,background-position .65s ease,box-shadow .35s,transform .35s}
}

@media (max-width:700px){
  .gv-closing{padding:clamp(52px,13vw,72px) 0 clamp(64px,15vw,84px)}
  .gv-closing .eyebrow{margin-bottom:18px}
  .gv-closing h2{font-size:clamp(2rem,8.6vw,2.6rem);letter-spacing:-.04em}
  .gv-closing h2 span{display:inline;width:auto}
  .gv-closing-lead{margin-top:20px;font-size:.95rem}
  .gv-closing-button{width:100%;max-width:340px;min-width:0}
}