/* =========================================================
   GS FRONTEND CORE 0.42.0
   COMPUTADORAS
   8 secciones
   ========================================================= */

/* =========================================================
   HERO COMPUTADORAS
   ID: computadoras-inicio
   ========================================================= */

.gspchero {
    --gspc-cyan: #25d8f4;
    --gspc-blue: #297cff;
    --gspc-green: #48d99a;
--gspc-white: #ffffff;
    --gspc-text: #bacadc;
position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 760px;
    padding: clamp(85px, 8vw, 125px) 24px 38px;
    color: var(--gspc-white);
    background:
      radial-gradient(
        circle at 8% 15%,
        rgba(37, 216, 244, 0.12),
        transparent 30%
      ),
      radial-gradient(
        circle at 88% 30%,
        rgba(41, 124, 255, 0.18),
        transparent 34%
      ),
      radial-gradient(
        circle at 75% 95%,
        rgba(37, 216, 244, 0.08),
        transparent 30%
      ),
      linear-gradient(
        118deg,
        #020914 0%,
        #05162d 49%,
        #092751 100%
      );
    font-family: var(--gs-font-sans);
  }

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

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

  /* FONDO */

  .gspchero__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: 0.28;
    pointer-events: none;
    background-image:
      linear-gradient(
        rgba(64, 154, 222, 0.075) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(64, 154, 222, 0.075) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle,
        rgba(37, 216, 244, 0.24) 1px,
        transparent 1.5px
      );
    background-size:
      72px 72px,
      72px 72px,
      36px 36px;
  }

  .gspchero__scan {
    position: absolute;
    z-index: -3;
    top: -230px;
    left: 0;
    width: 100%;
    height: 180px;
    opacity: 0.13;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      transparent,
      rgba(37, 216, 244, 0.15),
      transparent
    );
    animation: gspcScan 9s linear infinite;
  }

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

  .gspchero__glow--cyan {
    top: 2%;
    left: -240px;
    opacity: 0.1;
    background: var(--gspc-cyan);
  }

  .gspchero__glow--blue {
    right: -220px;
    top: 17%;
    opacity: 0.16;
    background: var(--gspc-blue);
  }

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

  /* LAYOUT */

  .gspchero__layout {
    display: grid;
    grid-template-columns:
      minmax(0, 1.03fr)
      minmax(430px, 0.82fr);
    gap: clamp(45px, 6vw, 85px);
    align-items: center;
  }

  /* CONTENIDO */

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

  .gspchero__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gspc-green);
    box-shadow:
      0 0 0 6px rgba(72, 217, 154, 0.08),
      0 0 18px rgba(72, 217, 154, 0.66);
    animation: gspcPulse 2.4s ease-in-out infinite;
  }

  .gspchero__content h1 {
    max-width: 820px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(44px, 5.1vw, 73px);
    line-height: 1;
    font-weight: 850;
    letter-spacing: -0.057em;
  }

  .gspchero__content h1 span {
    display: block;
    margin-top: 6px;
    color: transparent;
    background:
      linear-gradient(
        90deg,
        #7be3ff 0%,
        var(--gspc-cyan) 44%,
        #6594ff 100%
      );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gspchero__lead {
    max-width: 730px;
    margin: 25px 0 0;
    color: var(--gspc-text);
    font-size: 15px;
    line-height: 1.8;
  }

  /* BOTONES */

  .gspchero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 28px;
  }

  .gspchero__btn {
    min-height: 64px;
    display: grid;
    grid-template-columns: 40px auto 18px;
    gap: 11px;
    align-items: center;
    padding: 10px 15px 10px 11px;
    border-radius: 15px;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease,
      box-shadow 220ms ease;
  }


  .gspchero__btn:focus-visible {
    outline: 2px solid rgba(37, 216, 244, 0.95);
    outline-offset: 4px;
  }

  .gspchero__btn-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
  }

  .gspchero__btn-icon svg {
    width: 21px;
    height: 21px;
  }

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

  .gspchero__btn-copy small {
    margin-bottom: 2px;
    font-size: 10px;
    font-weight: 500;
  }

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

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

  .gspchero__btn--whatsapp {
    border: 1px solid rgba(72, 217, 154, 0.26);
    color: #fff !important;
    background:
      linear-gradient(
        110deg,
        rgba(8, 157, 101, 0.97),
        rgba(19, 201, 130, 0.97)
      );
    box-shadow: 0 18px 36px rgba(16, 191, 124, 0.18);
  }

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

  .gspchero__btn--whatsapp small {
    color: rgba(255, 255, 255, 0.75);
  }

  .gspchero__btn--whatsapp:hover {
    transform: translateY(-4px);
    color: #fff !important;
    box-shadow: 0 24px 46px rgba(16, 191, 124, 0.27);
  }

  .gspchero__btn--secondary {
    border: 1px solid rgba(93, 175, 255, 0.22);
    color: #dcecff !important;
    background: rgba(255, 255, 255, 0.035);
  }

  .gspchero__btn--secondary .gspchero__btn-icon {
    color: var(--gspc-cyan);
    background: rgba(37, 216, 244, 0.07);
  }

  .gspchero__btn--secondary small {
    color: #7890a4;
  }

  .gspchero__btn--secondary:hover {
    transform: translateY(-4px);
    border-color: rgba(37, 216, 244, 0.4);
    color: #fff !important;
  }


  /* RECEPCIÓN */

  .gspchero__reception-note {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    max-width: 730px;
    margin-top: 15px;
    padding: 10px 12px;
    border: 1px solid rgba(72, 217, 154, 0.13);
    border-radius: 11px;
    background: rgba(72, 217, 154, 0.035);
  }

  .gspchero__reception-note > span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(72, 217, 154, 0.20);
    border-radius: 50%;
    color: #aef3cd;
    font-size: 11px;
    font-weight: 800;
  }

  .gspchero__reception-note p {
    margin: 0;
    color: #829cac;
    font-size: 10px;
    line-height: 1.55;
  }

  .gspchero__reception-note strong {
    color: #bdeed1;
    font-weight: 600;
  }

  /* FACTS */

  .gspchero__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    max-width: 900px;
    margin-top: 30px;
  }

  .gspchero__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(93, 175, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
  }

  .gspchero__facts article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gspc-cyan);
    background: rgba(37, 216, 244, 0.065);
  }

  .gspchero__facts svg {
    width: 21px;
    height: 21px;
  }

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

  .gspchero__facts small {
    margin-bottom: 2px;
    color: #7890a5;
    font-size: 10px;
  }

  .gspchero__facts strong {
    color: #dcecff;
    font-size: 11px;
    line-height: 1.35;
  }

  /* =========================
     LAB PANEL
  ========================== */

  .gspchero__lab {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(93, 175, 255, 0.23);
    border-radius: 28px;
    background:
      radial-gradient(
        circle at 50% 38%,
        rgba(37, 216, 244, 0.13),
        transparent 45%
      ),
      linear-gradient(
        145deg,
        rgba(15, 48, 84, 0.78),
        rgba(4, 17, 35, 0.96)
      );
    box-shadow:
      0 34px 80px rgba(0, 0, 0, 0.32),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(15px);
  }

  .gspchero__lab-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;
  }

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

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

  .gspchero__lab-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.8px;
  }

  .gspchero__lab-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gspc-green);
    box-shadow: 0 0 11px rgba(72, 217, 154, 0.68);
    animation: gspcPulse 2.4s ease-in-out infinite;
  }

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

  /* DISPLAY */

  .gspchero__display {
    margin-top: 17px;
    overflow: hidden;
    border: 1px solid rgba(93, 175, 255, 0.15);
    border-radius: 20px;
    background: rgba(1, 12, 26, 0.5);
  }

  .gspchero__display-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 13px;
    border-bottom: 1px solid rgba(93, 175, 255, 0.1);
  }

  .gspchero__display-bar > span {
    color: #8da8bc;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.7px;
  }

  .gspchero__display-bar > small {
    color: var(--gspc-green);
    font-size: 9px;
    font-weight: 700;
  }

  /* MACHINE */

  .gspchero__machine {
    position: relative;
    height: 368px;
    display: grid;
    place-items: center;
    padding: 10px 5px 4px;
  }

  /* IMAGEN DEL EQUIPO */

  .gspchero__device-visual {
    position: relative;
    width: min(100%, 430px);
    height: 318px;
    display: grid;
    place-items: center;
    margin: 0 auto;
    isolation: isolate;
  }

  .gspchero__device-visual::before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 80%;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
      radial-gradient(
        circle,
        rgba(37, 216, 244, 0.18) 0%,
        rgba(41, 124, 255, 0.09) 34%,
        transparent 72%
      );
    filter: blur(20px);
    opacity: 0.92;
    animation: gspcHalo 4.8s ease-in-out infinite;
  }

  .gspchero__device-visual::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 10%;
    right: 10%;
    bottom: 18px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.42);
    filter: blur(16px);
  }

  .gspchero__device-image {
    position: relative;
    z-index: 2;
    display: block;
    width: min(100%, 392px);
    height: auto;
    max-height: 302px;
    object-fit: contain;
    object-position: center;
    filter:
      drop-shadow(0 22px 28px rgba(0, 0, 0, 0.38))
      drop-shadow(0 0 12px rgba(37, 216, 244, 0.18))
      drop-shadow(0 0 22px rgba(41, 124, 255, 0.11));
    transform: translateY(2px);
    animation: gspcDeviceAura 4.8s ease-in-out infinite;
  }

  /* FLOATING */

  .gspchero__floating {
    position: absolute;
    z-index: 5;
    min-width: 129px;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(93, 175, 255, 0.2);
    border-radius: 13px;
    background: rgba(5, 21, 42, 0.95);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.27);
  }

  .gspchero__floating > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gspc-cyan);
    background: rgba(37, 216, 244, 0.07);
  }

  .gspchero__floating svg {
    width: 18px;
    height: 18px;
  }

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

  .gspchero__floating small {
    margin-bottom: 2px;
    color: #718a9f;
    font-size: 10px;
  }

  .gspchero__floating strong {
    color: #e4f0fb;
    font-size: 10px;
  }

  .gspchero__floating--power {
    top: 10px;
    left: 2px;
    animation: gspcFloat1 5.3s ease-in-out infinite;
  }

  .gspchero__floating--thermal {
    top: 48px;
    right: 2px;
    animation: gspcFloat2 5.6s ease-in-out infinite;
  }

  .gspchero__floating--storage {
    left: 3px;
    bottom: 26px;
    animation: gspcFloat3 5.8s ease-in-out infinite;
  }

  .gspchero__floating--board {
    right: 2px;
    bottom: 7px;
    animation: gspcFloat4 5.5s ease-in-out infinite;
  }

  /* STATUS */

  .gspchero__status {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    gap: 8px;
    align-items: center;
    margin-top: 14px;
    padding: 12px 3px;
    border-top: 1px solid rgba(93, 175, 255, 0.12);
  }

  .gspchero__status article {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .gspchero__status-light {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--gspc-cyan);
    box-shadow: 0 0 8px rgba(37, 216, 244, 0.55);
  }

  .gspchero__status-light--green {
    background: var(--gspc-green);
    box-shadow: 0 0 8px rgba(72, 217, 154, 0.55);
  }

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

  .gspchero__status small {
    color: #627d93;
    font-size: 9px;
  }

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

  .gspchero__status > i {
    height: 1px;
    background:
      linear-gradient(
        90deg,
        rgba(37, 216, 244, 0.35),
        rgba(37, 216, 244, 0.04)
      );
  }

  /* METRICS */

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

  .gspchero__metrics article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(93, 175, 255, 0.1);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.02);
  }

  .gspchero__metrics small,
  .gspchero__metrics strong,
  .gspchero__metrics span {
    display: block;
  }

  .gspchero__metrics small {
    color: #668196;
    font-size: 9px;
  }

  .gspchero__metrics strong {
    margin-top: 3px;
    color: #d7e6f2;
    font-size: 11px;
  }

  .gspchero__metrics span {
    margin-top: 4px;
    color: #71899d;
    font-size: 9px;
    line-height: 1.45;
  }

  /* NOTE */

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

  .gspchero__lab-note > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gspc-cyan);
    background: rgba(37, 216, 244, 0.06);
  }

  .gspchero__lab-note svg {
    width: 19px;
    height: 19px;
  }

  .gspchero__lab-note p {
    margin: 0;
    color: #859caf;
    font-size: 10px;
    line-height: 1.55;
  }

  /* =========================
     SÍNTOMAS
  ========================== */

  .gspchero__symptoms {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin-top: clamp(46px, 6vw, 70px);
    padding-top: 22px;
    border-top: 1px solid rgba(93, 175, 255, 0.12);
  }

  .gspchero__symptoms-title small,
  .gspchero__symptoms-title strong {
    display: block;
  }

  .gspchero__symptoms-title small {
    margin-bottom: 5px;
    color: #6f8ba1;
    font-size: 10px;
  }

  .gspchero__symptoms-title strong {
    color: #dceaf5;
    font-size: 13px;
    line-height: 1.45;
  }

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

  .gspchero__symptoms-list article {
    min-width: 0;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(93, 175, 255, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gspchero__symptoms-list article:hover {
    transform: translateY(-3px);
    border-color: rgba(37, 216, 244, 0.27);
  }

  .gspchero__symptoms-list article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gspc-cyan);
    background: rgba(37, 216, 244, 0.055);
  }

  .gspchero__symptoms-list svg {
    width: 19px;
    height: 19px;
  }

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

  .gspchero__symptoms-list small {
    color: #698399;
    font-size: 10px;
  }

  .gspchero__symptoms-list strong {
    margin-top: 2px;
    color: #cbdbea;
    font-size: 10px;
    line-height: 1.4;
  }

  /* =========================
     ANIMACIONES
  ========================== */

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

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

  @keyframes gspcScan {
    from {
      transform: translateY(-200px);
    }

    to {
      transform: translateY(1250px);
    }
  }

  @keyframes gspcCpu {
    0%,
    100% {
      box-shadow:
        0 0 0 7px rgba(37, 216, 244, 0.025),
        0 0 20px rgba(37, 216, 244, 0.12);
    }

    50% {
      box-shadow:
        0 0 0 10px rgba(37, 216, 244, 0.04),
        0 0 32px rgba(37, 216, 244, 0.26);
    }
  }

  @keyframes gspcNode {
    0%,
    100% {
      opacity: 0.3;
    }

    50% {
      opacity: 1;
    }
  }

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

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

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

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

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

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

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

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

  @keyframes gspcHalo {
    0%,
    100% {
      opacity: 0.75;
      transform: scale(0.96);
    }

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

  @keyframes gspcDeviceAura {
    0%,
    100% {
      filter:
        drop-shadow(0 22px 28px rgba(0, 0, 0, 0.38))
        drop-shadow(0 0 10px rgba(37, 216, 244, 0.14))
        drop-shadow(0 0 18px rgba(41, 124, 255, 0.10));
      transform: translateY(2px) scale(1);
    }

    50% {
      filter:
        drop-shadow(0 24px 30px rgba(0, 0, 0, 0.40))
        drop-shadow(0 0 16px rgba(37, 216, 244, 0.30))
        drop-shadow(0 0 28px rgba(41, 124, 255, 0.18));
      transform: translateY(-1px) scale(1.012);
    }
  }

  /* =========================
     TABLETA
  ========================== */

  @media (max-width: 1120px) {

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

    .gspchero__content {
      max-width: 900px;
    }

    .gspchero__lab {
      width: min(720px, 100%);
    }

    .gspchero__machine {
      height: 392px;
    }

    .gspchero__device-visual {
      width: min(100%, 500px);
      height: 348px;
    }

    .gspchero__device-image {
      width: min(100%, 438px);
      max-height: 330px;
    }

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

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

  }

  @media (max-width: 820px) {

    .gspchero__facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      max-width: 620px;
    }

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

  }

  /* =========================
     MÓVIL
  ========================== */

  @media (max-width: 700px) {

    .gspchero {
      min-height: 0;
      padding: 68px 17px 30px;
    }

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

    .gspchero__lead {
      font-size: 14px;
      line-height: 1.75;
    }

    .gspchero__actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .gspchero__btn {
      width: 100%;
    }

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

    .gspchero__machine {
      height: auto;
      min-height: 336px;
      padding: 8px 0 2px;
    }

    .gspchero__device-visual {
      width: min(100%, 400px);
      height: 292px;
    }

    .gspchero__device-image {
      width: min(100%, 350px);
      max-height: 282px;
    }

  }

  @media (max-width: 480px) {


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

    .gspchero__reception-note p {
      font-size: 10px;
    }

    .gspchero__layout {
      gap: 35px;
    }

    .gspchero__eyebrow {
      font-size: 10px;
      letter-spacing: 1.15px;
    }

    .gspchero__lab-top {
      align-items: flex-start;
    }

    .gspchero__lab-top > span {
      font-size: 9px;
    }

    .gspchero__lab-top > strong {
      font-size: 9px;
    }

    .gspchero__display {
      margin-right: -3px;
      margin-left: -3px;
    }

    .gspchero__machine {
      height: auto;
      min-height: 0;
      overflow: visible;
      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));
      gap: 8px;
      padding: 10px 0 2px;
    }

    .gspchero__device-visual {
      grid-column: 1 / -1;
      width: 100%;
      height: 244px;
      margin-bottom: 3px;
    }

    .gspchero__device-visual::before {
      width: 92%;
    }

    .gspchero__device-visual::after {
      right: 14%;
      bottom: 11px;
      left: 14%;
      height: 20px;
    }

    .gspchero__device-image {
      width: min(100%, 286px);
      max-height: 234px;
      transform: translateY(1px);
    }

    .gspchero__floating {
      position: relative;
      inset: auto;
      width: 100%;
      min-width: 0;
      grid-template-columns: 31px minmax(0, 1fr);
      gap: 7px;
      padding: 8px;
      animation: none !important;
      transform: none !important;
    }

    .gspchero__floating > span {
      width: 31px;
      height: 31px;
    }

    .gspchero__floating small {
      font-size: 9px;
    }

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


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

    .gspchero__status > i {
      display: none;
    }

    .gspchero__status article {
      padding: 7px;
      border: 1px solid rgba(93, 175, 255, 0.08);
      border-radius: 9px;
    }

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

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

  }


  @media (max-width: 390px) {

    .gspchero__device-visual {
      height: 224px;
    }

    .gspchero__device-image {
      width: min(100%, 268px);
      max-height: 218px;
    }

    .gspchero__floating {
      grid-template-columns: 29px minmax(0, 1fr);
      gap: 6px;
      padding: 7px 6px;
    }

    .gspchero__floating > span {
      width: 29px;
      height: 29px;
    }

    .gspchero__floating small {
      font-size: 8.5px;
      line-height: 1.2;
    }

    .gspchero__floating strong {
      font-size: 9.5px;
      line-height: 1.3;
    }

  }

  /* ACCESIBILIDAD */

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

    .gspchero__scan,
    .gspchero__eyebrow > span,
    .gspchero__lab-top > span i,
    .gspchero__device-visual::before,
    .gspchero__device-image,
    .gspchero__floating {
      animation: none !important;
    }

    .gspchero__btn,
    .gspchero__symptoms-list article {
      transition: none !important;
    }

  }


