/* =========================================================
   GAMMERS STYLE — INICIO / HERO
   Migrado a GS Frontend Core 0.20.0
   ========================================================= */

.gshomehero,
  .gshomehero * {
    box-sizing: border-box;
  }

  .gshomehero {
    --gs-bg: #040817;
    --gs-panel: rgba(8, 17, 40, .78);
    --gs-cyan: #25d8f4;
    --gs-blue: #2398ff;
    --gs-violet: #835bff;
    --gs-green: #25d366;
    --gs-white: #f8fbff;
    --gs-muted: #b8c5d9;
    --gs-line: rgba(69, 200, 255, .18);

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: clamp(660px, 78vh, 820px);
    color: var(--gs-white);
    background:
      radial-gradient(circle at 73% 34%, rgba(39, 92, 255, .14), transparent 31%),
      radial-gradient(circle at 92% 19%, rgba(128, 70, 255, .18), transparent 28%),
      radial-gradient(circle at 34% 92%, rgba(20, 211, 230, .10), transparent 31%),
      linear-gradient(135deg, #030612 0%, #070b1d 42%, #0a0620 100%);
    font-family: var(--gs-font-sans);
  }

  .gshomehero__grid {
    position: absolute;
    inset: 0;
    z-index: -4;
    opacity: .28;
    background-image:
      linear-gradient(rgba(47, 183, 255, .055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(47, 183, 255, .055) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.12));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.12));
    pointer-events: none;
  }

  .gshomehero__glow {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    pointer-events: none;
    z-index: -3;
  }

  .gshomehero__glow--cyan {
    width: 380px;
    height: 380px;
    left: -170px;
    bottom: -120px;
    background: rgba(37, 216, 244, .13);
  }

  .gshomehero__glow--violet {
    width: 440px;
    height: 440px;
    right: -170px;
    top: -170px;
    background: rgba(131, 91, 255, .13);
  }

  .gshomehero__shell {
    width: min(1380px, calc(100% - 48px));
    min-height: inherit;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr);
    gap: clamp(30px, 5vw, 76px);
    align-items: center;
    padding: clamp(72px, 8vw, 118px) 0 clamp(82px, 8vw, 112px);
  }

  .gshomehero__content {
    position: relative;
    z-index: 3;
    max-width: 650px;
  }

  .gshomehero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--gs-cyan);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .14em;
  }

  .gshomehero__eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gs-cyan);
    box-shadow: 0 0 0 5px rgba(37,216,244,.09), 0 0 18px rgba(37,216,244,.8);
    flex: 0 0 auto;
  }

  .gshomehero__title {
    margin: 0;
    max-width: 760px;
    color: #fff;
    font-size: clamp(42px, 4.8vw, 70px);
    font-weight: 800;
    line-height: 1.035;
    letter-spacing: -.035em;
    text-wrap: balance;
  }

  .gshomehero__title span {
    display: block;
    margin-top: 7px;
    color: transparent;
    background: linear-gradient(90deg, #ffffff 0%, #dff9ff 16%, #31d9f4 62%, #6aa7ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gshomehero__lead {
    max-width: 610px;
    margin: 25px 0 0;
    color: #dce5f3;
    font-size: clamp(16px, 1.35vw, 19px);
    line-height: 1.72;
    font-weight: 400;
  }

  .gshomehero__diagnostic {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    max-width: 610px;
    margin-top: 25px;
    padding: 15px 17px;
    border: 1px solid rgba(37,216,244,.20);
    border-left-color: rgba(37,216,244,.62);
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(37,216,244,.065), rgba(35,152,255,.025));
    box-shadow: inset 0 0 28px rgba(37,216,244,.02);
  }

  .gshomehero__diagnostic-icon {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(37,216,244,.35);
    border-radius: 9px;
    background: rgba(37,216,244,.08);
  }

  .gshomehero__diagnostic-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--gs-cyan);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gshomehero__diagnostic p {
    margin: 0;
    color: #bfcce0;
    font-size: 13px;
    line-height: 1.6;
  }

  .gshomehero__diagnostic strong {
    color: #f6fbff;
    font-weight: 700;
  }

  .gshomehero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
  }

  .gshomehero__btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 21px;
    border-radius: 13px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  }

  .gshomehero__btn svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }

  .gshomehero__btn--primary {
    color: #02111f !important;
    border: 1px solid rgba(110,239,255,.92);
    background: linear-gradient(135deg, #32e2f4 0%, #28c9f5 48%, #3ea7ff 100%);
    box-shadow: 0 12px 34px rgba(37,216,244,.19), inset 0 1px 0 rgba(255,255,255,.55);
  }

  .gshomehero__btn--primary svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gshomehero__btn--whatsapp {
    color: #eafff2 !important;
    border: 1px solid rgba(37,211,102,.48);
    background: rgba(37,211,102,.09);
    box-shadow: inset 0 0 24px rgba(37,211,102,.035);
  }

  .gshomehero__wa {
    fill: var(--gs-green);
  }

  .gshomehero__btn:hover {
    transform: translateY(-2px);
  }

  .gshomehero__btn--primary:hover {
    box-shadow: 0 16px 42px rgba(37,216,244,.27), inset 0 1px 0 rgba(255,255,255,.55);
  }

  .gshomehero__btn--whatsapp:hover {
    border-color: rgba(37,211,102,.78);
    background: rgba(37,211,102,.14);
    box-shadow: 0 12px 30px rgba(37,211,102,.10);
  }

  .gshomehero__btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
  }

  .gshomehero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 24px;
    color: #aebbd0;
    font-size: 12px;
    line-height: 1.4;
  }

  .gshomehero__trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }

  .gshomehero__trust svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #6edff3;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gshomehero__national {
    margin: 11px 0 0;
    max-width: 590px;
    color: #7f90aa;
    font-size: 11px;
    line-height: 1.55;
  }

  .gshomehero__visual {
    position: relative;
    min-width: 0;
    height: clamp(500px, 42vw, 610px);
    display: grid;
    place-items: center;
    z-index: 2;
  }

  .gshomehero__device-wrap {
    position: relative;
    width: min(100%, 760px);
    height: min(100%, 575px);
    display: grid;
    place-items: center;
    z-index: 3;
  }

  .gshomehero__device-halo {
    position: absolute;
    left: 50%;
    bottom: 8%;
    width: 78%;
    height: 40%;
    transform: translateX(-50%);
    border-radius: 50%;
    background:
      radial-gradient(ellipse, rgba(37,216,244,.21) 0%, rgba(68,106,255,.10) 37%, rgba(131,91,255,.04) 59%, transparent 74%);
    filter: blur(24px);
    animation: gshomeheroHalo 5.2s ease-in-out infinite;
    pointer-events: none;
  }

  .gshomehero__device {
    display: block;
    width: min(100%, 755px);
    max-height: 545px;
    object-fit: contain;
    object-position: center;
    position: relative;
    z-index: 2;
    filter:
      drop-shadow(0 26px 24px rgba(0,0,0,.42))
      drop-shadow(0 0 18px rgba(37,216,244,.13))
      drop-shadow(0 0 34px rgba(98,84,255,.09));
    animation: gshomeheroFloat 5.2s ease-in-out infinite;
  }

  .gshomehero__orbit {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
  }

  .gshomehero__orbit--one {
    width: 430px;
    height: 430px;
    border: 1px solid rgba(37,216,244,.13);
    box-shadow: inset 0 0 75px rgba(37,216,244,.025);
  }

  .gshomehero__orbit--one::before,
  .gshomehero__orbit--one::after {
    content: "";
    position: absolute;
    border-radius: 50%;
  }

  .gshomehero__orbit--one::before {
    inset: 36px;
    border: 1px dashed rgba(131,91,255,.14);
  }

  .gshomehero__orbit--one::after {
    inset: 93px;
    border: 1px solid rgba(35,152,255,.08);
  }

  .gshomehero__orbit--two {
    width: 545px;
    height: 275px;
    transform: rotate(-8deg);
    border: 1px solid rgba(131,91,255,.08);
  }

  .gshomehero__scan {
    position: absolute;
    z-index: 1;
    width: 83%;
    height: 1px;
    left: 8%;
    top: 18%;
    opacity: .52;
    background: linear-gradient(90deg, transparent, rgba(37,216,244,.5), rgba(87,114,255,.52), transparent);
    box-shadow: 0 0 18px rgba(37,216,244,.35);
    animation: gshomeheroScan 7s ease-in-out infinite;
    pointer-events: none;
  }

  .gshomehero__hud {
    position: absolute;
    z-index: 5;
    min-width: 205px;
    padding: 11px 13px 10px;
    border: 1px solid rgba(37,216,244,.20);
    border-radius: 12px;
    background: rgba(5,12,30,.80);
    box-shadow: 0 12px 34px rgba(0,0,0,.24), inset 0 0 26px rgba(37,216,244,.025);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }

  .gshomehero__hud::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    border-radius: 5px;
    background: linear-gradient(var(--gs-cyan), var(--gs-blue));
    box-shadow: 0 0 13px rgba(37,216,244,.7);
  }

  .gshomehero__hud--top {
    top: 6%;
    right: 2%;
  }

  .gshomehero__hud--bottom {
    left: 2%;
    bottom: 6%;
    min-width: 248px;
  }

  .gshomehero__hud-kicker,
  .gshomehero__hud-status {
    display: block;
    margin-bottom: 5px;
    color: var(--gs-cyan);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .13em;
  }

  .gshomehero__hud-status {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .gshomehero__hud-status i {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gs-green);
    box-shadow: 0 0 10px rgba(37,211,102,.85);
  }

  .gshomehero__hud strong {
    display: block;
    color: #f2f8ff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
  }

  .gshomehero__hud small {
    display: block;
    margin-top: 5px;
    color: #71839d;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .08em;
  }

  .gshomehero__trace {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }

  .gshomehero__trace path {
    fill: none;
    stroke: rgba(37,216,244,.14);
    stroke-width: 1.2;
    stroke-dasharray: 5 8;
  }

  .gshomehero__node {
    position: absolute;
    z-index: 4;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(37,216,244,.85);
    background: #061021;
    box-shadow: 0 0 12px rgba(37,216,244,.62);
    transform: rotate(45deg);
  }

  .gshomehero__node--a { left: 14%; top: 30%; }
  .gshomehero__node--b { right: 13%; top: 39%; border-color: rgba(131,91,255,.9); box-shadow: 0 0 12px rgba(131,91,255,.62); }
  .gshomehero__node--c { right: 21%; bottom: 17%; }

  .gshomehero__edge {
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    pointer-events: none;
    background:
      linear-gradient(174deg, transparent 0 48%, rgba(37,216,244,.15) 49%, rgba(37,216,244,.02) 50%, transparent 52%);
    opacity: .7;
  }

