/* ==========================================================================
   gss-cta — CTA final común ([gss_cta]). Tres bases sacadas de la web:
   iso (páginas ISO), sector (gss-ind) y portada (con G2).
   Botones de gss-ui (.gss-btn). Contenido a 1366 px con gutter de 40 px.
   ========================================================================== */
.gss-cta{position:relative;font-family:'Poppins',sans-serif;color:#fff;overflow:hidden}
.gss-cta *{box-sizing:border-box}
.gss-cta__in{max-width:1366px;margin:0 auto;padding:96px 40px}
.gss-cta__t{margin:0;font-family:'Poppins',sans-serif;font-weight:700;color:#fff;letter-spacing:-.015em;text-wrap:balance}
.gss-cta__d{margin:18px 0 0;font-size:18px;line-height:1.6;color:rgba(255,255,255,.92);max-width:620px}

/* botón aguamarina (no existe en gss-ui): fondo de marca y hover a blanco */
.gss-cta a.gss-btn--aqua{color:#041438;background:#00FFD7;border-color:#00FFD7}
.gss-cta a.gss-btn--aqua:hover,.gss-cta a.gss-btn--aqua:focus-visible{color:#5078FF;background:#fff;border-color:#fff}

/* ---------- base iso ---------- */
.gss-cta--iso{background:#4f8bff center/cover no-repeat;text-align:center}
.gss-cta--iso .gss-cta__in{padding-top:110px;padding-bottom:110px;display:grid;justify-items:center}
.gss-cta--iso .gss-cta__t{font-size:clamp(34px,4.4vw,60px);line-height:1.15}
.gss-cta--iso .gss-cta__d{margin-inline:auto}
.gss-cta__btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:34px}

/* ---------- base sector ---------- */
.gss-cta--sector{background:linear-gradient(110deg,#5078ff 0%,#50dcff 100%)}
.gss-cta--sector .gss-cta__in{padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.gss-cta--sector .gss-cta__t,.gss-cta--portada .gss-cta__t{font-size:clamp(30px,3.6vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.02em}
.gss-cta__stack{display:flex;flex-direction:column;gap:14px}
.gss-cta__stack .gss-btn{width:100%}
.gss-cta__logos{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
/* los logos de cliente son lienzos cuadrados con el wordmark pequeño dentro: se recorta el margen */
.gss-cta__logo{display:block;width:118px;height:56px;background:#fff;border-radius:12px;overflow:hidden}
.gss-cta__logo img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- base portada ---------- */
.gss-cta--portada{background:linear-gradient(115deg,#3f6dff 0%,#4f9dff 45%,#5fd2ff 100%)}
.gss-cta--portada .gss-cta__in{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.gss-cta--portada .gss-cta__btns{justify-content:flex-start}
.gss-cta__g2{display:flex;gap:14px}
.gss-cta__g2 img{display:block;width:132px;height:auto}

@media (max-width:1024px){
  .gss-cta--sector .gss-cta__in,.gss-cta--portada .gss-cta__in{grid-template-columns:1fr;gap:36px}
}
@media (max-width:600px){
  .gss-cta__in,.gss-cta--iso .gss-cta__in,.gss-cta--sector .gss-cta__in,.gss-cta--portada .gss-cta__in{padding:64px 20px}
  .gss-cta__g2 img{width:96px}
}