/* =========================================================
   PROBLEMAS Y REPARACIONES PRINCIPALES
   ID: reparaciones-computadoras
   ========================================================= */

.gspcrepairs {
    --gspr-cyan: #25d8f4;
    --gspr-blue: #297cff;
    --gspr-green: #48d99a;
    --gspr-yellow: #ffc85c;
    --gspr-white: #ffffff;
    --gspr-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gspr-white);
    background:
      radial-gradient(circle at 9% 15%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 93% 84%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  .gspcrepairs__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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gspcrepairs__glow--cyan {
    top: 6%;
    left: -210px;
    opacity: .1;
    background: var(--gspr-cyan);
  }

  .gspcrepairs__glow--blue {
    right: -210px;
    bottom: 6%;
    opacity: .14;
    background: var(--gspr-blue);
  }

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

  /* HEADER */

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

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

  .gspcrepairs__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gspr-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gsprPulse 2.4s ease-in-out infinite;
  }

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

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

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

  .gspcrepairs__principle {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gspcrepairs__principle > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gspr-cyan);
    background: rgba(37,216,244,.07);
  }

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

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

  .gspcrepairs__principle small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

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

  /* LAYOUT */

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

  /* PANEL */

  .gspcrepairs__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(37,216,244,.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);
  }

  .gspcrepairs__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;
  }

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

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

  .gspcrepairs__panel-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gspcrepairs__panel-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gspr-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gsprPulse 2.4s ease-in-out infinite;
  }

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

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

  .gspcrepairs__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 40px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.2px;
  }

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

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

  /* VISUAL */

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

  .gspcrepairs__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsprRing 4.6s ease-in-out infinite;
  }

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

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

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

  .gspcrepairs__axis {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.15),
      transparent
    );
    transform: translate(-50%, -50%);
  }

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

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

  .gspcrepairs__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(37,216,244,.17),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(37,216,244,.035),
      0 0 32px rgba(37,216,244,.15);
    animation: gsprFloat 4s ease-in-out infinite;
  }

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

  .gspcrepairs__core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 8px;
    font-weight: 700;
    text-align: center;
  }

  .gspcrepairs__floating {
    position: absolute;
    z-index: 6;
    min-width: 128px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

  .gspcrepairs__floating > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gspr-cyan);
    background: rgba(37,216,244,.07);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcrepairs__floating small {
    color: #71899f;
    font-size: 9px;
  }

  .gspcrepairs__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 10px;
  }

  .gspcrepairs__floating--power {
    top: 17px;
    left: 0;
    animation: gsprCard1 5.2s ease-in-out infinite;
  }

  .gspcrepairs__floating--thermal {
    top: 46px;
    right: 0;
    animation: gsprCard2 5.6s ease-in-out infinite;
  }

  .gspcrepairs__floating--storage {
    left: 5px;
    bottom: 28px;
    animation: gsprCard3 5.5s ease-in-out infinite;
  }

  .gspcrepairs__floating--board {
    right: 4px;
    bottom: 14px;
    animation: gsprCard4 5.8s ease-in-out infinite;
  }

  /* FLOW */

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

  .gspcrepairs__flow article {
    text-align: center;
  }

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

  .gspcrepairs__flow small {
    color: var(--gspr-cyan);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcrepairs__flow > i {
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.35),
      rgba(37,216,244,.05)
    );
  }

  /* EJEMPLO */

  .gspcrepairs__example {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(255,200,92,.12);
    border-radius: 13px;
    background: rgba(255,200,92,.025);
  }

  .gspcrepairs__example > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gspr-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcrepairs__example svg {
    width: 20px;
    height: 20px;
  }

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

  .gspcrepairs__example small {
    color: #a3916c;
    font-size: 9px;
  }

  .gspcrepairs__example strong {
    margin-top: 3px;
    color: #ded1b7;
    font-size: 10px;
    line-height: 1.45;
  }

  .gspcrepairs__example p {
    margin: 5px 0 0;
    color: #948b78;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTENT */

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

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

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

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

  /* CARDS */

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

  .gspcrepairs__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,.15);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.05), transparent 40%),
      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;
  }

  .gspcrepairs__card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,216,244,.33);
  }

  .gspcrepairs__card--board {
    border-color: rgba(37,216,244,.22);
  }

  .gspcrepairs__card--maintenance {
    border-color: rgba(72,217,154,.17);
  }

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

  .gspcrepairs__icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 16px;
    color: var(--gspr-cyan);
    background: rgba(37,216,244,.065);
  }

  .gspcrepairs__icon--warning {
    border-color: rgba(255,200,92,.18);
    color: var(--gspr-yellow);
    background: rgba(255,200,92,.055);
  }

  .gspcrepairs__icon--board {
    box-shadow: 0 0 22px rgba(37,216,244,.08);
  }

  .gspcrepairs__icon--green {
    border-color: rgba(72,217,154,.19);
    color: var(--gspr-green);
    background: rgba(72,217,154,.06);
  }

  .gspcrepairs__icon svg {
    width: 26px;
    height: 26px;
  }

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

  .gspcrepairs__card small {
    display: block;
    color: #708ba2;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

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

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

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

  .gspcrepairs__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;
    line-height: 1;
    font-weight: 650;
  }

  /* DIAGNOSTIC NOTE */

  .gspcrepairs__diagnostic-note {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr);
    gap: 24px;
    align-items: center;
    margin-top: 29px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.15);
    border-radius: 20px;
    background: rgba(1,12,26,.39);
  }

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

  .gspcrepairs__diagnostic-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gspr-cyan);
    background: rgba(37,216,244,.07);
  }

  .gspcrepairs__diagnostic-copy svg {
    width: 24px;
    height: 24px;
  }

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

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

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

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

  .gspcrepairs__diagnostic-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gspcrepairs__diagnostic-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 12px;
    background: rgba(255,255,255,.022);
  }

  .gspcrepairs__diagnostic-flow span,
  .gspcrepairs__diagnostic-flow strong,
  .gspcrepairs__diagnostic-flow small {
    display: block;
  }

  .gspcrepairs__diagnostic-flow span {
    color: var(--gspr-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gspcrepairs__diagnostic-flow strong {
    margin-top: 4px;
    color: #dcecff;
    font-size: 10px;
  }

  .gspcrepairs__diagnostic-flow small {
    margin-top: 3px;
    color: #71899f;
    font-size: 9px;
    line-height: 1.45;
  }

  .gspcrepairs__diagnostic-flow > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* CTA */

  .gspcrepairs__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gspcrepairs__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gspr-green);
    background: rgba(72,217,154,.07);
  }

  .gspcrepairs__cta-copy svg {
    width: 23px;
    height: 23px;
  }

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

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

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

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

  .gspcrepairs__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;
  }


  .gspcrepairs__cta > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }

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

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

  /* ANIMACIONES */

  @keyframes gsprPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gsprRing {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

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

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

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

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

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

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspcrepairs__panel {
      position: static;
    }

    .gspcrepairs__diagnostic-note {
      grid-template-columns: 1fr;
    }

  }

  @media (max-width: 850px) {

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

    .gspcrepairs__diagnostic-flow {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gspcrepairs__diagnostic-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

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

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

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

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

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

  }

  @media (max-width: 480px) {

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

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

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

    .gspcrepairs__flow > i {
      display: none;
    }

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

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

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

    .gspcrepairs__diagnostic-copy,
    .gspcrepairs__cta-copy {
      grid-template-columns: 1fr;
    }

    .gspcrepairs__diagnostic-flow {
      grid-template-columns: 1fr;
    }

  }

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

    .gspcrepairs__eyebrow > span,
    .gspcrepairs__panel-head > span i,
    .gspcrepairs__ring,
    .gspcrepairs__core,
    .gspcrepairs__floating {
      animation: none !important;
    }

    .gspcrepairs__card,
    .gspcrepairs__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   DIAGNÓSTICO ELECTRÓNICO Y COMPONENTES
   ID: diagnostico-electronico-computadoras
   ========================================================= */

.gspchardware {
    --gshw-cyan: #25d8f4;
    --gshw-blue: #297cff;
    --gshw-green: #48d99a;
    --gshw-red: #ff6b76;
    --gshw-yellow: #ffc85c;
    --gshw-white: #ffffff;
    --gshw-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gshw-white);
    background:
      radial-gradient(circle at 8% 17%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 93% 83%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  .gspchardware__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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gspchardware__glow--cyan {
    top: 7%;
    left: -210px;
    opacity: .1;
    background: var(--gshw-cyan);
  }

  .gspchardware__glow--blue {
    right: -210px;
    bottom: 7%;
    opacity: .14;
    background: var(--gshw-blue);
  }

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

  /* HEADER */

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

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

  .gspchardware__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gshw-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gshwPulse 2.4s ease-in-out infinite;
  }

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

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

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

  .gspchardware__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gspchardware__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gshw-cyan);
    background: rgba(37,216,244,.07);
  }

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

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

  .gspchardware__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

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

  /* LAYOUT */

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

  /* PANEL */

  .gspchardware__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(37,216,244,.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);
  }

  .gspchardware__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;
  }

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

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

  .gspchardware__panel-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gspchardware__panel-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gshw-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gshwPulse 2.4s ease-in-out infinite;
  }

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

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

  .gspchardware__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.12;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

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

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

  /* BOARD */

  .gspchardware__board {
    position: relative;
    width: 315px;
    height: 300px;
    max-width: 100%;
    margin: 16px auto 8px;
    display: grid;
    place-items: center;
  }

  .gspchardware__board-frame {
    position: relative;
    width: 238px;
    height: 185px;
    border: 1px solid rgba(37,216,244,.22);
    border-radius: 16px;
    background:
      linear-gradient(
        90deg,
        rgba(37,216,244,.025) 1px,
        transparent 1px
      ),
      linear-gradient(
        rgba(37,216,244,.025) 1px,
        transparent 1px
      ),
      rgba(5,31,42,.6);
    background-size: 16px 16px;
    box-shadow:
      0 0 0 9px rgba(37,216,244,.018),
      0 0 30px rgba(37,216,244,.08);
    transform: perspective(600px) rotateX(4deg) rotateZ(-2deg);
  }

  .gspchardware__chip {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(37,216,244,.42);
    border-radius: 17px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.18),
      rgba(41,124,255,.11)
    );
    box-shadow:
      0 0 0 7px rgba(37,216,244,.025),
      0 0 25px rgba(37,216,244,.15);
    transform: translate(-50%, -50%);
    animation: gshwChip 3.8s ease-in-out infinite;
  }

  .gspchardware__chip > span {
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(37,216,244,.12);
    border-radius: 11px;
  }

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

  .gspchardware__chip small {
    position: absolute;
    right: 0;
    bottom: 4px;
    left: 0;
    color: #69b8d5;
    font-size: 8px;
    text-align: center;
  }

  .gspchardware__trace {
    position: absolute;
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.7),
      rgba(37,216,244,.04)
    );
  }

  .gspchardware__trace--1 {
    top: 32px;
    left: 28px;
    width: 80px;
  }

  .gspchardware__trace--2 {
    top: 72px;
    left: 16px;
    width: 88px;
  }

  .gspchardware__trace--3 {
    bottom: 35px;
    left: 24px;
    width: 90px;
  }

  .gspchardware__trace--4 {
    top: 28px;
    right: 26px;
    width: 72px;
    transform: rotate(180deg);
  }

  .gspchardware__trace--5 {
    top: 78px;
    right: 17px;
    width: 80px;
    transform: rotate(180deg);
  }

  .gspchardware__trace--6 {
    right: 25px;
    bottom: 33px;
    width: 76px;
    transform: rotate(180deg);
  }

  .gspchardware__trace--7 {
    top: 122px;
    left: 104px;
    width: 55px;
    transform: rotate(45deg);
  }

  .gspchardware__node {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gshw-cyan);
    box-shadow: 0 0 8px rgba(37,216,244,.75);
    animation: gshwNode 2.4s ease-in-out infinite;
  }

  .gspchardware__node--1 {
    top: 29px;
    left: 73px;
  }

  .gspchardware__node--2 {
    top: 69px;
    left: 43px;
    animation-delay: -.5s;
  }

  .gspchardware__node--3 {
    right: 54px;
    top: 25px;
    animation-delay: -1s;
  }

  .gspchardware__node--4 {
    right: 48px;
    bottom: 30px;
    animation-delay: -1.5s;
  }

  .gspchardware__node--5 {
    left: 62px;
    bottom: 32px;
    animation-delay: -2s;
  }

  .gspchardware__component {
    position: absolute;
    border: 1px solid rgba(92,174,255,.14);
    border-radius: 6px;
    background: rgba(255,255,255,.025);
  }

  .gspchardware__component--ram {
    top: 19px;
    left: 19px;
    width: 18px;
    height: 94px;
    display: grid;
    gap: 3px;
    padding: 3px;
  }

  .gspchardware__component--ram i {
    background: rgba(72,217,154,.28);
    border-radius: 2px;
  }

  .gspchardware__component--ram small {
    position: absolute;
    left: 24px;
    top: 35px;
    color: #6ca88c;
    font-size: 9px;
  }

  .gspchardware__component--power {
    right: 17px;
    top: 18px;
    width: 43px;
    height: 39px;
    display: grid;
    place-items: center;
  }

  .gspchardware__component--power span {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: rgba(255,200,92,.6);
  }

  .gspchardware__component--power small {
    position: absolute;
    bottom: 2px;
    color: #a79266;
    font-size: 9px;
  }

  .gspchardware__component--bios {
    left: 27px;
    bottom: 20px;
    width: 38px;
    height: 28px;
    display: grid;
    place-items: center;
  }

  .gspchardware__component--bios small {
    color: #7894aa;
    font-size: 9px;
  }

  .gspchardware__component--ssd {
    right: 15px;
    bottom: 20px;
    width: 58px;
    height: 26px;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 4px;
  }

  .gspchardware__component--ssd span {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--gshw-yellow);
  }

  .gspchardware__component--ssd small {
    color: #a99569;
    font-size: 7px;
  }

  /* FLOTANTES */

  .gspchardware__floating {
    position: absolute;
    z-index: 5;
    min-width: 126px;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.95);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

  .gspchardware__floating > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gshw-cyan);
    background: rgba(37,216,244,.07);
    font-size: 10px;
    font-weight: 850;
  }

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

  .gspchardware__floating small {
    color: #71899f;
    font-size: 9px;
  }

  .gspchardware__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 10px;
  }

  .gspchardware__floating--voltage {
    top: 20px;
    left: 0;
    animation: gshwCard1 5.2s ease-in-out infinite;
  }

  .gspchardware__floating--thermal {
    top: 47px;
    right: 0;
    animation: gshwCard2 5.6s ease-in-out infinite;
  }

  .gspchardware__floating--current {
    bottom: 20px;
    right: 5px;
    animation: gshwCard3 5.5s ease-in-out infinite;
  }

  /* PROCESS */

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

  .gspchardware__process article {
    text-align: center;
  }

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

  .gspchardware__process small {
    color: var(--gshw-cyan);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspchardware__process > i {
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.35),
      rgba(37,216,244,.05)
    );
  }

  /* PANEL NOTE */

  .gspchardware__panel-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(255,200,92,.13);
    border-radius: 13px;
    background: rgba(255,200,92,.025);
  }

  .gspchardware__panel-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gshw-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspchardware__panel-note svg {
    width: 21px;
    height: 21px;
  }

  .gspchardware__panel-note strong {
    display: block;
    color: #e4d7ba;
    font-size: 10px;
    line-height: 1.45;
  }

  .gspchardware__panel-note p {
    margin: 4px 0 0;
    color: #958d7b;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTENT */

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

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

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

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

  /* CARDS */

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

  .gspchardware__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,.15);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.05), transparent 40%),
      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;
  }

  .gspchardware__card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,216,244,.33);
  }

  .gspchardware__card--wide {
    grid-column: 1 / -1;
    border-color: rgba(72,217,154,.17);
  }

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

  .gspchardware__icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 16px;
    color: var(--gshw-cyan);
    background: rgba(37,216,244,.065);
  }

  .gspchardware__icon--danger {
    border-color: rgba(255,107,118,.17);
    color: var(--gshw-red);
    background: rgba(255,107,118,.055);
  }

  .gspchardware__icon--thermal {
    border-color: rgba(255,200,92,.17);
    color: var(--gshw-yellow);
    background: rgba(255,200,92,.055);
  }

  .gspchardware__icon--green {
    border-color: rgba(72,217,154,.18);
    color: var(--gshw-green);
    background: rgba(72,217,154,.06);
  }

  .gspchardware__icon svg {
    width: 26px;
    height: 26px;
  }

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

  .gspchardware__card small {
    display: block;
    color: #708ba2;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

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

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

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

  .gspchardware__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;
    line-height: 1;
    font-weight: 650;
  }

  /* METHOD */

  .gspchardware__method {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 29px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.15);
    border-radius: 20px;
    background: rgba(1,12,26,.39);
  }

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

  .gspchardware__method-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gshw-green);
    background: rgba(72,217,154,.07);
  }

  .gspchardware__method-copy svg {
    width: 25px;
    height: 25px;
  }

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

  .gspchardware__method-copy small {
    margin-bottom: 4px;
    color: #729b87;
    font-size: 9px;
  }

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

  .gspchardware__method-copy p {
    margin: 6px 0 0;
    color: #82978d;
    font-size: 10px;
    line-height: 1.6;
  }

  .gspchardware__method-flow {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
  }

  .gspchardware__method-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 12px;
    background: rgba(255,255,255,.022);
  }

  .gspchardware__method-flow span,
  .gspchardware__method-flow strong,
  .gspchardware__method-flow small {
    display: block;
  }

  .gspchardware__method-flow span {
    color: var(--gshw-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gspchardware__method-flow strong {
    margin-top: 4px;
    color: #dcecff;
    font-size: 10px;
  }

  .gspchardware__method-flow small {
    margin-top: 3px;
    color: #71899f;
    font-size: 8px;
    line-height: 1.45;
  }

  .gspchardware__method-flow > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* WARNING */

  .gspchardware__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,200,92,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,200,92,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gspchardware__warning > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gshw-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspchardware__warning svg {
    width: 24px;
    height: 24px;
  }

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

  .gspchardware__warning small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

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

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

  /* CTA */

  .gspchardware__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gspchardware__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gshw-green);
    background: rgba(72,217,154,.07);
  }

  .gspchardware__cta-copy svg {
    width: 23px;
    height: 23px;
  }

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

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

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

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

  .gspchardware__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;
  }


  .gspchardware__cta > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }

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

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

  /* ANIMACIONES */

  @keyframes gshwPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gshwChip {
    0%,100% {
      box-shadow:
        0 0 0 7px rgba(37,216,244,.025),
        0 0 22px rgba(37,216,244,.13);
    }

    50% {
      box-shadow:
        0 0 0 10px rgba(37,216,244,.04),
        0 0 34px rgba(37,216,244,.25);
    }
  }

  @keyframes gshwNode {
    0%,100% {
      opacity: .3;
    }

    50% {
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspchardware__panel {
      position: static;
    }

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

  }

  @media (max-width: 850px) {

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

    .gspchardware__method-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gspchardware__method-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

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

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

    .gspchardware__card--wide {
      grid-column: auto;
    }

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

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

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

  }

  @media (max-width: 480px) {

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

    .gspchardware__board {
      width: 285px;
      height: 280px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.92);
    }

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

    .gspchardware__process > i {
      display: none;
    }

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

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

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

    .gspchardware__method-copy,
    .gspchardware__warning,
    .gspchardware__cta-copy {
      grid-template-columns: 1fr;
    }

    .gspchardware__method-flow {
      grid-template-columns: 1fr;
    }

  }

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

    .gspchardware__eyebrow > span,
    .gspchardware__panel-top > span i,
    .gspchardware__chip,
    .gspchardware__node,
    .gspchardware__floating {
      animation: none !important;
    }

    .gspchardware__card,
    .gspchardware__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   SISTEMA, RENDIMIENTO Y ALMACENAMIENTO
   ID: sistema-rendimiento-almacenamiento-computadoras
   ========================================================= */

