/* =========================================================
   GS FRONTEND CORE 0.41.0
   CELULARES
   8 secciones
   ========================================================= */

/* =========================================================
   HERO
   ID: celulares-inicio
   ========================================================= */

.gscellhero {
    --gscell-cyan: #24d7f3;
    --gscell-blue: #237cff;
    --gscell-green: #45d795;
    --gscell-white: #ffffff;
    --gscell-text: #b8cadc;
position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 760px;
    padding: clamp(75px, 8vw, 115px) 24px;
    display: flex;
    align-items: center;
    color: var(--gscell-white);
    background:
      radial-gradient(
        circle at 10% 22%,
        rgba(36, 215, 243, 0.13),
        transparent 31%
      ),
      radial-gradient(
        circle at 90% 65%,
        rgba(35, 124, 255, 0.2),
        transparent 36%
      ),
      linear-gradient(
        120deg,
        #020914 0%,
        #05172e 52%,
        #0b2750 100%
      );
    font-family: var(--gs-font-sans);
  }

  .gscellhero *,
  .gscellhero *::before,
  .gscellhero *::after {
    box-sizing: border-box;
  }

  .gscellhero__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: 0.28;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(56, 146, 220, 0.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(56, 146, 220, 0.08) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(36, 215, 243, 0.23) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gscellhero__glow {
    position: absolute;
    z-index: -2;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(145px);
    pointer-events: none;
  }

  .gscellhero__glow--cyan {
    top: 8%;
    left: -230px;
    opacity: 0.12;
    background: var(--gscell-cyan);
  }

  .gscellhero__glow--blue {
    right: -210px;
    bottom: 2%;
    opacity: 0.16;
    background: var(--gscell-blue);
  }

  .gscellhero__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns:
      minmax(0, 1.02fr)
      minmax(420px, 0.83fr);
    gap: clamp(45px, 6vw, 85px);
    align-items: center;
  }

  /* TEXTO */

  .gscellhero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 19px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
  }

  .gscellhero__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gscell-green);
    box-shadow:
      0 0 0 6px rgba(69, 215, 149, 0.08),
      0 0 17px rgba(69, 215, 149, 0.62);
    animation: gscellPulse 2.4s ease-in-out infinite;
  }

  .gscellhero h1 {
    max-width: 760px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(47px, 5.3vw, 73px);
    line-height: 1.01;
    font-weight: 850;
    letter-spacing: -0.055em;
  }

  .gscellhero h1 span {
    display: block;
    margin-top: 6px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        #83e4ff,
        var(--gscell-cyan) 48%,
        #668fff
      );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscellhero__intro {
    max-width: 710px;
    margin: 24px 0 0;
    color: var(--gscell-text);
    font-size: 15px;
    line-height: 1.78;
  }

  /* BOTONES */

  .gscellhero__actions {
    display: grid;
    grid-template-columns:
      minmax(0, 1.08fr)
      minmax(0, 0.92fr);
    gap: 12px;
    margin-top: 29px;
  }

  .gscellhero__btn {
    min-width: 0;
    min-height: 72px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 16px;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease,
      box-shadow 220ms ease,
      background-color 220ms ease;
  }


  .gscellhero__btn:focus-visible {
    outline: 2px solid rgba(36, 215, 243, 0.95);
    outline-offset: 4px;
  }

  .gscellhero__btn:hover {
    transform: translateY(-4px);
  }

  .gscellhero__btn-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
  }

  .gscellhero__btn svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellhero__btn-copy small,
  .gscellhero__btn-copy strong {
    display: block;
  }

  .gscellhero__btn-copy small {
    margin-bottom: 3px;
    font-size: 9px;
  }

  .gscellhero__btn-copy strong {
    font-size: 12px;
    line-height: 1.35;
  }

  .gscellhero__btn > i {
    font-size: 18px;
    font-style: normal;
  }

  .gscellhero__btn--whatsapp {
    color: #ffffff !important;
    background:
      linear-gradient(
        110deg,
        #089d65,
        #13c982
      );
    box-shadow:
      0 18px 38px rgba(16, 191, 124, 0.23);
  }

  .gscellhero__btn--whatsapp:hover {
    color: #ffffff !important;
    box-shadow:
      0 24px 48px rgba(16, 191, 124, 0.32);
  }

  .gscellhero__btn--whatsapp .gscellhero__btn-icon {
    background: rgba(255, 255, 255, 0.12);
  }

  .gscellhero__btn--whatsapp small {
    color: rgba(255, 255, 255, 0.69);
  }

  .gscellhero__btn--secondary {
    border: 1px solid rgba(36, 215, 243, 0.25);
    color: #d9f6ff !important;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.1),
        rgba(35, 124, 255, 0.07)
      );
  }

  .gscellhero__btn--secondary:hover {
    border-color: rgba(36, 215, 243, 0.45);
    color: #ffffff !important;
    box-shadow: 0 20px 42px rgba(36, 215, 243, 0.08);
  }

  .gscellhero__btn--secondary .gscellhero__btn-icon {
    color: var(--gscell-cyan);
    background: rgba(36, 215, 243, 0.075);
  }

  .gscellhero__btn--secondary small {
    color: #7c96ad;
  }


  /* RECEPCIÓN */

  .gscellhero__reception-note {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    margin-top: 15px;
    padding: 10px 12px;
    border: 1px solid rgba(69, 215, 149, 0.14);
    border-radius: 13px;
    background: rgba(69, 215, 149, 0.035);
  }

  .gscellhero__reception-note > span {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(69, 215, 149, 0.22);
    border-radius: 50%;
    color: #b8f1d1;
    font-size: 11px;
    font-weight: 850;
  }

  .gscellhero__reception-note p {
    margin: 0;
    color: #829bac;
    font-size: 10px;
    line-height: 1.58;
  }

  .gscellhero__reception-note strong {
    color: #c4f0d7;
    font-weight: 650;
  }

  /* DATOS */

  .gscellhero__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 23px;
  }

  .gscellhero__facts article {
    min-width: 0;
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(92, 174, 255, 0.13);
    border-radius: 14px;
    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.04),
        rgba(255, 255, 255, 0.015)
      );
  }

  .gscellhero__fact-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gscell-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gscellhero__fact-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gscellhero__facts strong {
    color: #e3effb;
    font-size: 10px;
    line-height: 1.35;
  }

  .gscellhero__facts small {
    margin-top: 3px;
    color: #788fa5;
    font-size: 9px;
    line-height: 1.4;
  }

  /* AVISO */

  .gscellhero__notice {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 13px;
    background: rgba(1, 12, 26, 0.29);
  }

  .gscellhero__notice > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gscell-cyan);
    background: rgba(36, 215, 243, 0.06);
  }

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

  .gscellhero__notice p {
    margin: 0;
    color: #8097ad;
    font-size: 9px;
    line-height: 1.55;
  }

  /* PANEL VISUAL */

  .gscellhero__visual {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(92, 174, 255, 0.21);
    border-radius: 30px;
    background:
      radial-gradient(
        circle at 50% 42%,
        rgba(36, 215, 243, 0.14),
        transparent 44%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.75),
        rgba(4, 17, 35, 0.95)
      );
    box-shadow:
      0 32px 75px rgba(0, 0, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(15px);
  }

  .gscellhero__visual-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.4;
    background-image:
      linear-gradient(
        rgba(66, 157, 220, 0.048) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(66, 157, 220, 0.048) 1px,
        transparent 1px
      );
    background-size: 30px 30px;
    mask-image:
      radial-gradient(
        circle at center,
        black,
        transparent 80%
      );
  }

  .gscellhero__visual > *:not(.gscellhero__visual-grid) {
    position: relative;
    z-index: 2;
  }

  .gscellhero__visual-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .gscellhero__visual-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }

  .gscellhero__visual-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gscell-green);
    box-shadow: 0 0 11px rgba(69, 215, 149, 0.68);
    animation: gscellPulse 2.4s ease-in-out infinite;
  }

  .gscellhero__visual-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  /* ÁREA DEL TELÉFONO */

  .gscellhero__device-area {
    position: relative;
    width: 390px;
    height: 480px;
    max-width: 100%;
    margin: 7px auto 5px;
    display: grid;
    place-items: center;
  }

  .gscellhero__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36, 215, 243, 0.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gscellOrbit 4.8s ease-in-out infinite;
  }

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

  .gscellhero__orbit--two {
    width: 265px;
    height: 265px;
    animation-delay: -1.6s;
  }

  .gscellhero__orbit--three {
    width: 175px;
    height: 175px;
    animation-delay: -3.2s;
  }

  .gscellhero__scanner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 175px;
    height: 175px;
    overflow: hidden;
    transform-origin: left top;
    animation: gscellScanner 8s linear infinite;
  }

  .gscellhero__scanner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      conic-gradient(
        from 270deg at 0 0,
        rgba(36, 215, 243, 0.28),
        transparent 50deg
      );
  }

  .gscellhero__node {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid var(--gscell-cyan);
    border-radius: 50%;
    background: #08213d;
    box-shadow:
      0 0 0 6px rgba(36, 215, 243, 0.04),
      0 0 13px rgba(36, 215, 243, 0.5);
    animation: gscellNode 2.8s ease-in-out infinite;
  }

  .gscellhero__node--one {
    top: 72px;
    left: 51px;
  }

  .gscellhero__node--two {
    top: 91px;
    right: 46px;
    animation-delay: -0.7s;
  }

  .gscellhero__node--three {
    left: 50px;
    bottom: 79px;
    animation-delay: -1.4s;
  }

  .gscellhero__node--four {
    right: 48px;
    bottom: 69px;
    animation-delay: -2.1s;
  }

  /* TELÉFONO */

  .gscellhero__phone {
    position: relative;
    z-index: 4;
    width: 184px;
    height: 370px;
    padding: 8px;
    border: 1px solid rgba(121, 207, 255, 0.48);
    border-radius: 38px;
    background:
      linear-gradient(
        145deg,
        #0e2a48,
        #03101f 78%
      );
    box-shadow:
      0 0 0 9px rgba(36, 215, 243, 0.025),
      0 30px 50px rgba(0, 0, 0, 0.4),
      0 0 38px rgba(36, 215, 243, 0.12);
    transform: rotate(2deg);
    animation: gscellPhoneFloat 5s ease-in-out infinite;
  }

  .gscellhero__phone-speaker {
    position: absolute;
    z-index: 6;
    top: 15px;
    left: 50%;
    width: 52px;
    height: 7px;
    border-radius: 999px;
    background: #020a14;
    transform: translateX(-50%);
  }

  .gscellhero__screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(92, 174, 255, 0.12);
    border-radius: 31px;
    background:
      radial-gradient(
        circle at 50% 38%,
        rgba(36, 215, 243, 0.12),
        transparent 34%
      ),
      linear-gradient(
        160deg,
        #07192e,
        #020811 78%
      );
  }

  .gscellhero__screen::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.25;
    background-image:
      linear-gradient(
        rgba(54, 156, 220, 0.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(54, 156, 220, 0.08) 1px,
        transparent 1px
      );
    background-size: 21px 21px;
  }

  .gscellhero__screen-logo {
    position: relative;
    z-index: 2;
    width: 91px;
    height: 91px;
    margin: 70px auto 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.27);
    border-radius: 25px;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.13),
        rgba(35, 124, 255, 0.07)
      );
    box-shadow:
      0 0 0 8px rgba(36, 215, 243, 0.025),
      0 0 25px rgba(36, 215, 243, 0.1);
  }

  .gscellhero__screen-logo img {
    width: 72px;
    height: 72px;
    object-fit: contain;
  }

  .gscellhero__screen-status {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 21px 14px 0;
  }

  .gscellhero__screen-status > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #78a898;
    font-size: 7px;
  }

  .gscellhero__screen-status > span i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gscell-green);
    box-shadow: 0 0 8px rgba(69, 215, 149, 0.6);
  }

  .gscellhero__screen-status strong {
    color: #5c849d;
    font-size: 7px;
  }

  /* ONDA */

  .gscellhero__wave {
    position: relative;
    z-index: 2;
    height: 46px;
    margin: 10px 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-top: 1px solid rgba(36, 215, 243, 0.08);
    border-bottom: 1px solid rgba(36, 215, 243, 0.08);
  }

  .gscellhero__wave span {
    width: 3px;
    border-radius: 999px;
    background:
      linear-gradient(
        to top,
        #237cff,
        #24d7f3
      );
    box-shadow: 0 0 7px rgba(36, 215, 243, 0.25);
    animation: gscellWave 1.25s ease-in-out infinite;
  }

  .gscellhero__wave span:nth-child(1) {
    height: 10px;
  }

  .gscellhero__wave span:nth-child(2) {
    height: 19px;
    animation-delay: -0.2s;
  }

  .gscellhero__wave span:nth-child(3) {
    height: 29px;
    animation-delay: -0.4s;
  }

  .gscellhero__wave span:nth-child(4) {
    height: 37px;
    animation-delay: -0.6s;
  }

  .gscellhero__wave span:nth-child(5) {
    height: 25px;
    animation-delay: -0.8s;
  }

  .gscellhero__wave span:nth-child(6) {
    height: 17px;
    animation-delay: -1s;
  }

  .gscellhero__wave span:nth-child(7) {
    height: 9px;
    animation-delay: -1.2s;
  }

  .gscellhero__screen-data {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin: 12px 11px 0;
  }

  .gscellhero__screen-data > div {
    padding: 7px 4px;
    border: 1px solid rgba(92, 174, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.018);
    text-align: center;
  }

  .gscellhero__screen-data small,
  .gscellhero__screen-data strong {
    display: block;
  }

  .gscellhero__screen-data small {
    color: #526f85;
    font-size: 7px;
  }

  .gscellhero__screen-data strong {
    margin-top: 3px;
    color: #8fbed3;
    font-size: 8px;
  }

  .gscellhero__phone-button {
    position: absolute;
    right: -3px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #386b8c;
  }

  .gscellhero__phone-button--one {
    top: 86px;
    height: 39px;
  }

  .gscellhero__phone-button--two {
    top: 139px;
    height: 58px;
  }

  /* TARJETAS FLOTANTES */

  .gscellhero__floating {
    position: absolute;
    z-index: 7;
    min-height: 59px;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92, 174, 255, 0.2);
    border-radius: 14px;
    background: rgba(5, 21, 42, 0.94);
    box-shadow:
      0 16px 32px rgba(0, 0, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  .gscellhero__floating > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gscell-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gscellhero__floating svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gscellhero__floating small {
    margin-bottom: 3px;
    color: #6e889e;
    font-size: 9px;
  }

  .gscellhero__floating strong {
    color: #e3effb;
    font-size: 10px;
  }

  .gscellhero__floating--power {
    top: 44px;
    left: 0;
    width: 137px;
    animation: gscellCardOne 5.2s ease-in-out infinite;
  }

  .gscellhero__floating--charge {
    top: 93px;
    right: 0;
    width: 125px;
    animation: gscellCardTwo 5.6s ease-in-out infinite;
  }

  .gscellhero__floating--display {
    bottom: 67px;
    left: 3px;
    width: 143px;
    animation: gscellCardThree 5.4s ease-in-out infinite;
  }

  .gscellhero__floating--board {
    right: 0;
    bottom: 44px;
    width: 154px;
    animation: gscellCardFour 5.8s ease-in-out infinite;
  }

  /* PASOS INFERIORES */

  .gscellhero__visual-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
    padding-top: 14px;
    border-top: 1px solid rgba(92, 174, 255, 0.13);
  }

  .gscellhero__visual-bottom article {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px;
    border: 1px solid rgba(92, 174, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.015);
  }

  .gscellhero__visual-bottom article > span {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--gscell-cyan);
    box-shadow: 0 0 8px rgba(36, 215, 243, 0.45);
  }

  .gscellhero__visual-bottom small,
  .gscellhero__visual-bottom strong {
    display: block;
  }

  .gscellhero__visual-bottom small {
    color: #536f85;
    font-size: 8px;
  }

  .gscellhero__visual-bottom strong {
    margin-top: 2px;
    color: #8aa7bb;
    font-size: 7px;
  }


  /* ANIMACIONES */

  @keyframes gscellPulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.15);
    }
  }

  @keyframes gscellOrbit {
    0%,
    100% {
      opacity: 0.25;
      transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
      opacity: 0.7;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gscellScanner {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }

  @keyframes gscellNode {
    0%,
    100% {
      opacity: 0.4;
      transform: scale(0.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.16);
    }
  }

  @keyframes gscellPhoneFloat {
    0%,
    100% {
      transform: translateY(0) rotate(2deg);
    }

    50% {
      transform: translateY(-9px) rotate(1deg);
    }
  }

  @keyframes gscellWave {
    0%,
    100% {
      transform: scaleY(0.6);
      opacity: 0.5;
    }

    50% {
      transform: scaleY(1);
      opacity: 1;
    }
  }

  @keyframes gscellCardOne {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-7px) rotate(0);
    }
  }

  @keyframes gscellCardTwo {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(7px) rotate(0);
    }
  }

  @keyframes gscellCardThree {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gscellCardFour {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  /* TABLETA */

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

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

    .gscellhero__content {
      max-width: 820px;
    }

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

  @media (max-width: 800px) {
    .gscellhero__actions {
      grid-template-columns: 1fr;
    }

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

    .gscellhero__facts article {
      min-height: 66px;
    }
  }

  /* MÓVIL */

  @media (max-width: 650px) {
    .gscellhero {
      padding: 65px 17px 72px;
    }

    .gscellhero h1 {
      font-size: clamp(39px, 11vw, 52px);
    }

    .gscellhero__intro {
      font-size: 14px;
    }

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

    .gscellhero__visual {
      padding: 19px 16px;
      border-radius: 24px;
    }

    .gscellhero__device-area {
      width: 325px;
      height: 440px;
      margin-left: auto;
      margin-right: auto;
      transform: scale(0.94);
    }

    .gscellhero__visual-bottom {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .gscellhero__visual-bottom article {
      padding: 8px;
      border: 1px solid rgba(92, 174, 255, 0.09);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.018);
    }
  }

  @media (max-width: 420px) {
    .gscellhero__device-area {
      width: 300px;
      margin-left: -4px;
      transform: scale(0.88);
      transform-origin: top center;
      margin-bottom: -35px;
    }

    .gscellhero__visual-head {
      align-items: flex-start;
    }

    .gscellhero__visual-head > strong {
      display: none;
    }

    .gscellhero__btn {
      grid-template-columns: 42px minmax(0, 1fr);
    }

    .gscellhero__btn > i {
      display: none;
    }
  }

  /* ACCESIBILIDAD */

  @media (prefers-reduced-motion: reduce) {
    .gscellhero__eyebrow > span,
    .gscellhero__visual-head > span i,
    .gscellhero__orbit,
    .gscellhero__scanner,
    .gscellhero__node,
    .gscellhero__phone,
    .gscellhero__wave span,
    .gscellhero__floating {
      animation: none !important;
    }

    .gscellhero__btn {
      transition: none !important;
    }
  }


/* =========================================================
   REPARACIONES PRINCIPALES CELULARES
   ID: reparaciones-celulares
   ========================================================= */

.gscellrep {
    --gscellrep-cyan: #24d7f3;
    --gscellrep-blue: #237cff;
    --gscellrep-green: #45d795;
    --gscellrep-white: #ffffff;
    --gscellrep-text: #b7c8dc;
position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gscellrep-white);
    background:
      radial-gradient(
        circle at 8% 20%,
        rgba(36, 215, 243, 0.1),
        transparent 31%
      ),
      radial-gradient(
        circle at 94% 80%,
        rgba(35, 124, 255, 0.16),
        transparent 35%
      ),
      linear-gradient(
        118deg,
        #03101f 0%,
        #061a32 52%,
        #0c2852 100%
      );
    font-family: var(--gs-font-sans);
  }

  .gscellrep *,
  .gscellrep *::before,
  .gscellrep *::after {
    box-sizing: border-box;
  }

  .gscellrep__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: 0.25;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(56, 146, 220, 0.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(56, 146, 220, 0.08) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(36, 215, 243, 0.24) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gscellrep__glow {
    position: absolute;
    z-index: -2;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    filter: blur(135px);
    pointer-events: none;
  }

  .gscellrep__glow--cyan {
    top: 7%;
    left: -200px;
    opacity: 0.1;
    background: var(--gscellrep-cyan);
  }

  .gscellrep__glow--blue {
    right: -180px;
    bottom: 6%;
    opacity: 0.14;
    background: var(--gscellrep-blue);
  }

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

  /* ENCABEZADO */

  .gscellrep__header {
    display: grid;
    grid-template-columns:
      minmax(0, 1.08fr)
      minmax(330px, 0.72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 66px);
  }

  .gscellrep__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
  }

  .gscellrep__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gscellrep-green);
    box-shadow:
      0 0 0 6px rgba(69, 215, 149, 0.08),
      0 0 17px rgba(69, 215, 149, 0.62);
    animation: gscellrepPulse 2.4s ease-in-out infinite;
  }

  .gscellrep__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -0.052em;
  }

  .gscellrep__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        #73dcff,
        var(--gscellrep-cyan) 48%,
        #6491ff
      );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscellrep__header-info > p {
    margin: 0;
    color: var(--gscellrep-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gscellrep__header-badge {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(92, 174, 255, 0.14);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.025);
  }

  .gscellrep__header-badge > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gscellrep-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gscellrep__header-badge svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellrep__header-badge small,
  .gscellrep__header-badge strong {
    display: block;
  }

  .gscellrep__header-badge small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 9px;
  }

  .gscellrep__header-badge strong {
    color: #dcecff;
    font-size: 11px;
    line-height: 1.4;
  }

  /* LAYOUT */

  .gscellrep__layout {
    display: grid;
    grid-template-columns:
      minmax(345px, 0.76fr)
      minmax(0, 1.24fr);
    gap: clamp(27px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gscellrep__panel {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92, 174, 255, 0.21);
    border-radius: 28px;
    background:
      radial-gradient(
        circle at 50% 40%,
        rgba(36, 215, 243, 0.13),
        transparent 45%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.73),
        rgba(4, 17, 35, 0.94)
      );
    box-shadow:
      0 29px 68px rgba(0, 0, 0, 0.27),
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(14px);
  }

  .gscellrep__panel-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.42;
    background-image:
      linear-gradient(
        rgba(66, 157, 220, 0.048) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(66, 157, 220, 0.048) 1px,
        transparent 1px
      );
    background-size: 30px 30px;
    mask-image:
      radial-gradient(
        circle at center,
        black,
        transparent 76%
      );
  }

  .gscellrep__panel > *:not(.gscellrep__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gscellrep__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .gscellrep__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }

  .gscellrep__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gscellrep-green);
    box-shadow: 0 0 11px rgba(69, 215, 149, 0.68);
    animation: gscellrepPulse 2.4s ease-in-out infinite;
  }

  .gscellrep__panel-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gscellrep__panel-copy {
    margin-top: 21px;
  }

  .gscellrep__panel-copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.15;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gscellrep__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gscellrep__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gscellrep__visual {
    position: relative;
    width: 315px;
    height: 305px;
    max-width: 100%;
    margin: 12px auto 7px;
    display: grid;
    place-items: center;
  }

  .gscellrep__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36, 215, 243, 0.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gscellrepRing 4.5s ease-in-out infinite;
  }

  .gscellrep__ring--one {
    width: 270px;
    height: 270px;
  }

  .gscellrep__ring--two {
    width: 194px;
    height: 194px;
    animation-delay: -1.5s;
  }

  .gscellrep__ring--three {
    width: 114px;
    height: 114px;
    animation-delay: -3s;
  }

  .gscellrep__scan {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 135px;
    height: 135px;
    overflow: hidden;
    transform-origin: left top;
    animation: gscellrepScan 8s linear infinite;
  }

  .gscellrep__scan::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      conic-gradient(
        from 270deg at 0 0,
        rgba(36, 215, 243, 0.28),
        transparent 48deg
      );
  }

  .gscellrep__line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(36, 215, 243, 0.15),
        transparent
      );
    transform: translate(-50%, -50%);
  }

  .gscellrep__line--two {
    transform: translate(-50%, -50%) rotate(60deg);
  }

  .gscellrep__line--three {
    transform: translate(-50%, -50%) rotate(-60deg);
  }

  .gscellrep__node {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid var(--gscellrep-cyan);
    border-radius: 50%;
    background: #08213d;
    box-shadow:
      0 0 0 6px rgba(36, 215, 243, 0.04),
      0 0 13px rgba(36, 215, 243, 0.48);
    animation: gscellrepNode 2.8s ease-in-out infinite;
  }

  .gscellrep__node--one {
    top: 44px;
    left: 61px;
  }

  .gscellrep__node--two {
    top: 56px;
    right: 54px;
    animation-delay: -0.7s;
  }

  .gscellrep__node--three {
    left: 48px;
    bottom: 60px;
    animation-delay: -1.4s;
  }

  .gscellrep__node--four {
    right: 49px;
    bottom: 52px;
    animation-delay: -2.1s;
  }

  .gscellrep__core {
    position: relative;
    z-index: 5;
    width: 116px;
    height: 116px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 197, 246, 0.43);
    border-radius: 33px;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.17),
        rgba(35, 124, 255, 0.1)
      );
    box-shadow:
      0 0 0 11px rgba(36, 215, 243, 0.035),
      0 0 32px rgba(36, 215, 243, 0.15);
    animation: gscellrepFloat 4s ease-in-out infinite;
  }

  .gscellrep__core img {
    width: 88px;
    max-width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gscellrep__core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.45px;
    text-align: center;
    text-transform: uppercase;
  }

  .gscellrep__floating {
    position: absolute;
    z-index: 6;
    min-height: 58px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92, 174, 255, 0.2);
    border-radius: 14px;
    background: rgba(5, 21, 42, 0.93);
    box-shadow:
      0 16px 32px rgba(0, 0, 0, 0.27),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  .gscellrep__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gscellrep-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gscellrep__floating svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gscellrep__floating small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 9px;
  }

  .gscellrep__floating strong {
    color: #e5f1fd;
    font-size: 10px;
  }

  .gscellrep__floating--symptom {
    top: 18px;
    left: 0;
    width: 145px;
    animation: gscellrepCardOne 5.2s ease-in-out infinite;
  }

  .gscellrep__floating--measure {
    top: 36px;
    right: 0;
    width: 150px;
    animation: gscellrepCardTwo 5.6s ease-in-out infinite;
  }

  .gscellrep__floating--confirm {
    right: 7px;
    bottom: 23px;
    width: 145px;
    animation: gscellrepCardThree 5.4s ease-in-out infinite;
  }

  /* SECUENCIA */

  .gscellrep__sequence {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
    padding-top: 15px;
    border-top: 1px solid rgba(92, 174, 255, 0.14);
  }

  .gscellrep__sequence article {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(92, 174, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.015);
  }

  .gscellrep__sequence article > span {
    color: var(--gscellrep-cyan);
    font-size: 9px;
    font-weight: 800;
  }

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

  .gscellrep__sequence small {
    color: #607a91;
    font-size: 9px;
  }

  .gscellrep__sequence strong {
    margin-top: 2px;
    color: #9ab1c4;
    font-size: 8px;
  }


  .gscellrep__panel-note {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid rgba(69, 215, 149, 0.13);
    border-radius: 13px;
    background: rgba(69, 215, 149, 0.025);
  }

  .gscellrep__panel-note > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gscellrep-green);
    background: rgba(69, 215, 149, 0.065);
  }

  .gscellrep__panel-note svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellrep__panel-note p {
    margin: 0;
    color: #8aa296;
    font-size: 9px;
    line-height: 1.55;
  }

  /* TARJETAS */

  .gscellrep__repairs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .gscellrep__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    padding: 19px;
    border: 1px solid rgba(92, 174, 255, 0.16);
    border-radius: 21px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36, 215, 243, 0.055),
        transparent 39%
      ),
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.052),
        rgba(255, 255, 255, 0.018)
      );
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(10px);
    transition:
      transform 240ms ease,
      border-color 240ms ease,
      background-color 240ms ease;
  }

  .gscellrep__card:hover {
    transform: translateY(-6px);
    border-color: rgba(36, 215, 243, 0.34);
    background: rgba(36, 215, 243, 0.04);
  }

  .gscellrep__number {
    position: absolute;
    top: 14px;
    right: 15px;
    color: rgba(255, 255, 255, 0.08);
    font-size: 25px;
    line-height: 1;
    font-weight: 850;
  }

  .gscellrep__icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.25);
    border-radius: 16px;
    color: var(--gscellrep-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

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

  .gscellrep__card > div {
    padding-right: 16px;
  }

  .gscellrep__card small {
    display: block;
    color: #6f89a0;
    font-size: 9px;
    line-height: 1.4;
    font-weight: 750;
    letter-spacing: 0.65px;
    text-transform: uppercase;
  }

  .gscellrep__card h3 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 760;
    letter-spacing: -0.35px;
  }

  .gscellrep__card p {
    margin: 9px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  .gscellrep__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }

  .gscellrep__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92, 174, 255, 0.12);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255, 255, 255, 0.022);
    font-size: 9px;
    line-height: 1;
    font-weight: 650;
  }

  /* PRINCIPIO */

  .gscellrep__principle {
    display: grid;
    grid-template-columns:
      minmax(0, 1.15fr)
      minmax(370px, 0.85fr);
    gap: 24px;
    align-items: center;
    margin-top: 24px;
    padding: 19px;
    border: 1px solid rgba(36, 215, 243, 0.16);
    border-radius: 19px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36, 215, 243, 0.055),
        transparent 38%
      ),
      rgba(1, 12, 26, 0.39);
  }

  .gscellrep__principle-copy {
    display: grid;
    grid-template-columns: 49px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gscellrep__principle-copy > span {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gscellrep-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gscellrep__principle-copy svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellrep__principle-copy small,
  .gscellrep__principle-copy strong {
    display: block;
  }

  .gscellrep__principle-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gscellrep__principle-copy strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gscellrep__principle-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

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

  .gscellrep__principle-points span {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 11px;
    color: #91a8bb;
    background: rgba(255, 255, 255, 0.022);
    font-size: 9px;
    font-weight: 700;
  }

  .gscellrep__principle-points i {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--gscellrep-green);
    box-shadow: 0 0 8px rgba(69, 215, 149, 0.5);
  }

  /* CIERRE */

  .gscellrep__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid rgba(92, 174, 255, 0.14);
    border-radius: 17px;
    background: rgba(1, 12, 26, 0.37);
  }

  .gscellrep__bottom-copy {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }

  .gscellrep__bottom-copy > span {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gscellrep-green);
    background: rgba(69, 215, 149, 0.065);
  }

  .gscellrep__bottom-copy svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellrep__bottom-copy strong {
    display: block;
    color: #dcecff;
    font-size: 11px;
  }

  .gscellrep__bottom-copy p {
    max-width: 760px;
    margin: 5px 0 0;
    color: #7e96ac;
    font-size: 9px;
    line-height: 1.55;
  }

  .gscellrep__bottom > a {
    flex: 0 0 auto;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 11px 15px;
    border-radius: 12px;
    color: #ffffff !important;
    background:
      linear-gradient(
        110deg,
        #089d65,
        #13c982
      );
    box-shadow: 0 16px 32px rgba(16, 191, 124, 0.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }


  .gscellrep__bottom > a:focus-visible {
    outline: 2px solid rgba(36, 215, 243, 0.95);
    outline-offset: 4px;
  }

  .gscellrep__bottom > a:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16, 191, 124, 0.28);
  }

  .gscellrep__bottom > a i {
    font-size: 17px;
    font-style: normal;
  }

  /* ANIMACIONES */

  @keyframes gscellrepPulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.15);
    }
  }

  @keyframes gscellrepRing {
    0%,
    100% {
      opacity: 0.25;
      transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
      opacity: 0.65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gscellrepScan {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }

  @keyframes gscellrepNode {
    0%,
    100% {
      opacity: 0.4;
      transform: scale(0.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.16);
    }
  }

  @keyframes gscellrepFloat {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-8px);
    }
  }

  @keyframes gscellrepCardOne {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gscellrepCardTwo {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gscellrepCardThree {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {
    .gscellrep__layout {
      grid-template-columns: 1fr;
    }

    .gscellrep__panel {
      position: static;
    }

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

  @media (max-width: 850px) {
    .gscellrep__header {
      grid-template-columns: 1fr;
      gap: 21px;
    }

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

  /* MÓVIL */

  @media (max-width: 700px) {
    .gscellrep {
      padding: 66px 17px 72px;
    }

    .gscellrep__panel {
      padding: 20px 18px;
      border-radius: 23px;
    }

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

    .gscellrep__bottom {
      flex-direction: column;
      align-items: stretch;
    }

    .gscellrep__bottom > a {
      justify-content: space-between;
    }
  }

  @media (max-width: 480px) {
    .gscellrep__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gscellrep__visual {
      width: 285px;
      height: 285px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(0.92);
    }

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

    .gscellrep__sequence article {
      padding: 8px;
      border: 1px solid rgba(92, 174, 255, 0.09);
      border-radius: 10px;
    }

    .gscellrep__card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gscellrep__card > div {
      padding-right: 0;
    }

    .gscellrep__principle-points {
      grid-template-columns: 1fr;
    }
  }

  /* ACCESIBILIDAD */

  @media (prefers-reduced-motion: reduce) {
    .gscellrep__eyebrow > span,
    .gscellrep__panel-head > span i,
    .gscellrep__ring,
    .gscellrep__scan,
    .gscellrep__node,
    .gscellrep__core,
    .gscellrep__floating {
      animation: none !important;
    }

    .gscellrep__card,
    .gscellrep__bottom > a {
      transition: none !important;
    }
  }


/* =========================================================
   DIAGNÓSTICO ELECTRÓNICO CELULARES
   ID: diagnostico-electronico-celulares
   ========================================================= */

.gscelldiag {
    --gscelldiag-cyan: #24d7f3;
    --gscelldiag-blue: #237cff;
    --gscelldiag-green: #45d795;
    --gscelldiag-yellow: #ffc45c;
    --gscelldiag-white: #ffffff;
    --gscelldiag-text: #b7c8dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gscelldiag-white);
    background:
      radial-gradient(
        circle at 9% 18%,
        rgba(36, 215, 243, 0.11),
        transparent 31%
      ),
      radial-gradient(
        circle at 94% 82%,
        rgba(35, 124, 255, 0.17),
        transparent 35%
      ),
      linear-gradient(
        118deg,
        #020914 0%,
        #05162c 52%,
        #0a2247 100%
      );
    font-family: var(--gs-font-sans);
  }

  .gscelldiag *,
  .gscelldiag *::before,
  .gscelldiag *::after {
    box-sizing: border-box;
  }

  .gscelldiag__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: 0.26;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(56, 146, 220, 0.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(56, 146, 220, 0.08) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(36, 215, 243, 0.25) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gscelldiag__glow {
    position: absolute;
    z-index: -2;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    filter: blur(135px);
    pointer-events: none;
  }

  .gscelldiag__glow--cyan {
    top: 8%;
    left: -190px;
    opacity: 0.1;
    background: var(--gscelldiag-cyan);
  }

  .gscelldiag__glow--blue {
    right: -180px;
    bottom: 6%;
    opacity: 0.14;
    background: var(--gscelldiag-blue);
  }

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

  /* HEADER */

  .gscelldiag__header {
    display: grid;
    grid-template-columns:
      minmax(0, 1.08fr)
      minmax(330px, 0.72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 66px);
  }

  .gscelldiag__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
  }

  .gscelldiag__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gscelldiag-green);
    box-shadow:
      0 0 0 6px rgba(69, 215, 149, 0.08),
      0 0 17px rgba(69, 215, 149, 0.62);
    animation: gscelldiagPulse 2.4s ease-in-out infinite;
  }

  .gscelldiag__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -0.052em;
  }

  .gscelldiag__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        #73dcff,
        var(--gscelldiag-cyan) 48%,
        #6491ff
      );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscelldiag__header-info > p {
    margin: 0;
    color: var(--gscelldiag-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gscelldiag__header-badge {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(92, 174, 255, 0.14);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.025);
  }

  .gscelldiag__header-badge > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gscelldiag-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gscelldiag__header-badge svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscelldiag__header-badge small,
  .gscelldiag__header-badge strong {
    display: block;
  }

  .gscelldiag__header-badge small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 9px;
  }

  .gscelldiag__header-badge strong {
    color: #dcecff;
    font-size: 11px;
    line-height: 1.45;
  }

  /* LAYOUT */

  .gscelldiag__layout {
    display: grid;
    grid-template-columns:
      minmax(345px, 0.76fr)
      minmax(0, 1.24fr);
    gap: clamp(27px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gscelldiag__panel {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92, 174, 255, 0.21);
    border-radius: 28px;
    background:
      radial-gradient(
        circle at 50% 40%,
        rgba(36, 215, 243, 0.13),
        transparent 45%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.73),
        rgba(4, 17, 35, 0.94)
      );
    box-shadow:
      0 29px 68px rgba(0, 0, 0, 0.27),
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(14px);
  }

  .gscelldiag__panel-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.42;
    background-image:
      linear-gradient(
        rgba(66, 157, 220, 0.048) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(66, 157, 220, 0.048) 1px,
        transparent 1px
      );
    background-size: 30px 30px;
    mask-image:
      radial-gradient(
        circle at center,
        black,
        transparent 76%
      );
  }

  .gscelldiag__panel > *:not(.gscelldiag__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gscelldiag__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .gscelldiag__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }

  .gscelldiag__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gscelldiag-green);
    box-shadow: 0 0 11px rgba(69, 215, 149, 0.68);
    animation: gscelldiagPulse 2.4s ease-in-out infinite;
  }

  .gscelldiag__panel-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gscelldiag__panel-copy {
    margin-top: 21px;
  }

  .gscelldiag__panel-copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.15;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gscelldiag__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gscelldiag__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* BOARD VISUAL */

  .gscelldiag__board {
    position: relative;
    width: 315px;
    height: 305px;
    max-width: 100%;
    margin: 12px auto 7px;
    display: grid;
    place-items: center;
  }

  .gscelldiag__board-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36, 215, 243, 0.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gscelldiagRing 4.5s ease-in-out infinite;
  }

  .gscelldiag__board-ring--one {
    width: 270px;
    height: 270px;
  }

  .gscelldiag__board-ring--two {
    width: 194px;
    height: 194px;
    animation-delay: -1.5s;
  }

  .gscelldiag__board-ring--three {
    width: 114px;
    height: 114px;
    animation-delay: -3s;
  }

  .gscelldiag__scan {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 135px;
    height: 135px;
    overflow: hidden;
    transform-origin: left top;
    animation: gscelldiagScan 8s linear infinite;
  }

  .gscelldiag__scan::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      conic-gradient(
        from 270deg at 0 0,
        rgba(36, 215, 243, 0.28),
        transparent 48deg
      );
  }

  .gscelldiag__track {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(36, 215, 243, 0.15),
        transparent
      );
    transform: translate(-50%, -50%);
  }

  .gscelldiag__track--two {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .gscelldiag__track--three {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .gscelldiag__track--four {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .gscelldiag__point {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid var(--gscelldiag-cyan);
    border-radius: 50%;
    background: #08213d;
    box-shadow:
      0 0 0 6px rgba(36, 215, 243, 0.04),
      0 0 13px rgba(36, 215, 243, 0.48);
    animation: gscelldiagPoint 2.8s ease-in-out infinite;
  }

  .gscelldiag__point--one {
    top: 44px;
    left: 61px;
  }

  .gscelldiag__point--two {
    top: 56px;
    right: 54px;
    animation-delay: -0.7s;
  }

  .gscelldiag__point--three {
    left: 48px;
    bottom: 60px;
    animation-delay: -1.4s;
  }

  .gscelldiag__point--four {
    right: 49px;
    bottom: 52px;
    animation-delay: -2.1s;
  }

  .gscelldiag__core {
    position: relative;
    z-index: 5;
    width: 116px;
    height: 116px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 197, 246, 0.43);
    border-radius: 33px;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.17),
        rgba(35, 124, 255, 0.1)
      );
    box-shadow:
      0 0 0 11px rgba(36, 215, 243, 0.035),
      0 0 32px rgba(36, 215, 243, 0.15);
    animation: gscelldiagFloat 4s ease-in-out infinite;
  }

  .gscelldiag__core img {
    width: 88px;
    max-width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gscelldiag__core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.45px;
    text-align: center;
    text-transform: uppercase;
  }

  .gscelldiag__floating {
    position: absolute;
    z-index: 6;
    min-height: 58px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92, 174, 255, 0.2);
    border-radius: 14px;
    background: rgba(5, 21, 42, 0.93);
    box-shadow:
      0 16px 32px rgba(0, 0, 0, 0.27),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  .gscelldiag__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gscelldiag-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gscelldiag__floating svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gscelldiag__floating small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 9px;
  }

  .gscelldiag__floating strong {
    color: #e5f1fd;
    font-size: 10px;
  }

  .gscelldiag__floating--voltage {
    top: 18px;
    left: 0;
    width: 142px;
    animation: gscelldiagCardOne 5.2s ease-in-out infinite;
  }

  .gscelldiag__floating--thermal {
    top: 36px;
    right: 0;
    width: 140px;
    animation: gscelldiagCardTwo 5.6s ease-in-out infinite;
  }

  .gscelldiag__floating--micro {
    right: 7px;
    bottom: 23px;
    width: 138px;
    animation: gscelldiagCardThree 5.4s ease-in-out infinite;
  }

  /* STATUS */

  .gscelldiag__status {
    display: grid;
    grid-template-columns:
      auto 1fr auto 1fr auto 1fr auto;
    gap: 8px;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid rgba(92, 174, 255, 0.14);
  }

  .gscelldiag__status article {
    text-align: center;
  }

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

  .gscelldiag__status small {
    color: var(--gscelldiag-cyan);
    font-size: 9px;
    font-weight: 800;
  }

  .gscelldiag__status strong {
    margin-top: 3px;
    color: #91a9bc;
    font-size: 9px;
  }

  .gscelldiag__status > i {
    height: 1px;
    background:
      linear-gradient(
        90deg,
        rgba(36, 215, 243, 0.38),
        rgba(36, 215, 243, 0.06)
      );
  }

  .gscelldiag__panel-note {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 13px;
    background: rgba(1, 12, 26, 0.31);
  }

  .gscelldiag__panel-note > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gscelldiag-cyan);
    background: rgba(36, 215, 243, 0.06);
  }

  .gscelldiag__panel-note svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscelldiag__panel-note p {
    margin: 0;
    color: #8299ad;
    font-size: 9px;
    line-height: 1.55;
  }

  /* CARDS */

  .gscelldiag__capabilities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .gscelldiag__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    padding: 19px;
    border: 1px solid rgba(92, 174, 255, 0.16);
    border-radius: 21px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36, 215, 243, 0.055),
        transparent 39%
      ),
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.052),
        rgba(255, 255, 255, 0.018)
      );
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(10px);
    transition:
      transform 240ms ease,
      border-color 240ms ease,
      background-color 240ms ease;
  }

  .gscelldiag__card:hover {
    transform: translateY(-6px);
    border-color: rgba(36, 215, 243, 0.34);
    background: rgba(36, 215, 243, 0.04);
  }

  .gscelldiag__number {
    position: absolute;
    top: 14px;
    right: 15px;
    color: rgba(255, 255, 255, 0.08);
    font-size: 25px;
    line-height: 1;
    font-weight: 850;
  }

  .gscelldiag__icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.25);
    border-radius: 16px;
    color: var(--gscelldiag-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

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

  .gscelldiag__card > div {
    padding-right: 16px;
  }

  .gscelldiag__card small {
    display: block;
    color: #6f89a0;
    font-size: 9px;
    line-height: 1.4;
    font-weight: 750;
    letter-spacing: 0.65px;
    text-transform: uppercase;
  }

  .gscelldiag__card h3 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 760;
    letter-spacing: -0.35px;
  }

  .gscelldiag__card p {
    margin: 9px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  .gscelldiag__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }

  .gscelldiag__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92, 174, 255, 0.12);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255, 255, 255, 0.022);
    font-size: 9px;
    line-height: 1;
    font-weight: 650;
  }

  /* DIFERENCIADOR */

  .gscelldiag__difference {
    display: grid;
    grid-template-columns:
      minmax(0, 0.95fr)
      minmax(500px, 1.05fr);
    gap: 22px;
    align-items: center;
    margin-top: 24px;
    padding: 19px;
    border: 1px solid rgba(36, 215, 243, 0.16);
    border-radius: 19px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36, 215, 243, 0.055),
        transparent 38%
      ),
      rgba(1, 12, 26, 0.39);
  }

  .gscelldiag__difference-main {
    display: grid;
    grid-template-columns: 49px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gscelldiag__difference-main > span {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gscelldiag-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gscelldiag__difference-main svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscelldiag__difference-main small,
  .gscelldiag__difference-main strong {
    display: block;
  }

  .gscelldiag__difference-main small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gscelldiag__difference-main strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gscelldiag__difference-main p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

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

  .gscelldiag__difference-steps article {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.022);
  }

  .gscelldiag__difference-steps span,
  .gscelldiag__difference-steps strong,
  .gscelldiag__difference-steps small {
    display: block;
  }

  .gscelldiag__difference-steps span {
    color: var(--gscelldiag-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gscelldiag__difference-steps strong {
    margin-top: 5px;
    color: #dcecff;
    font-size: 10px;
  }

  .gscelldiag__difference-steps small {
    margin-top: 4px;
    color: #71899f;
    font-size: 9px;
    line-height: 1.45;
  }

  /* WARNING */

  .gscelldiag__warning {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 196, 92, 0.18);
    border-radius: 18px;
    background:
      radial-gradient(
        circle at 0% 50%,
        rgba(255, 196, 92, 0.06),
        transparent 26%
      ),
      rgba(1, 12, 26, 0.38);
  }

  .gscelldiag__warning > span {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gscelldiag-yellow);
    background: rgba(255, 196, 92, 0.07);
  }

  .gscelldiag__warning svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscelldiag__warning strong {
    display: block;
    color: #f4ead4;
    font-size: 11px;
  }

  .gscelldiag__warning p {
    max-width: 800px;
    margin: 5px 0 0;
    color: #918b7c;
    font-size: 9px;
    line-height: 1.6;
  }

  .gscelldiag__warning > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 11px 15px;
    border-radius: 12px;
    color: #ffffff !important;
    background:
      linear-gradient(
        110deg,
        #089d65,
        #13c982
      );
    box-shadow: 0 16px 32px rgba(16, 191, 124, 0.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }


  .gscelldiag__warning > a:focus-visible {
    outline: 2px solid rgba(36, 215, 243, 0.95);
    outline-offset: 4px;
  }

  .gscelldiag__warning > a:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16, 191, 124, 0.28);
  }

  .gscelldiag__warning > a i {
    font-size: 17px;
    font-style: normal;
  }

  /* ANIMACIONES */

  @keyframes gscelldiagPulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.15);
    }
  }

  @keyframes gscelldiagRing {
    0%,
    100% {
      opacity: 0.25;
      transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
      opacity: 0.65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gscelldiagScan {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }

  @keyframes gscelldiagPoint {
    0%,
    100% {
      opacity: 0.4;
      transform: scale(0.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.16);
    }
  }

  @keyframes gscelldiagFloat {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-8px);
    }
  }

  @keyframes gscelldiagCardOne {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gscelldiagCardTwo {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gscelldiagCardThree {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {
    .gscelldiag__layout {
      grid-template-columns: 1fr;
    }

    .gscelldiag__panel {
      position: static;
    }

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

  @media (max-width: 850px) {
    .gscelldiag__header {
      grid-template-columns: 1fr;
      gap: 21px;
    }

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

  /* MÓVIL */

  @media (max-width: 700px) {
    .gscelldiag {
      padding: 66px 17px 72px;
    }

    .gscelldiag__panel {
      padding: 20px 18px;
      border-radius: 23px;
    }

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

    .gscelldiag__warning {
      grid-template-columns: 45px minmax(0, 1fr);
    }

    .gscelldiag__warning > a {
      grid-column: 1 / -1;
      justify-content: space-between;
    }
  }

  @media (max-width: 480px) {
    .gscelldiag__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gscelldiag__board {
      width: 285px;
      height: 285px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(0.92);
    }

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

    .gscelldiag__status > i {
      display: none;
    }

    .gscelldiag__status article {
      padding: 8px;
      border: 1px solid rgba(92, 174, 255, 0.09);
      border-radius: 10px;
    }

    .gscelldiag__card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gscelldiag__card > div {
      padding-right: 0;
    }

    .gscelldiag__difference-steps {
      grid-template-columns: 1fr;
    }
  }

  /* ACCESIBILIDAD */

  @media (prefers-reduced-motion: reduce) {
    .gscelldiag__eyebrow > span,
    .gscelldiag__panel-head > span i,
    .gscelldiag__board-ring,
    .gscelldiag__scan,
    .gscelldiag__point,
    .gscelldiag__core,
    .gscelldiag__floating {
      animation: none !important;
    }

    .gscelldiag__card,
    .gscelldiag__warning > a {
      transition: none !important;
    }
  }


/* =========================================================
   DAÑO POR LÍQUIDOS CELULARES
   ID: dano-liquidos-celulares
   ========================================================= */

.gsliquid {
    --gsliq-cyan: #24d7f3;
--gsliq-green: #45d795;
    --gsliq-red: #ff6575;
    --gsliq-yellow: #ffc45c;
    --gsliq-white: #ffffff;
    --gsliq-text: #b7c9dc;
position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsliq-white);
    background:
      radial-gradient(
        circle at 10% 17%,
        rgba(36, 215, 243, 0.1),
        transparent 32%
      ),
      radial-gradient(
        circle at 92% 22%,
        rgba(255, 101, 117, 0.055),
        transparent 28%
      ),
      radial-gradient(
        circle at 90% 85%,
        rgba(35, 124, 255, 0.15),
        transparent 35%
      ),
      linear-gradient(
        118deg,
        #03101f 0%,
        #061a32 53%,
        #0b2850 100%
      );
    font-family: var(--gs-font-sans);
  }

  .gsliquid *,
  .gsliquid *::before,
  .gsliquid *::after {
    box-sizing: border-box;
  }

  .gsliquid__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: 0.25;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(56, 146, 220, 0.075) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(56, 146, 220, 0.075) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(36, 215, 243, 0.23) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gsliquid__glow {
    position: absolute;
    z-index: -2;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gsliquid__glow--cyan {
    top: 7%;
    left: -210px;
    opacity: 0.11;
    background: var(--gsliq-cyan);
  }

  .gsliquid__glow--red {
    right: -210px;
    bottom: 8%;
    opacity: 0.06;
    background: var(--gsliq-red);
  }

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

  /* HEADER */

  .gsliquid__header {
    display: grid;
    grid-template-columns:
      minmax(0, 1.08fr)
      minmax(340px, 0.72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: 38px;
  }

  .gsliquid__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
  }

  .gsliquid__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsliq-cyan);
    box-shadow:
      0 0 0 6px rgba(36, 215, 243, 0.07),
      0 0 17px rgba(36, 215, 243, 0.55);
    animation: gsliqPulse 2.5s ease-in-out infinite;
  }

  .gsliquid__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -0.052em;
  }

  .gsliquid__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        #77e1ff,
        var(--gsliq-cyan) 48%,
        #6998ff
      );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsliquid__header-info > p {
    margin: 0;
    color: var(--gsliq-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gsliquid__header-alert {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(255, 101, 117, 0.18);
    border-radius: 15px;
    background: rgba(255, 101, 117, 0.035);
  }

  .gsliquid__header-alert > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsliq-red);
    background: rgba(255, 101, 117, 0.08);
  }

  .gsliquid__header-alert svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsliquid__header-alert small,
  .gsliquid__header-alert strong {
    display: block;
  }

  .gsliquid__header-alert small {
    margin-bottom: 3px;
    color: #bd838b;
    font-size: 10px;
  }

  .gsliquid__header-alert strong {
    color: #f3d9dc;
    font-size: 12px;
    line-height: 1.45;
  }

  /* QUÉ HACER / QUÉ NO */

  .gsliquid__top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 34px;
  }

  .gsliquid__action {
    overflow: hidden;
    padding: 22px;
    border-radius: 22px;
    box-shadow:
      0 20px 44px rgba(0, 0, 0, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.045);
  }

  .gsliquid__action--good {
    border: 1px solid rgba(69, 215, 149, 0.18);
    background:
      radial-gradient(
        circle at 0 0,
        rgba(69, 215, 149, 0.07),
        transparent 35%
      ),
      rgba(4, 24, 34, 0.62);
  }

  .gsliquid__action--bad {
    border: 1px solid rgba(255, 101, 117, 0.17);
    background:
      radial-gradient(
        circle at 0 0,
        rgba(255, 101, 117, 0.06),
        transparent 35%
      ),
      rgba(26, 12, 24, 0.42);
  }

  .gsliquid__action-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }

  .gsliquid__action-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
  }

  .gsliquid__action--good .gsliquid__action-icon {
    color: var(--gsliq-green);
    background: rgba(69, 215, 149, 0.08);
  }

  .gsliquid__action--bad .gsliquid__action-icon {
    color: var(--gsliq-red);
    background: rgba(255, 101, 117, 0.08);
  }

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

  .gsliquid__action-head small {
    display: block;
    margin-bottom: 2px;
    color: #7e96aa;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
  }

  .gsliquid__action-head h3 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
  }

  .gsliquid__steps {
    display: grid;
    gap: 8px;
    margin-top: 15px;
  }

  .gsliquid__steps article {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 11px;
    padding: 11px 0;
  }

  .gsliquid__steps article > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 800;
  }

  .gsliquid__action--good .gsliquid__steps article > span {
    color: var(--gsliq-green);
    background: rgba(69, 215, 149, 0.06);
  }

  .gsliquid__action--bad .gsliquid__steps article > span {
    color: var(--gsliq-red);
    background: rgba(255, 101, 117, 0.06);
  }

  .gsliquid__steps strong {
    display: block;
    color: #e5eff8;
    font-size: 13px;
    line-height: 1.4;
  }

  .gsliquid__steps p {
    margin: 4px 0 0;
    color: #91a6b8;
    font-size: 11px;
    line-height: 1.6;
  }

  /* LAYOUT */

  .gsliquid__layout {
    display: grid;
    grid-template-columns:
      minmax(350px, 0.76fr)
      minmax(0, 1.24fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gsliquid__panel {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92, 174, 255, 0.21);
    border-radius: 28px;
    background:
      radial-gradient(
        circle at 50% 40%,
        rgba(36, 215, 243, 0.13),
        transparent 45%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.73),
        rgba(4, 17, 35, 0.94)
      );
    box-shadow:
      0 29px 68px rgba(0, 0, 0, 0.27),
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(14px);
  }

  .gsliquid__panel-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.4;
    background-image:
      linear-gradient(
        rgba(66, 157, 220, 0.05) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(66, 157, 220, 0.05) 1px,
        transparent 1px
      );
    background-size: 30px 30px;
  }

  .gsliquid__panel > *:not(.gsliquid__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gsliquid__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .gsliquid__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }

  .gsliquid__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsliq-green);
    box-shadow: 0 0 11px rgba(69, 215, 149, 0.68);
    animation: gsliqPulse 2.4s ease-in-out infinite;
  }

  .gsliquid__panel-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gsliquid__panel-copy {
    margin-top: 21px;
  }

  .gsliquid__panel-copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.15;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gsliquid__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gsliquid__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gsliquid__visual {
    position: relative;
    width: 315px;
    height: 305px;
    max-width: 100%;
    margin: 12px auto 7px;
    display: grid;
    place-items: center;
  }

  .gsliquid__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36, 215, 243, 0.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsliqRing 4.6s ease-in-out infinite;
  }

  .gsliquid__ring--one {
    width: 270px;
    height: 270px;
  }

  .gsliquid__ring--two {
    width: 196px;
    height: 196px;
    animation-delay: -1.5s;
  }

  .gsliquid__ring--three {
    width: 116px;
    height: 116px;
    animation-delay: -3s;
  }

  .gsliquid__drop {
    position: absolute;
    width: 10px;
    height: 14px;
    border: 1px solid rgba(36, 215, 243, 0.62);
    border-radius: 60% 60% 70% 70%;
    background: rgba(36, 215, 243, 0.08);
    transform: rotate(45deg);
    box-shadow: 0 0 12px rgba(36, 215, 243, 0.28);
    animation: gsliqDrop 3s ease-in-out infinite;
  }

  .gsliquid__drop--one {
    top: 42px;
    left: 60px;
  }

  .gsliquid__drop--two {
    top: 64px;
    right: 53px;
    animation-delay: -1s;
  }

  .gsliquid__drop--three {
    right: 58px;
    bottom: 48px;
    animation-delay: -2s;
  }

  .gsliquid__line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(36, 215, 243, 0.15),
        transparent
      );
    transform: translate(-50%, -50%);
  }

  .gsliquid__line--two {
    transform: translate(-50%, -50%) rotate(60deg);
  }

  .gsliquid__line--three {
    transform: translate(-50%, -50%) rotate(-60deg);
  }

  .gsliquid__core {
    position: relative;
    z-index: 5;
    width: 116px;
    height: 116px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 197, 246, 0.43);
    border-radius: 33px;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.17),
        rgba(35, 124, 255, 0.1)
      );
    box-shadow:
      0 0 0 11px rgba(36, 215, 243, 0.035),
      0 0 32px rgba(36, 215, 243, 0.15);
    animation: gsliqFloat 4s ease-in-out infinite;
  }

  .gsliquid__core img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gsliquid__core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
  }

  .gsliquid__floating {
    position: absolute;
    z-index: 6;
    min-height: 58px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92, 174, 255, 0.2);
    border-radius: 14px;
    background: rgba(5, 21, 42, 0.94);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.27);
  }

  .gsliquid__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsliq-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gsliquid__floating svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gsliquid__floating small {
    margin-bottom: 2px;
    color: #71899f;
    font-size: 8px;
  }

  .gsliquid__floating strong {
    color: #e5f1fd;
    font-size: 9px;
  }

  .gsliquid__floating--moisture {
    top: 19px;
    left: 0;
    width: 130px;
    animation: gsliqCard1 5.2s ease-in-out infinite;
  }

  .gsliquid__floating--corrosion {
    top: 42px;
    right: 0;
    width: 130px;
    animation: gsliqCard2 5.6s ease-in-out infinite;
  }

  .gsliquid__floating--board {
    right: 8px;
    bottom: 23px;
    width: 127px;
    animation: gsliqCard3 5.4s ease-in-out infinite;
  }

  .gsliquid__status {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    gap: 8px;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid rgba(92, 174, 255, 0.14);
  }

  .gsliquid__status article {
    text-align: center;
  }

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

  .gsliquid__status small {
    color: var(--gsliq-cyan);
    font-size: 9px;
    font-weight: 800;
  }

  .gsliquid__status strong {
    margin-top: 3px;
    color: #91a9bc;
    font-size: 10px;
  }

  .gsliquid__status > i {
    height: 1px;
    background:
      linear-gradient(
        90deg,
        rgba(36, 215, 243, 0.38),
        rgba(36, 215, 243, 0.06)
      );
  }

  /* INSPECCIÓN */

  .gsliquid__inspection-head {
    margin-bottom: 18px;
  }

  .gsliquid__inspection-head > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 750;
    letter-spacing: 0.8px;
    text-transform: uppercase;
  }

  .gsliquid__inspection-head h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
    font-weight: 780;
    letter-spacing: -1px;
  }

  .gsliquid__inspection-head p {
    margin: 11px 0 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  .gsliquid__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .gsliquid__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 53px minmax(0, 1fr);
    gap: 13px;
    padding: 18px;
    border: 1px solid rgba(92, 174, 255, 0.15);
    border-radius: 20px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36, 215, 243, 0.05),
        transparent 40%
      ),
      rgba(255, 255, 255, 0.027);
    box-shadow:
      0 17px 38px rgba(0, 0, 0, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsliquid__card:hover {
    transform: translateY(-5px);
    border-color: rgba(36, 215, 243, 0.33);
  }

  .gsliquid__number {
    position: absolute;
    top: 13px;
    right: 14px;
    color: rgba(255, 255, 255, 0.075);
    font-size: 24px;
    line-height: 1;
    font-weight: 850;
  }

  .gsliquid__card-icon {
    width: 53px;
    height: 53px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.22);
    border-radius: 15px;
    color: var(--gsliq-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gsliquid__card-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsliquid__card > div {
    padding-right: 12px;
  }

  .gsliquid__card small {
    display: block;
    color: #708ba2;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.6px;
    text-transform: uppercase;
  }

  .gsliquid__card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.35;
  }

  .gsliquid__card p {
    margin: 8px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  /* FACTORES */

  .gsliquid__factors {
    display: grid;
    grid-template-columns:
      minmax(0, 0.85fr)
      minmax(500px, 1.15fr);
    gap: 23px;
    align-items: center;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid rgba(36, 215, 243, 0.15);
    border-radius: 20px;
    background: rgba(1, 12, 26, 0.39);
  }

  .gsliquid__factors-copy {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gsliquid__factors-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsliq-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gsliquid__factors-copy svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  .gsliquid__factors-copy small,
  .gsliquid__factors-copy strong {
    display: block;
  }

  .gsliquid__factors-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 10px;
  }

  .gsliquid__factors-copy strong {
    color: #e5f1fd;
    font-size: 13px;
    line-height: 1.45;
  }

  .gsliquid__factors-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 11px;
    line-height: 1.6;
  }

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

  .gsliquid__factor-list article {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.022);
  }

  .gsliquid__factor-list span,
  .gsliquid__factor-list strong,
  .gsliquid__factor-list small {
    display: block;
  }

  .gsliquid__factor-list span {
    color: var(--gsliq-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gsliquid__factor-list strong {
    margin-top: 5px;
    color: #dcecff;
    font-size: 10px;
  }

  .gsliquid__factor-list small {
    margin-top: 4px;
    color: #71899f;
    font-size: 9px;
    line-height: 1.5;
  }

  /* WARNING */

  .gsliquid__warning {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(255, 196, 92, 0.18);
    border-radius: 18px;
    background:
      radial-gradient(
        circle at 0% 50%,
        rgba(255, 196, 92, 0.06),
        transparent 25%
      ),
      rgba(1, 12, 26, 0.38);
  }

  .gsliquid__warning > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsliq-yellow);
    background: rgba(255, 196, 92, 0.07);
  }

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

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

  .gsliquid__warning small {
    margin-bottom: 4px;
    color: #b3a47f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
  }

  .gsliquid__warning strong {
    color: #f4ead4;
    font-size: 12px;
    line-height: 1.5;
  }

  .gsliquid__warning p {
    margin: 6px 0 0;
    color: #9b9485;
    font-size: 10px;
    line-height: 1.65;
  }

  /* CTA */

  .gsliquid__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(69, 215, 149, 0.15);
    border-radius: 18px;
    background:
      radial-gradient(
        circle at 0% 50%,
        rgba(69, 215, 149, 0.05),
        transparent 25%
      ),
      rgba(1, 12, 26, 0.37);
  }

  .gsliquid__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gsliquid__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsliq-green);
    background: rgba(69, 215, 149, 0.07);
  }

  .gsliquid__cta-copy svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsliquid__cta-copy small,
  .gsliquid__cta-copy strong {
    display: block;
  }

  .gsliquid__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gsliquid__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gsliquid__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gsliquid__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #ffffff !important;
    background:
      linear-gradient(
        110deg,
        #089d65,
        #13c982
      );
    box-shadow: 0 16px 32px rgba(16, 191, 124, 0.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }


  .gsliquid__cta > a:focus-visible {
    outline: 2px solid rgba(36, 215, 243, 0.95);
    outline-offset: 4px;
  }

  .gsliquid__cta > a:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16, 191, 124, 0.27);
  }

  .gsliquid__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  /* ANIMACIONES */

  @keyframes gsliqPulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gsliqRing {
    0%,
    100% {
      opacity: 0.25;
      transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
      opacity: 0.65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gsliqDrop {
    0%,
    100% {
      opacity: 0.35;
      transform: translateY(0) rotate(45deg) scale(0.9);
    }

    50% {
      opacity: 1;
      transform: translateY(7px) rotate(45deg) scale(1.08);
    }
  }

  @keyframes gsliqFloat {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-8px);
    }
  }

  @keyframes gsliqCard1 {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gsliqCard2 {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gsliqCard3 {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gsliquid__panel {
      position: static;
    }

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

  }

  @media (max-width: 850px) {

    .gsliquid__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }

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

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gsliquid {
      padding: 66px 17px 72px;
    }

    .gsliquid__panel {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

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

    .gsliquid__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gsliquid__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gsliquid__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gsliquid__action {
      padding: 18px;
    }

    .gsliquid__visual {
      width: 285px;
      height: 285px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(0.92);
    }

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

    .gsliquid__status > i {
      display: none;
    }

    .gsliquid__status article {
      padding: 8px;
      border: 1px solid rgba(92, 174, 255, 0.09);
      border-radius: 10px;
    }

    .gsliquid__card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gsliquid__card > div {
      padding-right: 0;
    }

    .gsliquid__factor-list {
      grid-template-columns: 1fr;
    }

    .gsliquid__factors-copy,
    .gsliquid__warning,
    .gsliquid__cta-copy {
      grid-template-columns: 1fr;
    }

  }

  /* REDUCIR MOVIMIENTO */

  @media (prefers-reduced-motion: reduce) {

    .gsliquid__eyebrow > span,
    .gsliquid__panel-head > span i,
    .gsliquid__ring,
    .gsliquid__drop,
    .gsliquid__core,
    .gsliquid__floating {
      animation: none !important;
    }

    .gsliquid__card,
    .gsliquid__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   MARCAS CELULARES
   ID: marcas-celulares
   ========================================================= */

.gsbrands {
    --gsb-cyan: #24d7f3;
    --gsb-blue: #237cff;
    --gsb-green: #45d795;
    --gsb-white: #ffffff;
    --gsb-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsb-white);
    background:
      radial-gradient(
        circle at 10% 17%,
        rgba(36, 215, 243, 0.10),
        transparent 31%
      ),
      radial-gradient(
        circle at 92% 83%,
        rgba(35, 124, 255, 0.16),
        transparent 35%
      ),
      linear-gradient(
        118deg,
        #020914 0%,
        #05162c 52%,
        #0a2247 100%
      );
    font-family: var(--gs-font-sans);
  }

  .gsbrands *,
  .gsbrands *::before,
  .gsbrands *::after {
    box-sizing: border-box;
  }

  .gsbrands__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: 0.25;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(56, 146, 220, 0.075) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(56, 146, 220, 0.075) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(36, 215, 243, 0.22) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gsbrands__glow {
    position: absolute;
    z-index: -2;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    filter: blur(135px);
    pointer-events: none;
  }

  .gsbrands__glow--cyan {
    top: 8%;
    left: -200px;
    opacity: 0.1;
    background: var(--gsb-cyan);
  }

  .gsbrands__glow--blue {
    right: -190px;
    bottom: 7%;
    opacity: 0.14;
    background: var(--gsb-blue);
  }

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

  /* HEADER */

  .gsbrands__header {
    display: grid;
    grid-template-columns:
      minmax(0, 1.08fr)
      minmax(340px, 0.72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 65px);
  }

  .gsbrands__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
  }

  .gsbrands__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsb-green);
    box-shadow:
      0 0 0 6px rgba(69, 215, 149, 0.08),
      0 0 17px rgba(69, 215, 149, 0.62);
    animation: gsbPulse 2.4s ease-in-out infinite;
  }

  .gsbrands__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -0.052em;
  }

  .gsbrands__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        #74ddff,
        var(--gsb-cyan) 48%,
        #6593ff
      );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsbrands__header-info > p {
    margin: 0;
    color: var(--gsb-text);
    font-size: 15px;
    line-height: 1.75;
  }

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

  .gsbrands__platforms article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(92, 174, 255, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
  }

  .gsbrands__platforms article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsb-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gsbrands__platforms svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gsbrands__platforms small {
    margin-bottom: 2px;
    color: #71899f;
    font-size: 10px;
  }

  .gsbrands__platforms strong {
    color: #dcecff;
    font-size: 12px;
  }

  /* LAYOUT */

  .gsbrands__layout {
    display: grid;
    grid-template-columns:
      minmax(350px, 0.76fr)
      minmax(0, 1.24fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gsbrands__panel {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92, 174, 255, 0.21);
    border-radius: 28px;
    background:
      radial-gradient(
        circle at 50% 40%,
        rgba(36, 215, 243, 0.13),
        transparent 45%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.73),
        rgba(4, 17, 35, 0.94)
      );
    box-shadow:
      0 29px 68px rgba(0, 0, 0, 0.27),
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(14px);
  }

  .gsbrands__panel-grid {
    position: absolute;
    inset: 0;
    opacity: 0.4;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(66, 157, 220, 0.05) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(66, 157, 220, 0.05) 1px,
        transparent 1px
      );
    background-size: 30px 30px;
  }

  .gsbrands__panel > *:not(.gsbrands__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gsbrands__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .gsbrands__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }

  .gsbrands__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsb-green);
    box-shadow: 0 0 11px rgba(69, 215, 149, 0.68);
    animation: gsbPulse 2.4s ease-in-out infinite;
  }

  .gsbrands__panel-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gsbrands__panel-copy {
    margin-top: 21px;
  }

  .gsbrands__panel-copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.15;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gsbrands__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gsbrands__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gsbrands__visual {
    position: relative;
    width: 315px;
    height: 305px;
    max-width: 100%;
    margin: 12px auto 8px;
    display: grid;
    place-items: center;
  }

  .gsbrands__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36, 215, 243, 0.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsbOrbit 4.6s ease-in-out infinite;
  }

  .gsbrands__orbit--one {
    width: 270px;
    height: 270px;
  }

  .gsbrands__orbit--two {
    width: 194px;
    height: 194px;
    animation-delay: -1.5s;
  }

  .gsbrands__orbit--three {
    width: 115px;
    height: 115px;
    animation-delay: -3s;
  }

  .gsbrands__axis {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(36, 215, 243, 0.15),
        transparent
      );
    transform: translate(-50%, -50%);
  }

  .gsbrands__axis--two {
    transform: translate(-50%, -50%) rotate(60deg);
  }

  .gsbrands__axis--three {
    transform: translate(-50%, -50%) rotate(-60deg);
  }

  .gsbrands__node {
    position: absolute;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.32);
    border-radius: 10px;
    color: #8ae4fa;
    background: #08213d;
    box-shadow: 0 0 14px rgba(36, 215, 243, 0.12);
    font-size: 10px;
    font-weight: 800;
    animation: gsbNode 3s ease-in-out infinite;
  }

  .gsbrands__node--one {
    top: 35px;
    left: 69px;
  }

  .gsbrands__node--two {
    top: 56px;
    right: 46px;
    animation-delay: -0.6s;
  }

  .gsbrands__node--three {
    right: 36px;
    bottom: 68px;
    animation-delay: -1.2s;
  }

  .gsbrands__node--four {
    left: 51px;
    bottom: 47px;
    animation-delay: -1.8s;
  }

  .gsbrands__node--five {
    left: 17px;
    top: 137px;
    animation-delay: -2.4s;
  }

  .gsbrands__core {
    position: relative;
    z-index: 5;
    width: 116px;
    height: 116px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 197, 246, 0.43);
    border-radius: 33px;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.17),
        rgba(35, 124, 255, 0.1)
      );
    box-shadow:
      0 0 0 11px rgba(36, 215, 243, 0.035),
      0 0 32px rgba(36, 215, 243, 0.15);
    animation: gsbFloat 4s ease-in-out infinite;
  }

  .gsbrands__core img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gsbrands__core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.45px;
    text-align: center;
    text-transform: uppercase;
  }

  .gsbrands__floating {
    position: absolute;
    z-index: 6;
    min-height: 58px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92, 174, 255, 0.2);
    border-radius: 14px;
    background: rgba(5, 21, 42, 0.94);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.27);
  }

  .gsbrands__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsb-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gsbrands__floating svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gsbrands__floating small {
    margin-bottom: 2px;
    color: #71899f;
    font-size: 8px;
  }

  .gsbrands__floating strong {
    color: #e5f1fd;
    font-size: 9px;
  }

  .gsbrands__floating--ios {
    top: 19px;
    left: 0;
    width: 118px;
    animation: gsbCard1 5.2s ease-in-out infinite;
  }

  .gsbrands__floating--android {
    right: 0;
    bottom: 28px;
    width: 127px;
    animation: gsbCard2 5.6s ease-in-out infinite;
  }

  /* PROCESS */

  .gsbrands__process {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
    padding-top: 15px;
    border-top: 1px solid rgba(92, 174, 255, 0.14);
  }

  .gsbrands__process article {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(92, 174, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.015);
  }

  .gsbrands__process article:last-child {
    grid-column: 1 / -1;
  }

  .gsbrands__process article > span {
    color: var(--gsb-cyan);
    font-size: 9px;
    font-weight: 800;
  }

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

  .gsbrands__process small {
    color: #607a91;
    font-size: 9px;
  }

  .gsbrands__process strong {
    margin-top: 2px;
    color: #9ab1c4;
    font-size: 9px;
  }


  .gsbrands__panel-note {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 13px;
    background: rgba(1, 12, 26, 0.31);
  }

  .gsbrands__panel-note > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gsb-cyan);
    background: rgba(36, 215, 243, 0.06);
  }

  .gsbrands__panel-note svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsbrands__panel-note p {
    margin: 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTENT */

  .gsbrands__content-head {
    margin-bottom: 18px;
  }

  .gsbrands__content-head > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.8px;
    text-transform: uppercase;
  }

  .gsbrands__content-head h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
    font-weight: 780;
    letter-spacing: -1px;
  }

  .gsbrands__content-head p {
    margin: 11px 0 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  .gsbrands__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .gsbrands__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    padding: 19px;
    border: 1px solid rgba(92, 174, 255, 0.15);
    border-radius: 20px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36, 215, 243, 0.05),
        transparent 40%
      ),
      rgba(255, 255, 255, 0.027);
    box-shadow:
      0 17px 38px rgba(0, 0, 0, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsbrands__card:hover {
    transform: translateY(-5px);
    border-color: rgba(36, 215, 243, 0.33);
  }

  .gsbrands__index {
    position: absolute;
    top: 13px;
    right: 14px;
    color: rgba(255, 255, 255, 0.07);
    font-size: 24px;
    font-weight: 850;
  }

  .gsbrands__brand-mark {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.25);
    border-radius: 16px;
    color: #8ae4fa;
    background:
      linear-gradient(
        145deg,
        rgba(36, 215, 243, 0.10),
        rgba(35, 124, 255, 0.06)
      );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .gsbrands__brand-mark strong {
    font-size: 17px;
    font-weight: 850;
  }

  .gsbrands__card-copy {
    padding-right: 12px;
  }

  .gsbrands__card-copy > small {
    display: block;
    color: #708ba2;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.65px;
    text-transform: uppercase;
  }

  .gsbrands__card-copy h4 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.35;
  }

  .gsbrands__card-copy p {
    margin: 8px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  .gsbrands__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
  }

  .gsbrands__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92, 174, 255, 0.12);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255, 255, 255, 0.022);
    font-size: 9px;
    line-height: 1;
    font-weight: 650;
  }

  /* OTRAS MARCAS */

  .gsbrands__others {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin-top: 14px;
    padding: 17px;
    border: 1px dashed rgba(36, 215, 243, 0.22);
    border-radius: 17px;
    background: rgba(36, 215, 243, 0.025);
  }

  .gsbrands__others > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsb-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gsbrands__others svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
  }

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

  .gsbrands__others small {
    margin-bottom: 3px;
    color: #70a3b4;
    font-size: 9px;
  }

  .gsbrands__others strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gsbrands__others p {
    margin: 5px 0 0;
    color: #8097aa;
    font-size: 10px;
    line-height: 1.6;
  }

  /* CRITERIOS */

  .gsbrands__criteria {
    display: grid;
    grid-template-columns:
      minmax(0, 0.85fr)
      minmax(500px, 1.15fr);
    gap: 22px;
    align-items: center;
    margin-top: 28px;
    padding: 19px;
    border: 1px solid rgba(36, 215, 243, 0.15);
    border-radius: 19px;
    background: rgba(1, 12, 26, 0.39);
  }

  .gsbrands__criteria-copy {
    display: grid;
    grid-template-columns: 49px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gsbrands__criteria-copy > span {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsb-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gsbrands__criteria-copy svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsbrands__criteria-copy small,
  .gsbrands__criteria-copy strong {
    display: block;
  }

  .gsbrands__criteria-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gsbrands__criteria-copy strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gsbrands__criteria-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

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

  .gsbrands__criteria-list article {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.022);
  }

  .gsbrands__criteria-list span,
  .gsbrands__criteria-list strong,
  .gsbrands__criteria-list small {
    display: block;
  }

  .gsbrands__criteria-list span {
    color: var(--gsb-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gsbrands__criteria-list strong {
    margin-top: 5px;
    color: #dcecff;
    font-size: 10px;
  }

  .gsbrands__criteria-list small {
    margin-top: 4px;
    color: #71899f;
    font-size: 9px;
    line-height: 1.5;
  }

  /* LEGAL */

  .gsbrands__legal {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 17px;
    border: 1px solid rgba(92, 174, 255, 0.12);
    border-radius: 17px;
    background: rgba(1, 12, 26, 0.36);
  }

  .gsbrands__legal > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #8eb5cc;
    background: rgba(255, 255, 255, 0.035);
  }

  .gsbrands__legal svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

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

  .gsbrands__legal small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.65px;
  }

  .gsbrands__legal strong {
    color: #cbd9e5;
    font-size: 11px;
    line-height: 1.5;
  }

  .gsbrands__legal p {
    margin: 5px 0 0;
    color: #748a9c;
    font-size: 9px;
    line-height: 1.65;
  }

  /* CTA */

  .gsbrands__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(69, 215, 149, 0.15);
    border-radius: 18px;
    background:
      radial-gradient(
        circle at 0 50%,
        rgba(69, 215, 149, 0.05),
        transparent 25%
      ),
      rgba(1, 12, 26, 0.37);
  }

  .gsbrands__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gsbrands__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsb-green);
    background: rgba(69, 215, 149, 0.07);
  }

  .gsbrands__cta-copy svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gsbrands__cta-copy small,
  .gsbrands__cta-copy strong {
    display: block;
  }

  .gsbrands__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gsbrands__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gsbrands__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gsbrands__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #ffffff !important;
    background:
      linear-gradient(
        110deg,
        #089d65,
        #13c982
      );
    box-shadow: 0 16px 32px rgba(16, 191, 124, 0.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }


  .gsbrands__cta > a:focus-visible {
    outline: 2px solid rgba(36, 215, 243, 0.95);
    outline-offset: 4px;
  }

  .gsbrands__cta > a:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16, 191, 124, 0.27);
  }

  .gsbrands__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  /* ANIMACIONES */

  @keyframes gsbPulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gsbOrbit {
    0%,
    100% {
      opacity: 0.25;
      transform: translate(-50%, -50%) scale(0.96);
    }

    50% {
      opacity: 0.65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gsbNode {
    0%,
    100% {
      opacity: 0.55;
      transform: scale(0.92);
    }

    50% {
      opacity: 1;
      transform: scale(1.08);
    }
  }

  @keyframes gsbFloat {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-8px);
    }
  }

  @keyframes gsbCard1 {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gsbCard2 {
    0%,
    100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gsbrands__panel {
      position: static;
    }

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

  }

  @media (max-width: 850px) {

    .gsbrands__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gsbrands {
      padding: 66px 17px 72px;
    }

    .gsbrands__panel {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

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

    .gsbrands__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gsbrands__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gsbrands__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

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

    .gsbrands__visual {
      width: 285px;
      height: 285px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(0.92);
    }

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

    .gsbrands__process article:last-child {
      grid-column: auto;
    }

    .gsbrands__process article {
      padding: 8px;
      border: 1px solid rgba(92, 174, 255, 0.09);
      border-radius: 10px;
    }

    .gsbrands__card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gsbrands__card-copy {
      padding-right: 0;
    }

    .gsbrands__criteria-list {
      grid-template-columns: 1fr;
    }

    .gsbrands__criteria-copy,
    .gsbrands__legal,
    .gsbrands__cta-copy,
    .gsbrands__others {
      grid-template-columns: 1fr;
    }

  }

  /* REDUCIR MOVIMIENTO */

  @media (prefers-reduced-motion: reduce) {

    .gsbrands__eyebrow > span,
    .gsbrands__panel-head > span i,
    .gsbrands__orbit,
    .gsbrands__node,
    .gsbrands__core,
    .gsbrands__floating {
      animation: none !important;
    }

    .gsbrands__card,
    .gsbrands__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   PROCESO DE SERVICIO CELULARES
   ID: proceso-servicio-celulares
   ========================================================= */

.gscellprocess {
    --gscp-cyan: #24d7f3;
    --gscp-blue: #237cff;
    --gscp-green: #45d795;
--gscp-white: #ffffff;
    --gscp-text: #b8c9dc;
position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gscp-white);
    background:
      radial-gradient(circle at 8% 16%, rgba(36,215,243,.10), transparent 31%),
      radial-gradient(circle at 94% 84%, rgba(35,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: var(--gs-font-sans);
  }

  .gscellprocess *,
  .gscellprocess *::before,
  .gscellprocess *::after {
    box-sizing: border-box;
  }

  .gscellprocess__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(36,215,243,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gscellprocess__glow {
    position: absolute;
    z-index: -2;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    filter: blur(135px);
    pointer-events: none;
  }

  .gscellprocess__glow--cyan {
    top: 7%;
    left: -200px;
    opacity: .1;
    background: var(--gscp-cyan);
  }

  .gscellprocess__glow--blue {
    right: -190px;
    bottom: 6%;
    opacity: .14;
    background: var(--gscp-blue);
  }

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

  /* HEADER */

  .gscellprocess__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(44px, 5vw, 66px);
  }

  .gscellprocess__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
  }

  .gscellprocess__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gscp-green);
    box-shadow:
      0 0 0 6px rgba(69,215,149,.08),
      0 0 17px rgba(69,215,149,.62);
    animation: gscpPulse 2.4s ease-in-out infinite;
  }

  .gscellprocess__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gscellprocess__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(90deg, #73dcff, var(--gscp-cyan) 48%, #6491ff);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscellprocess__intro > p {
    margin: 0;
    color: var(--gscp-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gscellprocess__intro-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(69,215,149,.15);
    border-radius: 15px;
    background: rgba(69,215,149,.03);
  }

  .gscellprocess__intro-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gscp-green);
    background: rgba(69,215,149,.07);
  }

  .gscellprocess svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellprocess__intro-note svg {
    width: 22px;
    height: 22px;
  }

  .gscellprocess__intro-note small,
  .gscellprocess__intro-note strong {
    display: block;
  }

  .gscellprocess__intro-note small {
    margin-bottom: 3px;
    color: #73a48c;
    font-size: 10px;
  }

  .gscellprocess__intro-note strong {
    color: #dff5e9;
    font-size: 12px;
  }

  /* LAYOUT */

  .gscellprocess__layout {
    display: grid;
    grid-template-columns: minmax(350px, .76fr) minmax(0, 1.24fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gscellprocess__panel {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 50% 40%, rgba(36,215,243,.13), transparent 45%),
      linear-gradient(145deg, rgba(15,48,84,.73), rgba(4,17,35,.94));
    box-shadow:
      0 29px 68px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

  .gscellprocess__panel-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gscellprocess__panel > *:not(.gscellprocess__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gscellprocess__panel-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
  }

  .gscellprocess__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gscellprocess__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gscp-green);
    box-shadow: 0 0 11px rgba(69,215,149,.68);
    animation: gscpPulse 2.4s ease-in-out infinite;
  }

  .gscellprocess__panel-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gscellprocess__panel-copy {
    margin-top: 21px;
  }

  .gscellprocess__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.15;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gscellprocess__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gscellprocess__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gscellprocess__visual {
    position: relative;
    width: 315px;
    height: 305px;
    max-width: 100%;
    margin: 12px auto 7px;
    display: grid;
    place-items: center;
  }

  .gscellprocess__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36,215,243,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gscpRing 4.6s ease-in-out infinite;
  }

  .gscellprocess__ring--1 {
    width: 270px;
    height: 270px;
  }

  .gscellprocess__ring--2 {
    width: 194px;
    height: 194px;
    animation-delay: -1.5s;
  }

  .gscellprocess__ring--3 {
    width: 116px;
    height: 116px;
    animation-delay: -3s;
  }

  .gscellprocess__line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(36,215,243,.16),
      transparent
    );
    transform: translate(-50%, -50%);
  }

  .gscellprocess__line--2 {
    transform: translate(-50%, -50%) rotate(60deg);
  }

  .gscellprocess__line--3 {
    transform: translate(-50%, -50%) rotate(-60deg);
  }

  .gscellprocess__node {
    position: absolute;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,215,243,.3);
    border-radius: 10px;
    color: #85def8;
    background: #08213d;
    font-size: 8px;
    font-weight: 800;
    box-shadow: 0 0 13px rgba(36,215,243,.15);
    animation: gscpNode 3s ease-in-out infinite;
  }

  .gscellprocess__node--1 {
    top: 38px;
    left: 61px;
  }

  .gscellprocess__node--2 {
    top: 54px;
    right: 48px;
    animation-delay: -.7s;
  }

  .gscellprocess__node--3 {
    right: 42px;
    bottom: 56px;
    animation-delay: -1.4s;
  }

  .gscellprocess__node--4 {
    left: 48px;
    bottom: 49px;
    animation-delay: -2.1s;
  }

  .gscellprocess__core {
    position: relative;
    z-index: 5;
    width: 116px;
    height: 116px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98,197,246,.43);
    border-radius: 33px;
    background: linear-gradient(
      145deg,
      rgba(36,215,243,.17),
      rgba(35,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(36,215,243,.035),
      0 0 32px rgba(36,215,243,.15);
    animation: gscpFloat 4s ease-in-out infinite;
  }

  .gscellprocess__core img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gscellprocess__core small {
    position: absolute;
    bottom: 8px;
    right: 0;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
  }

  .gscellprocess__floating {
    position: absolute;
    z-index: 6;
    min-width: 125px;
    padding: 10px 12px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

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

  .gscellprocess__floating small {
    color: #708aa0;
    font-size: 9px;
  }

  .gscellprocess__floating strong {
    margin-top: 3px;
    color: #e3effa;
    font-size: 9px;
  }

  .gscellprocess__floating--diag {
    top: 16px;
    left: 0;
    animation: gscpCard1 5.2s ease-in-out infinite;
  }

  .gscellprocess__floating--auth {
    top: 48px;
    right: 0;
    animation: gscpCard2 5.5s ease-in-out infinite;
  }

  .gscellprocess__floating--test {
    right: 8px;
    bottom: 22px;
    animation: gscpCard3 5.7s ease-in-out infinite;
  }

  .gscellprocess__mini-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding-top: 14px;
    border-top: 1px solid rgba(92,174,255,.14);
  }

  .gscellprocess__mini-flow span {
    color: #96adbf;
    font-size: 9px;
    font-weight: 650;
  }

  .gscellprocess__mini-flow i {
    color: #4d788f;
    font-size: 10px;
    font-style: normal;
  }

  .gscellprocess__panel-note {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 13px;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 13px;
    background: rgba(1,12,26,.31);
  }

  .gscellprocess__panel-note > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gscp-cyan);
    background: rgba(36,215,243,.06);
  }

  .gscellprocess__panel-note svg {
    width: 20px;
    height: 20px;
  }

  .gscellprocess__panel-note p {
    margin: 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.55;
  }

  /* PASOS */

  .gscellprocess__steps {
    display: grid;
    gap: 0;
  }

  .gscellprocess__step {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
  }

  .gscellprocess__step-number {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gscellprocess__step-number span {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,215,243,.27);
    border-radius: 13px;
    color: var(--gscp-cyan);
    background: rgba(36,215,243,.07);
    font-size: 10px;
    font-weight: 850;
    box-shadow: 0 0 20px rgba(36,215,243,.07);
  }

  .gscellprocess__step-number i {
    width: 1px;
    min-height: 38px;
    flex: 1 1 auto;
    background: linear-gradient(
      to bottom,
      rgba(36,215,243,.32),
      rgba(36,215,243,.05)
    );
  }

  .gscellprocess__step-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 15px;
    margin-bottom: 14px;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.15);
    border-radius: 21px;
    background:
      radial-gradient(circle at 100% 0%, rgba(36,215,243,.05), transparent 39%),
      rgba(255,255,255,.027);
    box-shadow:
      0 17px 38px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.04);
    transition: transform 220ms ease, border-color 220ms ease;
  }

  .gscellprocess__step-card:hover {
    transform: translateY(-4px);
    border-color: rgba(36,215,243,.33);
  }

  .gscellprocess__step-card--accent {
    border-color: rgba(69,215,149,.19);
    background:
      radial-gradient(circle at 100% 0%, rgba(69,215,149,.055), transparent 40%),
      rgba(255,255,255,.027);
  }

  .gscellprocess__step-card--finish {
    border-color: rgba(36,215,243,.25);
  }

  .gscellprocess__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,215,243,.23);
    border-radius: 17px;
    color: var(--gscp-cyan);
    background: rgba(36,215,243,.065);
  }

  .gscellprocess__icon svg {
    width: 27px;
    height: 27px;
  }

  .gscellprocess__step-card small {
    display: block;
    color: #6f8aa0;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

  .gscellprocess__step-card h3 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 19px;
    line-height: 1.3;
  }

  .gscellprocess__step-card p {
    margin: 9px 0 0;
    color: #91a6b8;
    font-size: 12px;
    line-height: 1.65;
  }

  .gscellprocess__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }

  .gscellprocess__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.022);
    font-size: 9px;
    font-weight: 650;
  }

  /* CONDICIONES */

  .gscellprocess__conditions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
  }

  .gscellprocess__condition {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.14);
    border-radius: 19px;
    background: rgba(1,12,26,.36);
  }

  .gscellprocess__condition-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 14px;
    color: var(--gscp-cyan);
    background: rgba(36,215,243,.07);
  }

  .gscellprocess__condition-icon svg {
    width: 23px;
    height: 23px;
  }

  .gscellprocess__condition small {
    color: #71899f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .6px;
  }

  .gscellprocess__condition h3 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
  }

  .gscellprocess__condition p {
    margin: 8px 0 0;
    color: #879daf;
    font-size: 10px;
    line-height: 1.65;
  }

  /* GARANTÍA */

  .gscellprocess__warranty {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: 22px;
    align-items: center;
    margin-top: 16px;
    padding: 19px;
    border: 1px solid rgba(69,215,149,.16);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(69,215,149,.05), transparent 24%),
      rgba(1,12,26,.38);
  }

  .gscellprocess__warranty-main {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gscellprocess__warranty-main > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gscp-green);
    background: rgba(69,215,149,.07);
  }

  .gscellprocess__warranty-main svg {
    width: 25px;
    height: 25px;
  }

  .gscellprocess__warranty-main small,
  .gscellprocess__warranty-main strong {
    display: block;
  }

  .gscellprocess__warranty-main small {
    margin-bottom: 3px;
    color: #73a48b;
    font-size: 9px;
  }

  .gscellprocess__warranty-main strong {
    color: #e2f4eb;
    font-size: 13px;
  }

  .gscellprocess__warranty-main p {
    margin: 5px 0 0;
    color: #82998e;
    font-size: 10px;
    line-height: 1.6;
  }

  .gscellprocess__warranty-exclusions {
    padding-left: 22px;
    border-left: 1px solid rgba(92,174,255,.12);
  }

  .gscellprocess__warranty-exclusions > strong {
    color: #b6c5d2;
    font-size: 10px;
  }

  .gscellprocess__warranty-exclusions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
  }

  .gscellprocess__warranty-exclusions span {
    padding: 7px 9px;
    border: 1px solid rgba(255,196,92,.12);
    border-radius: 999px;
    color: #a99c81;
    background: rgba(255,196,92,.025);
    font-size: 8px;
  }

  /* CTA */

  .gscellprocess__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(69,215,149,.15);
    border-radius: 18px;
    background: rgba(1,12,26,.37);
  }

  .gscellprocess__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gscellprocess__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gscp-green);
    background: rgba(69,215,149,.07);
  }

  .gscellprocess__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gscellprocess__cta-copy small,
  .gscellprocess__cta-copy strong {
    display: block;
  }

  .gscellprocess__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gscellprocess__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gscellprocess__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gscellprocess__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition: transform 220ms ease, box-shadow 220ms ease;
  }


  .gscellprocess__cta > a:focus-visible {
    outline: 2px solid rgba(36,215,243,.95);
    outline-offset: 4px;
  }

  .gscellprocess__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gscellprocess__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  /* ANIMACIONES */

  @keyframes gscpPulse {
    0%, 100% { opacity: .45; transform: scale(.86); }
    50% { opacity: 1; transform: scale(1.13); }
  }

  @keyframes gscpRing {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }
    50% {
      opacity: .65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gscpNode {
    0%, 100% { opacity: .55; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1.08); }
  }

  @keyframes gscpFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
  }

  @keyframes gscpCard1 {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-6px) rotate(0); }
  }

  @keyframes gscpCard2 {
    0%, 100% { transform: translateY(0) rotate(1deg); }
    50% { transform: translateY(6px) rotate(0); }
  }

  @keyframes gscpCard3 {
    0%, 100% { transform: translateY(0) rotate(1deg); }
    50% { transform: translateY(-6px) rotate(0); }
  }

  /* TABLETA */

  @media (max-width: 1050px) {
    .gscellprocess__layout {
      grid-template-columns: 1fr;
    }

    .gscellprocess__panel {
      position: static;
    }

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

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

    .gscellprocess__warranty-exclusions {
      padding: 15px 0 0;
      border-top: 1px solid rgba(92,174,255,.12);
      border-left: 0;
    }
  }

  @media (max-width: 850px) {
    .gscellprocess__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }
  }

  /* MÓVIL */

  @media (max-width: 700px) {
    .gscellprocess {
      padding: 66px 17px 72px;
    }

    .gscellprocess__panel {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

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

    .gscellprocess__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gscellprocess__cta > a {
      justify-content: space-between;
    }
  }

  @media (max-width: 480px) {
    .gscellprocess__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gscellprocess__visual {
      width: 285px;
      height: 285px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.92);
    }

    .gscellprocess__step {
      grid-template-columns: 38px minmax(0, 1fr);
      gap: 10px;
    }

    .gscellprocess__step-number span {
      width: 36px;
      height: 36px;
      flex-basis: 36px;
      border-radius: 10px;
      font-size: 9px;
    }

    .gscellprocess__step-card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gscellprocess__icon {
      width: 51px;
      height: 51px;
    }

    .gscellprocess__warranty-main,
    .gscellprocess__cta-copy {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gscellprocess__eyebrow > span,
    .gscellprocess__panel-head > span i,
    .gscellprocess__ring,
    .gscellprocess__node,
    .gscellprocess__core,
    .gscellprocess__floating {
      animation: none !important;
    }

    .gscellprocess__step-card,
    .gscellprocess__cta > a {
      transition: none !important;
    }
  }


/* =========================================================
   FAQS CELULARES
   ID: preguntas-celulares
   ========================================================= */

.gscellfaq {
    --gsfaq-cyan: #24d7f3;
    --gsfaq-blue: #237cff;
    --gsfaq-green: #45d795;
    --gsfaq-white: #ffffff;
    --gsfaq-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsfaq-white);
    background:
      radial-gradient(circle at 8% 16%, rgba(36,215,243,.10), transparent 31%),
      radial-gradient(circle at 94% 84%, rgba(35,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: var(--gs-font-sans);
  }

  .gscellfaq *,
  .gscellfaq *::before,
  .gscellfaq *::after {
    box-sizing: border-box;
  }

  .gscellfaq svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellfaq__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(36,215,243,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gscellfaq__glow {
    position: absolute;
    z-index: -2;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    filter: blur(135px);
    pointer-events: none;
  }

  .gscellfaq__glow--cyan {
    top: 7%;
    left: -200px;
    opacity: .1;
    background: var(--gsfaq-cyan);
  }

  .gscellfaq__glow--blue {
    right: -190px;
    bottom: 7%;
    opacity: .14;
    background: var(--gsfaq-blue);
  }

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

  /* HEADER */

  .gscellfaq__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(44px, 5vw, 66px);
  }

  .gscellfaq__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
  }

  .gscellfaq__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsfaq-green);
    box-shadow:
      0 0 0 6px rgba(69,215,149,.08),
      0 0 17px rgba(69,215,149,.62);
    animation: gsfaqPulse 2.4s ease-in-out infinite;
  }

  .gscellfaq__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gscellfaq__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #73dcff,
      var(--gsfaq-cyan) 48%,
      #6491ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscellfaq__intro > p {
    margin: 0;
    color: var(--gsfaq-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gscellfaq__intro-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(36,215,243,.14);
    border-radius: 15px;
    background: rgba(36,215,243,.025);
  }

  .gscellfaq__intro-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsfaq-cyan);
    background: rgba(36,215,243,.07);
  }

  .gscellfaq__intro-note svg {
    width: 22px;
    height: 22px;
  }

  .gscellfaq__intro-note small,
  .gscellfaq__intro-note strong {
    display: block;
  }

  .gscellfaq__intro-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

  .gscellfaq__intro-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* LAYOUT */

  .gscellfaq__layout {
    display: grid;
    grid-template-columns: minmax(350px, .76fr) minmax(0, 1.24fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gscellfaq__panel {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 50% 40%, rgba(36,215,243,.13), transparent 45%),
      linear-gradient(145deg, rgba(15,48,84,.73), rgba(4,17,35,.94));
    box-shadow:
      0 29px 68px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

  .gscellfaq__panel-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gscellfaq__panel > *:not(.gscellfaq__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gscellfaq__panel-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
  }

  .gscellfaq__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gscellfaq__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsfaq-green);
    box-shadow: 0 0 11px rgba(69,215,149,.68);
    animation: gsfaqPulse 2.4s ease-in-out infinite;
  }

  .gscellfaq__panel-head > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gscellfaq__panel-copy {
    margin-top: 21px;
  }

  .gscellfaq__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(27px, 2.7vw, 37px);
    line-height: 1.15;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gscellfaq__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gscellfaq__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gscellfaq__visual {
    position: relative;
    width: 315px;
    height: 305px;
    max-width: 100%;
    margin: 12px auto 7px;
    display: grid;
    place-items: center;
  }

  .gscellfaq__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(36,215,243,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsfaqRing 4.6s ease-in-out infinite;
  }

  .gscellfaq__ring--1 {
    width: 270px;
    height: 270px;
  }

  .gscellfaq__ring--2 {
    width: 194px;
    height: 194px;
    animation-delay: -1.5s;
  }

  .gscellfaq__ring--3 {
    width: 116px;
    height: 116px;
    animation-delay: -3s;
  }

  .gscellfaq__line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(36,215,243,.16),
      transparent
    );
    transform: translate(-50%, -50%);
  }

  .gscellfaq__line--2 {
    transform: translate(-50%, -50%) rotate(60deg);
  }

  .gscellfaq__line--3 {
    transform: translate(-50%, -50%) rotate(-60deg);
  }

  .gscellfaq__node {
    position: absolute;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,215,243,.3);
    border-radius: 10px;
    color: #85def8;
    background: #08213d;
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 0 13px rgba(36,215,243,.15);
    animation: gsfaqNode 3s ease-in-out infinite;
  }

  .gscellfaq__node--1 {
    top: 40px;
    left: 58px;
  }

  .gscellfaq__node--2 {
    top: 55px;
    right: 48px;
    animation-delay: -.7s;
  }

  .gscellfaq__node--3 {
    right: 40px;
    bottom: 57px;
    animation-delay: -1.4s;
  }

  .gscellfaq__node--4 {
    left: 48px;
    bottom: 49px;
    animation-delay: -2.1s;
  }

  .gscellfaq__core {
    position: relative;
    z-index: 5;
    width: 122px;
    height: 122px;
    display: grid;
    place-items: center;
    padding: 14px;
    overflow: hidden;
    border: 1px solid rgba(98,197,246,.43);
    border-radius: 33px;
    background: linear-gradient(
      145deg,
      rgba(36,215,243,.17),
      rgba(35,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(36,215,243,.035),
      0 0 32px rgba(36,215,243,.15);
    animation: gsfaqFloat 4s ease-in-out infinite;
  }

  .gscellfaq__core img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gscellfaq__core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
  }

  .gscellfaq__floating {
    position: absolute;
    z-index: 6;
    min-width: 126px;
    padding: 10px 12px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

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

  .gscellfaq__floating small {
    color: #708aa0;
    font-size: 9px;
  }

  .gscellfaq__floating strong {
    margin-top: 3px;
    color: #e3effa;
    font-size: 9px;
  }

  .gscellfaq__floating--diag {
    top: 16px;
    left: 0;
  }

  .gscellfaq__floating--time {
    top: 52px;
    right: 0;
  }

  .gscellfaq__floating--warranty {
    right: 8px;
    bottom: 23px;
  }

  .gscellfaq__panel-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
    padding-top: 15px;
    border-top: 1px solid rgba(92,174,255,.14);
  }

  .gscellfaq__panel-points article {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.015);
  }

  .gscellfaq__panel-points article:last-child {
    grid-column: 1 / -1;
  }

  .gscellfaq__panel-points article > span {
    color: var(--gsfaq-cyan);
    font-size: 9px;
    font-weight: 800;
  }

  .gscellfaq__panel-points small,
  .gscellfaq__panel-points strong {
    display: block;
  }

  .gscellfaq__panel-points small {
    color: #607a91;
    font-size: 9px;
  }

  .gscellfaq__panel-points strong {
    margin-top: 2px;
    color: #9ab1c4;
    font-size: 9px;
  }


  .gscellfaq__panel-note {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 13px;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 13px;
    background: rgba(1,12,26,.31);
  }

  .gscellfaq__panel-note > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gsfaq-cyan);
    background: rgba(36,215,243,.06);
  }

  .gscellfaq__panel-note svg {
    width: 20px;
    height: 20px;
  }

  .gscellfaq__panel-note p {
    margin: 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.55;
  }

  /* FAQ */

  .gscellfaq__questions {
    display: grid;
    gap: 10px;
  }

  .gscellfaq__item {
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.14);
    border-radius: 18px;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(36,215,243,.045),
        transparent 34%
      ),
      rgba(255,255,255,.025);
    transition:
      border-color 220ms ease,
      background-color 220ms ease,
      transform 220ms ease;
  }

  .gscellfaq__item:hover {
    border-color: rgba(36,215,243,.27);
  }

  .gscellfaq__item[open] {
    border-color: rgba(36,215,243,.31);
    background: rgba(36,215,243,.035);
  }

  .gscellfaq__item summary {
    position: relative;
    min-height: 78px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 32px;
    gap: 13px;
    align-items: center;
    padding: 15px 17px;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }

  .gscellfaq__item summary::-webkit-details-marker {
    display: none;
  }


  .gscellfaq__item summary:focus-visible {
    outline: 2px solid rgba(36,215,243,.95);
    outline-offset: -2px;
    border-radius: 14px;
  }

  .gscellfaq__cta > a:focus-visible {
    outline: 2px solid rgba(36,215,243,.95);
    outline-offset: 4px;
  }


  .gscellfaq__qnumber {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36,215,243,.19);
    border-radius: 12px;
    color: var(--gsfaq-cyan);
    background: rgba(36,215,243,.06);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gscellfaq__qcopy small {
    margin-bottom: 3px;
    color: #6f8da3;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .6px;
    text-transform: uppercase;
  }

  .gscellfaq__qcopy strong {
    color: #edf6ff;
    font-size: 14px;
    line-height: 1.45;
  }

  .gscellfaq__plus {
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
  }

  .gscellfaq__plus::before,
  .gscellfaq__plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background: var(--gsfaq-cyan);
    transform: translate(-50%, -50%);
    transition: transform 220ms ease;
  }

  .gscellfaq__plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .gscellfaq__item[open] .gscellfaq__plus::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .gscellfaq__answer {
    margin: 0 17px;
    padding: 0 0 18px 55px;
    border-top: 1px solid rgba(92,174,255,.08);
  }

  .gscellfaq__answer p {
    margin: 14px 0 0;
    color: #9bb0c1;
    font-size: 12px;
    line-height: 1.75;
  }

  .gscellfaq__answer strong {
    color: #dcecff;
    font-weight: 700;
  }

  /* RESUMEN */

  .gscellfaq__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
  }

  .gscellfaq__summary article {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 17px;
    background: rgba(1,12,26,.36);
  }

  .gscellfaq__summary article > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsfaq-cyan);
    background: rgba(36,215,243,.07);
  }

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

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

  .gscellfaq__summary small {
    color: #71899f;
    font-size: 9px;
  }

  .gscellfaq__summary strong {
    margin-top: 3px;
    color: #e3effb;
    font-size: 12px;
  }

  .gscellfaq__summary p {
    margin: 5px 0 0;
    color: #8299ad;
    font-size: 9px;
    line-height: 1.55;
  }

  /* CTA */

  .gscellfaq__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(69,215,149,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(69,215,149,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

  .gscellfaq__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gscellfaq__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsfaq-green);
    background: rgba(69,215,149,.07);
  }

  .gscellfaq__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gscellfaq__cta-copy small,
  .gscellfaq__cta-copy strong {
    display: block;
  }

  .gscellfaq__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gscellfaq__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gscellfaq__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gscellfaq__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition: transform 220ms ease, box-shadow 220ms ease;
  }

  .gscellfaq__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gscellfaq__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  /* ANIMACIONES */

  @keyframes gsfaqPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gsfaqRing {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gsfaqNode {
    0%, 100% {
      opacity: .55;
      transform: scale(.92);
    }

    50% {
      opacity: 1;
      transform: scale(1.08);
    }
  }

  @keyframes gsfaqFloat {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-8px);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gscellfaq__panel {
      position: static;
    }

  }

  @media (max-width: 850px) {

    .gscellfaq__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gscellfaq {
      padding: 66px 17px 72px;
    }

    .gscellfaq__panel {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gscellfaq__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gscellfaq__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gscellfaq__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gscellfaq__visual {
      width: 285px;
      height: 285px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.92);
    }

    .gscellfaq__core {
      width: 114px;
      height: 114px;
      padding: 12px;
    }

    .gscellfaq__panel-points {
      grid-template-columns: 1fr;
    }

    .gscellfaq__panel-points article:last-child {
      grid-column: auto;
    }

    .gscellfaq__panel-points article {
      padding: 8px;
      border: 1px solid rgba(92,174,255,.09);
      border-radius: 10px;
    }

    .gscellfaq__item summary {
      grid-template-columns: 36px minmax(0, 1fr) 30px;
      gap: 10px;
      padding: 14px;
    }

    .gscellfaq__qnumber {
      width: 36px;
      height: 36px;
    }

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

    .gscellfaq__answer {
      margin: 0 14px;
      padding: 0 0 16px 46px;
    }

    .gscellfaq__cta-copy {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gscellfaq__eyebrow > span,
    .gscellfaq__panel-head > span i,
    .gscellfaq__ring,
    .gscellfaq__node,
    .gscellfaq__core {
      animation: none !important;
    }

    .gscellfaq__item,
    .gscellfaq__plus::before,
    .gscellfaq__plus::after,
    .gscellfaq__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   CTA FINAL CELULARES
   ID: cta-celulares
   ========================================================= */

.gscellcta {
    --gscc-cyan: #24d7f3;
    --gscc-blue: #237cff;
    --gscc-green: #45d795;
    --gscc-white: #ffffff;
    --gscc-text: #b8c9dc;
position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(82px, 8vw, 125px) 24px clamp(74px, 7vw, 105px);
    color: var(--gscc-white);
    background:
      radial-gradient(
        circle at 12% 18%,
        rgba(36, 215, 243, 0.12),
        transparent 31%
      ),
      radial-gradient(
        circle at 88% 45%,
        rgba(35, 124, 255, 0.15),
        transparent 33%
      ),
      linear-gradient(
        118deg,
        #020914 0%,
        #05172e 52%,
        #0a2851 100%
      );
    font-family: var(--gs-font-sans);
  }

  .gscellcta *,
  .gscellcta *::before,
  .gscellcta *::after {
    box-sizing: border-box;
  }

  .gscellcta svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gscellcta__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: 0.26;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(56, 146, 220, 0.075) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(56, 146, 220, 0.075) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(36, 215, 243, 0.22) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gscellcta__scan {
    position: absolute;
    z-index: -3;
    top: -20%;
    left: 0;
    width: 100%;
    height: 160px;
    opacity: 0.13;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      transparent,
      rgba(36, 215, 243, 0.16),
      transparent
    );
    animation: gsccScan 9s linear infinite;
  }

  .gscellcta__glow {
    position: absolute;
    z-index: -2;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(145px);
    pointer-events: none;
  }

  .gscellcta__glow--cyan {
    top: 0;
    left: -220px;
    opacity: 0.1;
    background: var(--gscc-cyan);
  }

  .gscellcta__glow--blue {
    right: -220px;
    bottom: -70px;
    opacity: 0.16;
    background: var(--gscc-blue);
  }

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

  /* PRINCIPAL */

  .gscellcta__main {
    display: grid;
    grid-template-columns:
      minmax(0, 1.07fr)
      minmax(390px, 0.73fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: center;
  }

  /* COPY */

  .gscellcta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 19px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
  }

  .gscellcta__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gscc-green);
    box-shadow:
      0 0 0 6px rgba(69, 215, 149, 0.08),
      0 0 18px rgba(69, 215, 149, 0.65);
    animation: gsccPulse 2.4s ease-in-out infinite;
  }

  .gscellcta__copy h2 {
    max-width: 780px;
    margin: 0;
    color: #fff;
    font-size: clamp(43px, 5vw, 70px);
    line-height: 1.01;
    font-weight: 850;
    letter-spacing: -0.057em;
  }

  .gscellcta__copy h2 span {
    display: block;
    margin-top: 6px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #79e1ff,
      var(--gscc-cyan) 45%,
      #6696ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gscellcta__lead {
    max-width: 700px;
    margin: 24px 0 0;
    color: var(--gscc-text);
    font-size: 15px;
    line-height: 1.8;
  }

  /* BOTONES */

  .gscellcta__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 27px;
  }

  .gscellcta__button {
    min-height: 63px;
    display: grid;
    grid-template-columns: 39px auto 18px;
    gap: 10px;
    align-items: center;
    padding: 10px 14px 10px 11px;
    border-radius: 15px;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease,
      box-shadow 220ms ease;
  }

  .gscellcta__button > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
  }

  .gscellcta__button svg {
    width: 21px;
    height: 21px;
  }

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

  .gscellcta__button small {
    margin-bottom: 2px;
    font-size: 10px;
    font-weight: 500;
  }

  .gscellcta__button strong {
    font-size: 12px;
    line-height: 1.3;
  }

  .gscellcta__button > i {
    font-size: 18px;
    font-style: normal;
  }

  .gscellcta__button--whatsapp {
    border: 1px solid rgba(69, 215, 149, 0.26);
    color: #fff !important;
    background:
      linear-gradient(
        110deg,
        rgba(8, 157, 101, 0.96),
        rgba(19, 201, 130, 0.96)
      );
    box-shadow: 0 18px 35px rgba(16, 191, 124, 0.18);
  }

  .gscellcta__button--whatsapp > span {
    background: rgba(255, 255, 255, 0.12);
  }

  .gscellcta__button--whatsapp small {
    color: rgba(255, 255, 255, 0.72);
  }


  .gscellcta__button:focus-visible,
  .gscellcta__contact > a:focus-visible,
  .gscellcta__location > a:focus-visible {
    outline: 2px solid rgba(36, 215, 243, 0.95);
    outline-offset: 4px;
  }

  .gscellcta__button--whatsapp:hover {
    transform: translateY(-4px);
    color: #fff !important;
    box-shadow: 0 24px 46px rgba(16, 191, 124, 0.27);
  }

  .gscellcta__button--secondary {
    border: 1px solid rgba(92, 174, 255, 0.21);
    color: #dcecff !important;
    background: rgba(255, 255, 255, 0.035);
  }

  .gscellcta__button--secondary > span {
    color: var(--gscc-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gscellcta__button--secondary small {
    color: #7890a4;
  }

  .gscellcta__button--secondary:hover {
    transform: translateY(-4px);
    border-color: rgba(36, 215, 243, 0.4);
    color: #fff !important;
  }


  /* RECEPCIÓN */

  .gscellcta__reception-note {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    max-width: 760px;
    margin-top: 16px;
    padding: 11px 13px;
    border: 1px solid rgba(69, 215, 149, 0.14);
    border-radius: 13px;
    background: rgba(69, 215, 149, 0.035);
  }

  .gscellcta__reception-note > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(69, 215, 149, 0.22);
    border-radius: 50%;
    color: #b8f1d1;
    font-size: 11px;
    font-weight: 850;
  }

  .gscellcta__reception-note p {
    margin: 0;
    color: #839dad;
    font-size: 10px;
    line-height: 1.58;
  }

  .gscellcta__reception-note strong {
    color: #c6f1d9;
    font-weight: 650;
  }

  /* FACTS */

  .gscellcta__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    max-width: 930px;
    margin-top: 29px;
  }

  .gscellcta__facts article {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(92, 174, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
  }

  .gscellcta__facts article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gscc-cyan);
    background: rgba(36, 215, 243, 0.065);
  }

  .gscellcta__facts svg {
    width: 21px;
    height: 21px;
  }

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

  .gscellcta__facts small {
    margin-bottom: 2px;
    color: #71899f;
    font-size: 10px;
  }

  .gscellcta__facts strong {
    color: #dcecff;
    font-size: 11px;
    line-height: 1.35;
  }

  /* TERMINAL */

  .gscellcta__terminal {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(92, 174, 255, 0.23);
    border-radius: 28px;
    background:
      radial-gradient(
        circle at 50% 28%,
        rgba(36, 215, 243, 0.12),
        transparent 42%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.79),
        rgba(4, 17, 35, 0.96)
      );
    box-shadow:
      0 34px 80px rgba(0, 0, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(15px);
  }

  .gscellcta__terminal-grid {
    position: absolute;
    inset: 0;
    opacity: 0.42;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(66, 157, 220, 0.05) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(66, 157, 220, 0.05) 1px,
        transparent 1px
      );
    background-size: 29px 29px;
  }

  .gscellcta__terminal > *:not(.gscellcta__terminal-grid) {
    position: relative;
    z-index: 2;
  }

  .gscellcta__terminal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .gscellcta__terminal-top > div {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.75px;
  }

  .gscellcta__terminal-top > div > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gscc-green);
    box-shadow: 0 0 11px rgba(69, 215, 149, 0.7);
    animation: gsccPulse 2.4s ease-in-out infinite;
  }

  .gscellcta__terminal-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  /* IDENTIDAD */

  .gscellcta__identity {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 17px;
    align-items: center;
    margin-top: 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(92, 174, 255, 0.14);
  }

  .gscellcta__logo {
    position: relative;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(36, 215, 243, 0.28);
    border-radius: 29px;
    background: linear-gradient(
      145deg,
      rgba(36, 215, 243, 0.12),
      rgba(35, 124, 255, 0.08)
    );
    box-shadow:
      0 0 0 9px rgba(36, 215, 243, 0.025),
      0 0 29px rgba(36, 215, 243, 0.12);
  }

  .gscellcta__logo-ring {
    position: absolute;
    inset: -9px;
    border: 1px solid rgba(36, 215, 243, 0.08);
    border-radius: 37px;
    animation: gsccLogoRing 3.5s ease-in-out infinite;
  }

  .gscellcta__logo img {
    width: 100%;
    max-width: 72px;
    height: auto;
    object-fit: contain;
    display: block;
  }

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

  .gscellcta__identity small {
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
  }

  .gscellcta__identity strong {
    margin-top: 5px;
    color: #fff;
    font-size: 17px;
    line-height: 1.35;
  }

  .gscellcta__identity p {
    margin: 6px 0 0;
    color: #8099ae;
    font-size: 11px;
  }

  /* REQUEST */

  .gscellcta__request {
    margin-top: 21px;
  }

  .gscellcta__request-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }

  .gscellcta__request-title > span {
    color: #c8d9e8;
    font-size: 11px;
    font-weight: 700;
  }

  .gscellcta__request-title > small {
    color: #637e94;
    font-size: 9px;
  }

  .gscellcta__request-list {
    display: grid;
    gap: 8px;
  }

  .gscellcta__request-list article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 20px;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92, 174, 255, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
  }

  .gscellcta__request-list article > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gscc-cyan);
    background: rgba(36, 215, 243, 0.06);
    font-size: 9px;
    font-weight: 800;
  }

  .gscellcta__request-list small,
  .gscellcta__request-list strong {
    display: block;
  }

  .gscellcta__request-list small {
    color: #698399;
    font-size: 9px;
  }

  .gscellcta__request-list strong {
    margin-top: 2px;
    color: #cbdbea;
    font-size: 10px;
    line-height: 1.4;
  }

  .gscellcta__request-list article > i {
    color: var(--gscc-green);
    font-size: 12px;
    font-style: normal;
  }

  /* STATUS */

  .gscellcta__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid rgba(69, 215, 149, 0.11);
    border-radius: 12px;
    background: rgba(69, 215, 149, 0.025);
  }

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

  .gscellcta__status small {
    color: #71899f;
    font-size: 9px;
  }

  .gscellcta__status strong {
    margin-top: 3px;
    color: #b8cbd8;
    font-size: 9px;
    line-height: 1.4;
  }

  .gscellcta__status > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #78cba4;
    font-size: 9px;
    font-weight: 700;
  }

  .gscellcta__status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gscc-green);
    box-shadow: 0 0 10px rgba(69, 215, 149, 0.6);
  }

  /* CONTACT */

  .gscellcta__contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 11px;
  }

  .gscellcta__contact > a,
  .gscellcta__contact > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92, 174, 255, 0.1);
    border-radius: 12px;
    color: inherit !important;
    background: rgba(255, 255, 255, 0.02);
    text-decoration: none !important;
  }

  .gscellcta__contact > a > span,
  .gscellcta__contact > div > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gscc-cyan);
    background: rgba(36, 215, 243, 0.06);
  }

  .gscellcta__contact svg {
    width: 19px;
    height: 19px;
  }

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

  .gscellcta__contact small {
    color: #6e879c;
    font-size: 9px;
  }

  .gscellcta__contact strong {
    margin-top: 2px;
    color: #d4e2ed;
    font-size: 10px;
  }

  /* UBICACIÓN */

  .gscellcta__location {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 34px;
    padding: 18px;
    border: 1px solid rgba(92, 174, 255, 0.15);
    border-radius: 19px;
    background:
      radial-gradient(
        circle at 0 50%,
        rgba(36, 215, 243, 0.045),
        transparent 25%
      ),
      rgba(1, 12, 26, 0.38);
  }

  .gscellcta__location-main {
    min-width: 0;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gscellcta__location-main > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gscc-cyan);
    background: rgba(36, 215, 243, 0.07);
  }

  .gscellcta__location-main svg {
    width: 25px;
    height: 25px;
  }

  .gscellcta__location-main small,
  .gscellcta__location-main strong {
    display: block;
  }

  .gscellcta__location-main small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 10px;
  }

  .gscellcta__location-main strong {
    color: #e0edf8;
    font-size: 12px;
    line-height: 1.45;
  }

  .gscellcta__location-main p {
    margin: 4px 0 0;
    color: #8097ab;
    font-size: 10px;
  }

  .gscellcta__location > a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 43px;
    padding: 10px 14px;
    border: 1px solid rgba(36, 215, 243, 0.19);
    border-radius: 11px;
    color: #bfeeff !important;
    background: rgba(36, 215, 243, 0.045);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gscellcta__location > a:hover {
    transform: translateY(-3px);
    border-color: rgba(36, 215, 243, 0.4);
    color: #fff !important;
  }

  .gscellcta__location > a span {
    font-size: 14px;
  }

  /* POLICIES */

  .gscellcta__policies {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
    margin-top: 14px;
  }

  .gscellcta__policies article {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92, 174, 255, 0.11);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.022);
  }

  .gscellcta__policies article > span {
    display: block;
    margin-bottom: 10px;
    color: var(--gscc-cyan);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gscellcta__policies small {
    color: #71899f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.65px;
  }

  .gscellcta__policies strong {
    margin-top: 5px;
    color: #d9e8f4;
    font-size: 11px;
    line-height: 1.5;
  }

  .gscellcta__policies p {
    margin: 7px 0 0;
    color: #7f96a9;
    font-size: 10px;
    line-height: 1.6;
  }

  /* FOOTER */

  .gscellcta__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 15px;
    padding: 15px 17px;
    border-top: 1px solid rgba(92, 174, 255, 0.11);
    border-bottom: 1px solid rgba(92, 174, 255, 0.11);
    background: rgba(0, 8, 20, 0.2);
  }

  .gscellcta__footer > div:first-child {
    min-width: 0;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
  }

  .gscellcta__footer > div:first-child > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #819aad;
    background: rgba(255, 255, 255, 0.03);
  }

  .gscellcta__footer svg {
    width: 18px;
    height: 18px;
  }

  .gscellcta__footer p {
    margin: 0;
    color: #71899d;
    font-size: 9px;
    line-height: 1.55;
  }

  .gscellcta__footer p strong {
    color: #9baeba;
  }

  .gscellcta__footer-status {
    flex: 0 0 auto;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 7px !important;
    color: #708ca0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.6px;
  }

  .gscellcta__footer-status > span {
    width: 7px !important;
    height: 7px !important;
    display: block !important;
    border-radius: 50% !important;
    background: var(--gscc-green) !important;
    box-shadow: 0 0 9px rgba(69, 215, 149, 0.52);
  }

  /* ANIMACIONES */

  @keyframes gsccPulse {
    0%,
    100% {
      opacity: 0.45;
      transform: scale(0.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gsccLogoRing {
    0%,
    100% {
      opacity: 0.25;
      transform: scale(0.96);
    }

    50% {
      opacity: 0.75;
      transform: scale(1.04);
    }
  }

  @keyframes gsccScan {
    from {
      transform: translateY(-200px);
    }

    to {
      transform: translateY(1400px);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gscellcta__terminal {
      max-width: 720px;
      width: 100%;
    }

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

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gscellcta {
      padding: 68px 17px 74px;
    }

    .gscellcta__copy h2 {
      font-size: clamp(38px, 11vw, 52px);
    }

    .gscellcta__lead {
      font-size: 14px;
    }

    .gscellcta__buttons {
      display: grid;
      grid-template-columns: 1fr;
    }

    .gscellcta__button {
      width: 100%;
    }

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

    .gscellcta__terminal {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gscellcta__location {
      flex-direction: column;
      align-items: stretch;
    }

    .gscellcta__location > a {
      justify-content: space-between;
    }

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

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

  }

  @media (max-width: 480px) {

    .gscellcta__main {
      gap: 34px;
    }

    .gscellcta__identity {
      grid-template-columns: 82px minmax(0, 1fr);
    }

    .gscellcta__logo {
      width: 82px;
      height: 82px;
      border-radius: 24px;
    }

    .gscellcta__logo img {
      max-width: 60px;
      height: auto;
    }

    .gscellcta__terminal-top {
      align-items: flex-start;
    }

    .gscellcta__terminal-top > strong {
      font-size: 8px;
    }

    .gscellcta__request-list article {
      grid-template-columns: 32px minmax(0, 1fr) 16px;
      gap: 8px;
    }

    .gscellcta__request-list article > span {
      width: 32px;
      height: 32px;
    }

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

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

    .gscellcta__location-main {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gscellcta__scan,
    .gscellcta__eyebrow > span,
    .gscellcta__terminal-top > div > span,
    .gscellcta__logo-ring {
      animation: none !important;
    }

    .gscellcta__button,
    .gscellcta__location > a {
      transition: none !important;
    }

  }


/* =========================================================
   CARGA DINÁMICA — CELULARES
   ========================================================= */

.gscell-loading,
.gscell-noscript{
    grid-column:1 / -1;
    width:100%;
    margin:0;
    padding:24px 18px;
    border:1px solid rgba(36,215,243,.09);
    border-radius:14px;
    background:rgba(3,10,16,.72);
    color:#71828e;
    font-size:11px;
    line-height:1.6;
    text-align:center;
}

.gscellhero__visual[data-gs-component="celulares-hero"]{
    min-height:520px;
}

.gscellrep__layout[data-gs-component="celulares-reparaciones"],
.gscelldiag__layout[data-gs-component="celulares-diagnostico"],
.gsliquid__layout[data-gs-component="celulares-liquidos"]{
    min-height:680px;
}

.gsbrands__layout[data-gs-component="celulares-marcas"],
.gscellprocess__layout[data-gs-component="celulares-proceso"]{
    min-height:760px;
}

.gscellfaq__questions[data-gs-component="celulares-faqs"]{
    min-height:640px;
}

.gscellcta__terminal[data-gs-component="celulares-cta"]{
    min-height:500px;
}

[data-gs-component^="celulares-"][data-gs-loaded="1"]{
    min-height:0;
}

@media (max-width:700px){
    .gscellhero__visual[data-gs-component="celulares-hero"],
    .gscellrep__layout[data-gs-component="celulares-reparaciones"],
    .gscelldiag__layout[data-gs-component="celulares-diagnostico"],
    .gsliquid__layout[data-gs-component="celulares-liquidos"],
    .gsbrands__layout[data-gs-component="celulares-marcas"],
    .gscellprocess__layout[data-gs-component="celulares-proceso"],
    .gscellfaq__questions[data-gs-component="celulares-faqs"],
    .gscellcta__terminal[data-gs-component="celulares-cta"]{
        min-height:320px;
    }
}