/* Microcopy decorativo fuera del HTML inicial */
  .gshomehero__hud--top .gshomehero__hud-kicker::before {
    content: "DIAGNÓSTICO";
  }

  .gshomehero__hud--top strong::before {
    content: "Medición antes de intervenir";
  }

  .gshomehero__hud--top small::before {
    content: "CAUSA · VIABILIDAD · PRESUPUESTO";
  }

  .gshomehero__hud--bottom .gshomehero__hud-status::after {
    content: "EQUIPOS COMPATIBLES";
  }

  .gshomehero__hud--bottom strong::before {
    content: "Consolas + portátiles gaming";
  }

  .gshomehero__hud--bottom small::before {
    content: "PLAYSTATION · XBOX · NINTENDO · PC HANDHELD";
  }

  @keyframes gshomeheroFloat {
    0%, 100% {
      transform: translate3d(0, 0, 0) scale(1);
      filter:
        drop-shadow(0 26px 24px rgba(0,0,0,.42))
        drop-shadow(0 0 16px rgba(37,216,244,.11))
        drop-shadow(0 0 30px rgba(98,84,255,.08));
    }
    50% {
      transform: translate3d(0, -6px, 0) scale(1.004);
      filter:
        drop-shadow(0 31px 27px rgba(0,0,0,.46))
        drop-shadow(0 0 23px rgba(37,216,244,.18))
        drop-shadow(0 0 40px rgba(98,84,255,.12));
    }
  }

  @keyframes gshomeheroHalo {
    0%, 100% { opacity: .72; transform: translateX(-50%) scale(.97); }
    50% { opacity: 1; transform: translateX(-50%) scale(1.04); }
  }

  @keyframes gshomeheroScan {
    0%, 100% { top: 20%; opacity: .16; }
    48% { opacity: .5; }
    55% { top: 76%; opacity: .38; }
    72% { opacity: .12; }
  }

  @media (max-width: 1160px) {
    .gshomehero__shell {
      grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
      gap: 28px;
    }

    .gshomehero__title {
      font-size: clamp(40px, 5vw, 60px);
    }

    .gshomehero__visual {
      height: 540px;
    }

    .gshomehero__hud--top {
      right: 0;
    }

    .gshomehero__hud--bottom {
      left: 0;
    }
  }

  @media (max-width: 960px) {
    .gshomehero {
      min-height: auto;
    }

    .gshomehero__shell {
      width: min(860px, calc(100% - 40px));
      grid-template-columns: 1fr;
      gap: 22px;
      padding: 76px 0 84px;
    }

    .gshomehero__content {
      max-width: 760px;
    }

    .gshomehero__title,
    .gshomehero__lead,
    .gshomehero__diagnostic {
      max-width: 760px;
    }

    .gshomehero__visual {
      width: 100%;
      max-width: 780px;
      height: 520px;
      margin: 0 auto;
    }

    .gshomehero__device {
      width: min(96%, 700px);
      max-height: 490px;
    }
  }

  @media (max-width: 700px) {
    .gshomehero__shell {
      width: min(100% - 30px, 620px);
      padding: 62px 0 72px;
    }

    .gshomehero__eyebrow {
      font-size: 10px;
      letter-spacing: .11em;
      margin-bottom: 18px;
    }

    .gshomehero__title {
      font-size: clamp(38px, 10vw, 54px);
      line-height: 1.05;
    }

    .gshomehero__lead {
      margin-top: 20px;
      font-size: 16px;
      line-height: 1.65;
    }

    .gshomehero__diagnostic {
      margin-top: 20px;
    }

    .gshomehero__actions {
      margin-top: 22px;
    }

    .gshomehero__btn {
      flex: 1 1 calc(50% - 6px);
      padding-inline: 16px;
    }

    .gshomehero__trust {
      gap: 9px 14px;
    }

    .gshomehero__visual {
      height: 435px;
      margin-top: 2px;
    }

    .gshomehero__device-wrap {
      height: 420px;
    }

    .gshomehero__device {
      width: min(100%, 620px);
      max-height: 400px;
    }

    .gshomehero__orbit--one {
      width: 350px;
      height: 350px;
    }

    .gshomehero__orbit--two {
      width: 440px;
      height: 225px;
    }

    .gshomehero__hud {
      min-width: 178px;
      padding: 9px 11px;
    }

    .gshomehero__hud--top {
      top: 3%;
    }

    .gshomehero__hud--bottom {
      bottom: 1%;
      min-width: 218px;
    }

    .gshomehero__hud strong {
      font-size: 10px;
    }

    .gshomehero__hud small {
      font-size: 7px;
    }
  }

  @media (max-width: 480px) {
    .gshomehero__shell {
      width: calc(100% - 24px);
      padding: 52px 0 64px;
      gap: 18px;
    }

    .gshomehero__eyebrow {
      align-items: flex-start;
      max-width: 100%;
    }

    .gshomehero__title {
      font-size: clamp(35px, 11vw, 47px);
      letter-spacing: -.04em;
    }

    .gshomehero__diagnostic {
      padding: 13px 14px;
    }

    .gshomehero__diagnostic p {
      font-size: 12px;
    }

    .gshomehero__actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }

    .gshomehero__btn {
      width: 100%;
      min-height: 50px;
    }

    .gshomehero__trust {
      display: grid;
      grid-template-columns: 1fr 1fr;
      font-size: 11px;
    }

    .gshomehero__trust span:last-child {
      grid-column: 1 / -1;
    }

    .gshomehero__national {
      font-size: 10px;
    }

    .gshomehero__visual {
      height: 350px;
    }

    .gshomehero__device-wrap {
      height: 335px;
    }

    .gshomehero__device {
      width: 112%;
      max-width: 535px;
      max-height: 315px;
    }

    .gshomehero__orbit--one {
      width: 280px;
      height: 280px;
    }

    .gshomehero__orbit--two {
      width: 330px;
      height: 175px;
    }

    .gshomehero__hud--top {
      top: 0;
      right: 0;
      min-width: 162px;
    }

    .gshomehero__hud--bottom {
      left: 0;
      bottom: 0;
      min-width: 196px;
    }

    .gshomehero__hud-kicker,
    .gshomehero__hud-status {
      font-size: 8px;
    }

    .gshomehero__hud strong {
      font-size: 9px;
    }

    .gshomehero__hud small {
      font-size: 6.5px;
    }

    .gshomehero__node--a {
      left: 6%;
    }

    .gshomehero__node--b {
      right: 5%;
    }
  }

  @media (max-width: 390px) {
    .gshomehero__shell {
      width: calc(100% - 20px);
    }

    .gshomehero__title {
      font-size: 35px;
    }

    .gshomehero__lead {
      font-size: 15px;
    }

    .gshomehero__visual {
      height: 322px;
    }

    .gshomehero__device-wrap {
      height: 310px;
    }

    .gshomehero__device {
      width: 116%;
      max-height: 287px;
    }

    .gshomehero__hud--top {
      top: -2px;
      transform: scale(.92);
      transform-origin: top right;
    }

    .gshomehero__hud--bottom {
      bottom: -1px;
      transform: scale(.92);
      transform-origin: bottom left;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gshomehero *,
    .gshomehero *::before,
    .gshomehero *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

    .gshomehero__device {
      transform: none !important;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / CREDENCIALES
   Migrado a GS Frontend Core 0.21.0
   ========================================================= */

.gstrust,
.gstrust * {
  box-sizing: border-box;
}

.gstrust {
  --gstrust-cyan: #24c9f3;
  --gstrust-blue: #269cff;
  --gstrust-text: #192438;
  --gstrust-muted: #68768d;

  width: 100%;
  padding: 34px 20px;
  background:
    radial-gradient(circle at 12% 15%, rgba(36, 201, 243, .07), transparent 24%),
    radial-gradient(circle at 88% 78%, rgba(111, 93, 255, .045), transparent 25%),
    linear-gradient(180deg, #f7faff 0%, #f2f6fb 100%);
  font-family: var(--gs-font-sans);
}

.gstrust__shell {
  width: min(var(--gs-content-max), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  overflow: hidden;

  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(15, 33, 60, .08);
  border-radius: 24px;
  box-shadow:
    0 18px 50px rgba(15, 23, 42, .08),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}

.gstrust__item {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  padding: 26px 30px;
}

.gstrust__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  width: 1px;
  height: 60%;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(17, 24, 39, .15),
    transparent
  );
}

.gstrust__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(36, 201, 243, .24);
  border-radius: 15px;
  background:
    linear-gradient(145deg, rgba(36, 201, 243, .12), rgba(38, 156, 255, .05));
  box-shadow:
    inset 0 0 18px rgba(36, 201, 243, .05),
    0 8px 22px rgba(38, 156, 255, .06);
}

.gstrust__icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--gstrust-cyan);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gstrust__copy {
  min-width: 0;
}

.gstrust__number {
  display: block;
  margin: 0 0 5px;
  color: transparent;
  background: linear-gradient(90deg, var(--gstrust-cyan), var(--gstrust-blue));
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.gstrust__number--since {
  font-size: clamp(25px, 2.35vw, 36px);
}

.gstrust__label {
  display: block;
  color: var(--gstrust-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.gstrust__note {
  display: block;
  margin-top: 3px;
  color: var(--gstrust-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .gstrust {
    padding: 28px 18px;
  }

  .gstrust__item {
    grid-template-columns: 1fr;
    gap: 11px;
    text-align: center;
    justify-items: center;
    padding: 24px 18px;
  }

  .gstrust__number {
    font-size: clamp(27px, 4.5vw, 38px);
  }

  .gstrust__number--since {
    font-size: clamp(23px, 3.9vw, 32px);
  }
}

@media (max-width: 700px) {
  .gstrust {
    padding: 24px 15px;
  }

  .gstrust__shell {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  .gstrust__item {
    grid-template-columns: auto minmax(0, 1fr);
    justify-items: initial;
    text-align: left;
    gap: 14px;
    padding: 22px 20px;
  }

  .gstrust__item:not(:last-child)::after {
    top: auto;
    right: 10%;
    bottom: 0;
    width: 80%;
    height: 1px;
    background: linear-gradient(
      to right,
      transparent,
      rgba(17, 24, 39, .13),
      transparent
    );
  }

  .gstrust__number,
  .gstrust__number--since {
    font-size: 30px;
  }
}

@media (max-width: 420px) {
  .gstrust {
    padding: 20px 12px;
  }

  .gstrust__item {
    gap: 12px;
    padding: 19px 16px;
  }

  .gstrust__icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }

  .gstrust__icon svg {
    width: 22px;
    height: 22px;
  }

  .gstrust__number,
  .gstrust__number--since {
    font-size: 27px;
  }

  .gstrust__label {
    font-size: 13px;
  }

  .gstrust__note {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gstrust *,
  .gstrust *::before,
  .gstrust *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   GAMMERS STYLE — INICIO / PLATAFORMAS Y PORTÁTILES
   Migrado a GS Frontend Core 0.22.0
   ========================================================= */

.gsplatforms,
  .gsplatforms * {
    box-sizing: border-box;
  }

  .gsplatforms {
    --gsp-cyan: #22c8ef;
    --gsp-blue: #168fe8;
    --gsp-dark: #0c1728;
    --gsp-text: #26364c;
    --gsp-muted: #697890;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(68px, 7vw, 100px) 22px;
    background:
      radial-gradient(circle at 8% 22%, rgba(34, 200, 239, .08), transparent 24%),
      radial-gradient(circle at 91% 76%, rgba(124, 97, 255, .055), transparent 27%),
      linear-gradient(180deg, #f5f8fc 0%, #f8fbff 54%, #f3f7fb 100%);
    font-family: var(--gs-font-sans);
  }

  .gsplatforms__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .34;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(34, 200, 239, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(34, 200, 239, .045) 1px, transparent 1px);
    background-size: 78px 78px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent);
  }

  .gsplatforms__shell {
    width: min(1220px, 100%);
    margin: 0 auto;
  }

  .gsplatforms__heading {
    max-width: 820px;
    margin: 0 auto 46px;
    text-align: center;
  }

  .gsplatforms__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--gsp-blue);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .17em;
  }

  .gsplatforms__heading h2 {
    margin: 0;
    color: var(--gsp-dark);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.04em;
    text-wrap: balance;
  }

  .gsplatforms__heading h2 span {
    color: transparent;
    background: linear-gradient(90deg, var(--gsp-cyan), var(--gsp-blue), #4e8ef6);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsplatforms__heading p {
    max-width: 720px;
    margin: 18px auto 0;
    color: var(--gsp-muted);
    font-size: 16px;
    line-height: 1.72;
  }

  .gsplatforms__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
  }

  .gsplatforms__card {
    position: relative;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 22px 21px 21px;
    border: 1px solid rgba(17, 40, 68, .09);
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.91));
    box-shadow:
      0 15px 38px rgba(15, 23, 42, .075),
      inset 0 1px 0 rgba(255,255,255,.95);
    transition:
      transform .24s ease,
      box-shadow .24s ease,
      border-color .24s ease;
  }

  .gsplatforms__card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    top: -94px;
    right: -90px;
    border-radius: 50%;
    pointer-events: none;
    background:
      radial-gradient(circle, rgba(34,200,239,.13), rgba(22,143,232,.045) 54%, transparent 70%);
  }

  .gsplatforms__card::after {
    content: "";
    position: absolute;
    left: 21px;
    right: 21px;
    bottom: 0;
    height: 2px;
    border-radius: 4px 4px 0 0;
    opacity: .36;
    background: linear-gradient(90deg, transparent, var(--gsp-cyan), var(--gsp-blue), transparent);
  }

  .gsplatforms__card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 200, 239, .25);
    box-shadow:
      0 22px 48px rgba(15, 23, 42, .11),
      0 8px 24px rgba(34, 200, 239, .055);
  }

  .gsplatforms__card-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
  }

  .gsplatforms__index {
    color: rgba(12, 23, 40, .26);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .15em;
  }

  .gsplatforms__icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(34, 200, 239, .22);
    border-radius: 15px;
    color: var(--gsp-cyan);
    background: linear-gradient(145deg, rgba(34,200,239,.11), rgba(22,143,232,.035));
  }

  .gsplatforms__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsplatforms__tag {
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
    color: var(--gsp-blue);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .15em;
  }

  .gsplatforms__card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: var(--gsp-dark);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.025em;
  }

  .gsplatforms__desc {
    position: relative;
    z-index: 1;
    margin: 0 0 18px;
    min-height: 78px;
    color: var(--gsp-muted);
    font-size: 13px;
    line-height: 1.62;
  }

  .gsplatforms__list {
    position: relative;
    z-index: 1;
    margin: 0 0 21px;
    padding: 0;
    list-style: none;
  }

  .gsplatforms__list li {
    position: relative;
    margin: 0 0 9px;
    padding-left: 19px;
    color: #34445b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
  }

  .gsplatforms__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 7px;
    height: 7px;
    border: 1.5px solid var(--gsp-cyan);
    transform: rotate(45deg);
    box-shadow: 0 0 8px rgba(34,200,239,.18);
  }

  .gsplatforms__link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: auto;
    color: #007fbd !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none !important;
  }

  .gsplatforms__link span {
    transition: transform .2s ease;
  }

  .gsplatforms__link:hover span {
    transform: translateX(4px);
  }

  .gsplatforms__link:focus-visible {
    outline: 2px solid var(--gsp-blue);
    outline-offset: 4px;
    border-radius: 4px;
  }

  .gsplatforms__links {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px 15px;
    margin-top: auto;
  }

  .gsplatforms__links .gsplatforms__link {
    margin-top: 0;
  }

  .gsplatforms__link--secondary {
    color: #6357cf !important;
  }

  .gsplatforms__footnote {
    max-width: 950px;
    margin: 26px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid rgba(34, 200, 239, .15);
    border-radius: 13px;
    background: rgba(255,255,255,.55);
  }

  .gsplatforms__footnote-icon {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(34,200,239,.3);
    border-radius: 50%;
    color: var(--gsp-blue);
    font-size: 11px;
    font-weight: 800;
  }

  .gsplatforms__footnote p {
    margin: 0;
    color: #66758c;
    font-size: 11px;
    line-height: 1.58;
  }

  @media (max-width: 1080px) {
    .gsplatforms__cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .gsplatforms__desc {
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsplatforms {
      padding: 58px 15px 64px;
    }

    .gsplatforms__heading {
      margin-bottom: 32px;
      text-align: left;
    }

    .gsplatforms__heading h2 {
      font-size: clamp(32px, 9.5vw, 44px);
    }

    .gsplatforms__heading p {
      margin-left: 0;
      font-size: 14px;
      line-height: 1.68;
    }

    .gsplatforms__cards {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .gsplatforms__card {
      padding: 20px 19px 19px;
      border-radius: 19px;
    }

    .gsplatforms__card h3 {
      font-size: 20px;
    }

    .gsplatforms__desc {
      font-size: 12px;
    }

    .gsplatforms__list li {
      font-size: 11.5px;
    }

    .gsplatforms__footnote {
      margin-top: 20px;
      padding: 12px 13px;
    }
  }

  @media (max-width: 390px) {
    .gsplatforms {
      padding-inline: 11px;
    }

    .gsplatforms__card {
      padding: 18px 16px 18px;
    }

    .gsplatforms__icon {
      width: 46px;
      height: 46px;
      border-radius: 13px;
    }

    .gsplatforms__icon svg {
      width: 23px;
      height: 23px;
    }

    .gsplatforms__links {
      gap: 8px 13px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gsplatforms *,
    .gsplatforms *::before,
    .gsplatforms *::after {
      animation: none !important;
      transition: none !important;
    }

    .gsplatforms__card:hover {
      transform: none;
    }
  }

.gsplatforms__dynamic {
    min-height: 430px;
  }

  .gsplatforms__dynamic[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gsplatforms__loading {
    min-height: 430px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gsp-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
  }

  @media (max-width: 1080px) {
    .gsplatforms__dynamic,
    .gsplatforms__loading {
      min-height: 760px;
    }

    .gsplatforms__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsplatforms__dynamic,
    .gsplatforms__loading {
      min-height: 1180px;
    }

    .gsplatforms__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / CONTROLES Y PROBADOR
   Migrado a GS Frontend Core 0.23.0
   ========================================================= */

.gscontrols,
  .gscontrols * {
    box-sizing: border-box;
  }

  .gscontrols {
    --gsc-cyan: #22c9ef;
    --gsc-blue: #178fe7;
    --gsc-ink: #0b1729;
    --gsc-muted: #69788f;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(72px, 7.5vw, 108px) 22px;
    background:
      radial-gradient(circle at 11% 16%, rgba(34, 201, 239, .075), transparent 25%),
      radial-gradient(circle at 89% 79%, rgba(117, 93, 255, .055), transparent 27%),
      linear-gradient(180deg, #f3f7fb 0%, #f8fbff 52%, #f4f8fc 100%);
    font-family: var(--gs-font-sans);
  }

  .gscontrols__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .33;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(34, 201, 239, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(34, 201, 239, .045) 1px, transparent 1px);
    background-size: 78px 78px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
  }

  .gscontrols__shell {
    width: min(1220px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    gap: clamp(42px, 5vw, 78px);
    align-items: center;
  }

  .gscontrols__visual,
  .gscontrols__content {
    min-width: 0;
  }

  .gscontrols__visual {
    position: relative;
  }

  .gscontrols__image-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(19, 61, 92, .10);
    border-radius: 26px;
    background: #dfeaf2;
    box-shadow:
      0 24px 58px rgba(15, 23, 42, .13),
      inset 0 1px 0 rgba(255, 255, 255, .68);
  }

  .gscontrols__image-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(180deg, transparent 62%, rgba(3, 16, 31, .18)),
      radial-gradient(circle at 76% 20%, rgba(34, 201, 239, .11), transparent 27%);
  }

  .gscontrols__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 28%;
  }

  .gscontrols__image-badge {
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(34, 201, 239, .28);
    border-radius: 10px;
    color: #e7fbff;
    background: rgba(4, 21, 38, .88);
    box-shadow: 0 10px 24px rgba(5, 18, 35, .18);
    backdrop-filter: blur(9px);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .13em;
  }

  .gscontrols__image-badge-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsc-cyan);
    box-shadow: 0 0 10px rgba(34, 201, 239, .6);
  }

  .gscontrols__tester {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 16px 0 0;
    padding: 16px 18px;
    border: 1px solid rgba(34, 201, 239, .20);
    border-radius: 16px;
    background:
      linear-gradient(135deg, rgba(7, 24, 43, .98), rgba(12, 33, 56, .96));
    box-shadow:
      0 15px 34px rgba(10, 24, 43, .15),
      inset 0 1px 0 rgba(255, 255, 255, .055);
  }

  .gscontrols__tester-head {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .gscontrols__tester-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(34, 201, 239, .24);
    border-radius: 12px;
    color: var(--gsc-cyan);
    background: rgba(34, 201, 239, .07);
  }

  .gscontrols__tester-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscontrols__tester-kicker {
    display: block;
    margin-bottom: 3px;
    color: var(--gsc-cyan);
    font-size: 8px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .15em;
  }

  .gscontrols__tester strong {
    display: block;
    color: #f5fbff;
    font-size: 14px;
    line-height: 1.35;
  }

  .gscontrols__tester p {
    margin: 9px 0 9px;
    color: #aebcd0;
    font-size: 10.5px;
    line-height: 1.5;
  }

  .gscontrols__tester-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #75e8ff !important;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none !important;
  }

  .gscontrols__tester-link span {
    transition: transform .2s ease;
  }

  .gscontrols__tester-link:hover span {
    transform: translateX(4px);
  }

  .gscontrols__tester-link:focus-visible {
    outline: 2px solid var(--gsc-cyan);
    outline-offset: 4px;
    border-radius: 4px;
  }

  .gscontrols__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--gsc-blue);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
  }

  .gscontrols__content h2 {
    margin: 0;
    color: var(--gsc-ink);
    font-size: clamp(38px, 4.5vw, 60px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gscontrols__content h2 span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, var(--gsc-cyan), var(--gsc-blue), #4d8bf4);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscontrols__lead {
    max-width: 650px;
    margin: 20px 0 0;
    color: var(--gsc-muted);
    font-size: 15px;
    line-height: 1.72;
  }

  .gscontrols__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 27px;
  }

  .gscontrols__feature {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 13px 13px;
    border: 1px solid rgba(16, 48, 81, .08);
    border-radius: 13px;
    background: rgba(255, 255, 255, .62);
  }

  .gscontrols__check {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    margin-top: 1px;
    border: 1px solid rgba(34, 201, 239, .30);
    border-radius: 8px;
    color: var(--gsc-blue);
    background: rgba(34, 201, 239, .075);
    font-size: 12px;
    font-weight: 900;
  }

  .gscontrols__feature strong {
    display: block;
    margin-bottom: 3px;
    color: #213047;
    font-size: 12px;
    line-height: 1.42;
  }

  .gscontrols__feature span:last-child {
    display: block;
    color: #78869a;
    font-size: 10px;
    line-height: 1.5;
  }

  .gscontrols__process {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 15px 16px;
    border: 1px solid rgba(34, 201, 239, .17);
    border-radius: 15px;
    background:
      linear-gradient(90deg, rgba(34, 201, 239, .045), rgba(117, 93, 255, .035));
  }

  .gscontrols__process-icon {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(34, 201, 239, .25);
    border-radius: 10px;
    color: var(--gsc-cyan);
    background: rgba(34, 201, 239, .06);
  }

  .gscontrols__process-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscontrols__process p {
    margin: 0;
    color: #617087;
    font-size: 11px;
    line-height: 1.6;
  }

  .gscontrols__process strong {
    color: #24344a;
  }

  .gscontrols__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 22px;
  }

  .gscontrols__button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      box-shadow .2s ease,
      border-color .2s ease;
  }

  .gscontrols__button--primary {
    color: #061522 !important;
    border: 1px solid rgba(34, 201, 239, .42);
    background: linear-gradient(135deg, #36d8ef, #3ca8f5);
    box-shadow: 0 12px 27px rgba(31, 165, 232, .17);
  }

  .gscontrols__button--secondary {
    color: #146391 !important;
    border: 1px solid rgba(23, 143, 231, .22);
    background: rgba(255, 255, 255, .66);
  }

  .gscontrols__button:hover {
    transform: translateY(-2px);
  }

  .gscontrols__button--primary:hover {
    box-shadow: 0 16px 30px rgba(31, 165, 232, .23);
  }

  .gscontrols__button--secondary:hover {
    border-color: rgba(34, 201, 239, .38);
  }

  .gscontrols__button:focus-visible {
    outline: 2px solid var(--gsc-blue);
    outline-offset: 4px;
  }

  .gscontrols__note {
    margin: 14px 0 0;
    color: #7b899d;
    font-size: 9.5px;
    line-height: 1.55;
  }

  @media (max-width: 980px) {
    .gscontrols__shell {
      grid-template-columns: 1fr;
      gap: 48px;
    }

    .gscontrols__visual {
      width: min(720px, 100%);
      margin: 0 auto;
    }

    .gscontrols__content {
      width: min(760px, 100%);
      margin: 0 auto;
    }

    .gscontrols__image-frame {
      aspect-ratio: 16 / 9;
    }
  }

  @media (max-width: 700px) {
    .gscontrols {
      padding: 60px 15px 66px;
    }

    .gscontrols__shell {
      gap: 40px;
    }

    .gscontrols__image-frame {
      aspect-ratio: 4 / 3;
      border-radius: 21px;
    }

    .gscontrols__tester {
      width: 100%;
      margin: 13px 0 0;
      padding: 16px 16px;
      border-radius: 15px;
    }

    .gscontrols__content h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gscontrols__lead {
      font-size: 14px;
    }

    .gscontrols__features {
      grid-template-columns: 1fr;
      gap: 10px;
      margin-top: 23px;
    }

    .gscontrols__actions {
      flex-direction: column;
    }

    .gscontrols__button {
      width: 100%;
      min-height: 52px;
    }
  }

  @media (max-width: 390px) {
    .gscontrols {
      padding-inline: 11px;
    }

    .gscontrols__image-frame {
      aspect-ratio: 4 / 3;
    }

    .gscontrols__image-badge {
      left: 13px;
      bottom: 13px;
      padding: 8px 10px;
      font-size: 8px;
    }

    .gscontrols__tester {
      width: 100%;
      margin-left: 0;
    }

    .gscontrols__tester strong {
      font-size: 13px;
    }

    .gscontrols__process {
      padding: 13px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gscontrols *,
    .gscontrols *::before,
    .gscontrols *::after {
      animation: none !important;
      transition: none !important;
    }

    .gscontrols__button:hover {
      transform: none;
    }
  }

.gscontrols__dynamic-visual {
    min-height: 470px;
  }

  .gscontrols__dynamic-detail {
    min-height: 295px;
  }

  .gscontrols__dynamic-visual[data-gs-loaded="1"],
  .gscontrols__dynamic-detail[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gscontrols__loading {
    width: 100%;
    min-height: inherit;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gsc-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
  }

  @media (max-width: 980px) {
    .gscontrols__dynamic-visual {
      min-height: 520px;
    }
  }

  @media (max-width: 700px) {
    .gscontrols__dynamic-visual {
      min-height: 470px;
    }

    .gscontrols__dynamic-detail {
      min-height: 560px;
    }
  }

  @media (max-width: 390px) {
    .gscontrols__dynamic-visual {
      min-height: 430px;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / OTROS SERVICIOS
   Migrado a GS Frontend Core 0.24.0
   ========================================================= */

.gsother,
  .gsother * {
    box-sizing: border-box;
  }

  .gsother {
    --gso-cyan: #24c9ed;
    --gso-blue: #168fe7;
    --gso-violet: #735eff;
    --gso-navy: #0a1729;
    --gso-text: #24334b;
    --gso-muted: #68788f;
    --gso-line: rgba(15,49,82,.085);

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(76px, 7.5vw, 106px) 22px;
    background:
      radial-gradient(circle at 9% 15%, rgba(36,201,237,.085), transparent 25%),
      radial-gradient(circle at 91% 79%, rgba(115,94,255,.065), transparent 27%),
      linear-gradient(180deg, #f5f9fd 0%, #fbfcfe 48%, #f2f7fb 100%);
    font-family: var(--gs-font-sans);
  }

  .gsother__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .33;
    background-image:
      linear-gradient(rgba(36,201,237,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(36,201,237,.045) 1px, transparent 1px);
    background-size: 76px 76px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  }

  .gsother__orb {
    position: absolute;
    z-index: -2;
    border-radius: 50%;
    pointer-events: none;
  }

  .gsother__orb--one {
    width: 360px;
    height: 360px;
    top: -235px;
    left: -170px;
    border: 1px solid rgba(36,201,237,.09);
    box-shadow:
      0 0 0 54px rgba(36,201,237,.014),
      0 0 0 108px rgba(36,201,237,.009);
  }

  .gsother__orb--two {
    width: 390px;
    height: 390px;
    right: -250px;
    bottom: 35px;
    border: 1px solid rgba(115,94,255,.09);
    box-shadow: 0 0 0 60px rgba(115,94,255,.013);
  }

  .gsother__shell {
    width: min(var(--gs-content-max), 100%);
    margin: 0 auto;
  }

  .gsother__header {
    max-width: 830px;
    margin: 0 auto 46px;
    text-align: center;
  }

  .gsother__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--gso-blue);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
  }

  .gsother__eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gso-cyan);
    box-shadow: 0 0 12px rgba(36,201,237,.52);
  }

  .gsother__header h2 {
    margin: 0;
    color: var(--gso-navy);
    font-size: clamp(36px, 4.3vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gsother__header h2 span {
    color: transparent;
    background: linear-gradient(90deg, var(--gso-cyan), var(--gso-blue), #4e8cf2);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsother__header p {
    max-width: 760px;
    margin: 19px auto 0;
    color: var(--gso-muted);
    font-size: 14.5px;
    line-height: 1.72;
  }

  .gsother__cards {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
  }

  .gsother__card {
    position: relative;
    grid-column: span 4;
    min-width: 0;
    min-height: 350px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    padding: 22px 21px 21px;
    border: 1px solid var(--gso-line);
    border-radius: 21px;
    color: var(--gso-text) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.985), rgba(255,255,255,.93));
    box-shadow:
      0 15px 36px rgba(15,23,42,.065),
      inset 0 1px 0 rgba(255,255,255,.96);
    text-decoration: none !important;
    transition:
      transform .24s ease,
      border-color .24s ease,
      box-shadow .24s ease;
  }

  .gsother__card--wide {
    grid-column: span 6;
    min-height: 330px;
  }

  .gsother__card::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    top: -98px;
    right: -90px;
    border-radius: 50%;
    pointer-events: none;
    background:
      radial-gradient(circle, rgba(36,201,237,.145), rgba(22,143,231,.035) 59%, transparent 72%);
    transition: transform .28s ease;
  }

  .gsother__card--tv {
    background:
      radial-gradient(circle at 96% 0%, rgba(115,94,255,.055), transparent 29%),
      linear-gradient(180deg, #fff, #fbfcff);
  }

  .gsother__card--reballing {
    border-color: rgba(36,201,237,.17);
    background:
      radial-gradient(circle at 96% 0%, rgba(36,201,237,.09), transparent 29%),
      linear-gradient(180deg, #fff, #f9fdff);
  }

  .gsother__card--reballing::before {
    background:
      radial-gradient(circle, rgba(115,94,255,.13), rgba(36,201,237,.035) 59%, transparent 72%);
  }

  .gsother__card::after {
    content: "";
    position: absolute;
    left: 21px;
    right: 21px;
    bottom: 0;
    height: 2px;
    opacity: .25;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, transparent, var(--gso-cyan), var(--gso-blue), transparent);
    transition: opacity .24s ease;
  }

  .gsother__card-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .gsother__index {
    color: rgba(10,23,41,.23);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
  }

  .gsother__icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,201,237,.23);
    border-radius: 14px;
    color: var(--gso-cyan);
    background: linear-gradient(145deg, rgba(36,201,237,.10), rgba(22,143,231,.025));
  }

  .gsother__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsother__tagrow {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 7px;
  }

  .gsother__tag {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 7px;
    color: var(--gso-blue);
    font-size: 8px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .13em;
  }

  .gsother__tagrow .gsother__tag {
    margin-bottom: 0;
  }

  .gsother__badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 4px 7px;
    border: 1px solid rgba(36,201,237,.18);
    border-radius: 999px;
    color: #1687cd;
    background: rgba(36,201,237,.055);
    font-size: 6.8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .08em;
  }

  .gsother__badge--local {
    color: #684ed5;
    border-color: rgba(115,94,255,.18);
    background: rgba(115,94,255,.055);
  }

  .gsother__card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    color: var(--gso-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -.025em;
  }

  .gsother__card > p {
    position: relative;
    z-index: 1;
    min-height: 48px;
    margin: 0 0 15px;
    color: var(--gso-muted);
    font-size: 11.5px;
    line-height: 1.62;
  }

  .gsother__card ul {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 7px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
  }

  .gsother__card li {
    position: relative;
    padding-left: 18px;
    color: #4d5d73;
    font-size: 10.5px;
    line-height: 1.48;
  }

  .gsother__card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--gso-cyan);
    font-weight: 800;
  }

  .gsother__link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: var(--gso-blue);
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.4;
  }

  .gsother__link > span {
    font-size: 14px;
    transition: transform .2s ease;
  }

  .gsother__scope {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 15px 17px;
    border: 1px solid rgba(36,201,237,.13);
    border-radius: 15px;
    background:
      linear-gradient(90deg, rgba(36,201,237,.045), rgba(115,94,255,.025));
  }

  .gsother__scope-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,201,237,.18);
    border-radius: 10px;
    color: var(--gso-cyan);
    background: rgba(36,201,237,.05);
  }

  .gsother__scope-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
  }

  .gsother__scope strong {
    display: block;
    margin-bottom: 2px;
    color: var(--gso-navy);
    font-size: 10.5px;
  }

  .gsother__scope p {
    margin: 0;
    color: var(--gso-muted);
    font-size: 9.3px;
    line-height: 1.52;
  }

  .gsother__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    margin-top: 22px;
    padding: 22px 23px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 19px;
    color: #fff;
    background:
      radial-gradient(circle at 91% 20%, rgba(36,201,237,.14), transparent 30%),
      linear-gradient(118deg, #08182b, #0d2848 67%, #131b47);
    box-shadow: 0 18px 40px rgba(10,23,41,.13);
  }

  .gsother__footer-copy {
    max-width: 650px;
  }

  .gsother__footer-copy > span,
  .gsother__footer-copy > strong,
  .gsother__footer-copy > p {
    display: block;
  }

  .gsother__footer-copy > span {
    margin-bottom: 4px;
    color: var(--gso-cyan);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .13em;
  }

  .gsother__footer-copy > strong {
    color: #f4f9ff;
    font-size: 13px;
    line-height: 1.45;
  }

  .gsother__footer-copy > p {
    margin: 4px 0 0;
    color: #8799b1;
    font-size: 9.5px;
    line-height: 1.5;
  }

  .gsother__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
  }

  .gsother__button {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }

  .gsother__button--primary {
    color: #061522 !important;
    border: 1px solid rgba(36,201,237,.40);
    background: linear-gradient(135deg, #39d8ed, #3ca9f4);
    box-shadow: 0 10px 24px rgba(36,180,235,.14);
  }

  .gsother__button--secondary {
    color: #dce8f6 !important;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.035);
  }

  .gsother a:focus-visible {
    outline: 2px solid var(--gso-cyan);
    outline-offset: 4px;
  }

  @media (hover:hover) {
    .gsother__card:hover {
      transform: translateY(-5px);
      border-color: rgba(36,201,237,.26);
      box-shadow:
        0 22px 48px rgba(15,23,42,.095),
        0 8px 24px rgba(36,201,237,.045);
    }

    .gsother__card:hover::before {
      transform: scale(1.12);
    }

    .gsother__card:hover::after {
      opacity: .72;
    }

    .gsother__card:hover .gsother__link > span {
      transform: translateX(4px);
    }

    .gsother__button:hover {
      transform: translateY(-2px);
    }

    .gsother__button--primary:hover {
      box-shadow: 0 14px 28px rgba(36,180,235,.22);
    }

    .gsother__button--secondary:hover {
      border-color: rgba(36,201,237,.32);
      background: rgba(36,201,237,.06);
    }
  }

  @media (max-width: 1020px) {
    .gsother__cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gsother__card,
    .gsother__card--wide {
      grid-column: auto;
    }

    .gsother__card--reballing {
      grid-column: 1 / -1;
      min-height: 0;
    }

    .gsother__footer {
      align-items: flex-start;
      flex-direction: column;
    }

    .gsother__actions {
      justify-content: flex-start;
    }
  }

  @media (max-width: 700px) {
    .gsother {
      padding: 62px 15px 68px;
    }

    .gsother__header {
      margin-bottom: 34px;
      text-align: left;
    }

    .gsother__header h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gsother__header p {
      margin-left: 0;
      font-size: 14px;
    }

    .gsother__cards {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .gsother__card,
    .gsother__card--wide,
    .gsother__card--reballing {
      grid-column: auto;
      min-height: 0;
      padding: 20px 18px 20px;
      border-radius: 19px;
    }

    .gsother__card > p {
      min-height: 0;
    }

    .gsother__footer {
      padding: 20px 17px;
      border-radius: 17px;
    }

    .gsother__actions {
      width: 100%;
      flex-direction: column;
    }

    .gsother__button {
      width: 100%;
      min-height: 47px;
    }
  }

  @media (max-width: 390px) {
    .gsother {
      padding-inline: 11px;
    }

    .gsother__scope {
      align-items: start;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gsother *,
    .gsother *::before,
    .gsother *::after {
      animation: none !important;
      transition: none !important;
    }

    .gsother__card:hover,
    .gsother__button:hover {
      transform: none;
    }
  }

.gsother__dynamic {
    min-height: 740px;
  }

  .gsother__dynamic[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gsother__loading {
    min-height: 740px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gso-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
  }

  @media (max-width: 1020px) {
    .gsother__dynamic,
    .gsother__loading {
      min-height: 1080px;
    }

    .gsother__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsother__dynamic,
    .gsother__loading {
      min-height: 1600px;
    }

    .gsother__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / SÍNTOMAS FRECUENTES
   Migrado a GS Frontend Core 0.25.0
   ========================================================= */

.gsfaults,
  .gsfaults * {
    box-sizing: border-box;
  }

  .gsfaults {
    --gsf-cyan: #24c9ed;
    --gsf-blue: #168fe7;
    --gsf-navy: #0b1728;
    --gsf-text: #253249;
    --gsf-muted: #66768c;
    --gsf-line: rgba(15, 43, 72, .085);

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(76px, 7.4vw, 106px) 22px;
    color: var(--gsf-text);
    background:
      radial-gradient(circle at 8% 12%, rgba(36,201,237,.09), transparent 25%),
      radial-gradient(circle at 94% 78%, rgba(114,93,255,.07), transparent 29%),
      linear-gradient(180deg, #f8fbfe 0%, #f3f7fb 100%);
    font-family: var(--gs-font-sans);
  }

  .gsfaults__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .32;
    background-image:
      linear-gradient(rgba(36,201,237,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(36,201,237,.04) 1px, transparent 1px);
    background-size: 76px 76px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  }

  .gsfaults__glow {
    position: absolute;
    z-index: -2;
    pointer-events: none;
    border-radius: 50%;
  }

  .gsfaults__glow--left {
    width: 390px;
    height: 390px;
    left: -260px;
    top: 160px;
    border: 1px solid rgba(36,201,237,.08);
    box-shadow: 0 0 0 58px rgba(36,201,237,.012);
  }

  .gsfaults__glow--right {
    width: 430px;
    height: 430px;
    right: -290px;
    bottom: 40px;
    border: 1px solid rgba(114,93,255,.08);
    box-shadow: 0 0 0 64px rgba(114,93,255,.011);
  }

  .gsfaults__shell {
    width: min(var(--gs-content-max), 100%);
    margin: 0 auto;
  }

  .gsfaults__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 340px);
    gap: 34px;
    align-items: end;
    margin-bottom: 40px;
  }

  .gsfaults__header {
    max-width: 790px;
  }

  .gsfaults__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--gsf-blue);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
  }

  .gsfaults__eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsf-cyan);
    box-shadow: 0 0 12px rgba(36,201,237,.48);
  }

  .gsfaults__header h2 {
    margin: 0;
    color: var(--gsf-navy);
    font-size: clamp(36px, 4.4vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gsfaults__header h2 span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, var(--gsf-cyan), var(--gsf-blue), #4f89f1);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsfaults__header > p {
    max-width: 740px;
    margin: 18px 0 0;
    color: var(--gsf-muted);
    font-size: 14.5px;
    line-height: 1.72;
  }

  .gsfaults__principle {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 18px;
    border: 1px solid rgba(36,201,237,.16);
    border-radius: 17px;
    background:
      linear-gradient(145deg, rgba(255,255,255,.9), rgba(245,251,255,.84));
    box-shadow: 0 14px 34px rgba(15,23,42,.055);
  }

  .gsfaults__principle-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,201,237,.23);
    border-radius: 14px;
    color: var(--gsf-cyan);
    background: rgba(36,201,237,.07);
  }

  .gsfaults__principle-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsfaults__principle small,
  .gsfaults__principle strong,
  .gsfaults__principle p {
    display: block;
  }

  .gsfaults__principle small {
    margin-bottom: 3px;
    color: var(--gsf-blue);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .11em;
  }

  .gsfaults__principle strong {
    color: var(--gsf-navy);
    font-size: 15px;
    line-height: 1.35;
  }

  .gsfaults__principle p {
    margin: 3px 0 0;
    color: var(--gsf-muted);
    font-size: 9px;
    line-height: 1.5;
  }

  .gsfaults__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
  }

  .gsfaults__card {
    position: relative;
    min-width: 0;
    min-height: 285px;
    overflow: hidden;
    padding: 21px 20px 19px;
    border: 1px solid var(--gsf-line);
    border-radius: 20px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.91));
    box-shadow:
      0 14px 34px rgba(15,23,42,.06),
      inset 0 1px 0 rgba(255,255,255,.95);
    transition:
      transform .23s ease,
      border-color .23s ease,
      box-shadow .23s ease;
  }

  .gsfaults__card::before {
    content: "";
    position: absolute;
    width: 165px;
    height: 165px;
    right: -94px;
    top: -95px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(36,201,237,.13), transparent 69%);
    transition: transform .28s ease;
  }

  .gsfaults__card--warning::before {
    background: radial-gradient(circle, rgba(244,166,42,.12), transparent 69%);
  }

  .gsfaults__card-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .gsfaults__icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,201,237,.22);
    border-radius: 13px;
    color: var(--gsf-cyan);
    background: rgba(36,201,237,.065);
  }

  .gsfaults__card--warning .gsfaults__icon {
    color: #e39a25;
    border-color: rgba(244,166,42,.22);
    background: rgba(244,166,42,.06);
  }

  .gsfaults__icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsfaults__number {
    color: rgba(11,23,40,.23);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .13em;
  }

  .gsfaults__card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    color: var(--gsf-navy);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.025em;
  }

  .gsfaults__card > p {
    position: relative;
    z-index: 1;
    min-height: 57px;
    margin: 0;
    color: var(--gsf-muted);
    font-size: 11px;
    line-height: 1.62;
  }

  .gsfaults__detail {
    position: relative;
    z-index: 1;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid rgba(15,43,72,.07);
  }

  .gsfaults__detail span,
  .gsfaults__detail strong {
    display: block;
  }

  .gsfaults__detail span {
    margin-bottom: 4px;
    color: var(--gsf-blue);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gsfaults__card--warning .gsfaults__detail span {
    color: #c9851e;
  }

  .gsfaults__detail strong {
    color: #4e5e74;
    font-size: 9.3px;
    font-weight: 600;
    line-height: 1.52;
  }

  .gsfaults__process {
    display: grid;
    grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
    gap: 24px;
    align-items: center;
    margin-top: 18px;
    padding: 20px 22px;
    overflow: hidden;
    border: 1px solid rgba(36,201,237,.13);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 20%, rgba(114,93,255,.05), transparent 26%),
      rgba(255,255,255,.56);
  }

  .gsfaults__process-copy > span,
  .gsfaults__process-copy > strong {
    display: block;
  }

  .gsfaults__process-copy > span {
    margin-bottom: 4px;
    color: var(--gsf-blue);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gsfaults__process-copy > strong {
    color: var(--gsf-navy);
    font-size: 12px;
    line-height: 1.45;
  }

  .gsfaults__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .gsfaults__steps::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 18px;
    height: 1px;
    z-index: 0;
    background: linear-gradient(90deg, rgba(36,201,237,.15), rgba(22,143,231,.34), rgba(114,93,255,.16));
  }

  .gsfaults__steps li {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(15,43,72,.06);
    border-radius: 10px;
    background: rgba(248,251,254,.94);
  }

  .gsfaults__steps li > span {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--gsf-blue);
    background: #eaf8fd;
    font-size: 6.5px;
    font-weight: 800;
  }

  .gsfaults__steps strong,
  .gsfaults__steps small {
    display: block;
  }

  .gsfaults__steps strong {
    color: var(--gsf-navy);
    font-size: 8.5px;
    line-height: 1.3;
  }

  .gsfaults__steps small {
    margin-top: 2px;
    color: #7b8ba0;
    font-size: 7px;
    line-height: 1.35;
  }

  .gsfaults__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 20px;
    padding: 22px 23px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 19px;
    background:
      radial-gradient(circle at 91% 20%, rgba(36,201,237,.14), transparent 30%),
      linear-gradient(118deg, #08182b, #0d2848 67%, #131b47);
    box-shadow: 0 18px 40px rgba(10,23,41,.13);
  }

  .gsfaults__cta-copy {
    max-width: 650px;
  }

  .gsfaults__cta-copy > span,
  .gsfaults__cta-copy > strong,
  .gsfaults__cta-copy > p {
    display: block;
  }

  .gsfaults__cta-copy > span {
    margin-bottom: 4px;
    color: var(--gsf-cyan);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .13em;
  }

  .gsfaults__cta-copy > strong {
    color: #f3f9ff;
    font-size: 13px;
    line-height: 1.45;
  }

  .gsfaults__cta-copy > p {
    margin: 4px 0 0;
    color: #8799b1;
    font-size: 9.5px;
    line-height: 1.5;
  }

  .gsfaults__actions {
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
  }

  .gsfaults__button {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }

  .gsfaults__button--primary {
    color: #061522 !important;
    border: 1px solid rgba(36,201,237,.40);
    background: linear-gradient(135deg, #39d8ed, #3ca9f4);
    box-shadow: 0 10px 24px rgba(36,180,235,.14);
  }

  .gsfaults__button--secondary {
    color: #dce8f6 !important;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.035);
  }

  .gsfaults a:focus-visible {
    outline: 2px solid var(--gsf-cyan);
    outline-offset: 4px;
  }

  @media (hover:hover) {
    .gsfaults__card:hover {
      transform: translateY(-4px);
      border-color: rgba(36,201,237,.24);
      box-shadow:
        0 20px 44px rgba(15,23,42,.09),
        0 7px 20px rgba(36,201,237,.04);
    }

    .gsfaults__card:hover::before {
      transform: scale(1.12);
    }

    .gsfaults__button:hover {
      transform: translateY(-2px);
    }

    .gsfaults__button--primary:hover {
      box-shadow: 0 14px 28px rgba(36,180,235,.22);
    }

    .gsfaults__button--secondary:hover {
      border-color: rgba(36,201,237,.31);
      background: rgba(36,201,237,.06);
    }
  }

  @media (max-width: 1030px) {
    .gsfaults__intro {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .gsfaults__principle {
      width: min(380px, 100%);
    }

    .gsfaults__cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gsfaults__process {
      grid-template-columns: 1fr;
    }

    .gsfaults__cta {
      align-items: flex-start;
      flex-direction: column;
    }
  }

  @media (max-width: 700px) {
    .gsfaults {
      padding: 62px 15px 68px;
    }

    .gsfaults__intro {
      gap: 22px;
      margin-bottom: 31px;
    }

    .gsfaults__header h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gsfaults__header h2 span {
      display: inline;
    }

    .gsfaults__header > p {
      font-size: 14px;
    }

    .gsfaults__cards {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .gsfaults__card {
      min-height: 0;
      padding: 19px 17px;
      border-radius: 18px;
    }

    .gsfaults__card > p {
      min-height: 0;
    }

    .gsfaults__process {
      padding: 18px 16px;
    }

    .gsfaults__steps {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gsfaults__steps::before {
      display: none;
    }

    .gsfaults__cta {
      padding: 20px 17px;
      border-radius: 17px;
    }

    .gsfaults__actions {
      width: 100%;
      flex-direction: column;
    }

    .gsfaults__button {
      width: 100%;
      min-height: 47px;
    }
  }

  @media (max-width: 390px) {
    .gsfaults {
      padding-inline: 11px;
    }

    .gsfaults__principle {
      grid-template-columns: 1fr;
    }

    .gsfaults__steps {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gsfaults *,
    .gsfaults *::before,
    .gsfaults *::after {
      animation: none !important;
      transition: none !important;
    }

    .gsfaults__card:hover,
    .gsfaults__button:hover {
      transform: none;
    }
  }

.gsfaults__dynamic {
    min-height: 760px;
  }

  .gsfaults__dynamic[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gsfaults__loading {
    min-height: 760px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gsf-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
  }

  @media (max-width: 1030px) {
    .gsfaults__dynamic,
    .gsfaults__loading {
      min-height: 1120px;
    }

    .gsfaults__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsfaults__dynamic,
    .gsfaults__loading {
      min-height: 1760px;
    }

    .gsfaults__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / GUÍAS DE DIAGNÓSTICO
   Migrado a GS Frontend Core 0.26.0
   ========================================================= */

.gsguides,
  .gsguides * {
    box-sizing: border-box;
  }

  .gsguides {
    --gsg-cyan: #28caee;
    --gsg-green: #27cf80;
    --gsg-soft: #a4b5ca;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(74px, 7.3vw, 104px) 22px;
    color: #f5fbff;
    background:
      radial-gradient(circle at 8% 18%, rgba(40,202,238,.12), transparent 27%),
      radial-gradient(circle at 92% 78%, rgba(116,94,255,.16), transparent 31%),
      linear-gradient(122deg, #061426 0%, #07182d 51%, #111744 100%);
    font-family: var(--gs-font-sans);
  }

  .gsguides__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .28;
    background-image:
      linear-gradient(rgba(40,202,238,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(40,202,238,.045) 1px, transparent 1px);
    background-size: 72px 72px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  }

  .gsguides__scan {
    position: absolute;
    z-index: -2;
    left: 0;
    top: 17%;
    width: 100%;
    height: 1px;
    opacity: .25;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(40,202,238,.7), transparent);
    animation: gsguides-scan 8s ease-in-out infinite;
  }

  @keyframes gsguides-scan {
    0%, 100% {
      transform: translateY(0);
      opacity: .08;
    }
    50% {
      transform: translateY(510px);
      opacity: .30;
    }
  }

  .gsguides__shell {
    width: min(var(--gs-content-max), 100%);
    margin: 0 auto;
  }

  .gsguides__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 335px);
    gap: 36px;
    align-items: end;
    margin-bottom: 42px;
  }

  .gsguides__header-copy {
    max-width: 830px;
  }

  .gsguides__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--gsg-cyan);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
  }

  .gsguides__eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsg-green);
    box-shadow: 0 0 12px rgba(39,207,128,.50);
  }

  .gsguides__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4.35vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gsguides__header h2 span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #68e8ff, var(--gsg-cyan), #5c95ff);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsguides__header-copy > p {
    max-width: 735px;
    margin: 18px 0 0;
    color: var(--gsg-soft);
    font-size: 14.5px;
    line-height: 1.72;
  }

  .gsguides__status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 13px;
    align-items: start;
    padding: 17px 18px;
    border: 1px solid rgba(40,202,238,.16);
    border-radius: 17px;
    background: rgba(255,255,255,.038);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  }

  .gsguides__status-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(40,202,238,.22);
    border-radius: 12px;
    color: var(--gsg-cyan);
    background: rgba(40,202,238,.06);
  }

  .gsguides__status-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsguides__status small,
  .gsguides__status strong,
  .gsguides__status p {
    display: block;
  }

  .gsguides__status small {
    margin-bottom: 4px;
    color: var(--gsg-cyan);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gsguides__status strong {
    color: #f5fbff;
    font-size: 11.5px;
    line-height: 1.42;
  }

  .gsguides__status p {
    margin: 4px 0 0;
    color: #8496ad;
    font-size: 8.8px;
    line-height: 1.5;
  }

  .gsguides__routes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
  }

  .gsguides__route {
    position: relative;
    min-width: 0;
    min-height: 410px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    padding: 22px 21px 20px;
    border: 1px solid rgba(132,204,255,.15);
    border-radius: 20px;
    color: #f5fbff !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(40,202,238,.08), transparent 29%),
      linear-gradient(145deg, rgba(19,45,74,.76), rgba(13,25,61,.70));
    box-shadow:
      0 18px 42px rgba(0,0,0,.17),
      inset 0 1px 0 rgba(255,255,255,.025);
    text-decoration: none !important;
    transition:
      transform .24s ease,
      border-color .24s ease,
      box-shadow .24s ease;
  }

  .gsguides__route::before {
    content: "";
    position: absolute;
    width: 175px;
    height: 175px;
    right: -105px;
    bottom: -105px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(40,202,238,.12), transparent 70%);
    transition: transform .3s ease;
  }

  .gsguides__route--thermal {
    background:
      radial-gradient(circle at 100% 0%, rgba(233,164,59,.075), transparent 29%),
      linear-gradient(145deg, rgba(20,44,72,.77), rgba(21,28,63,.71));
  }

  .gsguides__route--thermal::before {
    background: radial-gradient(circle, rgba(233,164,59,.11), transparent 70%);
  }

  .gsguides__route--lights {
    background:
      radial-gradient(circle at 100% 0%, rgba(116,94,255,.095), transparent 30%),
      linear-gradient(145deg, rgba(19,43,73,.76), rgba(24,25,70,.72));
  }

  .gsguides__route--lights::before {
    background: radial-gradient(circle, rgba(116,94,255,.13), transparent 70%);
  }

  .gsguides__route-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
  }

  .gsguides__route-code {
    color: rgba(255,255,255,.28);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .14em;
  }

  .gsguides__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(40,202,238,.24);
    border-radius: 14px;
    color: var(--gsg-cyan);
    background: rgba(40,202,238,.06);
  }

  .gsguides__route--thermal .gsguides__icon {
    color: #f0ae49;
    border-color: rgba(233,164,59,.22);
    background: rgba(233,164,59,.055);
  }

  .gsguides__route--lights .gsguides__icon {
    color: #a996ff;
    border-color: rgba(116,94,255,.22);
    background: rgba(116,94,255,.06);
  }

  .gsguides__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsguides__category {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 7px;
    color: var(--gsg-cyan);
    font-size: 7.8px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .13em;
  }

  .gsguides__route--thermal .gsguides__category {
    color: #e6a33d;
  }

  .gsguides__route--lights .gsguides__category {
    color: #a694ff;
  }

  .gsguides__route h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.025em;
  }

  .gsguides__route > p {
    position: relative;
    z-index: 1;
    min-height: 78px;
    margin: 0;
    color: #9cafc4;
    font-size: 10.8px;
    line-height: 1.62;
  }

  .gsguides__path {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    gap: 6px;
    align-items: center;
    margin-top: 18px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    background: rgba(2,13,29,.22);
  }

  .gsguides__path span {
    color: #8ca0b8;
    font-size: 5.8px;
    font-weight: 800;
    letter-spacing: .06em;
  }

  .gsguides__path i {
    height: 1px;
    background: linear-gradient(90deg, rgba(40,202,238,.10), rgba(40,202,238,.52));
  }

  .gsguides__route--thermal .gsguides__path i {
    background: linear-gradient(90deg, rgba(233,164,59,.10), rgba(233,164,59,.45));
  }

  .gsguides__route--lights .gsguides__path i {
    background: linear-gradient(90deg, rgba(116,94,255,.12), rgba(116,94,255,.48));
  }

  .gsguides__topics {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 13px;
  }

  .gsguides__topics span {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 5px 7px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 999px;
    color: #8fa2b8;
    background: rgba(255,255,255,.025);
    font-size: 7px;
    font-weight: 700;
    line-height: 1;
  }

  .gsguides__link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 17px;
    color: #63ddf7;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
  }

  .gsguides__route--thermal .gsguides__link {
    color: #e7ad53;
  }

  .gsguides__route--lights .gsguides__link {
    color: #b4a7ff;
  }

  .gsguides__link > span {
    font-size: 14px;
    transition: transform .2s ease;
  }

  .gsguides__footer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 13px 16px;
    align-items: center;
    margin-top: 19px;
    padding: 17px 18px;
    border: 1px solid rgba(40,202,238,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.027);
  }

  .gsguides__footer-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(40,202,238,.18);
    border-radius: 10px;
    color: var(--gsg-cyan);
    background: rgba(40,202,238,.05);
  }

  .gsguides__footer-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
  }

  .gsguides__footer-copy span,
  .gsguides__footer-copy strong,
  .gsguides__footer-copy p {
    display: block;
  }

  .gsguides__footer-copy > span {
    margin-bottom: 3px;
    color: var(--gsg-cyan);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gsguides__footer-copy > strong {
    color: #eef7ff;
    font-size: 10.5px;
    line-height: 1.42;
  }

  .gsguides__footer-copy > p {
    margin: 3px 0 0;
    color: #7f92aa;
    font-size: 8.6px;
    line-height: 1.5;
  }

  .gsguides__footer-link {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid rgba(40,202,238,.16);
    border-radius: 11px;
    color: #cbeeff !important;
    background: rgba(40,202,238,.04);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease;
  }

  .gsguides a:focus-visible {
    outline: 2px solid var(--gsg-cyan);
    outline-offset: 4px;
  }

  @media (hover:hover) {
    .gsguides__route:hover {
      transform: translateY(-5px);
      border-color: rgba(40,202,238,.30);
      box-shadow:
        0 24px 50px rgba(0,0,0,.23),
        0 8px 24px rgba(40,202,238,.04);
    }

    .gsguides__route:hover::before {
      transform: scale(1.15);
    }

    .gsguides__route:hover .gsguides__link > span {
      transform: translateX(4px);
    }

    .gsguides__footer-link:hover {
      transform: translateY(-2px);
      border-color: rgba(40,202,238,.30);
      background: rgba(40,202,238,.065);
    }
  }

  @media (max-width: 1020px) {
    .gsguides__header {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .gsguides__status {
      width: min(390px, 100%);
    }

    .gsguides__routes {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gsguides__route:last-child {
      grid-column: 1 / -1;
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsguides {
      padding: 62px 15px 68px;
    }

    .gsguides__header {
      gap: 22px;
      margin-bottom: 32px;
    }

    .gsguides__header h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gsguides__header h2 span {
      display: inline;
    }

    .gsguides__header-copy > p {
      font-size: 14px;
    }

    .gsguides__routes {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .gsguides__route,
    .gsguides__route:last-child {
      grid-column: auto;
      min-height: 0;
      padding: 20px 18px;
      border-radius: 18px;
    }

    .gsguides__route > p {
      min-height: 0;
    }

    .gsguides__footer {
      grid-template-columns: auto minmax(0, 1fr);
    }

    .gsguides__footer-link {
      grid-column: 1 / -1;
      width: 100%;
      min-height: 47px;
    }
  }

  @media (max-width: 390px) {
    .gsguides {
      padding-inline: 11px;
    }

    .gsguides__path {
      grid-template-columns: 1fr;
      gap: 4px;
    }

    .gsguides__path i {
      display: none;
    }

    .gsguides__path span {
      font-size: 6.3px;
    }

    .gsguides__footer {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gsguides *,
    .gsguides *::before,
    .gsguides *::after {
      animation: none !important;
      transition: none !important;
    }

    .gsguides__scan {
      display: none;
    }

    .gsguides__route:hover,
    .gsguides__footer-link:hover {
      transform: none;
    }
  }

.gsguides__dynamic {
    min-height: 410px;
  }

  .gsguides__dynamic[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gsguides__loading {
    min-height: 410px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gsg-soft);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
  }

  @media (max-width: 1020px) {
    .gsguides__dynamic,
    .gsguides__loading {
      min-height: 840px;
    }

    .gsguides__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsguides__dynamic,
    .gsguides__loading {
      min-height: 1160px;
    }

    .gsguides__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / POR QUÉ ELEGIRNOS
   Migrado a GS Frontend Core 0.27.0
   ========================================================= */

.gswhy2,
  .gswhy2 * {
    box-sizing: border-box;
  }

  .gswhy2 {
    --gsw-cyan: #27c9ee;
    --gsw-blue: #168fe7;
    --gsw-navy: #0a1527;
    --gsw-muted: #6e7d92;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(72px, 7.4vw, 106px) 22px;
    background:
      radial-gradient(circle at 10% 20%, rgba(39, 201, 238, .075), transparent 25%),
      radial-gradient(circle at 91% 78%, rgba(114, 93, 255, .055), transparent 28%),
      linear-gradient(180deg, #f4f8fc 0%, #f9fbfe 50%, #f2f7fb 100%);
    font-family: var(--gs-font-sans);
  }

  .gswhy2__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .34;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(39, 201, 238, .04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(39, 201, 238, .04) 1px, transparent 1px);
    background-size: 78px 78px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
  }

  .gswhy2__orb {
    position: absolute;
    z-index: -2;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2px);
  }

  .gswhy2__orb--one {
    width: 330px;
    height: 330px;
    top: 120px;
    left: -210px;
    border: 1px solid rgba(39, 201, 238, .10);
    box-shadow:
      0 0 0 45px rgba(39, 201, 238, .018),
      0 0 0 90px rgba(39, 201, 238, .012);
  }

  .gswhy2__orb--two {
    width: 390px;
    height: 390px;
    right: -250px;
    bottom: 30px;
    border: 1px solid rgba(114, 93, 255, .09);
    box-shadow:
      0 0 0 52px rgba(114, 93, 255, .016),
      0 0 0 104px rgba(114, 93, 255, .01);
  }

  .gswhy2__shell {
    width: min(var(--gs-content-max), 100%);
    margin: 0 auto;
  }

  .gswhy2__header {
    max-width: 830px;
    margin: 0 auto 46px;
    text-align: center;
  }

  .gswhy2__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--gsw-blue);
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .17em;
  }

  .gswhy2__eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsw-cyan);
    box-shadow: 0 0 12px rgba(39, 201, 238, .55);
  }

  .gswhy2__header h2 {
    margin: 0;
    color: var(--gsw-navy);
    font-size: clamp(36px, 4.35vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gswhy2__header h2 span {
    color: transparent;
    background: linear-gradient(90deg, var(--gsw-cyan), var(--gsw-blue), #4c8cf5);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gswhy2__header p {
    max-width: 730px;
    margin: 19px auto 0;
    color: var(--gsw-muted);
    font-size: 15px;
    line-height: 1.72;
  }

  .gswhy2__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
  }

  .gswhy2__card {
    position: relative;
    min-width: 0;
    min-height: 100%;
    overflow: hidden;
    padding: 21px 20px 23px;
    border: 1px solid rgba(15, 43, 73, .085);
    border-radius: 21px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.91));
    box-shadow:
      0 15px 36px rgba(15, 23, 42, .068),
      inset 0 1px 0 rgba(255, 255, 255, .95);
    transition:
      transform .24s ease,
      border-color .24s ease,
      box-shadow .24s ease;
  }

  .gswhy2__card::before {
    content: "";
    position: absolute;
    width: 175px;
    height: 175px;
    top: -100px;
    right: -92px;
    border-radius: 50%;
    pointer-events: none;
    background:
      radial-gradient(circle, rgba(39, 201, 238, .14), rgba(22,143,231,.035) 58%, transparent 72%);
    transition: transform .28s ease;
  }

  .gswhy2__card::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 2px;
    opacity: .28;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, transparent, var(--gsw-cyan), var(--gsw-blue), transparent);
    transition: opacity .24s ease;
  }

  .gswhy2__card:hover {
    transform: translateY(-5px);
    border-color: rgba(39, 201, 238, .25);
    box-shadow:
      0 22px 48px rgba(15, 23, 42, .10),
      0 8px 24px rgba(39, 201, 238, .05);
  }

  .gswhy2__card:hover::before {
    transform: scale(1.12);
  }

  .gswhy2__card:hover::after {
    opacity: .72;
  }

  .gswhy2__card-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
  }

  .gswhy2__number {
    color: rgba(10, 21, 39, .24);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .15em;
  }

  .gswhy2__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(39, 201, 238, .23);
    border-radius: 14px;
    color: var(--gsw-cyan);
    background: linear-gradient(145deg, rgba(39,201,238,.105), rgba(22,143,231,.03));
  }

  .gswhy2__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gswhy2__tag {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 7px;
    color: var(--gsw-blue);
    font-size: 8.5px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .13em;
  }

  .gswhy2__card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 11px;
    color: var(--gsw-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -.025em;
  }

  .gswhy2__card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--gsw-muted);
    font-size: 12px;
    line-height: 1.65;
  }

  .gswhy2__process {
    position: relative;
    overflow: hidden;
    margin-top: 28px;
    padding: 27px 28px 23px;
    border: 1px solid rgba(39, 201, 238, .16);
    border-radius: 22px;
    background:
      radial-gradient(circle at 92% 10%, rgba(114,93,255,.12), transparent 29%),
      linear-gradient(118deg, rgba(6,20,38,.99), rgba(10,35,59,.98));
    box-shadow:
      0 22px 48px rgba(7, 20, 38, .15),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  .gswhy2__process::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .13;
    background:
      linear-gradient(90deg, transparent 49.7%, rgba(39,201,238,.18) 50%, transparent 50.3%);
    background-size: 64px 100%;
  }

  .gswhy2__process-copy {
    position: relative;
    z-index: 1;
    max-width: 760px;
  }

  .gswhy2__process-kicker {
    display: block;
    margin-bottom: 5px;
    color: var(--gsw-cyan);
    font-size: 8.5px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .15em;
  }

  .gswhy2__process-copy h3 {
    margin: 0;
    color: #f5fbff;
    font-size: clamp(20px, 2vw, 25px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.025em;
  }

  .gswhy2__process-copy p {
    margin: 7px 0 0;
    color: #aab8ca;
    font-size: 11.5px;
    line-height: 1.62;
  }

  .gswhy2__steps {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    margin-top: 22px;
  }

  .gswhy2__step {
    min-width: 0;
    padding: 12px 13px;
    border: 1px solid rgba(39, 201, 238, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
  }

  .gswhy2__step span {
    display: block;
    margin-bottom: 5px;
    color: var(--gsw-cyan);
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .12em;
  }

  .gswhy2__step strong {
    display: block;
    color: #f4f9ff;
    font-size: 11px;
    line-height: 1.35;
  }

  .gswhy2__step small {
    display: block;
    margin-top: 2px;
    color: #8192aa;
    font-size: 8.5px;
    line-height: 1.4;
  }

  .gswhy2__connector {
    height: 1px;
    background:
      linear-gradient(90deg, rgba(39,201,238,.18), rgba(39,201,238,.58), rgba(39,201,238,.18));
  }

  .gswhy2__footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 21px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.075);
  }

  .gswhy2__footer > p {
    max-width: 620px;
    margin: 0;
    color: #8fa0b6;
    font-size: 10px;
    line-height: 1.55;
  }

  .gswhy2__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 9px;
  }

  .gswhy2__button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 11px;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }

  .gswhy2__button--ghost {
    color: #d7e4f3 !important;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.035);
  }

  .gswhy2__button--primary {
    color: #061522 !important;
    border: 1px solid rgba(39,201,238,.42);
    background: linear-gradient(135deg, #36d8ef, #3da8f5);
    box-shadow: 0 10px 24px rgba(39, 180, 235, .14);
  }

  .gswhy2__button:hover {
    transform: translateY(-2px);
  }

  .gswhy2__button--ghost:hover {
    border-color: rgba(39,201,238,.34);
    background: rgba(39,201,238,.07);
  }

  .gswhy2__button--primary:hover {
    box-shadow: 0 14px 28px rgba(39, 180, 235, .22);
  }

  .gswhy2__button:focus-visible {
    outline: 2px solid var(--gsw-cyan);
    outline-offset: 4px;
  }

  @media (max-width: 1050px) {
    .gswhy2__cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gswhy2__steps {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 9px;
    }

    .gswhy2__connector {
      display: none;
    }
  }

  @media (max-width: 760px) {
    .gswhy2 {
      padding: 60px 15px 66px;
    }

    .gswhy2__header {
      margin-bottom: 32px;
      text-align: left;
    }

    .gswhy2__header h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gswhy2__header p {
      margin-left: 0;
      font-size: 14px;
      line-height: 1.68;
    }

    .gswhy2__cards {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .gswhy2__card {
      padding: 20px 18px 21px;
      border-radius: 19px;
    }

    .gswhy2__process {
      margin-top: 20px;
      padding: 22px 17px 19px;
      border-radius: 19px;
    }

    .gswhy2__steps {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gswhy2__footer {
      align-items: flex-start;
      flex-direction: column;
    }

    .gswhy2__actions {
      width: 100%;
    }

    .gswhy2__button {
      flex: 1 1 150px;
    }
  }

  @media (max-width: 390px) {
    .gswhy2 {
      padding-inline: 11px;
    }

    .gswhy2__steps {
      grid-template-columns: 1fr;
      gap: 7px;
    }

    .gswhy2__step {
      padding: 11px 12px;
    }

    .gswhy2__actions {
      flex-direction: column;
    }

    .gswhy2__button {
      width: 100%;
      min-height: 46px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gswhy2 *,
    .gswhy2 *::before,
    .gswhy2 *::after {
      animation: none !important;
      transition: none !important;
    }

    .gswhy2__card:hover,
    .gswhy2__button:hover {
      transform: none;
    }
  }

.gswhy2__dynamic-cards {
    min-height: 290px;
  }

  .gswhy2__dynamic-steps {
    min-height: 92px;
  }

  .gswhy2__dynamic-cards[data-gs-loaded="1"],
  .gswhy2__dynamic-steps[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gswhy2__loading {
    min-height: inherit;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gsw-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
  }

  .gswhy2__process .gswhy2__loading {
    color: #8fa0b6;
  }

  @media (max-width: 1050px) {
    .gswhy2__dynamic-cards {
      min-height: 560px;
    }
  }

  @media (max-width: 760px) {
    .gswhy2__dynamic-cards {
      min-height: 980px;
    }

    .gswhy2__dynamic-steps {
      min-height: 190px;
    }
  }

  @media (max-width: 390px) {
    .gswhy2__dynamic-cards {
      min-height: 1010px;
    }

    .gswhy2__dynamic-steps {
      min-height: 340px;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / CLIENTES
   Migrado a GS Frontend Core 0.28.0
   ========================================================= */

.gsaudience,
  .gsaudience * {
    box-sizing: border-box;
  }

  .gsaudience {
    --gsa-cyan: #27c9ee;
    --gsa-violet: #755fff;
    --gsa-green: #28ce7e;
    --gsa-white: #f6fbff;
    --gsa-soft: #aab9cd;
    --gsa-muted: #8191a7;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(76px, 7.4vw, 106px) 22px;
    color: var(--gsa-white);
    background:
      radial-gradient(circle at 8% 14%, rgba(39,201,238,.13), transparent 26%),
      radial-gradient(circle at 92% 84%, rgba(117,95,255,.18), transparent 31%),
      linear-gradient(121deg, #061628 0%, #07172e 50%, #111746 100%);
    font-family: var(--gs-font-sans);
  }

  .gsaudience__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .27;
    background-image:
      linear-gradient(rgba(39,201,238,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(39,201,238,.045) 1px, transparent 1px);
    background-size: 76px 76px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  }

  .gsaudience__glow {
    position: absolute;
    z-index: -2;
    pointer-events: none;
    border-radius: 50%;
  }

  .gsaudience__glow--one {
    width: 360px;
    height: 360px;
    top: -235px;
    right: 7%;
    border: 1px solid rgba(39,201,238,.12);
    box-shadow:
      0 0 0 55px rgba(39,201,238,.014),
      0 0 0 110px rgba(39,201,238,.009);
  }

  .gsaudience__glow--two {
    width: 390px;
    height: 390px;
    left: -270px;
    bottom: -40px;
    border: 1px solid rgba(117,95,255,.11);
    box-shadow: 0 0 0 60px rgba(117,95,255,.012);
  }

  .gsaudience__shell {
    width: min(var(--gs-content-max), 100%);
    margin: 0 auto;
  }

  .gsaudience__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
    gap: 34px;
    align-items: end;
    margin-bottom: 42px;
  }

  .gsaudience__header-copy {
    max-width: 820px;
  }

  .gsaudience__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--gsa-cyan);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
  }

  .gsaudience__eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsa-green);
    box-shadow: 0 0 12px rgba(40,206,126,.50);
  }

  .gsaudience__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4.35vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gsaudience__header h2 span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #6ce7ff, var(--gsa-cyan), #5d95ff);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsaudience__header-copy > p {
    max-width: 720px;
    margin: 18px 0 0;
    color: var(--gsa-soft);
    font-size: 14.5px;
    line-height: 1.72;
  }

  .gsaudience__principle {
    padding: 17px 18px;
    border: 1px solid rgba(39,201,238,.16);
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  }

  .gsaudience__principle-kicker,
  .gsaudience__principle strong,
  .gsaudience__principle p {
    display: block;
  }

  .gsaudience__principle-kicker {
    margin-bottom: 5px;
    color: var(--gsa-cyan);
    font-size: 7.5px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .12em;
  }

  .gsaudience__principle strong {
    color: #f6fbff;
    font-size: 12px;
    line-height: 1.4;
  }

  .gsaudience__principle p {
    margin: 5px 0 0;
    color: #8496ad;
    font-size: 9px;
    line-height: 1.5;
  }

  .gsaudience__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
  }

  .gsaudience__card {
    position: relative;
    min-width: 0;
    min-height: 330px;
    overflow: hidden;
    padding: 21px 20px 20px;
    border: 1px solid rgba(148,203,255,.15);
    border-radius: 20px;
    background:
      linear-gradient(145deg, rgba(22,50,80,.80), rgba(18,27,67,.72));
    box-shadow:
      0 18px 40px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.03);
    transition:
      transform .23s ease,
      border-color .23s ease,
      box-shadow .23s ease;
  }

  .gsaudience__card::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -94px;
    right: -88px;
    border-radius: 50%;
    pointer-events: none;
    background:
      radial-gradient(circle, rgba(39,201,238,.14), transparent 70%);
    transition: transform .28s ease;
  }

  .gsaudience__card--business::before {
    background:
      radial-gradient(circle, rgba(117,95,255,.15), transparent 70%);
  }

  .gsaudience__card-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .gsaudience__index {
    color: rgba(255,255,255,.23);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .13em;
  }

  .gsaudience__icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(39,201,238,.24);
    border-radius: 13px;
    color: var(--gsa-cyan);
    background: rgba(39,201,238,.06);
  }

  .gsaudience__icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsaudience__tagrow {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 7px;
  }

  .gsaudience__tag {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 7px;
    color: var(--gsa-cyan);
    font-size: 7.8px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .13em;
  }

  .gsaudience__tagrow .gsaudience__tag {
    margin-bottom: 0;
  }

  .gsaudience__badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 4px 7px;
    border: 1px solid rgba(117,95,255,.22);
    border-radius: 999px;
    color: #b7aaff;
    background: rgba(117,95,255,.07);
    font-size: 6.6px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .08em;
  }

  .gsaudience__card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.025em;
  }

  .gsaudience__card > p {
    position: relative;
    z-index: 1;
    min-height: 72px;
    margin: 0 0 15px;
    color: #9dafc4;
    font-size: 10.8px;
    line-height: 1.62;
  }

  .gsaudience__card ul {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .gsaudience__card li {
    position: relative;
    padding-left: 17px;
    color: #d0dceb;
    font-size: 9.5px;
    line-height: 1.48;
  }

  .gsaudience__card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--gsa-cyan);
    font-weight: 800;
  }

  .gsaudience__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: 21px 22px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 18px;
    background:
      radial-gradient(circle at 91% 20%, rgba(39,201,238,.10), transparent 30%),
      rgba(255,255,255,.025);
  }

  .gsaudience__footer-copy {
    max-width: 660px;
  }

  .gsaudience__footer-copy > span,
  .gsaudience__footer-copy > strong,
  .gsaudience__footer-copy > p {
    display: block;
  }

  .gsaudience__footer-copy > span {
    margin-bottom: 4px;
    color: var(--gsa-cyan);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gsaudience__footer-copy > strong {
    color: #f1f7fe;
    font-size: 12px;
    line-height: 1.45;
  }

  .gsaudience__footer-copy > p {
    margin: 4px 0 0;
    color: #8192a9;
    font-size: 9px;
    line-height: 1.5;
  }

  .gsaudience__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
  }

  .gsaudience__button {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }

  .gsaudience__button--primary {
    color: #061522 !important;
    border: 1px solid rgba(39,201,238,.38);
    background: linear-gradient(135deg, #39d9ee, #3da9f5);
    box-shadow: 0 10px 24px rgba(39,180,235,.13);
  }

  .gsaudience__button--secondary {
    color: #dce7f5 !important;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.03);
  }

  .gsaudience a:focus-visible {
    outline: 2px solid var(--gsa-cyan);
    outline-offset: 4px;
  }

  @media (hover:hover) {
    .gsaudience__card:hover {
      transform: translateY(-5px);
      border-color: rgba(39,201,238,.30);
      box-shadow:
        0 24px 50px rgba(0,0,0,.22),
        0 8px 24px rgba(39,201,238,.045);
    }

    .gsaudience__card:hover::before {
      transform: scale(1.12);
    }

    .gsaudience__button:hover {
      transform: translateY(-2px);
    }

    .gsaudience__button--primary:hover {
      box-shadow: 0 14px 28px rgba(39,180,235,.21);
    }

    .gsaudience__button--secondary:hover {
      border-color: rgba(39,201,238,.31);
      background: rgba(39,201,238,.055);
    }
  }

  @media (max-width: 1040px) {
    .gsaudience__header {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .gsaudience__principle {
      width: min(380px, 100%);
    }

    .gsaudience__cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gsaudience__footer {
      align-items: flex-start;
      flex-direction: column;
      padding: 19px 17px;
      border-radius: 17px;
    }

    .gsaudience__actions {
      width: 100%;
      flex-direction: column;
    }

    .gsaudience__button {
      width: 100%;
      min-height: 47px;
    }
  }

@media (max-width: 700px) {
    .gsaudience {
      padding: 62px 15px 68px;
    }

    .gsaudience__header {
      gap: 24px;
      margin-bottom: 30px;
    }

    .gsaudience__header h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gsaudience__cards {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .gsaudience__card {
      min-height: 0;
    }

    .gsaudience__card > p {
      min-height: 0;
    }
  }

  @media (max-width: 390px) {
    .gsaudience {
      padding-inline: 11px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gsaudience *,
    .gsaudience *::before,
    .gsaudience *::after {
      animation: none !important;
      transition: none !important;
    }

    .gsaudience__card:hover,
    .gsaudience__button:hover {
      transform: none;
    }
  }

.gsaudience__dynamic {
    min-height: 330px;
  }

  .gsaudience__dynamic[data-gs-loaded="1"] {
    min-height: 0;
  }

  .gsaudience__loading {
    min-height: 330px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--gsa-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    text-align: center;
  }

  @media (max-width: 1040px) {
    .gsaudience__dynamic,
    .gsaudience__loading {
      min-height: 690px;
    }

    .gsaudience__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

  @media (max-width: 700px) {
    .gsaudience__dynamic,
    .gsaudience__loading {
      min-height: 1120px;
    }

    .gsaudience__dynamic[data-gs-loaded="1"] {
      min-height: 0;
    }
  }

/* =========================================================
   GAMMERS STYLE — INICIO / CONTACTO Y RECEPCIÓN
   Migrado a GS Frontend Core 0.29.0
   ========================================================= */

.gscontact3,
  .gscontact3 * {
    box-sizing: border-box;
  }

  .gscontact3 {
    --gsc-cyan: #28caee;
    --gsc-green: #29d180;
    --gsc-white: #f6fbff;
    --gsc-soft: #a9b9ce;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: clamp(76px, 7.2vw, 104px) 22px;
    color: var(--gsc-white);
    background:
      radial-gradient(circle at 8% 16%, rgba(40,202,238,.13), transparent 27%),
      radial-gradient(circle at 92% 82%, rgba(118,95,255,.17), transparent 31%),
      linear-gradient(121deg, #051425 0%, #07172d 49%, #111744 100%);
    font-family: var(--gs-font-sans);
  }

  .gscontact3__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .27;
    background-image:
      linear-gradient(rgba(40,202,238,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(40,202,238,.045) 1px, transparent 1px);
    background-size: 74px 74px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  }

  .gscontact3__glow {
    position: absolute;
    z-index: -2;
    pointer-events: none;
    border-radius: 50%;
  }

  .gscontact3__glow--one {
    width: 370px;
    height: 370px;
    top: -245px;
    right: 7%;
    border: 1px solid rgba(40,202,238,.12);
    box-shadow:
      0 0 0 56px rgba(40,202,238,.014),
      0 0 0 112px rgba(40,202,238,.009);
  }

  .gscontact3__glow--two {
    width: 390px;
    height: 390px;
    left: -275px;
    bottom: -70px;
    border: 1px solid rgba(118,95,255,.11);
    box-shadow: 0 0 0 60px rgba(118,95,255,.012);
  }

  .gscontact3__shell {
    width: min(var(--gs-content-max), 100%);
    margin: 0 auto;
  }

  .gscontact3__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(235px, 275px);
    gap: 36px;
    align-items: end;
  }

  .gscontact3__header-copy {
    max-width: 840px;
  }

  .gscontact3__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--gsc-cyan);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
  }

  .gscontact3__eyebrow-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsc-green);
    box-shadow: 0 0 12px rgba(41,209,128,.50);
  }

  .gscontact3__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4.4vw, 59px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .gscontact3__header h2 span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #69e8ff, var(--gsc-cyan), #5d95ff);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscontact3__header-copy > p {
    max-width: 735px;
    margin: 18px 0 0;
    color: var(--gsc-soft);
    font-size: 14.5px;
    line-height: 1.72;
  }

  .gscontact3__status {
    min-width: 0;
    padding: 16px 17px;
    border: 1px solid rgba(40,202,238,.17);
    border-radius: 17px;
    background: rgba(255,255,255,.04);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }

  .gscontact3__status-row {
    display: flex;
    align-items: center;
    gap: 11px;
  }

  .gscontact3__status-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsc-green);
    box-shadow:
      0 0 0 5px rgba(41,209,128,.08),
      0 0 12px rgba(41,209,128,.38);
  }

  .gscontact3__status small,
  .gscontact3__status strong {
    display: block;
  }

  .gscontact3__status small {
    margin-bottom: 2px;
    color: var(--gsc-cyan);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gscontact3__status strong {
    color: #fff;
    font-size: 12px;
  }

  .gscontact3__status-sep {
    height: 1px;
    margin: 12px 0 10px;
    background: rgba(255,255,255,.08);
  }

  .gscontact3__status-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #8192aa;
    font-size: 9px;
  }

  .gscontact3__status-meta strong {
    color: #dbe7f5;
    font-size: 10px;
  }

  .gscontact3__routes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 38px;
  }

  .gscontact3__route {
    position: relative;
    min-width: 0;
    min-height: 430px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    padding: 23px 23px 21px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    background:
      radial-gradient(circle at 98% 0%, rgba(40,202,238,.08), transparent 31%),
      rgba(255,255,255,.038);
    box-shadow:
      0 18px 42px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.03);
  }

  .gscontact3__route--national {
    background:
      radial-gradient(circle at 98% 0%, rgba(118,95,255,.105), transparent 31%),
      rgba(255,255,255,.035);
  }

  .gscontact3__route::after {
    content: "";
    position: absolute;
    left: 23px;
    right: 23px;
    bottom: 0;
    height: 2px;
    opacity: .38;
    background: linear-gradient(90deg, transparent, var(--gsc-cyan), transparent);
  }

  .gscontact3__route--national::after {
    background: linear-gradient(90deg, transparent, #8b76ff, transparent);
  }

  .gscontact3__route-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
  }

  .gscontact3__route-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gsc-cyan);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .13em;
  }

  .gscontact3__route-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--gsc-green);
    box-shadow: 0 0 10px rgba(41,209,128,.48);
  }

  .gscontact3__route-dot--violet {
    background: #9a87ff;
    box-shadow: 0 0 10px rgba(154,135,255,.45);
  }

  .gscontact3__route-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(40,202,238,.22);
    border-radius: 14px;
    color: var(--gsc-cyan);
    background: rgba(40,202,238,.06);
  }

  .gscontact3__route-icon--violet {
    color: #a996ff;
    border-color: rgba(118,95,255,.22);
    background: rgba(118,95,255,.06);
  }

  .gscontact3__route-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscontact3__route h3 {
    margin: 0;
    max-width: 520px;
    color: #fff;
    font-size: clamp(19px, 2vw, 24px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.025em;
  }

  .gscontact3__route > p {
    max-width: 560px;
    margin: 9px 0 0;
    color: #9cadc2;
    font-size: 10.8px;
    line-height: 1.62;
  }

  .gscontact3__address {
    margin-top: 17px;
    padding: 13px 14px;
    border: 1px solid rgba(40,202,238,.12);
    border-radius: 12px;
    background: rgba(40,202,238,.035);
  }

  .gscontact3__address-kicker,
  .gscontact3__address strong {
    display: block;
  }

  .gscontact3__address-kicker {
    margin-bottom: 4px;
    color: var(--gsc-cyan);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gscontact3__address strong {
    color: #e5f0fb;
    font-size: 9.8px;
    font-weight: 600;
    line-height: 1.55;
  }

  .gscontact3__national-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 17px;
    padding: 12px 13px;
    border: 1px solid rgba(233,164,59,.15);
    border-radius: 12px;
    background: rgba(233,164,59,.04);
  }

  .gscontact3__national-note-icon {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(233,164,59,.20);
    border-radius: 8px;
    color: #efaf51;
    background: rgba(233,164,59,.05);
    font-size: 10px;
    font-weight: 900;
  }

  .gscontact3__national-note p {
    margin: 0;
    color: #8fa0b4;
    font-size: 8.8px;
    line-height: 1.48;
  }

  .gscontact3__national-note strong {
    color: #e7d6ba;
  }

  .gscontact3__route-facts {
    display: grid;
    gap: 7px;
    margin-top: 17px;
  }

  .gscontact3__route-facts span {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #bdcad9;
    font-size: 9.2px;
    line-height: 1.45;
  }

  .gscontact3__route-facts b {
    color: var(--gsc-cyan);
    font-weight: 800;
  }

  .gscontact3__route--national .gscontact3__route-facts b {
    color: #a996ff;
  }

  .gscontact3__route-button {
    width: fit-content;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding: 10px 15px;
    border: 1px solid rgba(118,95,255,.20);
    border-radius: 11px;
    color: #dcd6ff !important;
    background: rgba(118,95,255,.055);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease;
  }

  .gscontact3__route-button--local {
    color: #c7f5ff !important;
    border-color: rgba(40,202,238,.20);
    background: rgba(40,202,238,.05);
  }

  .gscontact3__contact {
    display: grid;
    grid-template-columns: minmax(245px, .72fr) minmax(0, 1.28fr);
    gap: 24px;
    align-items: center;
    margin-top: 20px;
    padding: 21px 22px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 18px;
    background: rgba(3,15,33,.40);
  }

  .gscontact3__contact-head > span,
  .gscontact3__contact-head > strong,
  .gscontact3__contact-head > p {
    display: block;
  }

  .gscontact3__contact-head > span {
    margin-bottom: 4px;
    color: var(--gsc-cyan);
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gscontact3__contact-head > strong {
    color: #f4f9ff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gscontact3__contact-head > p {
    margin: 4px 0 0;
    color: #7f91a8;
    font-size: 9px;
    line-height: 1.5;
  }

  .gscontact3__channels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .gscontact3__channel {
    min-width: 0;
    min-height: 64px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 10px 11px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 11px;
    color: #fff !important;
    background: rgba(255,255,255,.025);
    text-decoration: none !important;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background .2s ease;
  }

  .gscontact3__channel--wa {
    border-color: rgba(41,209,128,.16);
    background: rgba(41,209,128,.035);
  }

  .gscontact3__channel-icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(40,202,238,.16);
    border-radius: 9px;
    color: var(--gsc-cyan);
    background: rgba(40,202,238,.04);
  }

  .gscontact3__channel--wa .gscontact3__channel-icon {
    color: #59eb9b;
    border-color: rgba(41,209,128,.18);
    background: rgba(41,209,128,.04);
  }

  .gscontact3__channel-icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscontact3__channel small,
  .gscontact3__channel strong {
    display: block;
  }

  .gscontact3__channel small {
    margin-bottom: 2px;
    color: #73869e;
    font-size: 6.5px;
    font-weight: 800;
    letter-spacing: .10em;
  }

  .gscontact3__channel--wa small {
    color: #60cf94;
  }

  .gscontact3__channel strong {
    overflow-wrap: anywhere;
    color: #edf6ff;
    font-size: 8.8px;
    line-height: 1.4;
  }

  .gscontact3__channel > b {
    color: #667b94;
    font-size: 11px;
    font-weight: 700;
  }

  .gscontact3__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 18px;
    padding: 17px 18px;
    border: 1px solid rgba(40,202,238,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.022);
  }

  .gscontact3__bottom-copy > span,
  .gscontact3__bottom-copy > strong,
  .gscontact3__bottom-copy > p {
    display: block;
  }

  .gscontact3__bottom-copy > span {
    margin-bottom: 3px;
    color: var(--gsc-cyan);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
  }

  .gscontact3__bottom-copy > strong {
    color: #eff7ff;
    font-size: 10.5px;
    line-height: 1.45;
  }

  .gscontact3__bottom-copy > p {
    margin: 3px 0 0;
    color: #7d8fa7;
    font-size: 8.7px;
    line-height: 1.45;
  }

  .gscontact3__bottom-button {
    min-height: 42px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid rgba(40,202,238,.34);
    border-radius: 11px;
    color: #061522 !important;
    background: linear-gradient(135deg, #39d9ee, #3da9f5);
    box-shadow: 0 10px 24px rgba(39,180,235,.13);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .gscontact3 a:focus-visible {
    outline: 2px solid var(--gsc-cyan);
    outline-offset: 4px;
  }

  @media (hover:hover) {
    .gscontact3__route-button:hover,
    .gscontact3__channel:hover,
    .gscontact3__bottom-button:hover {
      transform: translateY(-2px);
    }

    .gscontact3__route-button:hover {
      border-color: rgba(118,95,255,.36);
      background: rgba(118,95,255,.085);
    }

    .gscontact3__route-button--local:hover {
      border-color: rgba(40,202,238,.34);
      background: rgba(40,202,238,.075);
    }

    .gscontact3__channel:hover {
      border-color: rgba(40,202,238,.25);
      background: rgba(40,202,238,.05);
    }

    .gscontact3__channel--wa:hover {
      border-color: rgba(41,209,128,.28);
      background: rgba(41,209,128,.06);
    }

    .gscontact3__bottom-button:hover {
      box-shadow: 0 14px 28px rgba(39,180,235,.21);
    }
  }

  @media (max-width: 1020px) {
    .gscontact3__header {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .gscontact3__status {
      width: min(330px, 100%);
    }

    .gscontact3__contact {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 780px) {
    .gscontact3 {
      padding: 62px 15px 68px;
    }

    .gscontact3__header {
      gap: 23px;
    }

    .gscontact3__header h2 {
      font-size: clamp(34px, 10vw, 46px);
    }

    .gscontact3__header h2 span {
      display: inline;
    }

    .gscontact3__header-copy > p {
      font-size: 14px;
    }

    .gscontact3__routes {
      grid-template-columns: 1fr;
      margin-top: 30px;
      gap: 14px;
    }

    .gscontact3__route {
      min-height: 0;
      padding: 20px 18px;
      border-radius: 18px;
    }

    .gscontact3__route-button {
      width: 100%;
      min-height: 47px;
      margin-top: 20px;
    }

    .gscontact3__channels {
      grid-template-columns: 1fr;
    }

    .gscontact3__bottom {
      align-items: flex-start;
      flex-direction: column;
    }

    .gscontact3__bottom-button {
      width: 100%;
      min-height: 47px;
    }
  }

  @media (max-width: 390px) {
    .gscontact3 {
      padding-inline: 11px;
    }

    .gscontact3__route-label {
      font-size: 7.2px;
    }

    .gscontact3__address strong {
      font-size: 9.2px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gscontact3 *,
    .gscontact3 *::before,
    .gscontact3 *::after {
      animation: none !important;
      transition: none !important;
    }

    .gscontact3__route-button:hover,
    .gscontact3__channel:hover,
    .gscontact3__bottom-button:hover {
      transform: none;
    }
  }