.gspcsystem {
    --gss-cyan: #25d8f4;
    --gss-blue: #297cff;
    --gss-green: #48d99a;
    --gss-yellow: #ffc85c;
    --gss-red: #ff6b76;
    --gss-white: #ffffff;
    --gss-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gss-white);
    background:
      radial-gradient(circle at 9% 14%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 92% 84%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  .gspcsystem__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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gspcsystem__glow--cyan {
    top: 6%;
    left: -210px;
    opacity: .1;
    background: var(--gss-cyan);
  }

  .gspcsystem__glow--blue {
    right: -210px;
    bottom: 6%;
    opacity: .14;
    background: var(--gss-blue);
  }

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

  /* HEADER */

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

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

  .gspcsystem__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gss-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gssPulse 2.4s ease-in-out infinite;
  }

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

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

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

  .gspcsystem__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gspcsystem__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gss-cyan);
    background: rgba(37,216,244,.07);
  }

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

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

  .gspcsystem__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

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

  /* LAYOUT */

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

  /* PANEL */

  .gspcsystem__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(37,216,244,.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);
  }

  .gspcsystem__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;
  }

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

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

  .gspcsystem__panel-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gspcsystem__panel-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gss-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gssPulse 2.4s ease-in-out infinite;
  }

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

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

  .gspcsystem__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.12;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

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

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

  /* VISUAL */

  .gspcsystem__visual {
    position: relative;
    width: 315px;
    height: 300px;
    max-width: 100%;
    margin: 14px auto 8px;
    display: grid;
    place-items: center;
  }

  .gspcsystem__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gssRing 4.6s ease-in-out infinite;
  }

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

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

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

  .gspcsystem__axis {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.15),
      transparent
    );
    transform: translate(-50%, -50%);
  }

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

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

  .gspcsystem__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(37,216,244,.17),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(37,216,244,.035),
      0 0 32px rgba(37,216,244,.15);
    animation: gssFloat 4s ease-in-out infinite;
  }

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

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

  .gspcsystem__floating {
    position: absolute;
    z-index: 6;
    min-width: 128px;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

  .gspcsystem__floating > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gss-cyan);
    background: rgba(37,216,244,.07);
  }

  .gspcsystem__floating svg {
    width: 18px;
    height: 18px;
  }

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

  .gspcsystem__floating small {
    color: #71899f;
    font-size: 9px;
  }

  .gspcsystem__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 10px;
  }

  .gspcsystem__floating--boot {
    top: 18px;
    left: 0;
    animation: gssCard1 5.2s ease-in-out infinite;
  }

  .gspcsystem__floating--storage {
    top: 50px;
    right: 0;
    animation: gssCard2 5.6s ease-in-out infinite;
  }

  .gspcsystem__floating--performance {
    right: 5px;
    bottom: 20px;
    animation: gssCard3 5.5s ease-in-out infinite;
  }

  /* FLOW */

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

  .gspcsystem__flow article {
    text-align: center;
  }

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

  .gspcsystem__flow small {
    color: var(--gss-cyan);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcsystem__flow > i {
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.35),
      rgba(37,216,244,.05)
    );
  }

  .gspcsystem__panel-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(255,200,92,.13);
    border-radius: 13px;
    background: rgba(255,200,92,.025);
  }

  .gspcsystem__panel-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gss-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcsystem__panel-note svg {
    width: 21px;
    height: 21px;
  }

  .gspcsystem__panel-note p {
    margin: 0;
    color: #978f7e;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTENT */

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

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

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

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

  /* CARDS */

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

  .gspcsystem__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,.15);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.05), transparent 40%),
      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;
  }

  .gspcsystem__card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,216,244,.33);
  }

  .gspcsystem__card--wide {
    grid-column: 1 / -1;
    border-color: rgba(255,200,92,.17);
  }

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

  .gspcsystem__icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 16px;
    color: var(--gss-cyan);
    background: rgba(37,216,244,.065);
  }

  .gspcsystem__icon--warning {
    border-color: rgba(255,200,92,.18);
    color: var(--gss-yellow);
    background: rgba(255,200,92,.055);
  }

  .gspcsystem__icon--danger {
    border-color: rgba(255,107,118,.17);
    color: var(--gss-red);
    background: rgba(255,107,118,.055);
  }

  .gspcsystem__icon--green {
    border-color: rgba(72,217,154,.18);
    color: var(--gss-green);
    background: rgba(72,217,154,.06);
  }

  .gspcsystem__icon--data {
    border-color: rgba(255,200,92,.18);
    color: var(--gss-yellow);
    background: rgba(255,200,92,.055);
  }

  .gspcsystem__icon svg {
    width: 26px;
    height: 26px;
  }

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

  .gspcsystem__card small {
    display: block;
    color: #708ba2;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

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

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

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

  .gspcsystem__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;
    line-height: 1;
    font-weight: 650;
  }

  /* DIFFERENCE */

  .gspcsystem__difference {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 29px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.15);
    border-radius: 20px;
    background: rgba(1,12,26,.39);
  }

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

  .gspcsystem__difference-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gss-cyan);
    background: rgba(37,216,244,.07);
  }

  .gspcsystem__difference-copy svg {
    width: 24px;
    height: 24px;
  }

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

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

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

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

  .gspcsystem__difference-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gspcsystem__difference-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 12px;
    background: rgba(255,255,255,.022);
  }

  .gspcsystem__difference-flow span,
  .gspcsystem__difference-flow strong,
  .gspcsystem__difference-flow small {
    display: block;
  }

  .gspcsystem__difference-flow span {
    color: var(--gss-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gspcsystem__difference-flow strong {
    margin-top: 4px;
    color: #dcecff;
    font-size: 10px;
  }

  .gspcsystem__difference-flow small {
    margin-top: 3px;
    color: #71899f;
    font-size: 9px;
    line-height: 1.45;
  }

  .gspcsystem__difference-flow > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* DATA WARNING */

  .gspcsystem__data-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,200,92,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,200,92,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gspcsystem__data-warning > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gss-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcsystem__data-warning svg {
    width: 24px;
    height: 24px;
  }

  .gspcsystem__data-warning small,
  .gspcsystem__data-warning strong {
    display: block;
  }

  .gspcsystem__data-warning small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gspcsystem__data-warning strong {
    color: #f1e7d2;
    font-size: 12px;
    line-height: 1.5;
  }

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

  /* CTA */

  .gspcsystem__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gspcsystem__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gss-green);
    background: rgba(72,217,154,.07);
  }

  .gspcsystem__cta-copy svg {
    width: 23px;
    height: 23px;
  }

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

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

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

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

  .gspcsystem__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;
  }


  .gspcsystem__cta > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }

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

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

  /* ANIMACIONES */

  @keyframes gssPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gssRing {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

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

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

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

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspcsystem__panel {
      position: static;
    }

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

  }

  @media (max-width: 850px) {

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

    .gspcsystem__difference-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gspcsystem__difference-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

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

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

    .gspcsystem__card--wide {
      grid-column: auto;
    }

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

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

  }

  @media (max-width: 480px) {

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

    .gspcsystem__visual {
      width: 285px;
      height: 280px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.92);
    }

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

    .gspcsystem__flow > i {
      display: none;
    }

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

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

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

    .gspcsystem__difference-copy,
    .gspcsystem__data-warning,
    .gspcsystem__cta-copy {
      grid-template-columns: 1fr;
    }

    .gspcsystem__difference-flow {
      grid-template-columns: 1fr;
    }

  }

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

    .gspcsystem__eyebrow > span,
    .gspcsystem__panel-top > span i,
    .gspcsystem__ring,
    .gspcsystem__core,
    .gspcsystem__floating {
      animation: none !important;
    }

    .gspcsystem__card,
    .gspcsystem__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   COMPUTADORAS PORTÁTILES Y DE ESCRITORIO
   ID: laptops-computadoras-escritorio
   ========================================================= */

.gspcequipos {
    --gseq-cyan: #25d8f4;
    --gseq-blue: #297cff;
    --gseq-green: #48d99a;
    --gseq-yellow: #ffc85c;
    --gseq-white: #ffffff;
    --gseq-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gseq-white);
    background:
      radial-gradient(circle at 8% 15%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 93% 82%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  .gspcequipos__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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gspcequipos__glow--cyan {
    top: 6%;
    left: -210px;
    opacity: .1;
    background: var(--gseq-cyan);
  }

  .gspcequipos__glow--blue {
    right: -210px;
    bottom: 8%;
    opacity: .14;
    background: var(--gseq-blue);
  }

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

  /* HEADER */

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

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

  .gspcequipos__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gseq-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gseqPulse 2.4s ease-in-out infinite;
  }

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

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

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

  .gspcequipos__principle {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gspcequipos__principle > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gseq-cyan);
    background: rgba(37,216,244,.07);
  }

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

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

  .gspcequipos__principle small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

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

  /* TYPES */

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

  .gspcequipos__type {
    min-width: 0;
    padding: 24px;
    border: 1px solid rgba(92,174,255,.18);
    border-radius: 25px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.07), transparent 36%),
      rgba(255,255,255,.026);
    box-shadow:
      0 24px 55px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  .gspcequipos__type--desktop {
    background:
      radial-gradient(circle at 100% 0%, rgba(41,124,255,.09), transparent 36%),
      rgba(255,255,255,.026);
  }

  .gspcequipos__type-top {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
  }

  .gspcequipos__type-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.23);
    border-radius: 17px;
    color: var(--gseq-cyan);
    background: rgba(37,216,244,.065);
  }

  .gspcequipos__type-icon svg {
    width: 28px;
    height: 28px;
  }

  .gspcequipos__type-top small {
    display: block;
    color: #718da4;
    font-size: 10px;
  }

  .gspcequipos__type-top h3 {
    margin: 3px 0 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.25;
  }

  .gspcequipos__type-code {
    color: #628096;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .8px;
  }

  .gspcequipos__type-lead {
    margin: 19px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  .gspcequipos__subtypes {
    display: grid;
    gap: 9px;
    margin-top: 19px;
  }

  .gspcequipos__subtypes article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 12px;
    background: rgba(255,255,255,.019);
  }

  .gspcequipos__subtypes article > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gseq-cyan);
    background: rgba(37,216,244,.055);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcequipos__subtypes small {
    color: #6d879d;
    font-size: 9px;
  }

  .gspcequipos__subtypes strong {
    margin-top: 2px;
    color: #dceaf5;
    font-size: 11px;
  }

  .gspcequipos__subtypes p {
    margin: 4px 0 0;
    color: #7e96aa;
    font-size: 10px;
    line-height: 1.55;
  }

  .gspcequipos__type-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(92,174,255,.1);
  }

  .gspcequipos__type-tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.02);
    font-size: 9px;
    font-weight: 650;
  }

  /* COMPAT */

  .gspcequipos__compat {
    margin-top: clamp(55px, 6vw, 80px);
  }

  .gspcequipos__compat-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .65fr);
    gap: 35px;
    align-items: end;
    margin-bottom: 26px;
  }

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

  .gspcequipos__compat-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 44px);
    line-height: 1.1;
    font-weight: 790;
    letter-spacing: -1.3px;
  }

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

  .gspcequipos__compat-layout {
    display: grid;
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
    gap: 26px;
    align-items: start;
  }

  /* HUD */

  .gspcequipos__hud {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 23px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 25px;
    background:
      radial-gradient(circle at 50% 40%, rgba(37,216,244,.13), transparent 45%),
      linear-gradient(145deg, rgba(15,48,84,.72), rgba(4,17,35,.94));
    box-shadow:
      0 28px 65px rgba(0,0,0,.25),
      inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter: blur(14px);
  }

  .gspcequipos__hud-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;
  }

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

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

  .gspcequipos__hud-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .65px;
  }

  .gspcequipos__hud-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gseq-green);
    box-shadow: 0 0 10px rgba(72,217,154,.65);
    animation: gseqPulse 2.4s ease-in-out infinite;
  }

  .gspcequipos__hud-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .gspcequipos__hud-visual {
    position: relative;
    width: 300px;
    height: 300px;
    max-width: 100%;
    margin: 12px auto;
    display: grid;
    place-items: center;
  }

  .gspcequipos__hud-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gseqRing 4.6s ease-in-out infinite;
  }

  .gspcequipos__hud-ring--1 {
    width: 260px;
    height: 260px;
  }

  .gspcequipos__hud-ring--2 {
    width: 190px;
    height: 190px;
    animation-delay: -1.5s;
  }

  .gspcequipos__hud-ring--3 {
    width: 115px;
    height: 115px;
    animation-delay: -3s;
  }

  .gspcequipos__hud-core {
    position: relative;
    z-index: 5;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98,197,246,.43);
    border-radius: 32px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.17),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(37,216,244,.035),
      0 0 32px rgba(37,216,244,.15);
    animation: gseqFloat 4s ease-in-out infinite;
  }

  .gspcequipos__hud-core img {
    width: 84px;
    height: 84px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gspcequipos__hud-core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
  }

  .gspcequipos__hud-node {
    position: absolute;
    z-index: 6;
    min-width: 80px;
    padding: 8px;
    border: 1px solid rgba(92,174,255,.18);
    border-radius: 11px;
    background: rgba(5,21,42,.94);
    text-align: center;
  }

  .gspcequipos__hud-node span,
  .gspcequipos__hud-node small {
    display: block;
  }

  .gspcequipos__hud-node span {
    color: var(--gseq-cyan);
    font-size: 10px;
    font-weight: 850;
  }

  .gspcequipos__hud-node small {
    margin-top: 2px;
    color: #70889c;
    font-size: 9px;
  }

  .gspcequipos__hud-node--cpu {
    top: 20px;
    left: 8px;
    animation: gseqNode1 5.2s ease-in-out infinite;
  }

  .gspcequipos__hud-node--ram {
    top: 45px;
    right: 7px;
    animation: gseqNode2 5.5s ease-in-out infinite;
  }

  .gspcequipos__hud-node--gpu {
    left: 7px;
    bottom: 25px;
    animation: gseqNode3 5.7s ease-in-out infinite;
  }

  .gspcequipos__hud-node--psu {
    right: 7px;
    bottom: 13px;
    animation: gseqNode4 5.4s ease-in-out infinite;
  }

  .gspcequipos__hud-status {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    align-items: stretch;
    padding-top: 14px;
    border-top: 1px solid rgba(92,174,255,.13);
  }

  .gspcequipos__hud-status article {
    min-width: 0;
    padding: 7px 4px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.015);
    text-align: center;
  }

  .gspcequipos__hud-status small,
  .gspcequipos__hud-status strong {
    display: block;
  }

  .gspcequipos__hud-status small {
    color: var(--gseq-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gspcequipos__hud-status strong {
    margin-top: 3px;
    color: #91a9bc;
    font-size: 8px;
  }


  .gspcequipos__hud-note {
    margin-top: 14px;
    padding: 11px;
    border: 1px solid rgba(37,216,244,.1);
    border-radius: 11px;
    color: #849bae;
    background: rgba(255,255,255,.018);
    font-size: 10px;
    line-height: 1.55;
  }

  /* COMPONENTS */

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

  .gspcequipos__component {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.14);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.045), transparent 38%),
      rgba(255,255,255,.024);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gspcequipos__component:hover {
    transform: translateY(-4px);
    border-color: rgba(37,216,244,.3);
  }

  .gspcequipos__component-number {
    position: absolute;
    top: 12px;
    right: 13px;
    color: rgba(255,255,255,.065);
    font-size: 22px;
    font-weight: 850;
  }

  .gspcequipos__component-icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.22);
    border-radius: 15px;
    color: var(--gseq-cyan);
    background: rgba(37,216,244,.06);
  }

  .gspcequipos__component-icon--warning {
    border-color: rgba(255,200,92,.18);
    color: var(--gseq-yellow);
    background: rgba(255,200,92,.055);
  }

  .gspcequipos__component-icon--thermal {
    border-color: rgba(72,217,154,.18);
    color: var(--gseq-green);
    background: rgba(72,217,154,.055);
  }

  .gspcequipos__component-icon svg {
    width: 26px;
    height: 26px;
  }

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

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

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

  /* DECISION */

  .gspcequipos__decision {
    margin-top: 30px;
    padding: 23px;
    border: 1px solid rgba(92,174,255,.14);
    border-radius: 22px;
    background: rgba(1,12,26,.38);
  }

  .gspcequipos__decision-head {
    max-width: 760px;
  }

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

  .gspcequipos__decision-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(26px, 3vw, 37px);
    line-height: 1.15;
    letter-spacing: -1px;
  }

  .gspcequipos__decision-head p {
    margin: 10px 0 0;
    color: #8fa5b8;
    font-size: 12px;
    line-height: 1.7;
  }

  .gspcequipos__decision-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
  }

  .gspcequipos__decision-grid article {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 16px;
    background: rgba(255,255,255,.021);
  }

  .gspcequipos__decision-grid article > span {
    position: absolute;
    top: 13px;
    right: 14px;
    color: rgba(255,255,255,.07);
    font-size: 22px;
    font-weight: 850;
  }

  .gspcequipos__decision-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gseq-cyan);
    background: rgba(37,216,244,.06);
  }

  .gspcequipos__decision-icon--green {
    color: var(--gseq-green);
    background: rgba(72,217,154,.06);
  }

  .gspcequipos__decision-icon--yellow {
    color: var(--gseq-yellow);
    background: rgba(255,200,92,.06);
  }

  .gspcequipos__decision-icon svg {
    width: 23px;
    height: 23px;
  }

  .gspcequipos__decision-grid small {
    display: block;
    margin-top: 13px;
    color: #708ba2;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .6px;
  }

  .gspcequipos__decision-grid h4 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 17px;
  }

  .gspcequipos__decision-grid p {
    margin: 7px 0 0;
    color: #849bae;
    font-size: 10px;
    line-height: 1.65;
  }

  /* NOTE */

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

  .gspcequipos__note > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gseq-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcequipos__note svg {
    width: 24px;
    height: 24px;
  }

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

  .gspcequipos__note small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .7px;
  }

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

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

  /* CTA */

  .gspcequipos__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gspcequipos__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gseq-green);
    background: rgba(72,217,154,.07);
  }

  .gspcequipos__cta-copy svg {
    width: 23px;
    height: 23px;
  }

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

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

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

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

  .gspcequipos__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;
  }


  .gspcequipos__cta > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }

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

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

  /* ANIMACIONES */

  @keyframes gseqPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gseqRing {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

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

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

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

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

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

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspcequipos__compat-layout {
      grid-template-columns: 1fr;
    }

    .gspcequipos__hud {
      position: static;
    }

  }

  @media (max-width: 850px) {

    .gspcequipos__header,
    .gspcequipos__compat-head {
      grid-template-columns: 1fr;
      gap: 22px;
    }

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

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gspcequipos__type {
      padding: 19px 17px;
      border-radius: 21px;
    }

    .gspcequipos__type-top {
      grid-template-columns: 52px minmax(0, 1fr);
    }

    .gspcequipos__type-code {
      grid-column: 1 / -1;
      margin-top: 2px;
    }

    .gspcequipos__hud {
      padding: 19px 17px;
      border-radius: 22px;
      backdrop-filter: none;
    }

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

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

  }

  @media (max-width: 480px) {

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

    .gspcequipos__type-top h3 {
      font-size: 19px;
    }

    .gspcequipos__hud-visual {
      width: 280px;
      height: 280px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.93);
    }

    .gspcequipos__hud-status {
      grid-template-columns: 1fr;
    }

    .gspcequipos__hud-status > i {
      display: none;
    }

    .gspcequipos__hud-status article {
      padding: 7px;
      border: 1px solid rgba(92,174,255,.08);
      border-radius: 9px;
    }

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

    .gspcequipos__note,
    .gspcequipos__cta-copy {
      grid-template-columns: 1fr;
    }

  }

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

    .gspcequipos__eyebrow > span,
    .gspcequipos__hud-top > span i,
    .gspcequipos__hud-ring,
    .gspcequipos__hud-core,
    .gspcequipos__hud-node {
      animation: none !important;
    }

    .gspcequipos__component,
    .gspcequipos__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   PROCESO DE SERVICIO COMPUTADORAS
   ID: proceso-servicio-computadoras
   ========================================================= */

.gspcprocess {
    --gsp-cyan: #25d8f4;
    --gsp-blue: #297cff;
    --gsp-green: #48d99a;
    --gsp-yellow: #ffc85c;
    --gsp-white: #ffffff;
    --gsp-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsp-white);
    background:
      radial-gradient(circle at 8% 15%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 93% 84%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  .gspcprocess__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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gspcprocess__glow--cyan {
    top: 5%;
    left: -210px;
    opacity: .1;
    background: var(--gsp-cyan);
  }

  .gspcprocess__glow--blue {
    right: -210px;
    bottom: 7%;
    opacity: .14;
    background: var(--gsp-blue);
  }

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

  /* HEADER */

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

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

  .gspcprocess__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsp-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gspPulse 2.4s ease-in-out infinite;
  }

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

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

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

  .gspcprocess__principle {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gspcprocess__principle > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsp-green);
    background: rgba(72,217,154,.07);
  }

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

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

  .gspcprocess__principle small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

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

  /* LAYOUT */

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

  /* PANEL */

  .gspcprocess__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(37,216,244,.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);
  }

  .gspcprocess__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;
  }

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

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

  .gspcprocess__panel-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gspcprocess__panel-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsp-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gspPulse 2.4s ease-in-out infinite;
  }

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

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

  .gspcprocess__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.12;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

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

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

  /* VISUAL */

  .gspcprocess__visual {
    position: relative;
    width: 315px;
    height: 300px;
    max-width: 100%;
    margin: 14px auto 8px;
    display: grid;
    place-items: center;
  }

  .gspcprocess__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gspRing 4.6s ease-in-out infinite;
  }

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

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

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

  .gspcprocess__line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 235px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.15),
      transparent
    );
    transform: translate(-50%, -50%);
  }

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

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

  .gspcprocess__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(37,216,244,.17),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(37,216,244,.035),
      0 0 32px rgba(37,216,244,.15);
    animation: gspFloat 4s ease-in-out infinite;
  }

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

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

  .gspcprocess__floating {
    position: absolute;
    z-index: 6;
    min-width: 125px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

  .gspcprocess__floating > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsp-cyan);
    background: rgba(37,216,244,.07);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcprocess__floating small {
    color: #71899f;
    font-size: 9px;
  }

  .gspcprocess__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 10px;
  }

  .gspcprocess__floating--receive {
    top: 17px;
    left: 0;
    animation: gspCard1 5.2s ease-in-out infinite;
  }

  .gspcprocess__floating--diag {
    top: 46px;
    right: 0;
    animation: gspCard2 5.6s ease-in-out infinite;
  }

  .gspcprocess__floating--repair {
    left: 4px;
    bottom: 26px;
    animation: gspCard3 5.5s ease-in-out infinite;
  }

  .gspcprocess__floating--test {
    right: 4px;
    bottom: 13px;
    animation: gspCard4 5.8s ease-in-out infinite;
  }

  /* STATUS */

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

  .gspcprocess__status article {
    min-width: 0;
    padding: 7px 5px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.015);
    text-align: center;
  }

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

  .gspcprocess__status small {
    color: var(--gsp-cyan);
    font-size: 9px;
    font-weight: 850;
  }

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


  .gspcprocess__panel-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(72,217,154,.13);
    border-radius: 13px;
    background: rgba(72,217,154,.025);
  }

  .gspcprocess__panel-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gsp-green);
    background: rgba(72,217,154,.07);
  }

  .gspcprocess__panel-note svg {
    width: 21px;
    height: 21px;
  }

  .gspcprocess__panel-note p {
    margin: 0;
    color: #8fa99a;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTENT */

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

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

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

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

  /* TIMELINE */

  .gspcprocess__timeline {
    display: grid;
  }

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

  .gspcprocess__step-marker {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gspcprocess__step-marker > span {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 12px;
    color: var(--gsp-cyan);
    background: #071d34;
    font-size: 9px;
    font-weight: 850;
  }

  .gspcprocess__step-marker > i {
    width: 1px;
    flex: 1;
    min-height: 35px;
    background: linear-gradient(
      rgba(37,216,244,.27),
      rgba(37,216,244,.05)
    );
  }

  .gspcprocess__step-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 13px;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.045), transparent 38%),
      rgba(255,255,255,.024);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gspcprocess__step-card:hover {
    transform: translateX(4px);
    border-color: rgba(37,216,244,.3);
  }

  .gspcprocess__step--active .gspcprocess__step-card {
    border-color: rgba(37,216,244,.23);
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.08), transparent 40%),
      rgba(37,216,244,.025);
  }

  .gspcprocess__step--green .gspcprocess__step-card {
    border-color: rgba(72,217,154,.18);
  }

  .gspcprocess__step--green .gspcprocess__step-marker > span {
    border-color: rgba(72,217,154,.27);
    color: var(--gsp-green);
  }

  .gspcprocess__step-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.2);
    border-radius: 15px;
    color: var(--gsp-cyan);
    background: rgba(37,216,244,.06);
  }

  .gspcprocess__step--green .gspcprocess__step-icon {
    border-color: rgba(72,217,154,.2);
    color: var(--gsp-green);
    background: rgba(72,217,154,.06);
  }

  .gspcprocess__step-icon svg {
    width: 25px;
    height: 25px;
  }

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

  .gspcprocess__step-card h4 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 16px;
  }

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

  /* CONDITIONS */

  .gspcprocess__conditions {
    margin-top: clamp(50px, 6vw, 75px);
  }

  .gspcprocess__conditions-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .7fr);
    gap: 30px;
    align-items: end;
    margin-bottom: 19px;
  }

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

  .gspcprocess__conditions-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
  }

  .gspcprocess__conditions-head > p {
    margin: 0;
    color: #8ea5b8;
    font-size: 12px;
    line-height: 1.7;
  }

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

  .gspcprocess__condition {
    position: relative;
    min-width: 0;
    padding: 21px;
    border-radius: 20px;
  }

  .gspcprocess__condition--green {
    border: 1px solid rgba(72,217,154,.18);
    background:
      radial-gradient(circle at 100% 0%, rgba(72,217,154,.07), transparent 38%),
      rgba(72,217,154,.025);
  }

  .gspcprocess__condition--yellow {
    border: 1px solid rgba(255,200,92,.18);
    background:
      radial-gradient(circle at 100% 0%, rgba(255,200,92,.07), transparent 38%),
      rgba(255,200,92,.025);
  }

  .gspcprocess__condition-state {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 17px;
    color: #7890a4;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
  }

  .gspcprocess__condition-state i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
  }

  .gspcprocess__condition--green .gspcprocess__condition-state i {
    background: var(--gsp-green);
    box-shadow: 0 0 10px rgba(72,217,154,.6);
  }

  .gspcprocess__condition--yellow .gspcprocess__condition-state i {
    background: var(--gsp-yellow);
    box-shadow: 0 0 10px rgba(255,200,92,.5);
  }

  .gspcprocess__condition-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 15px;
  }

  .gspcprocess__condition--green .gspcprocess__condition-icon {
    color: var(--gsp-green);
    background: rgba(72,217,154,.07);
  }

  .gspcprocess__condition--yellow .gspcprocess__condition-icon {
    color: var(--gsp-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcprocess__condition-icon svg {
    width: 25px;
    height: 25px;
  }

  .gspcprocess__condition > small {
    display: block;
    color: #7890a4;
    font-size: 9px;
  }

  .gspcprocess__condition h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.4;
  }

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

  /* POLICIES */

  .gspcprocess__policies {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 15px;
  }

  .gspcprocess__policies article {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 17px;
    background: rgba(255,255,255,.022);
  }

  .gspcprocess__policy-number {
    position: absolute;
    top: 13px;
    right: 14px;
    color: rgba(255,255,255,.065);
    font-size: 21px;
    font-weight: 850;
  }

  .gspcprocess__policy-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
    border-radius: 13px;
    color: var(--gsp-cyan);
    background: rgba(37,216,244,.06);
  }

  .gspcprocess__policy-icon svg {
    width: 23px;
    height: 23px;
  }

  .gspcprocess__policies small {
    display: block;
    color: #708ba2;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .6px;
  }

  .gspcprocess__policies h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
  }

  .gspcprocess__policies p {
    margin: 7px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.65;
  }

  /* WARRANTY */

  .gspcprocess__warranty {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 22px;
    align-items: center;
    margin-top: 15px;
    padding: 18px;
    border: 1px solid rgba(255,200,92,.15);
    border-radius: 18px;
    background: rgba(255,200,92,.02);
  }

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

  .gspcprocess__warranty-copy > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsp-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcprocess__warranty-copy svg {
    width: 24px;
    height: 24px;
  }

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

  .gspcprocess__warranty-copy small {
    color: #a79776;
    font-size: 9px;
  }

  .gspcprocess__warranty-copy strong {
    margin-top: 3px;
    color: #e9dfca;
    font-size: 12px;
    line-height: 1.5;
  }

  .gspcprocess__warranty-copy p {
    margin: 5px 0 0;
    color: #948c7d;
    font-size: 10px;
  }

  .gspcprocess__warranty-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
  }

  .gspcprocess__warranty-tags span {
    padding: 7px 9px;
    border: 1px solid rgba(255,200,92,.12);
    border-radius: 999px;
    color: #9f9279;
    background: rgba(255,200,92,.025);
    font-size: 9px;
  }

  /* DATA */

  .gspcprocess__data {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 15px;
    padding: 18px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(37,216,244,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gspcprocess__data > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsp-cyan);
    background: rgba(37,216,244,.07);
  }

  .gspcprocess__data svg {
    width: 25px;
    height: 25px;
  }

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

  .gspcprocess__data small {
    margin-bottom: 4px;
    color: #7292a8;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .65px;
  }

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

  .gspcprocess__data p {
    margin: 6px 0 0;
    color: #839aad;
    font-size: 10px;
    line-height: 1.65;
  }

  /* CTA */

  .gspcprocess__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gspcprocess__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsp-green);
    background: rgba(72,217,154,.07);
  }

  .gspcprocess__cta-copy svg {
    width: 23px;
    height: 23px;
  }

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

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

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

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

  .gspcprocess__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;
  }


  .gspcprocess__cta > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }

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

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

  /* ANIMACIONES */

  @keyframes gspPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gspRing {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

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

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

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

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

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

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspcprocess__panel {
      position: static;
    }

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

  }

  @media (max-width: 850px) {

    .gspcprocess__header,
    .gspcprocess__conditions-head {
      grid-template-columns: 1fr;
      gap: 22px;
    }

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

    .gspcprocess__warranty-tags {
      justify-content: flex-start;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

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

    .gspcprocess__conditions-grid,
    .gspcprocess__policies {
      grid-template-columns: 1fr;
    }

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

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

  }

  @media (max-width: 480px) {

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

    .gspcprocess__visual {
      width: 285px;
      height: 280px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.92);
    }

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

    .gspcprocess__status article {
      padding: 8px;
      border: 1px solid rgba(92,174,255,.08);
      border-radius: 9px;
    }

    .gspcprocess__step {
      grid-template-columns: 35px minmax(0, 1fr);
      gap: 9px;
    }

    .gspcprocess__step-marker > span {
      width: 33px;
      height: 33px;
      border-radius: 10px;
    }

    .gspcprocess__step-card {
      grid-template-columns: 1fr;
      padding: 15px;
    }

    .gspcprocess__step-icon {
      width: 47px;
      height: 47px;
    }

    .gspcprocess__warranty-copy,
    .gspcprocess__data,
    .gspcprocess__cta-copy {
      grid-template-columns: 1fr;
    }

  }

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

    .gspcprocess__eyebrow > span,
    .gspcprocess__panel-top > span i,
    .gspcprocess__ring,
    .gspcprocess__core,
    .gspcprocess__floating {
      animation: none !important;
    }

    .gspcprocess__step-card,
    .gspcprocess__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   FAQS COMPUTADORAS
   ID: preguntas-computadoras
   ========================================================= */

.gspcfaq {
    --gsfq-cyan: #25d8f4;
    --gsfq-blue: #297cff;
    --gsfq-green: #48d99a;
    --gsfq-yellow: #ffc85c;
    --gsfq-white: #ffffff;
    --gsfq-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsfq-white);
    background:
      radial-gradient(circle at 8% 14%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 93% 84%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  /* FONDO */

  .gspcfaq__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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gspcfaq__glow--cyan {
    top: 5%;
    left: -210px;
    opacity: .1;
    background: var(--gsfq-cyan);
  }

  .gspcfaq__glow--blue {
    right: -210px;
    bottom: 7%;
    opacity: .14;
    background: var(--gsfq-blue);
  }

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

  /* HEADER */

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

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

  .gspcfaq__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsfq-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gsfqPulse 2.4s ease-in-out infinite;
  }

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

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

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

  .gspcfaq__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gspcfaq__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsfq-cyan);
    background: rgba(37,216,244,.07);
  }

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

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

  .gspcfaq__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

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

  /* LAYOUT */

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

  /* PANEL */

  .gspcfaq__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(37,216,244,.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);
  }

  .gspcfaq__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;
  }

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

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

  .gspcfaq__panel-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gspcfaq__panel-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsfq-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gsfqPulse 2.4s ease-in-out infinite;
  }

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

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

  .gspcfaq__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.12;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

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

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

  /* VISUAL */

  .gspcfaq__visual {
    position: relative;
    width: 315px;
    height: 285px;
    max-width: 100%;
    display: grid;
    place-items: center;
    margin: 14px auto 7px;
  }

  .gspcfaq__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsfqRing 4.6s ease-in-out infinite;
  }

  .gspcfaq__ring--1 {
    width: 255px;
    height: 255px;
  }

  .gspcfaq__ring--2 {
    width: 185px;
    height: 185px;
    animation-delay: -1.5s;
  }

  .gspcfaq__ring--3 {
    width: 112px;
    height: 112px;
    animation-delay: -3s;
  }

  .gspcfaq__axis {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.15),
      transparent
    );
    transform: translate(-50%, -50%) rotate(40deg);
  }

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

  .gspcfaq__core {
    position: relative;
    z-index: 5;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98,197,246,.43);
    border-radius: 32px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.17),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(37,216,244,.035),
      0 0 32px rgba(37,216,244,.15);
    animation: gsfqFloat 4s ease-in-out infinite;
  }

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

  .gspcfaq__core small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #70b9d7;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
  }

  .gspcfaq__floating {
    position: absolute;
    z-index: 6;
    min-width: 123px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

  .gspcfaq__floating > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsfq-cyan);
    background: rgba(37,216,244,.07);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcfaq__floating small {
    color: #71899f;
    font-size: 9px;
  }

  .gspcfaq__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 10px;
  }

  .gspcfaq__floating--time {
    top: 18px;
    left: 0;
    animation: gsfqCard1 5.2s ease-in-out infinite;
  }

  .gspcfaq__floating--warranty {
    top: 50px;
    right: 0;
    animation: gsfqCard2 5.6s ease-in-out infinite;
  }

  .gspcfaq__floating--diag {
    right: 6px;
    bottom: 17px;
    animation: gsfqCard3 5.5s ease-in-out infinite;
  }

  /* FACTS */

  .gspcfaq__panel-facts {
    display: grid;
    gap: 7px;
    padding-top: 14px;
    border-top: 1px solid rgba(92,174,255,.13);
  }

  .gspcfaq__panel-facts article {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gspcfaq__panel-facts article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsfq-green);
    box-shadow: 0 0 8px rgba(72,217,154,.5);
  }

  .gspcfaq__panel-facts small,
  .gspcfaq__panel-facts strong {
    display: block;
  }

  .gspcfaq__panel-facts small {
    color: #71899f;
    font-size: 9px;
  }

  .gspcfaq__panel-facts strong {
    margin-top: 2px;
    color: #b9cddd;
    font-size: 10px;
  }

  .gspcfaq__panel-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(255,200,92,.13);
    border-radius: 13px;
    background: rgba(255,200,92,.025);
  }

  .gspcfaq__panel-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gsfq-yellow);
    background: rgba(255,200,92,.07);
  }

  .gspcfaq__panel-note svg {
    width: 21px;
    height: 21px;
  }

  .gspcfaq__panel-note p {
    margin: 0;
    color: #978f7e;
    font-size: 10px;
    line-height: 1.55;
  }

  /* FAQ CONTENT */

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

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

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

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

  .gspcfaq__questions {
    display: grid;
    gap: 9px;
  }

  /* DETAILS */

  .gspcfaq__item {
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 16px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.04), transparent 35%),
      rgba(255,255,255,.022);
    transition:
      border-color 220ms ease,
      background 220ms ease;
  }

  .gspcfaq__item[open] {
    border-color: rgba(37,216,244,.28);
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.075), transparent 40%),
      rgba(37,216,244,.025);
  }

  .gspcfaq__item summary {
    min-height: 73px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 32px;
    gap: 13px;
    align-items: center;
    padding: 14px 16px;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }

  .gspcfaq__item summary::-webkit-details-marker {
    display: none;
  }


  .gspcfaq__item summary:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: -2px;
    border-radius: 14px;
  }

  .gspcfaq__cta > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }


  .gspcfaq__num {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 10px;
    color: var(--gsfq-cyan);
    background: rgba(37,216,244,.055);
    font-size: 9px;
    font-weight: 850;
  }

  .gspcfaq__item summary small,
  .gspcfaq__item summary strong {
    display: block;
  }

  .gspcfaq__item summary small {
    margin-bottom: 3px;
    color: #708ba2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .55px;
    text-transform: uppercase;
  }

  .gspcfaq__item summary strong {
    color: #e3eef8;
    font-size: 13px;
    line-height: 1.45;
  }

  .gspcfaq__item summary > i {
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 9px;
    background: rgba(255,255,255,.025);
  }

  .gspcfaq__item summary > i::before,
  .gspcfaq__item summary > i::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1.5px;
    border-radius: 2px;
    background: var(--gsfq-cyan);
    transform: translate(-50%, -50%);
    transition: transform 220ms ease;
  }

  .gspcfaq__item summary > i::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .gspcfaq__item[open] summary > i::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .gspcfaq__answer {
    padding: 0 68px 16px 67px;
  }

  .gspcfaq__answer p {
    margin: 0;
    color: #91a6b8;
    font-size: 12px;
    line-height: 1.72;
  }

  .gspcfaq__answer p + p {
    margin-top: 9px;
  }

  .gspcfaq__answer strong {
    color: #d7e7f3;
  }

  /* SUMMARY */

  .gspcfaq__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
  }

  .gspcfaq__summary article {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 17px;
    background: rgba(255,255,255,.021);
  }

  .gspcfaq__summary article > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsfq-cyan);
    background: rgba(37,216,244,.06);
  }

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

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

  .gspcfaq__summary small {
    color: #718ba0;
    font-size: 9px;
  }

  .gspcfaq__summary strong {
    margin-top: 3px;
    color: #dceaf5;
    font-size: 11px;
    line-height: 1.45;
  }

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

  /* CTA */

  .gspcfaq__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 15px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gspcfaq__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsfq-green);
    background: rgba(72,217,154,.07);
  }

  .gspcfaq__cta-copy svg {
    width: 23px;
    height: 23px;
  }

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

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

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

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

  .gspcfaq__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;
  }

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

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

  /* ANIMACIONES */

  @keyframes gsfqPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gsfqRing {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

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

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

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

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspcfaq__panel {
      position: static;
    }

  }

  @media (max-width: 850px) {

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

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

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

    .gspcfaq__item summary {
      grid-template-columns: 35px minmax(0, 1fr) 30px;
      gap: 10px;
      min-height: 70px;
      padding: 13px;
    }

    .gspcfaq__num {
      width: 35px;
      height: 35px;
    }

    .gspcfaq__answer {
      padding: 0 15px 15px 58px;
    }

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

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

  }

  @media (max-width: 480px) {

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

    .gspcfaq__visual {
      width: 280px;
      height: 270px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.93);
    }

    .gspcfaq__item summary strong {
      font-size: 12px;
    }

    .gspcfaq__answer {
      padding: 0 14px 15px;
    }

    .gspcfaq__summary article,
    .gspcfaq__cta-copy {
      grid-template-columns: 1fr;
    }

  }

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

    .gspcfaq__eyebrow > span,
    .gspcfaq__panel-top > span i,
    .gspcfaq__ring,
    .gspcfaq__core,
    .gspcfaq__floating {
      animation: none !important;
    }

    .gspcfaq__item,
    .gspcfaq__item summary > i::before,
    .gspcfaq__item summary > i::after,
    .gspcfaq__cta > a {
      transition: none !important;
    }

  }


/* =========================================================
   CTA FINAL COMPUTADORAS
   ID: cta-computadoras
   ========================================================= */

.gspcfinal {
    --gspf-cyan: #25d8f4;
    --gspf-blue: #297cff;
    --gspf-green: #48d99a;
    --gspf-yellow: #ffc85c;
    --gspf-white: #ffffff;
    --gspf-text: #b8c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(82px, 8vw, 125px) 24px clamp(74px, 7vw, 105px);
    color: var(--gspf-white);
    background:
      radial-gradient(circle at 10% 18%, rgba(37,216,244,.12), transparent 31%),
      radial-gradient(circle at 89% 43%, rgba(41,124,255,.16), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05172e 52%, #0a2851 100%);
    font-family: var(--gs-font-sans);
  }

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

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

  /* FONDO */

  .gspcfinal__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .26;
    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(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gspcfinal__scan {
    position: absolute;
    z-index: -3;
    top: -200px;
    left: 0;
    width: 100%;
    height: 150px;
    opacity: .12;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      transparent,
      rgba(37,216,244,.15),
      transparent
    );
    animation: gspfScan 9s linear infinite;
  }

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

  .gspcfinal__glow--cyan {
    top: 0;
    left: -220px;
    opacity: .1;
    background: var(--gspf-cyan);
  }

  .gspcfinal__glow--blue {
    right: -220px;
    bottom: -70px;
    opacity: .15;
    background: var(--gspf-blue);
  }

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

  /* MAIN */

  .gspcfinal__main {
    display: grid;
    grid-template-columns: minmax(0, 1.07fr) minmax(390px, .73fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: center;
  }

  /* COPY */

  .gspcfinal__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;
  }

  .gspcfinal__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gspf-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 18px rgba(72,217,154,.65);
    animation: gspfPulse 2.4s ease-in-out infinite;
  }

  .gspcfinal__copy h2 {
    max-width: 790px;
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 5vw, 69px);
    line-height: 1.01;
    font-weight: 850;
    letter-spacing: -.057em;
  }

  .gspcfinal__copy h2 span {
    display: block;
    margin-top: 6px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #79e1ff,
      var(--gspf-cyan) 45%,
      #6696ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gspcfinal__lead {
    max-width: 700px;
    margin: 24px 0 0;
    color: var(--gspf-text);
    font-size: 15px;
    line-height: 1.8;
  }

  /* BUTTONS */

  .gspcfinal__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 27px;
  }

  .gspcfinal__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;
  }

  .gspcfinal__button > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
  }

  .gspcfinal__button svg {
    width: 21px;
    height: 21px;
  }

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

  .gspcfinal__button small {
    margin-bottom: 2px;
    font-size: 10px;
  }

  .gspcfinal__button strong {
    font-size: 12px;
  }

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

  .gspcfinal__button--whatsapp {
    border: 1px solid rgba(72,217,154,.26);
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 18px 35px rgba(16,191,124,.18);
  }

  .gspcfinal__button--whatsapp > span {
    background: rgba(255,255,255,.12);
  }

  .gspcfinal__button--whatsapp small {
    color: rgba(255,255,255,.73);
  }


  .gspcfinal__button:focus-visible,
  .gspcfinal__contact > a:focus-visible,
  .gspcfinal__location > a:focus-visible {
    outline: 2px solid rgba(37,216,244,.95);
    outline-offset: 4px;
  }

  .gspcfinal__button--whatsapp:hover {
    transform: translateY(-4px);
    color: #fff !important;
    box-shadow: 0 24px 46px rgba(16,191,124,.27);
  }

  .gspcfinal__button--secondary {
    border: 1px solid rgba(92,174,255,.21);
    color: #dcecff !important;
    background: rgba(255,255,255,.035);
  }

  .gspcfinal__button--secondary > span {
    color: var(--gspf-cyan);
    background: rgba(37,216,244,.07);
  }

  .gspcfinal__button--secondary small {
    color: #7890a4;
  }

  .gspcfinal__button--secondary:hover {
    transform: translateY(-4px);
    border-color: rgba(37,216,244,.4);
    color: #fff !important;
  }


  /* RECEPCIÓN */

  .gspcfinal__reception-note {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    max-width: 760px;
    margin-top: 15px;
    padding: 11px 13px;
    border: 1px solid rgba(72,217,154,.14);
    border-radius: 13px;
    background: rgba(72,217,154,.035);
  }

  .gspcfinal__reception-note > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(72,217,154,.22);
    border-radius: 50%;
    color: #b8f1d1;
    font-size: 11px;
    font-weight: 850;
  }

  .gspcfinal__reception-note p {
    margin: 0;
    color: #839dad;
    font-size: 10px;
    line-height: 1.58;
  }

  .gspcfinal__reception-note strong {
    color: #c6f1d9;
    font-weight: 650;
  }

  /* FACTS */

  .gspcfinal__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    max-width: 930px;
    margin-top: 29px;
  }

  .gspcfinal__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,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
  }

  .gspcfinal__facts article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gspf-cyan);
    background: rgba(37,216,244,.065);
  }

  .gspcfinal__facts svg {
    width: 21px;
    height: 21px;
  }

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

  .gspcfinal__facts small {
    color: #71899f;
    font-size: 10px;
  }

  .gspcfinal__facts strong {
    margin-top: 2px;
    color: #dcecff;
    font-size: 11px;
    line-height: 1.35;
  }

  /* TERMINAL */

  .gspcfinal__terminal {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(92,174,255,.23);
    border-radius: 28px;
    background:
      radial-gradient(circle at 50% 28%, rgba(37,216,244,.12), transparent 42%),
      linear-gradient(145deg, rgba(15,48,84,.79), rgba(4,17,35,.96));
    box-shadow:
      0 34px 80px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(15px);
  }

  .gspcfinal__terminal-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    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: 29px 29px;
  }

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

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

  .gspcfinal__terminal-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .75px;
  }

  .gspcfinal__terminal-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gspf-green);
    box-shadow: 0 0 11px rgba(72,217,154,.7);
    animation: gspfPulse 2.4s ease-in-out infinite;
  }

  .gspcfinal__terminal-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  /* IDENTITY */

  .gspcfinal__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,.14);
  }

  .gspcfinal__logo {
    position: relative;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.28);
    border-radius: 29px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.12),
      rgba(41,124,255,.08)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.025),
      0 0 29px rgba(37,216,244,.12);
  }

  .gspcfinal__logo > span {
    position: absolute;
    inset: -9px;
    border: 1px solid rgba(37,216,244,.08);
    border-radius: 37px;
    animation: gspfLogo 3.5s ease-in-out infinite;
  }

  .gspcfinal__logo img {
    width: 77px;
    height: 77px;
    object-fit: contain;
  }

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

  .gspcfinal__identity small {
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

  .gspcfinal__identity strong {
    margin-top: 5px;
    color: #fff;
    font-size: 17px;
    line-height: 1.35;
  }

  .gspcfinal__identity p {
    margin: 6px 0 0;
    color: #8099ae;
    font-size: 11px;
  }

  /* REQUEST */

  .gspcfinal__request {
    margin-top: 21px;
  }

  .gspcfinal__request-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
  }

  .gspcfinal__request-head strong {
    color: #c8d9e8;
    font-size: 11px;
  }

  .gspcfinal__request-head small {
    color: #637e94;
    font-size: 9px;
  }

  .gspcfinal__request-list {
    display: grid;
    gap: 8px;
  }

  .gspcfinal__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,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.02);
  }

  .gspcfinal__request-list article > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gspf-cyan);
    background: rgba(37,216,244,.06);
    font-size: 9px;
    font-weight: 800;
  }

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

  .gspcfinal__request-list small {
    color: #698399;
    font-size: 9px;
  }

  .gspcfinal__request-list strong {
    margin-top: 2px;
    color: #cbdbea;
    font-size: 10px;
    line-height: 1.4;
  }

  .gspcfinal__request-list article > i {
    color: var(--gspf-green);
    font-size: 12px;
    font-style: normal;
  }

  /* FLOW */

  .gspcfinal__flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin-top: 15px;
  }

  .gspcfinal__flow article {
    padding: 9px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gspcfinal__flow article span,
  .gspcfinal__flow article small,
  .gspcfinal__flow article strong {
    display: block;
  }

  .gspcfinal__flow article span {
    color: var(--gspf-cyan);
    font-size: 9px;
    font-weight: 850;
  }

  .gspcfinal__flow article small {
    margin-top: 3px;
    color: #637d93;
    font-size: 9px;
  }

  .gspcfinal__flow article strong {
    margin-top: 2px;
    color: #b9cad8;
    font-size: 10px;
  }

  .gspcfinal__flow > i {
    color: #4f7187;
    font-size: 10px;
    font-style: normal;
  }

  /* CONTACT */

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

  .gspcfinal__contact > a,
  .gspcfinal__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,.1);
    border-radius: 12px;
    color: inherit !important;
    background: rgba(255,255,255,.02);
    text-decoration: none !important;
  }

  .gspcfinal__contact > a > span,
  .gspcfinal__contact > div > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gspf-cyan);
    background: rgba(37,216,244,.06);
  }

  .gspcfinal__contact svg {
    width: 19px;
    height: 19px;
  }

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

  .gspcfinal__contact small {
    color: #6e879c;
    font-size: 9px;
  }

  .gspcfinal__contact strong {
    margin-top: 2px;
    color: #d4e2ed;
    font-size: 10px;
  }

  /* LOCATION */

  .gspcfinal__location {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 34px;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.15);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(37,216,244,.045), transparent 25%),
      rgba(1,12,26,.38);
  }

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

  .gspcfinal__location-main > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gspf-cyan);
    background: rgba(37,216,244,.07);
  }

  .gspcfinal__location-main svg {
    width: 25px;
    height: 25px;
  }

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

  .gspcfinal__location-main small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 10px;
  }

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

  .gspcfinal__location-main p {
    margin: 4px 0 0;
    color: #8097ab;
    font-size: 10px;
  }

  .gspcfinal__location > a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 43px;
    padding: 10px 14px;
    border: 1px solid rgba(37,216,244,.19);
    border-radius: 11px;
    color: #bfeeff !important;
    background: rgba(37,216,244,.045);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gspcfinal__location > a:hover {
    transform: translateY(-3px);
    border-color: rgba(37,216,244,.4);
    color: #fff !important;
  }

  /* POLICIES */

  .gspcfinal__policies {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
    margin-top: 14px;
  }

  .gspcfinal__policies article {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 16px;
    background: rgba(255,255,255,.022);
  }

  .gspcfinal__policies article > span {
    display: block;
    margin-bottom: 10px;
    color: var(--gspf-cyan);
    font-size: 9px;
    font-weight: 850;
  }

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

  .gspcfinal__policies small {
    color: #71899f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .65px;
  }

  .gspcfinal__policies strong {
    margin-top: 5px;
    color: #d9e8f4;
    font-size: 11px;
    line-height: 1.5;
  }

  .gspcfinal__policies p {
    margin: 7px 0 0;
    color: #7f96a9;
    font-size: 10px;
    line-height: 1.6;
  }

  /* WARRANTY */

  .gspcfinal__warranty {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 14px;
    padding: 17px;
    border: 1px solid rgba(255,200,92,.15);
    border-radius: 17px;
    background: rgba(255,200,92,.02);
  }

  .gspcfinal__warranty > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gspf-yellow);
    background: rgba(255,200,92,.07);
  }

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

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

  .gspcfinal__warranty small {
    color: #a79776;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .65px;
  }

  .gspcfinal__warranty strong {
    margin-top: 4px;
    color: #e9dfca;
    font-size: 11px;
    line-height: 1.5;
  }

  .gspcfinal__warranty p {
    margin: 5px 0 0;
    color: #948c7d;
    font-size: 10px;
    line-height: 1.6;
  }

  /* FOOTER */

  .gspcfinal__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,.11);
    border-bottom: 1px solid rgba(92,174,255,.11);
    background: rgba(0,8,20,.2);
  }

  .gspcfinal__footer > div:first-child {
    min-width: 0;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
  }

  .gspcfinal__footer > div:first-child > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #819aad;
    background: rgba(255,255,255,.03);
  }

  .gspcfinal__footer svg {
    width: 18px;
    height: 18px;
  }

  .gspcfinal__footer p {
    margin: 0;
    color: #71899d;
    font-size: 9px;
    line-height: 1.55;
  }

  .gspcfinal__footer p strong {
    color: #9baeba;
  }

  .gspcfinal__footer-status {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 7px !important;
    color: #708ca0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .6px;
  }

  .gspcfinal__footer-status > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gspf-green);
    box-shadow: 0 0 9px rgba(72,217,154,.52);
  }

  /* ANIMACIONES */

  @keyframes gspfPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

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

  @keyframes gspfLogo {
    0%,100% {
      opacity: .25;
      transform: scale(.96);
    }

    50% {
      opacity: .75;
      transform: scale(1.04);
    }
  }

  @keyframes gspfScan {
    from {
      transform: translateY(-180px);
    }

    to {
      transform: translateY(1300px);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gspcfinal__terminal {
      width: min(720px, 100%);
    }

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

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gspcfinal {
      padding: 68px 17px 74px;
    }

    .gspcfinal__copy h2 {
      font-size: clamp(38px, 11vw, 52px);
    }

    .gspcfinal__lead {
      font-size: 14px;
    }

    .gspcfinal__buttons,
    .gspcfinal__facts {
      display: grid;
      grid-template-columns: 1fr;
    }

    .gspcfinal__button {
      width: 100%;
    }

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

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

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

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

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

  }

  @media (max-width: 480px) {

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

    .gspcfinal__logo {
      width: 82px;
      height: 82px;
      border-radius: 24px;
    }

    .gspcfinal__logo img {
      width: 64px;
      height: 64px;
    }

    .gspcfinal__terminal-top {
      align-items: flex-start;
    }

    .gspcfinal__request-list article {
      grid-template-columns: 32px minmax(0, 1fr) 16px;
      gap: 8px;
    }

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

    .gspcfinal__flow > i {
      display: none;
    }

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

    .gspcfinal__location-main {
      grid-template-columns: 1fr;
    }

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

  }

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

    .gspcfinal__scan,
    .gspcfinal__eyebrow > span,
    .gspcfinal__terminal-top > span i,
    .gspcfinal__logo > span {
      animation: none !important;
    }

    .gspcfinal__button,
    .gspcfinal__location > a {
      transition: none !important;
    }

  }


/* =========================================================
   CARGA DINÁMICA — COMPUTADORAS
   ========================================================= */

.gspc-loading,
.gspc-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;
}

.gspchero__lab[data-gs-component="computadoras-hero"]{
    min-height:520px;
}

.gspcrepairs__layout[data-gs-component="computadoras-reparaciones"],
.gspchardware__layout[data-gs-component="computadoras-diagnostico"],
.gspcsystem__layout[data-gs-component="computadoras-sistema"]{
    min-height:720px;
}

.gspcequipos__types[data-gs-component="computadoras-equipos"]{
    min-height:680px;
}

.gspcprocess__layout[data-gs-component="computadoras-proceso"]{
    min-height:760px;
}

.gspcfaq__questions[data-gs-component="computadoras-faqs"]{
    min-height:720px;
}

.gspcfinal__terminal[data-gs-component="computadoras-cta"]{
    min-height:520px;
}

[data-gs-component^="computadoras-"][data-gs-loaded="1"]{
    min-height:0;
}

@media (max-width:700px){
    .gspchero__lab[data-gs-component="computadoras-hero"],
    .gspcrepairs__layout[data-gs-component="computadoras-reparaciones"],
    .gspchardware__layout[data-gs-component="computadoras-diagnostico"],
    .gspcsystem__layout[data-gs-component="computadoras-sistema"],
    .gspcequipos__types[data-gs-component="computadoras-equipos"],
    .gspcprocess__layout[data-gs-component="computadoras-proceso"],
    .gspcfaq__questions[data-gs-component="computadoras-faqs"],
    .gspcfinal__terminal[data-gs-component="computadoras-cta"]{
        min-height:340px;
    }
}