/*
GS FRONTEND CORE — Steam Deck
Migración 0.62.0.
Estilos extraídos de los 9 widgets Elementor originales.
*/
.gsvsd__loading {
    min-height: 120px;
    display: grid;
    place-items: center;
    margin: 0;
    color: #7892a7;
    font: 700 10px/1.5 "Poppins", Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}
@media (max-width: 700px) {
    .gsvsd__loading { min-height: 96px; }
}

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — HERO
   ID INTERNO HTML: steam-deck-inicio
   ========================================================= */
.gsvsdhero {
    --gsvsd-cyan: #29dcf7;
    --gsvsd-blue: #3885ff;
    --gsvsd-green: #4bdd9d;
    --gsvsd-yellow: #ffca61;
    --gsvsd-orange: #ff925d;
    --gsvsd-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: clamp(74px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 9%, rgba(41,220,247,.12), transparent 31%),
      radial-gradient(circle at 91% 13%, rgba(56,133,255,.13), transparent 34%),
      radial-gradient(circle at 75% 91%, rgba(75,221,157,.06), transparent 30%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdhero__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .28;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdhero__glow--cyan {
    top: 3%;
    left: -240px;
    opacity: .11;
    background: var(--gsvsd-cyan);
  }

  .gsvsdhero__glow--blue {
    right: -220px;
    bottom: 2%;
    opacity: .12;
    background: var(--gsvsd-blue);
  }

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

  .gsvsdhero__layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
    gap: clamp(45px, 6vw, 84px);
    align-items: center;
  }

  /* CONTENIDO */

  .gsvsdhero__content {
    min-width: 0;
  }

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

  .gsvsdhero__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsd-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdPulse 2.4s ease-in-out infinite;
  }

  .gsvsdhero h1 {
    max-width: 720px;
    margin: 0;
    padding-bottom: .08em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(43px, 5vw, 72px);
    font-weight: 820;
    line-height: 1.08;
    letter-spacing: -.055em;
  }

  .gsvsdhero h1 span {
    display: block;
    margin-top: 8px;
    padding-bottom: .08em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #77ddff,
      var(--gsvsd-cyan) 45%,
      #6f9fff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsvsdhero__lead {
    max-width: 720px;
    margin: 24px 0 0;
    color: var(--gsvsd-text);
    font-size: 15px;
    line-height: 1.78;
  }

  .gsvsdhero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 26px;
  }

  .gsvsdhero__highlights 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,.022);
  }

  .gsvsdhero__highlight-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsvsd-cyan);
    background: rgba(41,220,247,.07);
  }

  .gsvsdhero__highlight-icon svg {
    width: 22px;
    height: 22px;
  }

  .gsvsdhero__highlights article:nth-child(2) .gsvsdhero__highlight-icon {
    color: var(--gsvsd-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdhero__highlights article:nth-child(3) .gsvsdhero__highlight-icon {
    color: var(--gsvsd-green);
    background: rgba(75,221,157,.07);
  }

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

  .gsvsdhero__highlights small {
    color: #708ba2;
    font-size: 10px;
    letter-spacing: .4px;
  }

  .gsvsdhero__highlights strong {
    margin-top: 3px;
    color: #dbe9f3;
    font-size: 11px;
    line-height: 1.4;
  }

  .gsvsdhero__actions {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: 10px;
    margin-top: 22px;
  }

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

  .gsvsdhero__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdhero__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

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

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

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

  .gsvsdhero__button small {
    font-size: 10px;
    letter-spacing: .45px;
  }

  .gsvsdhero__button strong {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.4;
  }

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

  .gsvsdhero__button--whatsapp {
    border: 1px solid rgba(75,221,157,.25);
    color: #ffffff !important;
    background: linear-gradient(
      110deg,
      rgba(8,157,101,.94),
      rgba(19,201,130,.94)
    );
    box-shadow: 0 16px 32px rgba(16,191,124,.17);
  }

  .gsvsdhero__button--whatsapp .gsvsdhero__button-icon {
    color: #ffffff;
    background: rgba(255,255,255,.13);
  }

  .gsvsdhero__button--whatsapp small {
    color: rgba(255,255,255,.72);
  }

  .gsvsdhero__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdhero__button--whatsapp.button--whatsapp {
    grid-template-columns: 43px minmax(0, 1fr) auto;
  }

  .gsvsdhero__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 12px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  /* Fallback visual:
     si el Custom Code global no dibuja el icono dentro del span,
     este pseudo-elemento garantiza que WhatsApp siga siendo visible. */

  .gsvsdhero__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdhero__button--secondary .gsvsdhero__button-icon {
    color: var(--gsvsd-cyan);
    background: rgba(41,220,247,.075);
  }

  .gsvsdhero__button--secondary small {
    color: #7096a9;
  }

  .gsvsdhero__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdhero__notice {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 14px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdhero__notice-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsvsd-yellow);
    background: rgba(255,202,97,.065);
  }

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

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

  .gsvsdhero__notice small {
    color: #9d927d;
    font-size: 10px;
  }

  .gsvsdhero__notice strong {
    margin-top: 3px;
    color: #c9bea6;
    font-size: 11px;
    line-height: 1.55;
  }

  /* VISUAL */

  .gsvsdhero__visual {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 21px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 28px;
    background:
      radial-gradient(circle at 50% 43%, rgba(41,220,247,.1), transparent 40%),
      linear-gradient(145deg, rgba(15,48,84,.76), rgba(4,17,35,.96));
    box-shadow:
      0 30px 70px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

  .gsvsdhero__visual-status {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdhero__visual-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsd-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdhero__visual-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .75px;
  }

  .gsvsdhero__stage {
    position: relative;
    height: 455px;
  }

  .gsvsdhero__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdhero__orbit--one {
    width: 410px;
    height: 410px;
  }

  .gsvsdhero__orbit--two {
    width: 305px;
    height: 305px;
    animation-delay: -1.6s;
  }

  .gsvsdhero__orbit--three {
    width: 198px;
    height: 198px;
    animation-delay: -3.1s;
  }

  .gsvsdhero__signal {
    position: absolute;
    z-index: 3;
    left: 50%;
    width: 390px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(41,220,247,.68),
      rgba(56,133,255,.56),
      transparent
    );
    transform: translateX(-50%);
    animation: gsvsdSignal 3.9s ease-in-out infinite;
  }

  .gsvsdhero__signal--one {
    top: 39%;
  }

  .gsvsdhero__signal--two {
    top: 50%;
    animation-delay: -1.3s;
  }

  .gsvsdhero__signal--three {
    top: 61%;
    animation-delay: -2.6s;
  }

  /* STEAM DECK CSS */

  .gsvsdhero__deck {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    width: 460px;
    height: 240px;
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr) 105px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.3);
    border-radius: 55px 55px 48px 48px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.09), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 10px rgba(41,220,247,.022),
      0 34px 58px rgba(0,0,0,.42);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdDeck 5.2s ease-in-out infinite;
  }

  .gsvsdhero__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 20px 20px;
  }

  .gsvsdhero__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 10px;
    left: 10px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,146,93,.88),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 17px rgba(255,146,93,.4),
      0 0 20px rgba(41,220,247,.4);
    animation: gsvsdScan 4.2s ease-in-out infinite;
  }

  .gsvsdhero__deck-left,
  .gsvsdhero__deck-right {
    position: relative;
    z-index: 4;
  }

  .gsvsdhero__stick {
    position: absolute;
    width: 37px;
    height: 37px;
    border: 5px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
    box-shadow:
      inset 0 0 0 1px rgba(41,220,247,.12),
      0 4px 10px rgba(0,0,0,.28);
  }

  .gsvsdhero__deck-left .gsvsdhero__stick {
    top: 39px;
    left: 19px;
  }

  .gsvsdhero__deck-right .gsvsdhero__stick {
    top: 86px;
    right: 20px;
  }

  .gsvsdhero__dpad {
    position: absolute;
    top: 92px;
    left: 25px;
    width: 38px;
    height: 38px;
  }

  .gsvsdhero__dpad i,
  .gsvsdhero__dpad b {
    position: absolute;
    border-radius: 4px;
    background: #123247;
  }

  .gsvsdhero__dpad i {
    top: 12px;
    left: 0;
    width: 38px;
    height: 14px;
  }

  .gsvsdhero__dpad b {
    top: 0;
    left: 12px;
    width: 14px;
    height: 38px;
  }

  .gsvsdhero__trackpad {
    position: absolute;
    bottom: 24px;
    width: 54px;
    height: 47px;
    border: 1px solid rgba(41,220,247,.13);
    border-radius: 10px;
    background:
      linear-gradient(145deg, #0d2c40, #061521);
    box-shadow: inset 0 0 14px rgba(41,220,247,.035);
  }

  .gsvsdhero__deck-left .gsvsdhero__trackpad {
    left: 24px;
  }

  .gsvsdhero__deck-right .gsvsdhero__trackpad {
    right: 24px;
  }

  .gsvsdhero__buttons {
    position: absolute;
    top: 38px;
    right: 18px;
    width: 48px;
    height: 48px;
  }

  .gsvsdhero__buttons i {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #123247;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
  }

  .gsvsdhero__buttons i:nth-child(1) {
    top: 0;
    left: 18px;
  }

  .gsvsdhero__buttons i:nth-child(2) {
    top: 18px;
    right: 0;
  }

  .gsvsdhero__buttons i:nth-child(3) {
    bottom: 0;
    left: 18px;
  }

  .gsvsdhero__buttons i:nth-child(4) {
    top: 18px;
    left: 0;
  }

  .gsvsdhero__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 190px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 12px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.14), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
    box-shadow:
      inset 0 0 0 1px rgba(41,220,247,.15),
      0 10px 22px rgba(0,0,0,.28);
  }

  .gsvsdhero__screen-frame {
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 8px;
  }

  .gsvsdhero__brand-logo {
    position: absolute;
    top: 35px;
    left: 50%;
    width: 132px;
    height: 75px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
  }

  .gsvsdhero__screen-status {
    position: absolute;
    right: 17px;
    bottom: 18px;
    left: 17px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
  }

  .gsvsdhero__screen-status small {
    color: #65899f;
    font-size: 9px;
  }

  .gsvsdhero__screen-status strong {
    color: var(--gsvsd-green);
    font-size: 10px;
    letter-spacing: .6px;
  }

  .gsvsdhero__screen-bars {
    position: absolute;
    right: 17px;
    bottom: 37px;
    left: 17px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  .gsvsdhero__screen-bars span {
    height: 3px;
    border-radius: 999px;
    background: rgba(41,220,247,.16);
  }

  .gsvsdhero__screen-bars span:nth-child(1) {
    background: var(--gsvsd-cyan);
  }

  .gsvsdhero__screen-bars span:nth-child(2) {
    background: var(--gsvsd-blue);
  }

  .gsvsdhero__screen-bars span:nth-child(3) {
    background: var(--gsvsd-green);
  }

  .gsvsdhero__screen-bars span:nth-child(4) {
    background: var(--gsvsd-yellow);
  }

  /* TARJETAS FLOTANTES */

  .gsvsdhero__data-card {
    position: absolute;
    z-index: 12;
    min-width: 136px;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.3);
  }

  .gsvsdhero__data-card > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsd-cyan);
    background: rgba(41,220,247,.07);
    font-size: 11px;
    font-weight: 800;
  }

  .gsvsdhero__data-card small,
  .gsvsdhero__data-card strong {
    display: block;
  }

  .gsvsdhero__data-card small {
    color: #7892a7;
    font-size: 10px;
  }

  .gsvsdhero__data-card strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 11px;
    line-height: 1.35;
  }

  .gsvsdhero__data-card--power {
    top: 53px;
    left: 0;
    animation: gsvsdCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdhero__data-card--display {
    top: 104px;
    right: 0;
    animation: gsvsdCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdhero__data-card--display > span {
    color: var(--gsvsd-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdhero__data-card--controls {
    bottom: 61px;
    left: 0;
    animation: gsvsdCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdhero__data-card--controls > span {
    color: var(--gsvsd-orange);
    background: rgba(255,146,93,.07);
  }

  .gsvsdhero__data-card--board {
    right: 0;
    bottom: 37px;
    animation: gsvsdCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdhero__data-card--board > span {
    color: var(--gsvsd-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdhero__diagnostic-route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 2px;
  }

  .gsvsdhero__diagnostic-route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdhero__diagnostic-route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsd-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

  .gsvsdhero__diagnostic-route small,
  .gsvsdhero__diagnostic-route strong {
    display: block;
  }

  .gsvsdhero__diagnostic-route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdhero__diagnostic-route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdhero__diagnostic-route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

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

  .gsvsdhero__visual-footer article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdhero__visual-footer small,
  .gsvsdhero__visual-footer strong {
    display: block;
  }

  .gsvsdhero__visual-footer small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdhero__visual-footer strong {
    margin-top: 3px;
    color: #d4e2ec;
    font-size: 10px;
    line-height: 1.4;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdSignal {
    0%,
    100% {
      opacity: .14;
      transform: translateX(-50%) scaleX(.72);
    }

    50% {
      opacity: .72;
      transform: translateX(-50%) scaleX(1);
    }
  }

  @keyframes gsvsdDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(0deg) translateY(-8px);
    }
  }

  @keyframes gsvsdScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 90%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1120px) {

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

    .gsvsdhero__content {
      max-width: 850px;
    }

    .gsvsdhero__visual {
      width: 100%;
    }

  }

  @media (max-width: 780px) {

    .gsvsdhero {
      min-height: auto;
    }

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

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

    .gsvsdhero__visual {
      backdrop-filter: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 620px) {

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

    .gsvsdhero h1 {
      font-size: clamp(40px, 12vw, 54px);
    }

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

    .gsvsdhero__visual {
      padding: 18px 16px;
      border-radius: 23px;
    }

    .gsvsdhero__visual-status {
      align-items: flex-start;
    }

    .gsvsdhero__visual-status > strong {
      display: none;
    }

    .gsvsdhero__stage {
      height: 390px;
    }

    .gsvsdhero__deck {
      width: 340px;
      height: 192px;
      grid-template-columns: 76px minmax(0, 1fr) 76px;
      border-radius: 43px;
    }

    .gsvsdhero__screen {
      height: 148px;
    }

    .gsvsdhero__brand-logo {
      top: 22px;
      width: 100px;
      height: 58px;
    }

    .gsvsdhero__screen-status {
      right: 12px;
      bottom: 13px;
      left: 12px;
    }

    .gsvsdhero__screen-bars {
      right: 12px;
      bottom: 30px;
      left: 12px;
    }

    .gsvsdhero__deck-left .gsvsdhero__stick {
      top: 28px;
      left: 12px;
    }

    .gsvsdhero__deck-right .gsvsdhero__stick {
      top: 65px;
      right: 12px;
    }

    .gsvsdhero__dpad {
      top: 77px;
      left: 16px;
      transform: scale(.82);
      transform-origin: center;
    }

    .gsvsdhero__buttons {
      top: 28px;
      right: 10px;
      transform: scale(.82);
      transform-origin: center;
    }

    .gsvsdhero__trackpad {
      bottom: 17px;
      width: 42px;
      height: 36px;
    }

    .gsvsdhero__deck-left .gsvsdhero__trackpad {
      left: 16px;
    }

    .gsvsdhero__deck-right .gsvsdhero__trackpad {
      right: 16px;
    }

    .gsvsdhero__data-card {
      min-width: 107px;
      grid-template-columns: 30px minmax(0, 1fr);
      padding: 7px;
    }

    .gsvsdhero__data-card > span {
      width: 30px;
      height: 30px;
    }

    .gsvsdhero__data-card small {
      font-size: 9px;
    }

    .gsvsdhero__data-card strong {
      font-size: 10px;
    }

    .gsvsdhero__diagnostic-route {
      grid-template-columns: 1fr;
    }

    .gsvsdhero__diagnostic-route > i {
      display: none;
    }

    .gsvsdhero__visual-footer {
      grid-template-columns: 1fr;
    }

    .gsvsdhero__glow {
      display: none;
    }

    .gsvsdhero__orbit,
    .gsvsdhero__signal,
    .gsvsdhero__deck,
    .gsvsdhero__scan,
    .gsvsdhero__data-card {
      animation: none;
    }

  }

  @media (max-width: 390px) {

    .gsvsdhero {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdhero__visual {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdhero__stage {
      height: 365px;
    }

    .gsvsdhero__deck {
      width: 302px;
      height: 178px;
      grid-template-columns: 68px minmax(0, 1fr) 68px;
    }

    .gsvsdhero__screen {
      height: 136px;
    }

    .gsvsdhero__brand-logo {
      top: 20px;
      width: 88px;
      height: 51px;
    }

    .gsvsdhero__data-card {
      min-width: 96px;
    }

  }


  /* =======================================================
     MOBILE — HERO STEAM DECK SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdhero__stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      padding-top: 18px;
    }

    .gsvsdhero__orbit,
    .gsvsdhero__signal {
      display: none;
    }

    .gsvsdhero__deck {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(420px, 100%);
      height: 220px;

      margin: 8px auto 12px;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdhero__data-card,
    .gsvsdhero__data-card--power,
    .gsvsdhero__data-card--display,
    .gsvsdhero__data-card--controls,
    .gsvsdhero__data-card--board {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      min-width: 0;
      width: auto;
      min-height: 62px;

      grid-template-columns:
        34px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdhero__data-card > span {
      width: 34px;
      height: 34px;
    }

    .gsvsdhero__data-card small {
      font-size: 8px;
    }

    .gsvsdhero__data-card strong {
      font-size: 10px;
    }

    .gsvsdhero__scan {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdhero__deck,
    .gsvsdhero__data-card {
      grid-column: 1;
    }

    .gsvsdhero__deck {
      width: min(302px, 100%);
      height: 178px;

      grid-template-columns:
        68px
        minmax(0, 1fr)
        68px;
    }

    .gsvsdhero__screen {
      height: 136px;
    }

    .gsvsdhero__data-card {
      min-height: 0;
    }
  }

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

    .gsvsdhero,
    .gsvsdhero *,
    .gsvsdhero *::before,
    .gsvsdhero *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — FALLAS Y REPARACIONES PRINCIPALES
   ID INTERNO HTML: fallas-steam-deck
   ========================================================= */
.gsvsdfaults {
    --gsvsdf-cyan: #29dcf7;
    --gsvsdf-blue: #3885ff;
    --gsvsdf-green: #4bdd9d;
    --gsvsdf-yellow: #ffca61;
    --gsvsdf-orange: #ff925d;
    --gsvsdf-red: #ff6878;
    --gsvsdf-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(56,133,255,.1), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(75,221,157,.06), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdfaults__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdfaults__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdf-cyan);
  }

  .gsvsdfaults__glow--blue {
    right: -230px;
    bottom: 7%;
    opacity: .09;
    background: var(--gsvsdf-blue);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdfaults__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdf-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdfPulse 2.4s ease-in-out infinite;
  }

  .gsvsdfaults__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdfaults__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdf-cyan) 48%,
      #6b9aff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdfaults__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 15px;
    background: rgba(41,220,247,.025);
  }

  .gsvsdfaults__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdf-cyan);
    background: rgba(41,220,247,.07);
  }

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

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

  .gsvsdfaults__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL */

  .gsvsdfaults__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(56,133,255,.05), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdfaults__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdfaults__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdf-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdfaults__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .8px;
  }

  .gsvsdfaults__layout {
    display: grid;
    grid-template-columns: minmax(350px, .77fr) minmax(0, 1.23fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* MAPA */

  .gsvsdfaults__map {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 38%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdfaults__map-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  .gsvsdfaults__stage {
    position: relative;
    height: 390px;
    margin-top: 11px;
  }

  .gsvsdfaults__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdfOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdfaults__orbit--one {
    width: 315px;
    height: 315px;
  }

  .gsvsdfaults__orbit--two {
    width: 220px;
    height: 220px;
    animation-delay: -2.2s;
  }

  .gsvsdfaults__deck {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 176px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 72px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.3);
    border-radius: 42px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.09), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 9px rgba(41,220,247,.022),
      0 30px 50px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdfDeck 5.2s ease-in-out infinite;
  }

  .gsvsdfaults__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gsvsdfaults__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 8px;
    left: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,146,93,.88),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 17px rgba(255,146,93,.4),
      0 0 20px rgba(41,220,247,.4);
    animation: gsvsdfScan 4.2s ease-in-out infinite;
  }

  .gsvsdfaults__deck-side {
    position: relative;
    z-index: 4;
  }

  .gsvsdfaults__stick {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
  }

  .gsvsdfaults__deck-side--left .gsvsdfaults__stick {
    top: 28px;
    left: 12px;
  }

  .gsvsdfaults__deck-side--right .gsvsdfaults__stick {
    top: 64px;
    right: 12px;
  }

  .gsvsdfaults__dpad {
    position: absolute;
    top: 72px;
    left: 17px;
    width: 30px;
    height: 30px;
  }

  .gsvsdfaults__dpad i,
  .gsvsdfaults__dpad b {
    position: absolute;
    border-radius: 3px;
    background: #123247;
  }

  .gsvsdfaults__dpad i {
    top: 10px;
    left: 0;
    width: 30px;
    height: 10px;
  }

  .gsvsdfaults__dpad b {
    top: 0;
    left: 10px;
    width: 10px;
    height: 30px;
  }

  .gsvsdfaults__trackpad {
    position: absolute;
    bottom: 17px;
    width: 41px;
    height: 34px;
    border: 1px solid rgba(41,220,247,.13);
    border-radius: 8px;
    background: linear-gradient(145deg, #0d2c40, #061521);
  }

  .gsvsdfaults__deck-side--left .gsvsdfaults__trackpad {
    left: 16px;
  }

  .gsvsdfaults__deck-side--right .gsvsdfaults__trackpad {
    right: 16px;
  }

  .gsvsdfaults__buttons {
    position: absolute;
    top: 28px;
    right: 11px;
    width: 37px;
    height: 37px;
  }

  .gsvsdfaults__buttons i {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #123247;
  }

  .gsvsdfaults__buttons i:nth-child(1) {
    top: 0;
    left: 14px;
  }

  .gsvsdfaults__buttons i:nth-child(2) {
    top: 14px;
    right: 0;
  }

  .gsvsdfaults__buttons i:nth-child(3) {
    bottom: 0;
    left: 14px;
  }

  .gsvsdfaults__buttons i:nth-child(4) {
    top: 14px;
    left: 0;
  }

  .gsvsdfaults__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 135px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 11px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.14), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
  }

  .gsvsdfaults__screen-frame {
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 7px;
  }

  .gsvsdfaults__screen-center {
    position: absolute;
    top: 38px;
    right: 0;
    left: 0;
    text-align: center;
  }

  .gsvsdfaults__screen-center small,
  .gsvsdfaults__screen-center strong {
    display: block;
  }

  .gsvsdfaults__screen-center small {
    color: #63879c;
    font-size: 9px;
    letter-spacing: .8px;
  }

  .gsvsdfaults__screen-center strong {
    margin-top: 5px;
    color: var(--gsvsdf-cyan);
    font-size: 13px;
    letter-spacing: 1px;
  }

  .gsvsdfaults__screen-lines {
    position: absolute;
    right: 14px;
    bottom: 16px;
    left: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }

  .gsvsdfaults__screen-lines span {
    height: 3px;
    border-radius: 999px;
    background: rgba(41,220,247,.16);
  }

  .gsvsdfaults__screen-lines span:nth-child(1) {
    background: var(--gsvsdf-cyan);
  }

  .gsvsdfaults__screen-lines span:nth-child(2) {
    background: var(--gsvsdf-blue);
  }

  .gsvsdfaults__screen-lines span:nth-child(3) {
    background: var(--gsvsdf-green);
  }

  .gsvsdfaults__screen-lines span:nth-child(4) {
    background: var(--gsvsdf-yellow);
  }

  .gsvsdfaults__node {
    position: absolute;
    z-index: 10;
    min-width: 108px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.29);
  }

  .gsvsdfaults__node > span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdf-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdfaults__node small {
    color: #7892a7;
    font-size: 9px;
  }

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

  .gsvsdfaults__node--power {
    top: 42px;
    left: 0;
    animation: gsvsdfCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdfaults__node--display {
    top: 92px;
    right: 0;
    animation: gsvsdfCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdfaults__node--display > span {
    color: var(--gsvsdf-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdfaults__node--input {
    bottom: 49px;
    left: 0;
    animation: gsvsdfCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdfaults__node--input > span {
    color: var(--gsvsdf-orange);
    background: rgba(255,146,93,.07);
  }

  .gsvsdfaults__node--board {
    right: 0;
    bottom: 25px;
    animation: gsvsdfCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdfaults__node--board > span {
    color: var(--gsvsdf-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdfaults__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
  }

  .gsvsdfaults__route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdfaults__route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdf-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

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

  .gsvsdfaults__route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdfaults__route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdfaults__route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

  .gsvsdfaults__map-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdfaults__map-note .gsvsdfaults__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdf-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdfaults__map-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdfaults__content {
    min-width: 0;
  }

  .gsvsdfaults__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdfaults__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdfaults__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdfaults__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdfaults__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdf-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

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

  .gsvsdfaults__card {
    position: relative;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.019);
    transition:
      transform 220ms ease,
      border-color 220ms ease,
      background-color 220ms ease;
  }

  .gsvsdfaults__card:hover {
    transform: translateY(-4px);
    border-color: rgba(41,220,247,.25);
    background-color: rgba(255,255,255,.027);
  }

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

  .gsvsdfaults__card-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsvsdf-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdfaults__card-icon svg {
    width: 24px;
    height: 24px;
  }

  .gsvsdfaults__card-icon--green {
    color: var(--gsvsdf-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdfaults__card-icon--yellow {
    color: var(--gsvsdf-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdfaults__card-icon--orange {
    color: var(--gsvsdf-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdfaults__card-top > strong {
    color: rgba(255,255,255,.08);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdfaults__card > small {
    display: block;
    margin-top: 12px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
  }

  .gsvsdfaults__card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
  }

  .gsvsdfaults__card p {
    margin: 8px 0 0;
    color: #8fa4b5;
    font-size: 12px;
    line-height: 1.65;
  }

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

  .gsvsdfaults__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* CRITERIOS */

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

  .gsvsdfaults__criteria article {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdfaults__criteria .gsvsdfaults__icon {
    width: 46px;
    height: 46px;
  }

  .gsvsdfaults__criteria article:nth-child(2) .gsvsdfaults__icon {
    color: var(--gsvsdf-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdfaults__criteria article:nth-child(3) .gsvsdfaults__icon {
    color: var(--gsvsdf-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdfaults__criteria article:nth-child(4) .gsvsdfaults__icon {
    color: var(--gsvsdf-orange);
    background: rgba(255,146,93,.065);
  }

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

  .gsvsdfaults__criteria small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdfaults__criteria strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 11px;
    line-height: 1.45;
  }

  /* AVISO */

  .gsvsdfaults__warning {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin-top: 17px;
    padding: 17px;
    border: 1px solid rgba(255,202,97,.13);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,202,97,.04), transparent 27%),
      rgba(1,12,26,.35);
  }

  .gsvsdfaults__warning .gsvsdfaults__icon {
    width: 52px;
    height: 52px;
    color: var(--gsvsdf-yellow);
    background: rgba(255,202,97,.065);
  }

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

  .gsvsdfaults__warning small {
    color: #a3977f;
    font-size: 10px;
    letter-spacing: .5px;
  }

  .gsvsdfaults__warning strong {
    margin-top: 4px;
    color: #e6dcc7;
    font-size: 13px;
    line-height: 1.5;
  }

  .gsvsdfaults__warning p {
    margin: 5px 0 0;
    color: #9c9381;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CTA */

  .gsvsdfaults__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdfaults__cta-copy .gsvsdfaults__icon {
    width: 49px;
    height: 49px;
    color: var(--gsvsdf-green);
    background: rgba(75,221,157,.07);
  }

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

  .gsvsdfaults__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdfaults__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdfaults__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdfaults__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdfaults__button > span {
    font-size: 17px;
  }

  .gsvsdfaults__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdfaults__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdfaults__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdfaults__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdfaults__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdfaults__button--whatsapp .gs-global-wa-icon {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .gsvsdfaults__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdfDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdfScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 90%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdfaults__map {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
      gap: 18px;
    }

    .gsvsdfaults__map-copy,
    .gsvsdfaults__map-note {
      grid-column: 1 / -1;
    }

    .gsvsdfaults__stage {
      min-height: 420px;
      margin-top: 0;
    }

    .gsvsdfaults__route {
      align-content: center;
    }

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

  }

  @media (max-width: 850px) {

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

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

    .gsvsdfaults__actions {
      width: 100%;
    }

    .gsvsdfaults__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdfaults__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdfaults__map {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdfaults__stage {
      height: 390px;
      min-height: 0;
      margin-top: 12px;
    }

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

    .gsvsdfaults__actions {
      flex-direction: column;
    }

    .gsvsdfaults__glow {
      display: none;
    }

    .gsvsdfaults__orbit,
    .gsvsdfaults__deck,
    .gsvsdfaults__scan,
    .gsvsdfaults__node {
      animation: none;
    }

    .gsvsdfaults__card:hover,
    .gsvsdfaults__button:hover {
      transform: none;
    }

  }

  @media (max-width: 520px) {

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

    .gsvsdfaults__header-note,
    .gsvsdfaults__map-note,
    .gsvsdfaults__warning,
    .gsvsdfaults__cta-copy,
    .gsvsdfaults__criteria article {
      grid-template-columns: 1fr;
    }

    .gsvsdfaults__panel-status {
      align-items: flex-start;
    }

    .gsvsdfaults__panel-status > strong {
      display: none;
    }

    .gsvsdfaults__stage {
      height: 365px;
    }

    .gsvsdfaults__deck {
      width: 290px;
      height: 164px;
      grid-template-columns: 65px minmax(0, 1fr) 65px;
    }

    .gsvsdfaults__screen {
      height: 124px;
    }

    .gsvsdfaults__node {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

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

    .gsvsdfaults__route > i {
      display: none;
    }

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

    .gsvsdfaults__content-head > span {
      display: none;
    }

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

  }

  @media (max-width: 390px) {

    .gsvsdfaults {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdfaults__panel,
    .gsvsdfaults__map {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdfaults__stage {
      height: 350px;
    }

    .gsvsdfaults__deck {
      width: 258px;
      height: 150px;
      grid-template-columns: 58px minmax(0, 1fr) 58px;
    }

    .gsvsdfaults__screen {
      height: 112px;
    }

    .gsvsdfaults__screen-center {
      top: 30px;
    }

    .gsvsdfaults__node {
      min-width: 90px;
    }

  }


  /* =======================================================
     MOBILE — MAPA DE FALLAS SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdfaults__stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      margin-top: 12px;
      padding-top: 12px;
    }

    .gsvsdfaults__orbit {
      display: none;
    }

    .gsvsdfaults__deck {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(360px, 100%);
      height: 200px;

      margin: 6px auto 10px;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdfaults__node,
    .gsvsdfaults__node--power,
    .gsvsdfaults__node--display,
    .gsvsdfaults__node--input,
    .gsvsdfaults__node--board {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      width: auto;
      min-width: 0;
      min-height: 62px;

      grid-template-columns:
        33px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdfaults__node > span {
      width: 33px;
      height: 33px;
    }

    .gsvsdfaults__node small {
      font-size: 8px;
    }

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

    .gsvsdfaults__scan {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdfaults__deck,
    .gsvsdfaults__node {
      grid-column: 1;
    }

    .gsvsdfaults__deck {
      width: min(292px, 100%);
      height: 170px;

      grid-template-columns:
        64px
        minmax(0, 1fr)
        64px;
    }

    .gsvsdfaults__screen {
      height: 128px;
    }

    .gsvsdfaults__node {
      min-height: 0;
    }

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

    .gsvsdfaults__route > i {
      display: none;
    }
  }

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

    .gsvsdfaults,
    .gsvsdfaults *,
    .gsvsdfaults *::before,
    .gsvsdfaults *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — CARGA, BATERÍA Y USB-C
   ID INTERNO HTML: carga-bateria-usbc-steam-deck
   ========================================================= */
.gsvsdcharge {
    --gsvsdc-cyan: #29dcf7;
    --gsvsdc-blue: #3885ff;
    --gsvsdc-green: #4bdd9d;
    --gsvsdc-yellow: #ffca61;
    --gsvsdc-orange: #ff925d;
    --gsvsdc-red: #ff6878;
    --gsvsdc-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(75,221,157,.07), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(56,133,255,.12), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdcharge__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdcharge__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdc-cyan);
  }

  .gsvsdcharge__glow--green {
    right: -230px;
    bottom: 7%;
    opacity: .07;
    background: var(--gsvsdc-green);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdcharge__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdc-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdcPulse 2.4s ease-in-out infinite;
  }

  .gsvsdcharge__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdcharge__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdc-cyan) 48%,
      #6b9aff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdcharge__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(75,221,157,.14);
    border-radius: 15px;
    background: rgba(75,221,157,.025);
  }

  .gsvsdcharge__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdc-cyan);
    background: rgba(41,220,247,.07);
  }

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

  .gsvsdcharge__header-note .gsvsdcharge__icon {
    color: var(--gsvsdc-green);
    background: rgba(75,221,157,.07);
  }

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

  .gsvsdcharge__header-note small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL PRINCIPAL */

  .gsvsdcharge__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(75,221,157,.045), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdcharge__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdcharge__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdc-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdcharge__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .8px;
  }

  .gsvsdcharge__layout {
    display: grid;
    grid-template-columns: minmax(350px, .79fr) minmax(0, 1.21fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* VISUAL */

  .gsvsdcharge__visual {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 38%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdcharge__visual-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  .gsvsdcharge__stage {
    position: relative;
    height: 410px;
    margin-top: 10px;
  }

  .gsvsdcharge__orbit {
    position: absolute;
    top: 54%;
    left: 56%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdcOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdcharge__orbit--one {
    width: 315px;
    height: 315px;
  }

  .gsvsdcharge__orbit--two {
    width: 225px;
    height: 225px;
    animation-delay: -1.6s;
  }

  .gsvsdcharge__orbit--three {
    width: 140px;
    height: 140px;
    animation-delay: -3.1s;
  }

  .gsvsdcharge__energy {
    position: absolute;
    z-index: 3;
    left: 14%;
    width: 72%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      rgba(75,221,157,0),
      rgba(75,221,157,.72),
      rgba(41,220,247,.68),
      rgba(41,220,247,0)
    );
    animation: gsvsdcEnergy 3.9s ease-in-out infinite;
  }

  .gsvsdcharge__energy--one {
    top: 43%;
  }

  .gsvsdcharge__energy--two {
    top: 51%;
    animation-delay: -1.3s;
  }

  .gsvsdcharge__energy--three {
    top: 59%;
    animation-delay: -2.6s;
  }

  /* CARGADOR */

  .gsvsdcharge__charger {
    position: absolute;
    z-index: 7;
    top: 50%;
    left: 1%;
    width: 94px;
    height: 132px;
    transform: translateY(-50%) rotate(-3deg);
    animation: gsvsdcCharger 5.4s ease-in-out infinite;
  }

  .gsvsdcharge__charger-body {
    position: absolute;
    top: 23px;
    left: 0;
    width: 72px;
    height: 83px;
    display: grid;
    place-content: center;
    border: 2px solid rgba(93,184,221,.24);
    border-radius: 17px;
    background:
      radial-gradient(circle, rgba(41,220,247,.08), transparent 65%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow: 0 20px 34px rgba(0,0,0,.34);
  }

  .gsvsdcharge__charger-body small,
  .gsvsdcharge__charger-body strong {
    display: block;
    text-align: center;
  }

  .gsvsdcharge__charger-body small {
    color: #688ca0;
    font-size: 9px;
  }

  .gsvsdcharge__charger-body strong {
    margin-top: 4px;
    color: var(--gsvsdc-green);
    font-size: 11px;
    letter-spacing: .7px;
  }

  .gsvsdcharge__charger-plug {
    position: absolute;
    top: 0;
    left: 21px;
    width: 30px;
    height: 27px;
  }

  .gsvsdcharge__charger-plug i {
    position: absolute;
    top: 0;
    width: 5px;
    height: 22px;
    border-radius: 2px;
    background: #8ea2ae;
  }

  .gsvsdcharge__charger-plug i:first-child {
    left: 5px;
  }

  .gsvsdcharge__charger-plug i:last-child {
    right: 5px;
  }

  .gsvsdcharge__charger-cable {
    position: absolute;
    top: 63px;
    left: 70px;
    width: 54px;
    height: 25px;
    border-top: 3px solid rgba(75,221,157,.55);
    border-radius: 50%;
  }

  /* STEAM DECK */

  .gsvsdcharge__deck {
    position: absolute;
    z-index: 6;
    top: 54%;
    left: 62%;
    width: 290px;
    height: 160px;
    display: grid;
    grid-template-columns: 65px minmax(0, 1fr) 65px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.3);
    border-radius: 40px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.09), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 9px rgba(41,220,247,.022),
      0 30px 50px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdcDeck 5.2s ease-in-out infinite;
  }

  .gsvsdcharge__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gsvsdcharge__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 8px;
    left: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,146,93,.88),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 17px rgba(255,146,93,.4),
      0 0 20px rgba(41,220,247,.4);
    animation: gsvsdcScan 4.2s ease-in-out infinite;
  }

  .gsvsdcharge__deck-side {
    position: relative;
    z-index: 4;
  }

  .gsvsdcharge__stick {
    position: absolute;
    width: 27px;
    height: 27px;
    border: 4px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
  }

  .gsvsdcharge__deck-side--left .gsvsdcharge__stick {
    top: 25px;
    left: 12px;
  }

  .gsvsdcharge__deck-side--right .gsvsdcharge__stick {
    top: 58px;
    right: 12px;
  }

  .gsvsdcharge__trackpad {
    position: absolute;
    bottom: 16px;
    width: 38px;
    height: 32px;
    border: 1px solid rgba(41,220,247,.13);
    border-radius: 8px;
    background: linear-gradient(145deg, #0d2c40, #061521);
  }

  .gsvsdcharge__deck-side--left .gsvsdcharge__trackpad {
    left: 14px;
  }

  .gsvsdcharge__deck-side--right .gsvsdcharge__trackpad {
    right: 14px;
  }

  .gsvsdcharge__buttons {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 35px;
    height: 35px;
  }

  .gsvsdcharge__buttons i {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #123247;
  }

  .gsvsdcharge__buttons i:nth-child(1) {
    top: 0;
    left: 13px;
  }

  .gsvsdcharge__buttons i:nth-child(2) {
    top: 13px;
    right: 0;
  }

  .gsvsdcharge__buttons i:nth-child(3) {
    bottom: 0;
    left: 13px;
  }

  .gsvsdcharge__buttons i:nth-child(4) {
    top: 13px;
    left: 0;
  }

  .gsvsdcharge__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 122px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 10px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.14), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
  }

  .gsvsdcharge__screen-frame {
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 7px;
  }

  .gsvsdcharge__brand-logo {
    position: absolute;
    top: 17px;
    left: 50%;
    width: 82px;
    height: 45px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
  }

  .gsvsdcharge__battery {
    position: absolute;
    right: 14px;
    bottom: 31px;
    width: 38px;
    height: 16px;
    border: 1px solid rgba(75,221,157,.45);
    border-radius: 4px;
  }

  .gsvsdcharge__battery::after {
    content: "";
    position: absolute;
    top: 4px;
    right: -5px;
    width: 4px;
    height: 7px;
    border-radius: 0 2px 2px 0;
    background: rgba(75,221,157,.45);
  }

  .gsvsdcharge__battery span {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: 66%;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--gsvsdc-green), var(--gsvsdc-cyan));
    animation: gsvsdcBattery 2.8s ease-in-out infinite;
  }

  .gsvsdcharge__battery i {
    position: absolute;
    top: -2px;
    left: 13px;
    width: 7px;
    height: 18px;
    opacity: .7;
    background: #fff;
    clip-path: polygon(50% 0, 100% 38%, 65% 38%, 83% 100%, 22% 55%, 55% 55%);
  }

  .gsvsdcharge__screen-status {
    position: absolute;
    bottom: 12px;
    left: 13px;
  }

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

  .gsvsdcharge__screen-status small {
    color: #62869a;
    font-size: 8px;
  }

  .gsvsdcharge__screen-status strong {
    margin-top: 2px;
    color: var(--gsvsdc-green);
    font-size: 9px;
    letter-spacing: .5px;
  }

  .gsvsdcharge__port {
    position: absolute;
    z-index: 8;
    top: -2px;
    left: 50%;
    width: 28px;
    height: 8px;
    border: 2px solid rgba(75,221,157,.5);
    border-radius: 0 0 7px 7px;
    background: #020a12;
    transform: translateX(-50%);
  }

  /* NODOS */

  .gsvsdcharge__node {
    position: absolute;
    z-index: 12;
    min-width: 112px;
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.29);
  }

  .gsvsdcharge__node > span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdc-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdcharge__node small {
    color: #7892a7;
    font-size: 9px;
  }

  .gsvsdcharge__node strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdcharge__node--adapter {
    top: 33px;
    left: 0;
    animation: gsvsdcCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdcharge__node--port {
    top: 88px;
    right: 0;
    animation: gsvsdcCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdcharge__node--port > span {
    color: var(--gsvsdc-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdcharge__node--battery {
    bottom: 46px;
    left: 0;
    animation: gsvsdcCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdcharge__node--battery > span {
    color: var(--gsvsdc-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdcharge__node--board {
    right: 0;
    bottom: 21px;
    animation: gsvsdcCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdcharge__node--board > span {
    color: var(--gsvsdc-orange);
    background: rgba(255,146,93,.07);
  }

  .gsvsdcharge__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
  }

  .gsvsdcharge__route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdcharge__route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdc-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

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

  .gsvsdcharge__route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdcharge__route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdcharge__route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

  .gsvsdcharge__visual-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdcharge__visual-note .gsvsdcharge__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdc-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdcharge__visual-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdcharge__content {
    min-width: 0;
  }

  .gsvsdcharge__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdcharge__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdcharge__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdcharge__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdcharge__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdc-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

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

  .gsvsdcharge__symptoms article {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.019);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdcharge__symptoms article:hover {
    transform: translateY(-4px);
    border-color: rgba(41,220,247,.25);
  }

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

  .gsvsdcharge__symptom-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsvsdc-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdcharge__symptom-icon svg {
    width: 24px;
    height: 24px;
  }

  .gsvsdcharge__symptom-icon--yellow {
    color: var(--gsvsdc-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdcharge__symptom-icon--green {
    color: var(--gsvsdc-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdcharge__symptom-icon--orange {
    color: var(--gsvsdc-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdcharge__symptom-top > strong {
    color: rgba(255,255,255,.08);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdcharge__symptoms article > small {
    display: block;
    margin-top: 12px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
  }

  .gsvsdcharge__symptoms h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
  }

  .gsvsdcharge__symptoms p {
    margin: 8px 0 0;
    color: #8fa4b5;
    font-size: 12px;
    line-height: 1.65;
  }

  /* DIAGNÓSTICO */

  .gsvsdcharge__diagnostic {
    margin-top: 11px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.018);
  }

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

  .gsvsdcharge__diagnostic-head small,
  .gsvsdcharge__diagnostic-head strong {
    display: block;
  }

  .gsvsdcharge__diagnostic-head small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdcharge__diagnostic-head strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 13px;
  }

  .gsvsdcharge__diagnostic-head > span {
    color: rgba(255,255,255,.1);
    font-size: 22px;
    font-weight: 850;
  }

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

  .gsvsdcharge__steps article {
    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,.08);
    border-radius: 11px;
    background: rgba(0,10,23,.26);
  }

  .gsvsdcharge__steps article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsdc-cyan);
    background: rgba(41,220,247,.06);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdcharge__steps small {
    color: #708ba1;
    font-size: 10px;
  }

  .gsvsdcharge__steps strong {
    margin-top: 3px;
    color: #cadbe7;
    font-size: 11px;
    line-height: 1.4;
  }

  /* ÁREAS */

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

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

  .gsvsdcharge__section-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

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

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

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

  .gsvsdcharge__areas-grid article {
    position: relative;
    min-width: 0;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 19px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gsvsdcharge__area-number {
    position: absolute;
    top: 11px;
    right: 13px;
    color: rgba(255,255,255,.07);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdcharge__area-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gsvsdc-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdcharge__area-icon--yellow {
    color: var(--gsvsdc-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdcharge__area-icon--green {
    color: var(--gsvsdc-green);
    background: rgba(75,221,157,.065);
  }

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

  .gsvsdcharge__areas-grid article > small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdcharge__areas-grid h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.42;
  }

  .gsvsdcharge__areas-grid p {
    margin: 8px 0 0;
    color: #8b9fb1;
    font-size: 12px;
    line-height: 1.65;
  }

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

  .gsvsdcharge__area-tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* SEGURIDAD */

  .gsvsdcharge__safety {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(255,104,120,.16);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,104,120,.05), transparent 28%),
      rgba(1,12,26,.38);
  }

  .gsvsdcharge__safety .gsvsdcharge__icon {
    width: 55px;
    height: 55px;
    color: var(--gsvsdc-red);
    background: rgba(255,104,120,.07);
  }

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

  .gsvsdcharge__safety small {
    color: #ad7d87;
    font-size: 10px;
    letter-spacing: .55px;
  }

  .gsvsdcharge__safety strong {
    margin-top: 4px;
    color: #f0dde1;
    font-size: 13px;
    line-height: 1.5;
  }

  .gsvsdcharge__safety p {
    margin: 5px 0 0;
    color: #a58b92;
    font-size: 11px;
    line-height: 1.6;
  }

  /* ACLARACIONES */

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

  .gsvsdcharge__clarifications article {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdcharge__clarifications .gsvsdcharge__icon {
    width: 46px;
    height: 46px;
  }

  .gsvsdcharge__clarifications article:nth-child(2) .gsvsdcharge__icon {
    color: var(--gsvsdc-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdcharge__clarifications article:nth-child(3) .gsvsdcharge__icon {
    color: var(--gsvsdc-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdcharge__clarifications article:nth-child(4) .gsvsdcharge__icon {
    color: var(--gsvsdc-orange);
    background: rgba(255,146,93,.065);
  }

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

  .gsvsdcharge__clarifications small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdcharge__clarifications strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 11px;
    line-height: 1.45;
  }

  /* CTA */

  .gsvsdcharge__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdcharge__cta-copy .gsvsdcharge__icon {
    width: 49px;
    height: 49px;
  }

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

  .gsvsdcharge__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdcharge__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdcharge__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdcharge__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdcharge__button > span {
    font-size: 17px;
  }

  .gsvsdcharge__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdcharge__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdcharge__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdcharge__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdcharge__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdcharge__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  .gsvsdcharge__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdcEnergy {
    0%,
    100% {
      opacity: .14;
      transform: scaleX(.72);
    }

    50% {
      opacity: .75;
      transform: scaleX(1);
    }
  }

  @keyframes gsvsdcDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdcCharger {
    0%,
    100% {
      transform: translateY(-50%) rotate(-3deg);
    }

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

  @keyframes gsvsdcScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 90%;
      opacity: 1;
    }
  }

  @keyframes gsvsdcBattery {
    0%,
    100% {
      width: 30%;
      opacity: .55;
    }

    50% {
      width: 82%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdcharge__visual {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
      gap: 18px;
    }

    .gsvsdcharge__visual-copy,
    .gsvsdcharge__visual-note {
      grid-column: 1 / -1;
    }

    .gsvsdcharge__stage {
      min-height: 440px;
      margin-top: 0;
    }

    .gsvsdcharge__route {
      align-content: center;
    }

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

  }

  @media (max-width: 900px) {

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

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

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

    .gsvsdcharge__actions {
      width: 100%;
    }

    .gsvsdcharge__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdcharge__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdcharge__visual {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdcharge__stage {
      height: 410px;
      min-height: 0;
      margin-top: 12px;
    }

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

    .gsvsdcharge__actions {
      flex-direction: column;
    }

    .gsvsdcharge__glow {
      display: none;
    }

    .gsvsdcharge__orbit,
    .gsvsdcharge__energy,
    .gsvsdcharge__charger,
    .gsvsdcharge__deck,
    .gsvsdcharge__scan,
    .gsvsdcharge__battery span,
    .gsvsdcharge__node {
      animation: none;
    }

    .gsvsdcharge__symptoms article:hover,
    .gsvsdcharge__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

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

    .gsvsdcharge__header-note,
    .gsvsdcharge__visual-note,
    .gsvsdcharge__safety,
    .gsvsdcharge__cta-copy,
    .gsvsdcharge__clarifications article {
      grid-template-columns: 1fr;
    }

    .gsvsdcharge__panel-status {
      align-items: flex-start;
    }

    .gsvsdcharge__panel-status > strong {
      display: none;
    }

    .gsvsdcharge__stage {
      height: 385px;
    }

    .gsvsdcharge__charger {
      left: 0;
      transform: translateY(-50%) scale(.86);
      transform-origin: left center;
    }

    .gsvsdcharge__deck {
      left: 64%;
      width: 260px;
      height: 148px;
      grid-template-columns: 58px minmax(0, 1fr) 58px;
    }

    .gsvsdcharge__screen {
      height: 111px;
    }

    .gsvsdcharge__brand-logo {
      top: 15px;
      width: 72px;
      height: 40px;
    }

    .gsvsdcharge__node {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

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

    .gsvsdcharge__route > i {
      display: none;
    }

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

    .gsvsdcharge__content-head > span {
      display: none;
    }

    .gsvsdcharge__steps,
    .gsvsdcharge__clarifications {
      grid-template-columns: 1fr;
    }

  }

  @media (max-width: 390px) {

    .gsvsdcharge {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdcharge__panel,
    .gsvsdcharge__visual {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdcharge__stage {
      height: 365px;
    }

    .gsvsdcharge__charger {
      left: -7px;
      transform: translateY(-50%) scale(.76);
    }

    .gsvsdcharge__deck {
      left: 66%;
      width: 228px;
      height: 136px;
      grid-template-columns: 51px minmax(0, 1fr) 51px;
    }

    .gsvsdcharge__screen {
      height: 101px;
    }

    .gsvsdcharge__brand-logo {
      top: 13px;
      width: 62px;
      height: 35px;
    }

    .gsvsdcharge__node {
      min-width: 90px;
    }

  }


  /* =======================================================
     MOBILE — RUTA DE CARGA SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdcharge__stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      margin-top: 12px;
      padding-top: 12px;
    }

    .gsvsdcharge__orbit,
    .gsvsdcharge__energy {
      display: none;
    }

    .gsvsdcharge__charger {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: 104px;
      height: 138px;

      margin: 2px auto 0;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdcharge__deck {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(340px, 100%);
      height: 188px;

      margin: 0 auto 10px;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdcharge__node,
    .gsvsdcharge__node--adapter,
    .gsvsdcharge__node--port,
    .gsvsdcharge__node--battery,
    .gsvsdcharge__node--board {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      width: auto;
      min-width: 0;
      min-height: 62px;

      grid-template-columns:
        33px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdcharge__node > span {
      width: 33px;
      height: 33px;
    }

    .gsvsdcharge__node small {
      font-size: 8px;
    }

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

    .gsvsdcharge__scan,
    .gsvsdcharge__battery span {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdcharge__charger,
    .gsvsdcharge__deck,
    .gsvsdcharge__node {
      grid-column: 1;
    }

    .gsvsdcharge__deck {
      width: min(292px, 100%);
      height: 170px;

      grid-template-columns:
        62px
        minmax(0, 1fr)
        62px;
    }

    .gsvsdcharge__screen {
      height: 128px;
    }

    .gsvsdcharge__brand-logo {
      width: 70px;
      height: 38px;
    }

    .gsvsdcharge__node {
      min-height: 0;
    }

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

    .gsvsdcharge__route > i {
      display: none;
    }
  }

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

    .gsvsdcharge,
    .gsvsdcharge *,
    .gsvsdcharge *::before,
    .gsvsdcharge *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — PANTALLA, CONTROLES Y VENTILACIÓN
   ID INTERNO HTML: pantalla-controles-ventilacion-steam-deck
   ========================================================= */
.gsvsdpcv {
    --gsvsdpcv-cyan: #29dcf7;
    --gsvsdpcv-blue: #3885ff;
    --gsvsdpcv-green: #4bdd9d;
    --gsvsdpcv-yellow: #ffca61;
    --gsvsdpcv-orange: #ff925d;
    --gsvsdpcv-red: #ff6878;
    --gsvsdpcv-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(255,146,93,.07), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(56,133,255,.11), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdpcv__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdpcv__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdpcv-cyan);
  }

  .gsvsdpcv__glow--orange {
    right: -230px;
    bottom: 7%;
    opacity: .07;
    background: var(--gsvsdpcv-orange);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdpcv__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdpcv-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdpcvPulse 2.4s ease-in-out infinite;
  }

  .gsvsdpcv__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdpcv__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdpcv-cyan) 48%,
      #6b9aff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdpcv__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 15px;
    background: rgba(41,220,247,.025);
  }

  .gsvsdpcv__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdpcv-cyan);
    background: rgba(41,220,247,.07);
  }

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

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

  .gsvsdpcv__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL */

  .gsvsdpcv__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(255,146,93,.045), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdpcv__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdpcv__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdpcv-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdpcv__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .8px;
  }

  .gsvsdpcv__layout {
    display: grid;
    grid-template-columns: minmax(350px, .79fr) minmax(0, 1.21fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* VISUAL */

  .gsvsdpcv__visual {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 38%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdpcv__visual-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  .gsvsdpcv__stage {
    position: relative;
    height: 410px;
    margin-top: 10px;
  }

  .gsvsdpcv__orbit {
    position: absolute;
    top: 53%;
    left: 50%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdpcvOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdpcv__orbit--one {
    width: 315px;
    height: 315px;
  }

  .gsvsdpcv__orbit--two {
    width: 225px;
    height: 225px;
    animation-delay: -1.6s;
  }

  .gsvsdpcv__orbit--three {
    width: 140px;
    height: 140px;
    animation-delay: -3.1s;
  }

  .gsvsdpcv__signal {
    position: absolute;
    z-index: 3;
    left: 12%;
    width: 76%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(41,220,247,.66),
      rgba(255,146,93,.58),
      transparent
    );
    animation: gsvsdpcvSignal 3.9s ease-in-out infinite;
  }

  .gsvsdpcv__signal--one {
    top: 43%;
  }

  .gsvsdpcv__signal--two {
    top: 52%;
    animation-delay: -1.3s;
  }

  .gsvsdpcv__signal--three {
    top: 61%;
    animation-delay: -2.6s;
  }

  /* CONSOLA */

  .gsvsdpcv__deck {
    position: absolute;
    z-index: 6;
    top: 53%;
    left: 50%;
    width: 320px;
    height: 176px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 72px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.3);
    border-radius: 42px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.09), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 9px rgba(41,220,247,.022),
      0 30px 50px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdpcvDeck 5.2s ease-in-out infinite;
  }

  .gsvsdpcv__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gsvsdpcv__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 8px;
    left: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,146,93,.88),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 17px rgba(255,146,93,.4),
      0 0 20px rgba(41,220,247,.4);
    animation: gsvsdpcvScan 4.2s ease-in-out infinite;
  }

  .gsvsdpcv__deck-side {
    position: relative;
    z-index: 4;
  }

  .gsvsdpcv__stick {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
  }

  .gsvsdpcv__stick--active {
    box-shadow:
      0 0 0 4px rgba(75,221,157,.04),
      0 0 15px rgba(75,221,157,.25);
  }

  .gsvsdpcv__deck-side--left .gsvsdpcv__stick {
    top: 28px;
    left: 12px;
  }

  .gsvsdpcv__deck-side--right .gsvsdpcv__stick {
    top: 64px;
    right: 12px;
  }

  .gsvsdpcv__dpad {
    position: absolute;
    top: 72px;
    left: 17px;
    width: 30px;
    height: 30px;
  }

  .gsvsdpcv__dpad i,
  .gsvsdpcv__dpad b {
    position: absolute;
    border-radius: 3px;
    background: #123247;
  }

  .gsvsdpcv__dpad i {
    top: 10px;
    left: 0;
    width: 30px;
    height: 10px;
  }

  .gsvsdpcv__dpad b {
    top: 0;
    left: 10px;
    width: 10px;
    height: 30px;
  }

  .gsvsdpcv__trackpad {
    position: absolute;
    bottom: 17px;
    width: 41px;
    height: 34px;
    border: 1px solid rgba(41,220,247,.13);
    border-radius: 8px;
    background: linear-gradient(145deg, #0d2c40, #061521);
  }

  .gsvsdpcv__deck-side--left .gsvsdpcv__trackpad {
    left: 16px;
  }

  .gsvsdpcv__deck-side--right .gsvsdpcv__trackpad {
    right: 16px;
  }

  .gsvsdpcv__buttons {
    position: absolute;
    top: 28px;
    right: 11px;
    width: 37px;
    height: 37px;
  }

  .gsvsdpcv__buttons i {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #123247;
  }

  .gsvsdpcv__buttons i:nth-child(1) {
    top: 0;
    left: 14px;
  }

  .gsvsdpcv__buttons i:nth-child(2) {
    top: 14px;
    right: 0;
  }

  .gsvsdpcv__buttons i:nth-child(3) {
    bottom: 0;
    left: 14px;
  }

  .gsvsdpcv__buttons i:nth-child(4) {
    top: 14px;
    left: 0;
  }

  .gsvsdpcv__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 135px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 11px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.14), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
  }

  .gsvsdpcv__screen-frame {
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 7px;
  }

  .gsvsdpcv__brand-logo {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 84px;
    height: 46px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
  }

  .gsvsdpcv__screen-test {
    position: absolute;
    right: 14px;
    bottom: 32px;
    left: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }

  .gsvsdpcv__screen-test span {
    height: 5px;
    border-radius: 999px;
  }

  .gsvsdpcv__screen-test span:nth-child(1) {
    background: var(--gsvsdpcv-cyan);
  }

  .gsvsdpcv__screen-test span:nth-child(2) {
    background: var(--gsvsdpcv-blue);
  }

  .gsvsdpcv__screen-test span:nth-child(3) {
    background: var(--gsvsdpcv-green);
  }

  .gsvsdpcv__screen-test span:nth-child(4) {
    background: var(--gsvsdpcv-orange);
  }

  .gsvsdpcv__screen-status {
    position: absolute;
    right: 14px;
    bottom: 12px;
    left: 14px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }

  .gsvsdpcv__screen-status small {
    color: #62869a;
    font-size: 8px;
  }

  .gsvsdpcv__screen-status strong {
    color: var(--gsvsdpcv-green);
    font-size: 9px;
    letter-spacing: .5px;
  }

  .gsvsdpcv__fan {
    position: absolute;
    z-index: 8;
    top: 6px;
    right: 84px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,146,93,.32);
    border-radius: 50%;
    background: rgba(255,146,93,.04);
    animation: gsvsdpcvFan 3.2s linear infinite;
  }

  .gsvsdpcv__fan i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 5px;
    border-radius: 80% 20% 80% 20%;
    background: rgba(255,146,93,.55);
    transform-origin: 0 50%;
  }

  .gsvsdpcv__fan i:nth-child(1) {
    transform: rotate(0deg);
  }

  .gsvsdpcv__fan i:nth-child(2) {
    transform: rotate(90deg);
  }

  .gsvsdpcv__fan i:nth-child(3) {
    transform: rotate(180deg);
  }

  .gsvsdpcv__fan i:nth-child(4) {
    transform: rotate(270deg);
  }

  /* NODOS */

  .gsvsdpcv__node {
    position: absolute;
    z-index: 12;
    min-width: 108px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.29);
  }

  .gsvsdpcv__node > span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdpcv-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdpcv__node small {
    color: #7892a7;
    font-size: 9px;
  }

  .gsvsdpcv__node strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdpcv__node--display {
    top: 38px;
    left: 0;
    animation: gsvsdpcvCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdpcv__node--input {
    top: 92px;
    right: 0;
    animation: gsvsdpcvCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdpcv__node--input > span {
    color: var(--gsvsdpcv-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdpcv__node--thermal {
    bottom: 47px;
    left: 0;
    animation: gsvsdpcvCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdpcv__node--thermal > span {
    color: var(--gsvsdpcv-orange);
    background: rgba(255,146,93,.07);
  }

  .gsvsdpcv__node--board {
    right: 0;
    bottom: 22px;
    animation: gsvsdpcvCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdpcv__node--board > span {
    color: var(--gsvsdpcv-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdpcv__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
  }

  .gsvsdpcv__route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdpcv__route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdpcv-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

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

  .gsvsdpcv__route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdpcv__route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdpcv__route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

  .gsvsdpcv__visual-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdpcv__visual-note .gsvsdpcv__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdpcv-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdpcv__visual-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdpcv__content {
    min-width: 0;
  }

  .gsvsdpcv__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdpcv__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdpcv__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdpcv__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdpcv__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdpcv-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

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

  .gsvsdpcv__card {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.019);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdpcv__card:hover {
    transform: translateY(-4px);
    border-color: rgba(41,220,247,.25);
  }

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

  .gsvsdpcv__card-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsvsdpcv-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdpcv__card-icon svg {
    width: 24px;
    height: 24px;
  }

  .gsvsdpcv__card-icon--green {
    color: var(--gsvsdpcv-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdpcv__card-icon--yellow {
    color: var(--gsvsdpcv-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdpcv__card-icon--orange {
    color: var(--gsvsdpcv-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdpcv__card-icon--red {
    color: var(--gsvsdpcv-red);
    background: rgba(255,104,120,.065);
  }

  .gsvsdpcv__card-top > strong {
    color: rgba(255,255,255,.08);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdpcv__card > small {
    display: block;
    margin-top: 12px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
  }

  .gsvsdpcv__card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
  }

  .gsvsdpcv__card p {
    margin: 8px 0 0;
    color: #8fa4b5;
    font-size: 12px;
    line-height: 1.65;
  }

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

  .gsvsdpcv__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* PRUEBAS */

  .gsvsdpcv__tests {
    margin-top: 11px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.018);
  }

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

  .gsvsdpcv__tests-head small,
  .gsvsdpcv__tests-head strong {
    display: block;
  }

  .gsvsdpcv__tests-head small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdpcv__tests-head strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 13px;
  }

  .gsvsdpcv__tests-head > span {
    color: rgba(255,255,255,.1);
    font-size: 22px;
    font-weight: 850;
  }

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

  .gsvsdpcv__tests-grid article {
    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,.08);
    border-radius: 11px;
    background: rgba(0,10,23,.26);
  }

  .gsvsdpcv__tests-grid article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsdpcv-cyan);
    background: rgba(41,220,247,.06);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdpcv__tests-grid small,
  .gsvsdpcv__tests-grid strong {
    display: block;
  }

  .gsvsdpcv__tests-grid small {
    color: #708ba1;
    font-size: 10px;
  }

  .gsvsdpcv__tests-grid strong {
    margin-top: 3px;
    color: #cadbe7;
    font-size: 11px;
    line-height: 1.4;
  }

  /* SISTEMAS */

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

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

  .gsvsdpcv__section-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

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

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

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

  .gsvsdpcv__system-card {
    min-width: 0;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 19px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gsvsdpcv__system-top {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
  }

  .gsvsdpcv__system-number {
    color: rgba(255,255,255,.08);
    font-size: 24px;
    font-weight: 850;
  }

  .gsvsdpcv__system-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gsvsdpcv-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdpcv__system-icon--green {
    color: var(--gsvsdpcv-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdpcv__system-icon--orange {
    color: var(--gsvsdpcv-orange);
    background: rgba(255,146,93,.065);
  }

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

  .gsvsdpcv__system-card > small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdpcv__system-card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.42;
  }

  .gsvsdpcv__system-card > p {
    margin: 8px 0 0;
    color: #8b9fb1;
    font-size: 12px;
    line-height: 1.65;
  }

  .gsvsdpcv__checks {
    display: grid;
    gap: 7px;
    margin-top: 14px;
  }

  .gsvsdpcv__checks span {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #9cb0c0;
    font-size: 11px;
    line-height: 1.45;
  }

  .gsvsdpcv__checks i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsvsdpcv-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

  .gsvsdpcv__system-card:nth-child(2) .gsvsdpcv__checks i {
    background: var(--gsvsdpcv-green);
    box-shadow: 0 0 8px rgba(75,221,157,.4);
  }

  .gsvsdpcv__system-card:nth-child(3) .gsvsdpcv__checks i {
    background: var(--gsvsdpcv-orange);
    box-shadow: 0 0 8px rgba(255,146,93,.4);
  }

  /* ADVERTENCIA */

  .gsvsdpcv__warning {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(255,104,120,.16);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,104,120,.05), transparent 28%),
      rgba(1,12,26,.38);
  }

  .gsvsdpcv__warning .gsvsdpcv__icon {
    width: 55px;
    height: 55px;
    color: var(--gsvsdpcv-red);
    background: rgba(255,104,120,.07);
  }

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

  .gsvsdpcv__warning small {
    color: #ad7d87;
    font-size: 10px;
    letter-spacing: .55px;
  }

  .gsvsdpcv__warning strong {
    margin-top: 4px;
    color: #f0dde1;
    font-size: 13px;
    line-height: 1.5;
  }

  .gsvsdpcv__warning p {
    margin: 5px 0 0;
    color: #a58b92;
    font-size: 11px;
    line-height: 1.6;
  }

  /* ACLARACIONES */

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

  .gsvsdpcv__clarifications article {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdpcv__clarifications .gsvsdpcv__icon {
    width: 46px;
    height: 46px;
  }

  .gsvsdpcv__clarifications article:nth-child(2) .gsvsdpcv__icon {
    color: var(--gsvsdpcv-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdpcv__clarifications article:nth-child(3) .gsvsdpcv__icon {
    color: var(--gsvsdpcv-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdpcv__clarifications article:nth-child(4) .gsvsdpcv__icon {
    color: var(--gsvsdpcv-orange);
    background: rgba(255,146,93,.065);
  }

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

  .gsvsdpcv__clarifications small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdpcv__clarifications strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 11px;
    line-height: 1.45;
  }

  /* CTA */

  .gsvsdpcv__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdpcv__cta-copy .gsvsdpcv__icon {
    width: 49px;
    height: 49px;
  }

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

  .gsvsdpcv__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdpcv__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdpcv__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdpcv__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdpcv__button > span {
    font-size: 17px;
  }

  .gsvsdpcv__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdpcv__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdpcv__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdpcv__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdpcv__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdpcv__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  .gsvsdpcv__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdpcvSignal {
    0%,
    100% {
      opacity: .14;
      transform: scaleX(.72);
    }

    50% {
      opacity: .75;
      transform: scaleX(1);
    }
  }

  @keyframes gsvsdpcvDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdpcvScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 90%;
      opacity: 1;
    }
  }

  @keyframes gsvsdpcvFan {
    to {
      transform: rotate(360deg);
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdpcv__visual {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
      gap: 18px;
    }

    .gsvsdpcv__visual-copy,
    .gsvsdpcv__visual-note {
      grid-column: 1 / -1;
    }

    .gsvsdpcv__stage {
      min-height: 440px;
      margin-top: 0;
    }

    .gsvsdpcv__route {
      align-content: center;
    }

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

  }

  @media (max-width: 900px) {

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

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

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

    .gsvsdpcv__actions {
      width: 100%;
    }

    .gsvsdpcv__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdpcv__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdpcv__visual {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdpcv__stage {
      height: 400px;
      min-height: 0;
      margin-top: 12px;
    }

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

    .gsvsdpcv__actions {
      flex-direction: column;
    }

    .gsvsdpcv__glow {
      display: none;
    }

    .gsvsdpcv__orbit,
    .gsvsdpcv__signal,
    .gsvsdpcv__deck,
    .gsvsdpcv__scan,
    .gsvsdpcv__fan,
    .gsvsdpcv__node {
      animation: none;
    }

    .gsvsdpcv__card:hover,
    .gsvsdpcv__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

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

    .gsvsdpcv__header-note,
    .gsvsdpcv__visual-note,
    .gsvsdpcv__warning,
    .gsvsdpcv__cta-copy,
    .gsvsdpcv__clarifications article {
      grid-template-columns: 1fr;
    }

    .gsvsdpcv__panel-status {
      align-items: flex-start;
    }

    .gsvsdpcv__panel-status > strong {
      display: none;
    }

    .gsvsdpcv__stage {
      height: 375px;
    }

    .gsvsdpcv__deck {
      width: 290px;
      height: 164px;
      grid-template-columns: 65px minmax(0, 1fr) 65px;
    }

    .gsvsdpcv__screen {
      height: 124px;
    }

    .gsvsdpcv__brand-logo {
      top: 16px;
      width: 75px;
      height: 42px;
    }

    .gsvsdpcv__node {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

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

    .gsvsdpcv__route > i {
      display: none;
    }

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

    .gsvsdpcv__content-head > span {
      display: none;
    }

    .gsvsdpcv__tests-grid,
    .gsvsdpcv__clarifications {
      grid-template-columns: 1fr;
    }

  }

  @media (max-width: 390px) {

    .gsvsdpcv {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdpcv__panel,
    .gsvsdpcv__visual {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdpcv__stage {
      height: 355px;
    }

    .gsvsdpcv__deck {
      width: 258px;
      height: 150px;
      grid-template-columns: 58px minmax(0, 1fr) 58px;
    }

    .gsvsdpcv__screen {
      height: 112px;
    }

    .gsvsdpcv__brand-logo {
      top: 14px;
      width: 66px;
      height: 37px;
    }

    .gsvsdpcv__node {
      min-width: 89px;
    }

  }


  /* =======================================================
     MOBILE — INTERFAZ Y TEMPERATURA SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdpcv__stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      margin-top: 12px;
      padding-top: 12px;
    }

    .gsvsdpcv__orbit,
    .gsvsdpcv__signal {
      display: none;
    }

    .gsvsdpcv__deck {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(350px, 100%);
      height: 192px;

      margin: 4px auto 10px;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdpcv__node,
    .gsvsdpcv__node--display,
    .gsvsdpcv__node--input,
    .gsvsdpcv__node--thermal,
    .gsvsdpcv__node--board {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      width: auto;
      min-width: 0;
      min-height: 62px;

      grid-template-columns:
        33px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdpcv__node > span {
      width: 33px;
      height: 33px;
    }

    .gsvsdpcv__node small {
      font-size: 8px;
    }

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

    .gsvsdpcv__scan {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdpcv__deck,
    .gsvsdpcv__node {
      grid-column: 1;
    }

    .gsvsdpcv__deck {
      width: min(292px, 100%);
      height: 170px;

      grid-template-columns:
        62px
        minmax(0, 1fr)
        62px;
    }

    .gsvsdpcv__screen {
      height: 128px;
    }

    .gsvsdpcv__brand-logo {
      top: 15px;
      width: 70px;
      height: 39px;
    }

    .gsvsdpcv__node {
      min-height: 0;
    }

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

    .gsvsdpcv__route > i {
      display: none;
    }
  }

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

    .gsvsdpcv,
    .gsvsdpcv *,
    .gsvsdpcv *::before,
    .gsvsdpcv *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — SISTEMA, SSD Y ARRANQUE
   ID INTERNO HTML: sistema-ssd-arranque-steam-deck
   ========================================================= */
.gsvsdsys {
    --gsvsdsys-cyan: #29dcf7;
    --gsvsdsys-blue: #3885ff;
    --gsvsdsys-green: #4bdd9d;
    --gsvsdsys-yellow: #ffca61;
    --gsvsdsys-orange: #ff925d;
    --gsvsdsys-red: #ff6878;
    --gsvsdsys-violet: #a58aff;
    --gsvsdsys-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(165,138,255,.08), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(56,133,255,.11), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdsys__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdsys__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdsys-cyan);
  }

  .gsvsdsys__glow--violet {
    right: -230px;
    bottom: 7%;
    opacity: .08;
    background: var(--gsvsdsys-violet);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdsys__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdsys-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdsysPulse 2.4s ease-in-out infinite;
  }

  .gsvsdsys__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdsys__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdsys-cyan) 46%,
      var(--gsvsdsys-violet)
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdsys__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(165,138,255,.14);
    border-radius: 15px;
    background: rgba(165,138,255,.025);
  }

  .gsvsdsys__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdsys-cyan);
    background: rgba(41,220,247,.07);
  }

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

  .gsvsdsys__header-note .gsvsdsys__icon {
    color: var(--gsvsdsys-violet);
    background: rgba(165,138,255,.07);
  }

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

  .gsvsdsys__header-note small {
    margin-bottom: 3px;
    color: #9186b0;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL */

  .gsvsdsys__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(165,138,255,.05), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdsys__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdsys__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdsys-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdsys__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .8px;
  }

  .gsvsdsys__layout {
    display: grid;
    grid-template-columns: minmax(350px, .79fr) minmax(0, 1.21fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* VISUAL */

  .gsvsdsys__visual {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 38%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdsys__visual-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  .gsvsdsys__stage {
    position: relative;
    height: 425px;
    margin-top: 9px;
  }

  .gsvsdsys__orbit {
    position: absolute;
    top: 56%;
    left: 54%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdsysOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdsys__orbit--one {
    width: 315px;
    height: 315px;
  }

  .gsvsdsys__orbit--two {
    width: 225px;
    height: 225px;
    animation-delay: -1.6s;
  }

  .gsvsdsys__orbit--three {
    width: 140px;
    height: 140px;
    animation-delay: -3.1s;
  }

  .gsvsdsys__signal {
    position: absolute;
    z-index: 3;
    left: 11%;
    width: 78%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(41,220,247,.68),
      rgba(165,138,255,.62),
      transparent
    );
    animation: gsvsdsysSignal 3.9s ease-in-out infinite;
  }

  .gsvsdsys__signal--one {
    top: 47%;
  }

  .gsvsdsys__signal--two {
    top: 55%;
    animation-delay: -1.3s;
  }

  .gsvsdsys__signal--three {
    top: 63%;
    animation-delay: -2.6s;
  }

  /* SSD */

  .gsvsdsys__ssd {
    position: absolute;
    z-index: 8;
    top: 35%;
    left: 1%;
    width: 96px;
    height: 214px;
    overflow: hidden;
    border: 2px solid rgba(75,221,157,.24);
    border-radius: 13px;
    background:
      linear-gradient(rgba(75,221,157,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(75,221,157,.04) 1px, transparent 1px),
      linear-gradient(145deg, #0b382d, #031611);
    background-size: 13px 13px, 13px 13px, auto;
    box-shadow: 0 24px 40px rgba(0,0,0,.35);
    transform: translateY(-50%) rotate(-4deg);
    animation: gsvsdsysSsd 5.4s ease-in-out infinite;
  }

  .gsvsdsys__ssd-chip {
    position: absolute;
    left: 15px;
    width: 46px;
    height: 36px;
    border: 1px solid rgba(75,221,157,.18);
    border-radius: 6px;
    background: #061c17;
    box-shadow: inset 0 0 10px rgba(75,221,157,.04);
  }

  .gsvsdsys__ssd-chip--one {
    top: 18px;
  }

  .gsvsdsys__ssd-chip--two {
    top: 62px;
  }

  .gsvsdsys__ssd-chip--three {
    top: 106px;
  }

  .gsvsdsys__ssd-controller {
    position: absolute;
    top: 70px;
    right: 8px;
    width: 18px;
    height: 42px;
    border-radius: 4px;
    background: #08251f;
  }

  .gsvsdsys__ssd-label {
    position: absolute;
    right: 8px;
    bottom: 25px;
    left: 8px;
    padding: 7px;
    border: 1px solid rgba(75,221,157,.12);
    border-radius: 7px;
    background: rgba(1,13,10,.65);
  }

  .gsvsdsys__ssd-label small,
  .gsvsdsys__ssd-label strong {
    display: block;
  }

  .gsvsdsys__ssd-label small {
    color: #649681;
    font-size: 8px;
  }

  .gsvsdsys__ssd-label strong {
    margin-top: 3px;
    color: var(--gsvsdsys-green);
    font-size: 9px;
    letter-spacing: .5px;
  }

  .gsvsdsys__ssd-contact {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 14px;
    background: repeating-linear-gradient(
      90deg,
      #bd9c52 0 5px,
      transparent 5px 8px
    );
  }

  /* CONSOLA */

  .gsvsdsys__deck {
    position: absolute;
    z-index: 6;
    top: 57%;
    left: 61%;
    width: 290px;
    height: 160px;
    display: grid;
    grid-template-columns: 65px minmax(0, 1fr) 65px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.3);
    border-radius: 40px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.09), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 9px rgba(41,220,247,.022),
      0 30px 50px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdsysDeck 5.2s ease-in-out infinite;
  }

  .gsvsdsys__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gsvsdsys__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 8px;
    left: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(165,138,255,.9),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 17px rgba(165,138,255,.4),
      0 0 20px rgba(41,220,247,.4);
    animation: gsvsdsysScan 4.2s ease-in-out infinite;
  }

  .gsvsdsys__deck-side {
    position: relative;
    z-index: 4;
  }

  .gsvsdsys__stick {
    position: absolute;
    width: 27px;
    height: 27px;
    border: 4px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
  }

  .gsvsdsys__deck-side--left .gsvsdsys__stick {
    top: 25px;
    left: 12px;
  }

  .gsvsdsys__deck-side--right .gsvsdsys__stick {
    top: 58px;
    right: 12px;
  }

  .gsvsdsys__dpad {
    position: absolute;
    top: 66px;
    left: 17px;
    width: 28px;
    height: 28px;
  }

  .gsvsdsys__dpad i,
  .gsvsdsys__dpad b {
    position: absolute;
    border-radius: 3px;
    background: #123247;
  }

  .gsvsdsys__dpad i {
    top: 9px;
    left: 0;
    width: 28px;
    height: 10px;
  }

  .gsvsdsys__dpad b {
    top: 0;
    left: 9px;
    width: 10px;
    height: 28px;
  }

  .gsvsdsys__trackpad {
    position: absolute;
    bottom: 16px;
    width: 38px;
    height: 32px;
    border: 1px solid rgba(41,220,247,.13);
    border-radius: 8px;
    background: linear-gradient(145deg, #0d2c40, #061521);
  }

  .gsvsdsys__deck-side--left .gsvsdsys__trackpad {
    left: 14px;
  }

  .gsvsdsys__deck-side--right .gsvsdsys__trackpad {
    right: 14px;
  }

  .gsvsdsys__buttons {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 35px;
    height: 35px;
  }

  .gsvsdsys__buttons i {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #123247;
  }

  .gsvsdsys__buttons i:nth-child(1) {
    top: 0;
    left: 13px;
  }

  .gsvsdsys__buttons i:nth-child(2) {
    top: 13px;
    right: 0;
  }

  .gsvsdsys__buttons i:nth-child(3) {
    bottom: 0;
    left: 13px;
  }

  .gsvsdsys__buttons i:nth-child(4) {
    top: 13px;
    left: 0;
  }

  .gsvsdsys__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 122px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 10px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.11), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
  }

  .gsvsdsys__screen-frame {
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 7px;
  }

  .gsvsdsys__terminal {
    position: absolute;
    top: 16px;
    right: 11px;
    left: 11px;
    overflow: hidden;
    border: 1px solid rgba(165,138,255,.16);
    border-radius: 7px;
    background: rgba(0,6,15,.78);
  }

  .gsvsdsys__terminal-head {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 5px 6px;
    color: #6f8298;
    background: rgba(165,138,255,.05);
    font-size: 7px;
  }

  .gsvsdsys__terminal-head i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
  }

  .gsvsdsys__terminal-head i:nth-child(1) {
    background: var(--gsvsdsys-red);
  }

  .gsvsdsys__terminal-head i:nth-child(2) {
    background: var(--gsvsdsys-yellow);
  }

  .gsvsdsys__terminal-head i:nth-child(3) {
    margin-right: 3px;
    background: var(--gsvsdsys-green);
  }

  .gsvsdsys__terminal-lines {
    display: grid;
    gap: 3px;
    padding: 7px;
  }

  .gsvsdsys__terminal-lines span {
    color: #7da1b8;
    font-family: monospace;
    font-size: 7px;
    line-height: 1.2;
  }

  .gsvsdsys__terminal-lines span:nth-child(1) {
    color: var(--gsvsdsys-green);
  }

  .gsvsdsys__terminal-lines span:nth-child(2) {
    color: var(--gsvsdsys-yellow);
  }

  .gsvsdsys__terminal-lines span:nth-child(3) {
    color: var(--gsvsdsys-cyan);
  }

  .gsvsdsys__terminal-lines span:nth-child(4) {
    color: var(--gsvsdsys-violet);
  }

  .gsvsdsys__screen-progress {
    position: absolute;
    right: 12px;
    bottom: 10px;
    left: 12px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(41,220,247,.1);
  }

  .gsvsdsys__screen-progress span {
    display: block;
    width: 68%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
      90deg,
      var(--gsvsdsys-cyan),
      var(--gsvsdsys-violet)
    );
    animation: gsvsdsysProgress 3.1s ease-in-out infinite;
  }

  /* NODOS */

  .gsvsdsys__node {
    position: absolute;
    z-index: 12;
    min-width: 112px;
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.29);
  }

  .gsvsdsys__node > span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdsys-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdsys__node small {
    color: #7892a7;
    font-size: 9px;
  }

  .gsvsdsys__node strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdsys__node--firmware {
    top: 31px;
    left: 0;
    animation: gsvsdsysCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdsys__node--storage {
    top: 88px;
    right: 0;
    animation: gsvsdsysCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdsys__node--storage > span {
    color: var(--gsvsdsys-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdsys__node--system {
    bottom: 48px;
    left: 0;
    animation: gsvsdsysCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdsys__node--system > span {
    color: var(--gsvsdsys-violet);
    background: rgba(165,138,255,.07);
  }

  .gsvsdsys__node--hardware {
    right: 0;
    bottom: 22px;
    animation: gsvsdsysCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdsys__node--hardware > span {
    color: var(--gsvsdsys-orange);
    background: rgba(255,146,93,.07);
  }

  .gsvsdsys__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
  }

  .gsvsdsys__route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdsys__route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdsys-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

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

  .gsvsdsys__route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdsys__route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdsys__route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

  .gsvsdsys__visual-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdsys__visual-note .gsvsdsys__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdsys-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdsys__visual-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdsys__content {
    min-width: 0;
  }

  .gsvsdsys__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdsys__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdsys__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdsys__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdsys__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdsys-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

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

  .gsvsdsys__card {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.019);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdsys__card:hover {
    transform: translateY(-4px);
    border-color: rgba(41,220,247,.25);
  }

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

  .gsvsdsys__card-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsvsdsys-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdsys__card-icon svg {
    width: 24px;
    height: 24px;
  }

  .gsvsdsys__card-icon--green {
    color: var(--gsvsdsys-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdsys__card-icon--yellow {
    color: var(--gsvsdsys-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdsys__card-icon--orange {
    color: var(--gsvsdsys-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdsys__card-icon--red {
    color: var(--gsvsdsys-red);
    background: rgba(255,104,120,.065);
  }

  .gsvsdsys__card-icon--violet {
    color: var(--gsvsdsys-violet);
    background: rgba(165,138,255,.065);
  }

  .gsvsdsys__card-top > strong {
    color: rgba(255,255,255,.08);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdsys__card > small {
    display: block;
    margin-top: 12px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
  }

  .gsvsdsys__card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
  }

  .gsvsdsys__card p {
    margin: 8px 0 0;
    color: #8fa4b5;
    font-size: 12px;
    line-height: 1.65;
  }

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

  .gsvsdsys__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* DIAGNÓSTICO */

  .gsvsdsys__diagnostic {
    margin-top: 11px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.018);
  }

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

  .gsvsdsys__diagnostic-head small,
  .gsvsdsys__diagnostic-head strong {
    display: block;
  }

  .gsvsdsys__diagnostic-head small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdsys__diagnostic-head strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 13px;
  }

  .gsvsdsys__diagnostic-head > span {
    color: rgba(255,255,255,.1);
    font-size: 22px;
    font-weight: 850;
  }

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

  .gsvsdsys__steps article {
    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,.08);
    border-radius: 11px;
    background: rgba(0,10,23,.26);
  }

  .gsvsdsys__steps article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsdsys-cyan);
    background: rgba(41,220,247,.06);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdsys__steps small {
    color: #708ba1;
    font-size: 10px;
  }

  .gsvsdsys__steps strong {
    margin-top: 3px;
    color: #cadbe7;
    font-size: 11px;
    line-height: 1.4;
  }

  /* CAPAS */

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

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

  .gsvsdsys__section-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

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

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

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

  .gsvsdsys__layers-grid article {
    position: relative;
    min-width: 0;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 19px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gsvsdsys__layer-number {
    position: absolute;
    top: 12px;
    right: 14px;
    color: rgba(255,255,255,.07);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdsys__layer-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gsvsdsys-cyan);
    background: rgba(41,220,247,.065);
  }

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

  .gsvsdsys__layer-icon--green {
    color: var(--gsvsdsys-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdsys__layer-icon--violet {
    color: var(--gsvsdsys-violet);
    background: rgba(165,138,255,.065);
  }

  .gsvsdsys__layers-grid article > small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdsys__layers-grid h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.42;
  }

  .gsvsdsys__layers-grid p {
    margin: 8px 0 0;
    color: #8b9fb1;
    font-size: 12px;
    line-height: 1.65;
  }

  .gsvsdsys__checks {
    display: grid;
    gap: 7px;
    margin-top: 14px;
  }

  .gsvsdsys__checks span {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #9cb0c0;
    font-size: 11px;
    line-height: 1.45;
  }

  .gsvsdsys__checks i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsvsdsys-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

  .gsvsdsys__layers-grid article:nth-child(2) .gsvsdsys__checks i {
    background: var(--gsvsdsys-green);
    box-shadow: 0 0 8px rgba(75,221,157,.4);
  }

  .gsvsdsys__layers-grid article:nth-child(3) .gsvsdsys__checks i {
    background: var(--gsvsdsys-violet);
    box-shadow: 0 0 8px rgba(165,138,255,.4);
  }

  /* DATOS */

  .gsvsdsys__data-warning {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(255,202,97,.16);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,202,97,.05), transparent 28%),
      rgba(1,12,26,.38);
  }

  .gsvsdsys__data-warning .gsvsdsys__icon {
    width: 55px;
    height: 55px;
    color: var(--gsvsdsys-yellow);
    background: rgba(255,202,97,.07);
  }

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

  .gsvsdsys__data-warning small {
    color: #aa9875;
    font-size: 10px;
    letter-spacing: .55px;
  }

  .gsvsdsys__data-warning strong {
    margin-top: 4px;
    color: #efe6d2;
    font-size: 13px;
    line-height: 1.5;
  }

  .gsvsdsys__data-warning p {
    margin: 5px 0 0;
    color: #a49a86;
    font-size: 11px;
    line-height: 1.6;
  }

  /* ACLARACIONES */

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

  .gsvsdsys__clarifications article {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdsys__clarifications .gsvsdsys__icon {
    width: 46px;
    height: 46px;
  }

  .gsvsdsys__clarifications article:nth-child(2) .gsvsdsys__icon {
    color: var(--gsvsdsys-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdsys__clarifications article:nth-child(3) .gsvsdsys__icon {
    color: var(--gsvsdsys-violet);
    background: rgba(165,138,255,.065);
  }

  .gsvsdsys__clarifications article:nth-child(4) .gsvsdsys__icon {
    color: var(--gsvsdsys-orange);
    background: rgba(255,146,93,.065);
  }

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

  .gsvsdsys__clarifications small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdsys__clarifications strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 11px;
    line-height: 1.45;
  }

  /* CTA */

  .gsvsdsys__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdsys__cta-copy .gsvsdsys__icon {
    width: 49px;
    height: 49px;
    color: var(--gsvsdsys-violet);
    background: rgba(165,138,255,.07);
  }

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

  .gsvsdsys__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdsys__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdsys__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdsys__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdsys__button > span {
    font-size: 17px;
  }

  .gsvsdsys__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdsys__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdsys__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdsys__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdsys__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdsys__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  .gsvsdsys__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdsysSignal {
    0%,
    100% {
      opacity: .14;
      transform: scaleX(.72);
    }

    50% {
      opacity: .75;
      transform: scaleX(1);
    }
  }

  @keyframes gsvsdsysDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdsysSsd {
    0%,
    100% {
      transform: translateY(-50%) rotate(-4deg);
    }

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

  @keyframes gsvsdsysScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 90%;
      opacity: 1;
    }
  }

  @keyframes gsvsdsysProgress {
    0%,
    100% {
      width: 28%;
      opacity: .55;
    }

    50% {
      width: 82%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdsys__visual {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
      gap: 18px;
    }

    .gsvsdsys__visual-copy,
    .gsvsdsys__visual-note {
      grid-column: 1 / -1;
    }

    .gsvsdsys__stage {
      min-height: 450px;
      margin-top: 0;
    }

    .gsvsdsys__route {
      align-content: center;
    }

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

  }

  @media (max-width: 900px) {

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

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

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

    .gsvsdsys__actions {
      width: 100%;
    }

    .gsvsdsys__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdsys__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdsys__visual {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdsys__stage {
      height: 420px;
      min-height: 0;
      margin-top: 12px;
    }

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

    .gsvsdsys__actions {
      flex-direction: column;
    }

    .gsvsdsys__glow {
      display: none;
    }

    .gsvsdsys__orbit,
    .gsvsdsys__signal,
    .gsvsdsys__ssd,
    .gsvsdsys__deck,
    .gsvsdsys__scan,
    .gsvsdsys__screen-progress span,
    .gsvsdsys__node {
      animation: none;
    }

    .gsvsdsys__card:hover,
    .gsvsdsys__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

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

    .gsvsdsys__header-note,
    .gsvsdsys__visual-note,
    .gsvsdsys__data-warning,
    .gsvsdsys__cta-copy,
    .gsvsdsys__clarifications article {
      grid-template-columns: 1fr;
    }

    .gsvsdsys__panel-status {
      align-items: flex-start;
    }

    .gsvsdsys__panel-status > strong {
      display: none;
    }

    .gsvsdsys__stage {
      height: 395px;
    }

    .gsvsdsys__ssd {
      left: 0;
      width: 78px;
      height: 180px;
      transform: translateY(-50%) scale(.88);
      transform-origin: left center;
    }

    .gsvsdsys__deck {
      left: 64%;
      width: 260px;
      height: 148px;
      grid-template-columns: 58px minmax(0, 1fr) 58px;
    }

    .gsvsdsys__screen {
      height: 111px;
    }

    .gsvsdsys__terminal-lines span {
      font-size: 6px;
    }

    .gsvsdsys__node {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

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

    .gsvsdsys__route > i {
      display: none;
    }

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

    .gsvsdsys__content-head > span {
      display: none;
    }

    .gsvsdsys__steps,
    .gsvsdsys__clarifications {
      grid-template-columns: 1fr;
    }

  }

  @media (max-width: 390px) {

    .gsvsdsys {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdsys__panel,
    .gsvsdsys__visual {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdsys__stage {
      height: 375px;
    }

    .gsvsdsys__ssd {
      left: -5px;
      width: 70px;
      height: 164px;
      transform: translateY(-50%) scale(.78);
    }

    .gsvsdsys__deck {
      left: 66%;
      width: 228px;
      height: 136px;
      grid-template-columns: 51px minmax(0, 1fr) 51px;
    }

    .gsvsdsys__screen {
      height: 101px;
    }

    .gsvsdsys__terminal {
      top: 12px;
      right: 8px;
      left: 8px;
    }

    .gsvsdsys__node {
      min-width: 89px;
    }

  }


  /* =======================================================
     MOBILE — SISTEMA Y SSD SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {
    .gsvsdsys__stage {
      height: auto;
      min-height: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-top: 12px;
      padding-top: 12px;
    }

    .gsvsdsys__orbit,
    .gsvsdsys__signal { display: none; }

    .gsvsdsys__ssd {
      position: relative;
      top: auto;
      left: auto;
      grid-column: 1 / -1;
      width: 92px;
      height: 202px;
      margin: 0 auto 4px;
      transform: rotate(-4deg);
      animation: none;
    }

    .gsvsdsys__deck {
      position: relative;
      top: auto;
      left: auto;
      grid-column: 1 / -1;
      width: min(340px, 100%);
      height: 188px;
      margin: 0 auto 10px;
      transform: rotate(-2deg);
      animation: none;
    }

    .gsvsdsys__node,
    .gsvsdsys__node--firmware,
    .gsvsdsys__node--storage,
    .gsvsdsys__node--system,
    .gsvsdsys__node--hardware {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      width: auto;
      min-width: 0;
      min-height: 62px;
      grid-template-columns: 33px minmax(0, 1fr);
      padding: 8px;
      transform: none;
      animation: none;
    }

    .gsvsdsys__node > span { width: 33px; height: 33px; }
    .gsvsdsys__node small { font-size: 8px; }
    .gsvsdsys__node strong { font-size: 10px; }
    .gsvsdsys__terminal-lines span { font-size: 7px; }

    .gsvsdsys__scan,
    .gsvsdsys__screen-progress span { animation: none; }
  }

  @media (max-width: 390px) {
    .gsvsdsys__stage { grid-template-columns: minmax(0, 1fr); }

    .gsvsdsys__ssd,
    .gsvsdsys__deck,
    .gsvsdsys__node { grid-column: 1; }

    .gsvsdsys__ssd { width: 88px; height: 194px; }

    .gsvsdsys__deck {
      width: min(292px, 100%);
      height: 170px;
      grid-template-columns: 62px minmax(0, 1fr) 62px;
    }

    .gsvsdsys__screen { height: 128px; }

    .gsvsdsys__terminal {
      top: 15px;
      right: 10px;
      left: 10px;
    }

    .gsvsdsys__terminal-lines span { font-size: 6.5px; }
    .gsvsdsys__node { min-height: 0; }
    .gsvsdsys__route { grid-template-columns: minmax(0, 1fr); }
    .gsvsdsys__route > i { display: none; }
  }

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

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — DIAGNÓSTICO ELECTRÓNICO DE PLACA PRINCIPAL
   ID INTERNO HTML: diagnostico-motherboard-steam-deck
   ========================================================= */
.gsvsdboard {
    --gsvsdb-cyan: #29dcf7;
    --gsvsdb-blue: #3885ff;
    --gsvsdb-green: #4bdd9d;
    --gsvsdb-yellow: #ffca61;
    --gsvsdb-orange: #ff925d;
    --gsvsdb-red: #ff6878;
    --gsvsdb-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(255,146,93,.08), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(56,133,255,.11), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdboard__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdboard__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdb-cyan);
  }

  .gsvsdboard__glow--orange {
    right: -230px;
    bottom: 7%;
    opacity: .07;
    background: var(--gsvsdb-orange);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdboard__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdb-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdbPulse 2.4s ease-in-out infinite;
  }

  .gsvsdboard__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdboard__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdb-cyan) 47%,
      #6b9aff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdboard__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 15px;
    background: rgba(41,220,247,.025);
  }

  .gsvsdboard__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdb-cyan);
    background: rgba(41,220,247,.07);
  }

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

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

  .gsvsdboard__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL */

  .gsvsdboard__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(255,146,93,.045), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdboard__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdboard__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdb-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdboard__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .8px;
  }

  .gsvsdboard__layout {
    display: grid;
    grid-template-columns: minmax(350px, .79fr) minmax(0, 1.21fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* VISUAL */

  .gsvsdboard__visual {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 38%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdboard__visual-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  .gsvsdboard__stage {
    position: relative;
    height: 430px;
    margin-top: 10px;
  }

  .gsvsdboard__orbit {
    position: absolute;
    top: 54%;
    left: 50%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdbOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdboard__orbit--one {
    width: 330px;
    height: 330px;
  }

  .gsvsdboard__orbit--two {
    width: 240px;
    height: 240px;
    animation-delay: -1.6s;
  }

  .gsvsdboard__orbit--three {
    width: 150px;
    height: 150px;
    animation-delay: -3.1s;
  }

  .gsvsdboard__pulse-line {
    position: absolute;
    z-index: 3;
    left: 11%;
    width: 78%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(41,220,247,.66),
      rgba(255,146,93,.58),
      transparent
    );
    animation: gsvsdbSignal 3.9s ease-in-out infinite;
  }

  .gsvsdboard__pulse-line--one {
    top: 43%;
  }

  .gsvsdboard__pulse-line--two {
    top: 53%;
    animation-delay: -1.3s;
  }

  .gsvsdboard__pulse-line--three {
    top: 63%;
    animation-delay: -2.6s;
  }

  /* MOTHERBOARD */

  .gsvsdboard__motherboard {
    position: absolute;
    z-index: 6;
    top: 54%;
    left: 50%;
    width: 320px;
    height: 220px;
    overflow: hidden;
    border: 2px solid rgba(75,221,157,.24);
    border-radius: 24px 42px 27px 38px;
    background:
      radial-gradient(circle at 45% 43%, rgba(75,221,157,.1), transparent 36%),
      linear-gradient(145deg, #0a3a31, #031a17);
    box-shadow:
      0 0 0 10px rgba(75,221,157,.018),
      0 30px 50px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-3deg);
    animation: gsvsdbBoard 5.2s ease-in-out infinite;
  }

  .gsvsdboard__board-grid {
    position: absolute;
    inset: 0;
    opacity: .45;
    background-image:
      linear-gradient(rgba(75,221,157,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(75,221,157,.045) 1px, transparent 1px);
    background-size: 17px 17px;
  }

  .gsvsdboard__scan {
    position: absolute;
    z-index: 20;
    top: 8%;
    right: 8px;
    left: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,146,93,.9),
      rgba(41,220,247,.88),
      transparent
    );
    box-shadow:
      0 0 17px rgba(255,146,93,.38),
      0 0 20px rgba(41,220,247,.38);
    animation: gsvsdbScan 4.2s ease-in-out infinite;
  }

  .gsvsdboard__chip {
    position: absolute;
    z-index: 5;
    display: grid;
    place-items: center;
    border: 1px solid rgba(75,221,157,.2);
    border-radius: 7px;
    background:
      linear-gradient(135deg, #08251f, #03100e);
    box-shadow:
      inset 0 0 10px rgba(75,221,157,.035),
      0 5px 12px rgba(0,0,0,.24);
  }

  .gsvsdboard__chip small {
    color: #679784;
    font-size: 7px;
    letter-spacing: .45px;
  }

  .gsvsdboard__chip--main {
    top: 60px;
    left: 111px;
    width: 91px;
    height: 77px;
    border-color: rgba(41,220,247,.25);
  }

  .gsvsdboard__chip--main small {
    color: var(--gsvsdb-cyan);
  }

  .gsvsdboard__chip--power {
    top: 28px;
    left: 31px;
    width: 54px;
    height: 44px;
  }

  .gsvsdboard__chip--charge {
    right: 27px;
    bottom: 32px;
    width: 56px;
    height: 43px;
    border-color: rgba(255,146,93,.22);
  }

  .gsvsdboard__chip--charge small {
    color: var(--gsvsdb-orange);
  }

  .gsvsdboard__chip--io {
    top: 30px;
    right: 38px;
    width: 50px;
    height: 39px;
  }

  .gsvsdboard__chip--memory {
    bottom: 30px;
    left: 47px;
    width: 57px;
    height: 42px;
  }

  .gsvsdboard__coil {
    position: absolute;
    z-index: 5;
    width: 27px;
    height: 27px;
    border: 1px solid rgba(255,202,97,.22);
    border-radius: 6px;
    background:
      repeating-linear-gradient(
        90deg,
        rgba(255,202,97,.12) 0 3px,
        transparent 3px 6px
      ),
      #142219;
  }

  .gsvsdboard__coil--one {
    top: 27px;
    left: 98px;
  }

  .gsvsdboard__coil--two {
    top: 27px;
    left: 131px;
  }

  .gsvsdboard__coil--three {
    right: 95px;
    bottom: 27px;
  }

  .gsvsdboard__coil--four {
    right: 128px;
    bottom: 27px;
  }

  .gsvsdboard__connector {
    position: absolute;
    z-index: 4;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 4px;
    background: #071812;
  }

  .gsvsdboard__connector--battery {
    bottom: 12px;
    left: 128px;
    width: 63px;
    height: 13px;
  }

  .gsvsdboard__connector--usb {
    top: 11px;
    right: 106px;
    width: 49px;
    height: 12px;
  }

  .gsvsdboard__connector--display {
    top: 85px;
    left: 13px;
    width: 14px;
    height: 64px;
  }

  .gsvsdboard__trace {
    position: absolute;
    z-index: 2;
    border-color: rgba(75,221,157,.23);
    border-style: solid;
  }

  .gsvsdboard__trace--one {
    top: 49px;
    left: 84px;
    width: 28px;
    height: 35px;
    border-width: 1px 0 0 1px;
  }

  .gsvsdboard__trace--two {
    top: 49px;
    right: 87px;
    width: 31px;
    height: 42px;
    border-width: 1px 1px 0 0;
  }

  .gsvsdboard__trace--three {
    bottom: 50px;
    left: 102px;
    width: 31px;
    height: 39px;
    border-width: 0 0 1px 1px;
  }

  .gsvsdboard__trace--four {
    right: 81px;
    bottom: 51px;
    width: 38px;
    height: 39px;
    border-width: 0 1px 1px 0;
  }

  .gsvsdboard__board-status {
    position: absolute;
    right: 18px;
    bottom: 88px;
    padding: 7px 9px;
    border: 1px solid rgba(41,220,247,.11);
    border-radius: 8px;
    background: rgba(1,12,20,.7);
  }

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

  .gsvsdboard__board-status small {
    color: #64899d;
    font-size: 7px;
  }

  .gsvsdboard__board-status strong {
    margin-top: 3px;
    color: var(--gsvsdb-cyan);
    font-size: 8px;
    letter-spacing: .5px;
  }

  /* MEDIDORES */

  .gsvsdboard__meter {
    position: absolute;
    z-index: 12;
    min-width: 112px;
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.29);
  }

  .gsvsdboard__meter > span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdb-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdboard__meter small {
    color: #7892a7;
    font-size: 9px;
  }

  .gsvsdboard__meter strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdboard__meter--input {
    top: 35px;
    left: 0;
    animation: gsvsdbCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdboard__meter--rails {
    top: 94px;
    right: 0;
    animation: gsvsdbCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdboard__meter--rails > span {
    color: var(--gsvsdb-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdboard__meter--consumption {
    bottom: 50px;
    left: 0;
    animation: gsvsdbCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdboard__meter--consumption > span {
    color: var(--gsvsdb-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdboard__meter--thermal {
    right: 0;
    bottom: 25px;
    animation: gsvsdbCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdboard__meter--thermal > span {
    color: var(--gsvsdb-orange);
    background: rgba(255,146,93,.07);
  }

  .gsvsdboard__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
  }

  .gsvsdboard__route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdboard__route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdb-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

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

  .gsvsdboard__route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdboard__route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdboard__route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

  .gsvsdboard__visual-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdboard__visual-note .gsvsdboard__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdb-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdboard__visual-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdboard__content {
    min-width: 0;
  }

  .gsvsdboard__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdboard__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdboard__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdboard__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdboard__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdb-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

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

  .gsvsdboard__card {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.019);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdboard__card:hover {
    transform: translateY(-4px);
    border-color: rgba(41,220,247,.25);
  }

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

  .gsvsdboard__card-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsvsdb-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdboard__card-icon svg {
    width: 24px;
    height: 24px;
  }

  .gsvsdboard__card-icon--green {
    color: var(--gsvsdb-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdboard__card-icon--yellow {
    color: var(--gsvsdb-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdboard__card-icon--orange {
    color: var(--gsvsdb-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdboard__card-icon--red {
    color: var(--gsvsdb-red);
    background: rgba(255,104,120,.065);
  }

  .gsvsdboard__card-top > strong {
    color: rgba(255,255,255,.08);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdboard__card > small {
    display: block;
    margin-top: 12px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
  }

  .gsvsdboard__card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
  }

  .gsvsdboard__card p {
    margin: 8px 0 0;
    color: #8fa4b5;
    font-size: 12px;
    line-height: 1.65;
  }

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

  .gsvsdboard__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* MEDICIONES */

  .gsvsdboard__measurements {
    margin-top: 11px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.018);
  }

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

  .gsvsdboard__measurements-head small,
  .gsvsdboard__measurements-head strong {
    display: block;
  }

  .gsvsdboard__measurements-head small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdboard__measurements-head strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 13px;
  }

  .gsvsdboard__measurements-head > span {
    color: rgba(255,255,255,.1);
    font-size: 22px;
    font-weight: 850;
  }

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

  .gsvsdboard__measurements-grid article {
    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,.08);
    border-radius: 11px;
    background: rgba(0,10,23,.26);
  }

  .gsvsdboard__measurements-grid article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsdb-cyan);
    background: rgba(41,220,247,.06);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdboard__measurements-grid small,
  .gsvsdboard__measurements-grid strong {
    display: block;
  }

  .gsvsdboard__measurements-grid small {
    color: #708ba1;
    font-size: 10px;
  }

  .gsvsdboard__measurements-grid strong {
    margin-top: 3px;
    color: #cadbe7;
    font-size: 11px;
    line-height: 1.4;
  }

  /* MÉTODO */

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

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

  .gsvsdboard__section-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

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

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

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

  .gsvsdboard__method-grid article {
    position: relative;
    min-width: 0;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 19px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gsvsdboard__method-number {
    position: absolute;
    top: 12px;
    right: 14px;
    color: rgba(255,255,255,.07);
    font-size: 23px;
    font-weight: 850;
  }

  .gsvsdboard__method-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gsvsdb-cyan);
    background: rgba(41,220,247,.065);
  }

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

  .gsvsdboard__method-icon--green {
    color: var(--gsvsdb-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdboard__method-icon--orange {
    color: var(--gsvsdb-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdboard__method-grid article > small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdboard__method-grid h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.42;
  }

  .gsvsdboard__method-grid p {
    margin: 8px 0 0;
    color: #8b9fb1;
    font-size: 12px;
    line-height: 1.65;
  }

  .gsvsdboard__checks {
    display: grid;
    gap: 7px;
    margin-top: 14px;
  }

  .gsvsdboard__checks span {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #9cb0c0;
    font-size: 11px;
    line-height: 1.45;
  }

  .gsvsdboard__checks i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsvsdb-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

  .gsvsdboard__method-grid article:nth-child(2) .gsvsdboard__checks i {
    background: var(--gsvsdb-green);
    box-shadow: 0 0 8px rgba(75,221,157,.4);
  }

  .gsvsdboard__method-grid article:nth-child(3) .gsvsdboard__checks i {
    background: var(--gsvsdb-orange);
    box-shadow: 0 0 8px rgba(255,146,93,.4);
  }

  /* VIABILIDAD */

  .gsvsdboard__viability {
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(255,202,97,.15);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 30%, rgba(255,202,97,.045), transparent 30%),
      rgba(1,12,26,.38);
  }

  .gsvsdboard__viability-head {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gsvsdboard__viability-head .gsvsdboard__icon {
    width: 55px;
    height: 55px;
    color: var(--gsvsdb-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdboard__viability-head small,
  .gsvsdboard__viability-head strong {
    display: block;
  }

  .gsvsdboard__viability-head small {
    color: #aa9875;
    font-size: 10px;
    letter-spacing: .55px;
  }

  .gsvsdboard__viability-head strong {
    margin-top: 4px;
    color: #efe6d2;
    font-size: 13px;
    line-height: 1.55;
  }

  .gsvsdboard__viability-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 15px;
  }

  .gsvsdboard__viability-grid article {
    min-width: 0;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 11px;
    border: 1px solid rgba(255,202,97,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.017);
  }

  .gsvsdboard__viability-grid article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsdb-yellow);
    background: rgba(255,202,97,.06);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdboard__viability-grid small,
  .gsvsdboard__viability-grid strong {
    display: block;
  }

  .gsvsdboard__viability-grid small {
    color: #9c917b;
    font-size: 10px;
  }

  .gsvsdboard__viability-grid strong {
    margin-top: 3px;
    color: #d9cfbb;
    font-size: 10px;
    line-height: 1.45;
  }

  /* ACLARACIONES */

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

  .gsvsdboard__clarifications article {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdboard__clarifications .gsvsdboard__icon {
    width: 46px;
    height: 46px;
  }

  .gsvsdboard__clarifications article:nth-child(2) .gsvsdboard__icon {
    color: var(--gsvsdb-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdboard__clarifications article:nth-child(3) .gsvsdboard__icon {
    color: var(--gsvsdb-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdboard__clarifications article:nth-child(4) .gsvsdboard__icon {
    color: var(--gsvsdb-orange);
    background: rgba(255,146,93,.065);
  }

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

  .gsvsdboard__clarifications small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdboard__clarifications strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 11px;
    line-height: 1.45;
  }

  /* CTA */

  .gsvsdboard__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdboard__cta-copy .gsvsdboard__icon {
    width: 49px;
    height: 49px;
    color: var(--gsvsdb-green);
    background: rgba(75,221,157,.07);
  }

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

  .gsvsdboard__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdboard__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdboard__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdboard__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdboard__button > span {
    font-size: 17px;
  }

  .gsvsdboard__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdboard__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdboard__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdboard__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdboard__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdboard__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  .gsvsdboard__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdbSignal {
    0%,
    100% {
      opacity: .14;
      transform: scaleX(.72);
    }

    50% {
      opacity: .75;
      transform: scaleX(1);
    }
  }

  @keyframes gsvsdbBoard {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-3deg) translateY(0);
    }

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

  @keyframes gsvsdbScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 91%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdboard__visual {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
      gap: 18px;
    }

    .gsvsdboard__visual-copy,
    .gsvsdboard__visual-note {
      grid-column: 1 / -1;
    }

    .gsvsdboard__stage {
      min-height: 450px;
      margin-top: 0;
    }

    .gsvsdboard__route {
      align-content: center;
    }

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

  }

  @media (max-width: 900px) {

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

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

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

    .gsvsdboard__actions {
      width: 100%;
    }

    .gsvsdboard__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdboard__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdboard__visual {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdboard__stage {
      height: 415px;
      min-height: 0;
      margin-top: 12px;
    }

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

    .gsvsdboard__actions {
      flex-direction: column;
    }

    .gsvsdboard__glow {
      display: none;
    }

    .gsvsdboard__orbit,
    .gsvsdboard__pulse-line,
    .gsvsdboard__motherboard,
    .gsvsdboard__scan,
    .gsvsdboard__meter {
      animation: none;
    }

    .gsvsdboard__card:hover,
    .gsvsdboard__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

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

    .gsvsdboard__header-note,
    .gsvsdboard__visual-note,
    .gsvsdboard__viability-head,
    .gsvsdboard__cta-copy,
    .gsvsdboard__clarifications article {
      grid-template-columns: 1fr;
    }

    .gsvsdboard__panel-status {
      align-items: flex-start;
    }

    .gsvsdboard__panel-status > strong {
      display: none;
    }

    .gsvsdboard__stage {
      height: 385px;
    }

    .gsvsdboard__motherboard {
      width: 290px;
      height: 203px;
    }

    .gsvsdboard__meter {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

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

    .gsvsdboard__route > i {
      display: none;
    }

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

    .gsvsdboard__content-head > span {
      display: none;
    }

    .gsvsdboard__measurements-grid,
    .gsvsdboard__viability-grid,
    .gsvsdboard__clarifications {
      grid-template-columns: 1fr;
    }

  }

  @media (max-width: 390px) {

    .gsvsdboard {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdboard__panel,
    .gsvsdboard__visual {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdboard__stage {
      height: 365px;
    }

    .gsvsdboard__motherboard {
      width: 252px;
      height: 184px;
    }

    .gsvsdboard__chip--main {
      top: 52px;
      left: 87px;
      width: 75px;
      height: 65px;
    }

    .gsvsdboard__chip--power {
      left: 20px;
    }

    .gsvsdboard__chip--io {
      right: 24px;
    }

    .gsvsdboard__chip--charge {
      right: 20px;
    }

    .gsvsdboard__chip--memory {
      left: 27px;
    }

    .gsvsdboard__coil--one,
    .gsvsdboard__coil--two,
    .gsvsdboard__coil--three,
    .gsvsdboard__coil--four {
      display: none;
    }

    .gsvsdboard__meter {
      min-width: 89px;
    }

  }


  /* =======================================================
     MOBILE — PLACA PRINCIPAL SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdboard__stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      margin-top: 12px;
      padding-top: 12px;
    }

    .gsvsdboard__orbit,
    .gsvsdboard__pulse-line {
      display: none;
    }

    .gsvsdboard__motherboard {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(320px, 100%);
      height: 220px;

      margin: 4px auto 12px;

      transform: rotate(-3deg);

      animation: none;
    }

    .gsvsdboard__meter,
    .gsvsdboard__meter--input,
    .gsvsdboard__meter--rails,
    .gsvsdboard__meter--consumption,
    .gsvsdboard__meter--thermal {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      width: auto;
      min-width: 0;
      min-height: 62px;

      grid-template-columns:
        33px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdboard__meter > span {
      width: 33px;
      height: 33px;
    }

    .gsvsdboard__meter small {
      font-size: 8px;
    }

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

    .gsvsdboard__scan {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdboard__motherboard,
    .gsvsdboard__meter {
      grid-column: 1;
    }

    .gsvsdboard__motherboard {
      width: min(278px, 100%);
      height: 196px;
    }

    .gsvsdboard__chip--main {
      top: 52px;
      left: 96px;
      width: 79px;
      height: 68px;
    }

    .gsvsdboard__chip--power {
      top: 25px;
      left: 24px;
      width: 48px;
      height: 40px;
    }

    .gsvsdboard__chip--io {
      top: 27px;
      right: 30px;
      width: 46px;
      height: 37px;
    }

    .gsvsdboard__chip--charge {
      right: 24px;
      bottom: 27px;
      width: 50px;
      height: 40px;
    }

    .gsvsdboard__chip--memory {
      bottom: 26px;
      left: 39px;
      width: 52px;
      height: 39px;
    }

    .gsvsdboard__meter {
      min-height: 0;
    }

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

    .gsvsdboard__route > i {
      display: none;
    }
  }

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

    .gsvsdboard,
    .gsvsdboard *,
    .gsvsdboard *::before,
    .gsvsdboard *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — PROCESO DE SERVICIO
   ID INTERNO HTML: proceso-servicio-steam-deck
   ========================================================= */
.gsvsdprocess {
    --gsvsdp-cyan: #29dcf7;
    --gsvsdp-blue: #3885ff;
    --gsvsdp-green: #4bdd9d;
    --gsvsdp-yellow: #ffca61;
    --gsvsdp-orange: #ff925d;
    --gsvsdp-red: #ff6878;
    --gsvsdp-violet: #a58aff;
    --gsvsdp-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(75,221,157,.07), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(56,133,255,.11), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdprocess__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdprocess__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdp-cyan);
  }

  .gsvsdprocess__glow--green {
    right: -230px;
    bottom: 7%;
    opacity: .07;
    background: var(--gsvsdp-green);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdprocess__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdp-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdpPulse 2.4s ease-in-out infinite;
  }

  .gsvsdprocess__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdprocess__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdp-cyan) 48%,
      #6b9aff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdprocess__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(75,221,157,.14);
    border-radius: 15px;
    background: rgba(75,221,157,.025);
  }

  .gsvsdprocess__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdp-cyan);
    background: rgba(41,220,247,.07);
  }

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

  .gsvsdprocess__header-note .gsvsdprocess__icon {
    color: var(--gsvsdp-green);
    background: rgba(75,221,157,.07);
  }

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

  .gsvsdprocess__header-note small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL */

  .gsvsdprocess__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(75,221,157,.045), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdprocess__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdprocess__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdp-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdprocess__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .7px;
  }

  .gsvsdprocess__layout {
    display: grid;
    grid-template-columns: minmax(350px, .78fr) minmax(0, 1.22fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* VISUAL */

  .gsvsdprocess__visual {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 38%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdprocess__visual-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  .gsvsdprocess__stage {
    position: relative;
    height: 430px;
    margin-top: 10px;
  }

  .gsvsdprocess__orbit {
    position: absolute;
    top: 54%;
    left: 54%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdpOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdprocess__orbit--one {
    width: 325px;
    height: 325px;
  }

  .gsvsdprocess__orbit--two {
    width: 235px;
    height: 235px;
    animation-delay: -1.6s;
  }

  .gsvsdprocess__orbit--three {
    width: 145px;
    height: 145px;
    animation-delay: -3.1s;
  }

  .gsvsdprocess__signal {
    position: absolute;
    z-index: 3;
    left: 11%;
    width: 78%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(41,220,247,.66),
      rgba(75,221,157,.58),
      transparent
    );
    animation: gsvsdpSignal 3.9s ease-in-out infinite;
  }

  .gsvsdprocess__signal--one {
    top: 44%;
  }

  .gsvsdprocess__signal--two {
    top: 53%;
    animation-delay: -1.3s;
  }

  .gsvsdprocess__signal--three {
    top: 62%;
    animation-delay: -2.6s;
  }

  /* CONSOLA */

  .gsvsdprocess__deck {
    position: absolute;
    z-index: 6;
    top: 55%;
    left: 60%;
    width: 286px;
    height: 158px;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 64px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.3);
    border-radius: 40px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.09), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 9px rgba(41,220,247,.022),
      0 30px 50px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdpDeck 5.2s ease-in-out infinite;
  }

  .gsvsdprocess__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gsvsdprocess__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 8px;
    left: 8px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(75,221,157,.88),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 17px rgba(75,221,157,.4),
      0 0 20px rgba(41,220,247,.4);
    animation: gsvsdpScan 4.2s ease-in-out infinite;
  }

  .gsvsdprocess__deck-side {
    position: relative;
    z-index: 4;
  }

  .gsvsdprocess__stick {
    position: absolute;
    width: 27px;
    height: 27px;
    border: 4px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
  }

  .gsvsdprocess__deck-side--left .gsvsdprocess__stick {
    top: 25px;
    left: 12px;
  }

  .gsvsdprocess__deck-side--right .gsvsdprocess__stick {
    top: 57px;
    right: 12px;
  }

  .gsvsdprocess__dpad {
    position: absolute;
    top: 65px;
    left: 17px;
    width: 28px;
    height: 28px;
  }

  .gsvsdprocess__dpad i,
  .gsvsdprocess__dpad b {
    position: absolute;
    border-radius: 3px;
    background: #123247;
  }

  .gsvsdprocess__dpad i {
    top: 9px;
    left: 0;
    width: 28px;
    height: 10px;
  }

  .gsvsdprocess__dpad b {
    top: 0;
    left: 9px;
    width: 10px;
    height: 28px;
  }

  .gsvsdprocess__trackpad {
    position: absolute;
    bottom: 16px;
    width: 38px;
    height: 32px;
    border: 1px solid rgba(41,220,247,.13);
    border-radius: 8px;
    background: linear-gradient(145deg, #0d2c40, #061521);
  }

  .gsvsdprocess__deck-side--left .gsvsdprocess__trackpad {
    left: 14px;
  }

  .gsvsdprocess__deck-side--right .gsvsdprocess__trackpad {
    right: 14px;
  }

  .gsvsdprocess__buttons {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 35px;
    height: 35px;
  }

  .gsvsdprocess__buttons i {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #123247;
  }

  .gsvsdprocess__buttons i:nth-child(1) {
    top: 0;
    left: 13px;
  }

  .gsvsdprocess__buttons i:nth-child(2) {
    top: 13px;
    right: 0;
  }

  .gsvsdprocess__buttons i:nth-child(3) {
    bottom: 0;
    left: 13px;
  }

  .gsvsdprocess__buttons i:nth-child(4) {
    top: 13px;
    left: 0;
  }

  .gsvsdprocess__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 120px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 10px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.14), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
  }

  .gsvsdprocess__screen-frame {
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 7px;
  }

  .gsvsdprocess__brand-logo {
    position: absolute;
    top: 16px;
    left: 50%;
    width: 80px;
    height: 44px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
  }

  .gsvsdprocess__screen-status {
    position: absolute;
    right: 13px;
    bottom: 24px;
    left: 13px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }

  .gsvsdprocess__screen-status small {
    color: #62869a;
    font-size: 8px;
  }

  .gsvsdprocess__screen-status strong {
    color: var(--gsvsdp-green);
    font-size: 9px;
    letter-spacing: .5px;
  }

  .gsvsdprocess__screen-progress {
    position: absolute;
    right: 13px;
    bottom: 12px;
    left: 13px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(41,220,247,.1);
  }

  .gsvsdprocess__screen-progress span {
    display: block;
    width: 68%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
      90deg,
      var(--gsvsdp-cyan),
      var(--gsvsdp-green)
    );
    animation: gsvsdpProgress 3.1s ease-in-out infinite;
  }

  /* FICHA */

  .gsvsdprocess__ticket {
    position: absolute;
    z-index: 9;
    top: 48%;
    left: 0;
    width: 137px;
    padding: 12px;
    border: 1px solid rgba(92,174,255,.18);
    border-radius: 14px;
    background:
      linear-gradient(145deg, rgba(12,42,70,.98), rgba(3,15,29,.98));
    box-shadow: 0 20px 38px rgba(0,0,0,.34);
    transform: translateY(-50%) rotate(-4deg);
    animation: gsvsdpTicket 5.5s ease-in-out infinite;
  }

  .gsvsdprocess__ticket-head {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(92,174,255,.1);
  }

  .gsvsdprocess__ticket-logo {
    width: 35px;
    height: 35px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .gsvsdprocess__ticket-head small,
  .gsvsdprocess__ticket-head strong {
    display: block;
  }

  .gsvsdprocess__ticket-head small {
    color: #67879c;
    font-size: 7px;
  }

  .gsvsdprocess__ticket-head strong {
    margin-top: 2px;
    color: #e3eef6;
    font-size: 9px;
  }

  .gsvsdprocess__ticket-lines {
    display: grid;
    gap: 7px;
    margin-top: 10px;
  }

  .gsvsdprocess__ticket-lines span {
    display: grid;
    grid-template-columns: 6px minmax(0, 1fr);
    gap: 6px;
    color: #8ea5b5;
    font-size: 8px;
    line-height: 1.35;
  }

  .gsvsdprocess__ticket-lines i {
    width: 5px;
    height: 5px;
    margin-top: 3px;
    border-radius: 50%;
    background: var(--gsvsdp-cyan);
  }

  .gsvsdprocess__ticket-lines span:nth-child(1) i {
    background: var(--gsvsdp-green);
  }

  .gsvsdprocess__ticket-lines span:nth-child(3) i {
    background: var(--gsvsdp-yellow);
  }

  .gsvsdprocess__ticket-code {
    margin-top: 10px;
    padding: 6px;
    border-radius: 7px;
    color: #6a899d;
    background: rgba(0,8,17,.38);
    font-family: monospace;
    font-size: 8px;
    text-align: center;
  }

  /* NODOS */

  .gsvsdprocess__node {
    position: absolute;
    z-index: 12;
    min-width: 112px;
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.29);
  }

  .gsvsdprocess__node > span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdp-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdprocess__node small {
    color: #7892a7;
    font-size: 9px;
  }

  .gsvsdprocess__node strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdprocess__node--reception {
    top: 31px;
    left: 0;
    animation: gsvsdpCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdprocess__node--diagnostic {
    top: 91px;
    right: 0;
    animation: gsvsdpCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdprocess__node--diagnostic > span {
    color: var(--gsvsdp-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdprocess__node--approval {
    bottom: 49px;
    left: 0;
    animation: gsvsdpCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdprocess__node--approval > span {
    color: var(--gsvsdp-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdprocess__node--delivery {
    right: 0;
    bottom: 23px;
    animation: gsvsdpCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdprocess__node--delivery > span {
    color: var(--gsvsdp-violet);
    background: rgba(165,138,255,.07);
  }

  .gsvsdprocess__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
  }

  .gsvsdprocess__route article {
    min-width: 0;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdprocess__route article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdp-cyan);
    box-shadow: 0 0 8px rgba(41,220,247,.45);
  }

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

  .gsvsdprocess__route small {
    color: #708da2;
    font-size: 10px;
  }

  .gsvsdprocess__route strong {
    margin-top: 3px;
    color: #c5d6e2;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdprocess__route > i {
    color: #4f7086;
    font-size: 10px;
    font-style: normal;
  }

  .gsvsdprocess__visual-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdprocess__visual-note .gsvsdprocess__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdp-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdprocess__visual-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdprocess__content {
    min-width: 0;
  }

  .gsvsdprocess__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdprocess__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdprocess__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdprocess__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdprocess__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdp-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

  /* PASOS */

  .gsvsdprocess__steps {
    display: grid;
    gap: 9px;
  }

  .gsvsdprocess__step {
    min-width: 0;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 12px;
  }

  .gsvsdprocess__step-marker {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .gsvsdprocess__step-marker > span {
    position: relative;
    z-index: 2;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(41,220,247,.2);
    border-radius: 11px;
    color: var(--gsvsdp-cyan);
    background: #092038;
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 0 14px rgba(41,220,247,.08);
  }

  .gsvsdprocess__step-marker > i {
    position: absolute;
    top: 38px;
    bottom: -14px;
    left: 50%;
    width: 1px;
    background: linear-gradient(
      var(--gsvsdp-cyan),
      rgba(41,220,247,.05)
    );
    transform: translateX(-50%);
  }

  .gsvsdprocess__step-card {
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.019);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdprocess__step-card:hover {
    transform: translateY(-3px);
    border-color: rgba(41,220,247,.24);
  }

  .gsvsdprocess__step-top {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .gsvsdprocess__step-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    color: var(--gsvsdp-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdprocess__step-icon svg {
    width: 22px;
    height: 22px;
  }

  .gsvsdprocess__step-icon--cyan {
    color: var(--gsvsdp-blue);
    background: rgba(56,133,255,.065);
  }

  .gsvsdprocess__step-icon--green {
    color: var(--gsvsdp-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdprocess__step-icon--yellow {
    color: var(--gsvsdp-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdprocess__step-icon--orange {
    color: var(--gsvsdp-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdprocess__step-icon--violet {
    color: var(--gsvsdp-violet);
    background: rgba(165,138,255,.065);
  }

  .gsvsdprocess__step-top small {
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdprocess__step-card h4 {
    margin: 10px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
  }

  .gsvsdprocess__step-card p {
    margin: 7px 0 0;
    color: #8fa4b5;
    font-size: 12px;
    line-height: 1.65;
  }

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

  .gsvsdprocess__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* POLÍTICAS */

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

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

  .gsvsdprocess__section-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

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

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

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

  .gsvsdprocess__policy-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gsvsdprocess__policy-card:nth-child(2) {
    border-color: rgba(255,202,97,.13);
    background:
      radial-gradient(circle at 100% 0%, rgba(255,202,97,.04), transparent 38%),
      rgba(255,255,255,.023);
  }

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

  .gsvsdprocess__policy-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gsvsdp-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdprocess__policy-icon--yellow {
    color: var(--gsvsdp-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdprocess__policy-icon svg {
    width: 27px;
    height: 27px;
  }

  .gsvsdprocess__policy-status {
    padding: 8px 10px;
    border: 1px solid rgba(75,221,157,.12);
    border-radius: 999px;
    color: #76d6a5;
    background: rgba(75,221,157,.035);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdprocess__policy-status--yellow {
    border-color: rgba(255,202,97,.13);
    color: #d9bd7d;
    background: rgba(255,202,97,.035);
  }

  .gsvsdprocess__policy-card > small {
    display: block;
    margin-top: 15px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdprocess__policy-card h4 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.42;
  }

  .gsvsdprocess__policy-card > p {
    margin: 9px 0 0;
    color: #8b9fb1;
    font-size: 12px;
    line-height: 1.7;
  }

  .gsvsdprocess__checks {
    display: grid;
    gap: 7px;
    margin-top: 15px;
  }

  .gsvsdprocess__checks span {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #9cb0c0;
    font-size: 11px;
    line-height: 1.45;
  }

  .gsvsdprocess__checks i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsvsdp-green);
    box-shadow: 0 0 8px rgba(75,221,157,.4);
  }

  .gsvsdprocess__checks--yellow i {
    background: var(--gsvsdp-yellow);
    box-shadow: 0 0 8px rgba(255,202,97,.4);
  }

  /* CONDICIONES */

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

  .gsvsdprocess__conditions article {
    min-width: 0;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdprocess__condition-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsvsdp-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdprocess__condition-icon--green {
    color: var(--gsvsdp-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdprocess__condition-icon--yellow {
    color: var(--gsvsdp-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdprocess__condition-icon svg {
    width: 25px;
    height: 25px;
  }

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

  .gsvsdprocess__conditions small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdprocess__conditions strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 12px;
    line-height: 1.45;
  }

  .gsvsdprocess__conditions p {
    margin: 6px 0 0;
    color: #8399ab;
    font-size: 11px;
    line-height: 1.6;
  }

  /* GARANTÍA */

  .gsvsdprocess__warranty {
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(75,221,157,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 30%, rgba(75,221,157,.045), transparent 30%),
      rgba(1,12,26,.38);
  }

  .gsvsdprocess__warranty-head {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gsvsdprocess__warranty-head .gsvsdprocess__icon {
    width: 55px;
    height: 55px;
    color: var(--gsvsdp-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdprocess__warranty-head small,
  .gsvsdprocess__warranty-head strong {
    display: block;
  }

  .gsvsdprocess__warranty-head small {
    color: #74a38c;
    font-size: 10px;
    letter-spacing: .55px;
  }

  .gsvsdprocess__warranty-head strong {
    margin-top: 4px;
    color: #dceee5;
    font-size: 13px;
    line-height: 1.55;
  }

  .gsvsdprocess__warranty-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 15px;
  }

  .gsvsdprocess__warranty-card {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid rgba(75,221,157,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.017);
  }

  .gsvsdprocess__warranty-card--exclusions {
    border-color: rgba(255,104,120,.09);
  }

  .gsvsdprocess__warranty-card > small {
    color: #77b89a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdprocess__warranty-card--exclusions > small {
    color: #b47f88;
  }

  .gsvsdprocess__warranty-card > span {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: #a5b8c5;
    font-size: 11px;
    line-height: 1.45;
  }

  .gsvsdprocess__warranty-card > span i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsvsdp-green);
  }

  .gsvsdprocess__warranty-card--exclusions > span i {
    background: var(--gsvsdp-red);
  }

  /* CTA */

  .gsvsdprocess__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdprocess__cta-copy .gsvsdprocess__icon {
    width: 49px;
    height: 49px;
  }

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

  .gsvsdprocess__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdprocess__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdprocess__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdprocess__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdprocess__button > span {
    font-size: 17px;
  }

  .gsvsdprocess__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdprocess__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdprocess__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdprocess__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdprocess__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdprocess__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  .gsvsdprocess__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdpSignal {
    0%,
    100% {
      opacity: .14;
      transform: scaleX(.72);
    }

    50% {
      opacity: .75;
      transform: scaleX(1);
    }
  }

  @keyframes gsvsdpDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdpTicket {
    0%,
    100% {
      transform: translateY(-50%) rotate(-4deg);
    }

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

  @keyframes gsvsdpScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 90%;
      opacity: 1;
    }
  }

  @keyframes gsvsdpProgress {
    0%,
    100% {
      width: 28%;
      opacity: .55;
    }

    50% {
      width: 82%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdprocess__visual {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
      gap: 18px;
    }

    .gsvsdprocess__visual-copy,
    .gsvsdprocess__visual-note {
      grid-column: 1 / -1;
    }

    .gsvsdprocess__stage {
      min-height: 450px;
      margin-top: 0;
    }

    .gsvsdprocess__route {
      align-content: center;
    }

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

  }

  @media (max-width: 900px) {

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

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

    .gsvsdprocess__actions {
      width: 100%;
    }

    .gsvsdprocess__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdprocess__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdprocess__visual {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdprocess__stage {
      height: 415px;
      min-height: 0;
      margin-top: 12px;
    }

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

    .gsvsdprocess__actions {
      flex-direction: column;
    }

    .gsvsdprocess__glow {
      display: none;
    }

    .gsvsdprocess__orbit,
    .gsvsdprocess__signal,
    .gsvsdprocess__deck,
    .gsvsdprocess__ticket,
    .gsvsdprocess__scan,
    .gsvsdprocess__screen-progress span,
    .gsvsdprocess__node {
      animation: none;
    }

    .gsvsdprocess__step-card:hover,
    .gsvsdprocess__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

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

    .gsvsdprocess__header-note,
    .gsvsdprocess__visual-note,
    .gsvsdprocess__warranty-head,
    .gsvsdprocess__cta-copy,
    .gsvsdprocess__conditions article {
      grid-template-columns: 1fr;
    }

    .gsvsdprocess__panel-status {
      align-items: flex-start;
    }

    .gsvsdprocess__panel-status > strong {
      display: none;
    }

    .gsvsdprocess__stage {
      height: 390px;
    }

    .gsvsdprocess__ticket {
      left: -3px;
      width: 118px;
      transform: translateY(-50%) scale(.88);
      transform-origin: left center;
    }

    .gsvsdprocess__deck {
      left: 64%;
      width: 256px;
      height: 146px;
      grid-template-columns: 57px minmax(0, 1fr) 57px;
    }

    .gsvsdprocess__screen {
      height: 109px;
    }

    .gsvsdprocess__brand-logo {
      top: 14px;
      width: 68px;
      height: 38px;
    }

    .gsvsdprocess__node {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

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

    .gsvsdprocess__route > i {
      display: none;
    }

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

    .gsvsdprocess__content-head > span {
      display: none;
    }

    .gsvsdprocess__step {
      grid-template-columns: 36px minmax(0, 1fr);
      gap: 9px;
    }

    .gsvsdprocess__step-marker > span {
      width: 34px;
      height: 34px;
    }

    .gsvsdprocess__step-marker > i {
      top: 34px;
    }

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

    .gsvsdprocess__policy-status {
      max-width: 145px;
      text-align: center;
    }

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

  }

  @media (max-width: 390px) {

    .gsvsdprocess {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdprocess__panel,
    .gsvsdprocess__visual {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdprocess__stage {
      height: 370px;
    }

    .gsvsdprocess__ticket {
      left: -9px;
      width: 106px;
      transform: translateY(-50%) scale(.78);
    }

    .gsvsdprocess__deck {
      left: 66%;
      width: 224px;
      height: 134px;
      grid-template-columns: 50px minmax(0, 1fr) 50px;
    }

    .gsvsdprocess__screen {
      height: 99px;
    }

    .gsvsdprocess__brand-logo {
      top: 12px;
      width: 60px;
      height: 34px;
    }

    .gsvsdprocess__node {
      min-width: 89px;
    }

    .gsvsdprocess__policy-top {
      display: grid;
      justify-content: initial;
    }

  }


  /* =======================================================
     MOBILE — PROCESO SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdprocess__stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      margin-top: 14px;
      padding-top: 4px;
    }

    .gsvsdprocess__orbit,
    .gsvsdprocess__signal {
      display: none;
    }

    .gsvsdprocess__deck {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(330px, 100%);
      height: 182px;

      margin: 4px auto 4px;

      grid-template-columns:
        72px
        minmax(0, 1fr)
        72px;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdprocess__screen {
      height: 138px;
    }

    .gsvsdprocess__ticket {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(270px, 100%);

      margin: 0 auto 6px;

      transform: none;

      animation: none;
    }

    .gsvsdprocess__node,
    .gsvsdprocess__node--reception,
    .gsvsdprocess__node--diagnostic,
    .gsvsdprocess__node--approval,
    .gsvsdprocess__node--delivery {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      width: auto;
      min-width: 0;
      min-height: 62px;

      grid-template-columns:
        33px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdprocess__node > span {
      width: 33px;
      height: 33px;
    }

    .gsvsdprocess__node small {
      font-size: 8px;
    }

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

    .gsvsdprocess__scan,
    .gsvsdprocess__screen-progress span {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdprocess__deck,
    .gsvsdprocess__ticket,
    .gsvsdprocess__node {
      grid-column: 1;
    }

    .gsvsdprocess__deck {
      width: min(286px, 100%);
      height: 160px;

      grid-template-columns:
        62px
        minmax(0, 1fr)
        62px;
    }

    .gsvsdprocess__screen {
      height: 120px;
    }

    .gsvsdprocess__brand-logo {
      top: 14px;
      width: 68px;
      height: 38px;
    }

    .gsvsdprocess__ticket {
      width: min(255px, 100%);
    }

    .gsvsdprocess__node {
      min-height: 0;
    }

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

    .gsvsdprocess__route > i {
      display: none;
    }
  }

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

    .gsvsdprocess,
    .gsvsdprocess *,
    .gsvsdprocess *::before,
    .gsvsdprocess *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — PREGUNTAS FRECUENTES
   ID INTERNO HTML: preguntas-steam-deck
   ========================================================= */
.gsvsdfaq {
    --gsvsdfaq-cyan: #29dcf7;
    --gsvsdfaq-blue: #3885ff;
    --gsvsdfaq-green: #4bdd9d;
    --gsvsdfaq-yellow: #ffca61;
    --gsvsdfaq-orange: #ff925d;
    --gsvsdfaq-red: #ff6878;
    --gsvsdfaq-violet: #a58aff;
    --gsvsdfaq-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(76px, 8vw, 118px) 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 10%, rgba(41,220,247,.1), transparent 30%),
      radial-gradient(circle at 94% 16%, rgba(165,138,255,.08), transparent 30%),
      radial-gradient(circle at 90% 92%, rgba(56,133,255,.11), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdfaq__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdfaq__glow--cyan {
    top: 3%;
    left: -230px;
    opacity: .09;
    background: var(--gsvsdfaq-cyan);
  }

  .gsvsdfaq__glow--violet {
    right: -230px;
    bottom: 7%;
    opacity: .08;
    background: var(--gsvsdfaq-violet);
  }

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

  /* ENCABEZADO */

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

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

  .gsvsdfaq__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdfaq-green);
    box-shadow:
      0 0 0 6px rgba(75,221,157,.08),
      0 0 17px rgba(75,221,157,.62);
    animation: gsvsdfaqPulse 2.4s ease-in-out infinite;
  }

  .gsvsdfaq__header h2 {
    margin: 0;
    padding-bottom: .07em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(39px, 4.5vw, 62px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.052em;
  }

  .gsvsdfaq__header h2 span {
    display: block;
    margin-top: 7px;
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75ddff,
      var(--gsvsdfaq-cyan) 46%,
      var(--gsvsdfaq-violet)
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

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

  .gsvsdfaq__header-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(165,138,255,.14);
    border-radius: 15px;
    background: rgba(165,138,255,.025);
  }

  .gsvsdfaq__icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--gsvsdfaq-cyan);
    background: rgba(41,220,247,.07);
  }

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

  .gsvsdfaq__header-note .gsvsdfaq__icon {
    color: var(--gsvsdfaq-violet);
    background: rgba(165,138,255,.07);
  }

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

  .gsvsdfaq__header-note small {
    margin-bottom: 3px;
    color: #9489b2;
    font-size: 10px;
    letter-spacing: .5px;
  }

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

  /* PANEL */

  .gsvsdfaq__panel {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 18% 25%, rgba(41,220,247,.1), transparent 35%),
      radial-gradient(circle at 90% 22%, rgba(165,138,255,.05), transparent 28%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

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

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

  .gsvsdfaq__panel-status {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdfaq__panel-status > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdfaq-green);
    box-shadow: 0 0 11px rgba(75,221,157,.68);
  }

  .gsvsdfaq__panel-status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .8px;
  }

  .gsvsdfaq__layout {
    display: grid;
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
  }

  /* PANEL LATERAL */

  .gsvsdfaq__sidebar {
    position: sticky;
    top: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 22px;
    background:
      radial-gradient(circle at 50% 35%, rgba(41,220,247,.1), transparent 43%),
      rgba(0,11,24,.37);
  }

  .gsvsdfaq__sidebar-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
  }

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

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

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

  /* VISUAL */

  .gsvsdfaq__visual {
    position: relative;
    height: 330px;
    margin-top: 15px;
  }

  .gsvsdfaq__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdfaqOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdfaq__orbit--one {
    width: 290px;
    height: 290px;
  }

  .gsvsdfaq__orbit--two {
    width: 205px;
    height: 205px;
    animation-delay: -1.6s;
  }

  .gsvsdfaq__orbit--three {
    width: 120px;
    height: 120px;
    animation-delay: -3.1s;
  }

  .gsvsdfaq__terminal {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 245px;
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.23);
    border-radius: 18px;
    background:
      linear-gradient(145deg, rgba(11,44,73,.98), rgba(2,13,27,.98));
    box-shadow:
      0 0 0 8px rgba(41,220,247,.025),
      0 28px 48px rgba(0,0,0,.4);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdfaqTerminal 5.2s ease-in-out infinite;
  }

  .gsvsdfaq__terminal-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(92,174,255,.11);
    background: rgba(255,255,255,.02);
  }

  .gsvsdfaq__terminal-head > span {
    display: flex;
    gap: 5px;
  }

  .gsvsdfaq__terminal-head i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }

  .gsvsdfaq__terminal-head i:nth-child(1) {
    background: var(--gsvsdfaq-red);
  }

  .gsvsdfaq__terminal-head i:nth-child(2) {
    background: var(--gsvsdfaq-yellow);
  }

  .gsvsdfaq__terminal-head i:nth-child(3) {
    background: var(--gsvsdfaq-green);
  }

  .gsvsdfaq__terminal-head small {
    color: #68869b;
    font-family: monospace;
    font-size: 8px;
  }

  .gsvsdfaq__terminal-body {
    padding: 15px;
  }

  .gsvsdfaq__brand-logo {
    display: block;
    width: 100px;
    height: 52px;
    margin: 0 auto 13px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .gsvsdfaq__query {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(92,174,255,.07);
  }

  .gsvsdfaq__query small {
    color: #638297;
    font-size: 9px;
  }

  .gsvsdfaq__query strong {
    color: #dbeaf4;
    font-size: 9px;
  }

  .gsvsdfaq__query-status {
    color: var(--gsvsdfaq-green) !important;
  }

  .gsvsdfaq__progress {
    height: 5px;
    overflow: hidden;
    margin-top: 13px;
    border-radius: 999px;
    background: rgba(41,220,247,.09);
  }

  .gsvsdfaq__progress span {
    display: block;
    width: 74%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
      90deg,
      var(--gsvsdfaq-cyan),
      var(--gsvsdfaq-violet)
    );
    animation: gsvsdfaqProgress 3.2s ease-in-out infinite;
  }

  .gsvsdfaq__question-card {
    position: absolute;
    z-index: 8;
    min-width: 108px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.18);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 16px 30px rgba(0,0,0,.3);
  }

  .gsvsdfaq__question-card > span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdfaq-cyan);
    background: rgba(41,220,247,.07);
    font-size: 14px;
    font-weight: 800;
  }

  .gsvsdfaq__question-card small,
  .gsvsdfaq__question-card strong {
    display: block;
  }

  .gsvsdfaq__question-card small {
    color: #718da1;
    font-size: 8px;
  }

  .gsvsdfaq__question-card strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 9px;
    line-height: 1.35;
  }

  .gsvsdfaq__question-card--one {
    top: 23px;
    left: 0;
    animation: gsvsdfaqCardOne 5.1s ease-in-out infinite;
  }

  .gsvsdfaq__question-card--two {
    top: 71px;
    right: 0;
    animation: gsvsdfaqCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdfaq__question-card--two > span {
    color: var(--gsvsdfaq-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdfaq__question-card--three {
    bottom: 17px;
    left: 8px;
    animation: gsvsdfaqCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdfaq__question-card--three > span {
    color: var(--gsvsdfaq-green);
    background: rgba(75,221,157,.07);
  }

  /* CATEGORÍAS */

  .gsvsdfaq__categories {
    display: grid;
    gap: 7px;
    margin-top: 8px;
  }

  .gsvsdfaq__categories article {
    min-width: 0;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdfaq__category-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsvsdfaq-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdfaq__category-icon--green {
    color: var(--gsvsdfaq-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdfaq__category-icon--yellow {
    color: var(--gsvsdfaq-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdfaq__category-icon svg {
    width: 22px;
    height: 22px;
  }

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

  .gsvsdfaq__categories small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdfaq__categories strong {
    margin-top: 3px;
    color: #d7e5ef;
    font-size: 11px;
    line-height: 1.4;
  }

  .gsvsdfaq__sidebar-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid rgba(255,202,97,.12);
    border-radius: 13px;
    background: rgba(255,202,97,.022);
  }

  .gsvsdfaq__sidebar-note .gsvsdfaq__icon {
    width: 44px;
    height: 44px;
    color: var(--gsvsdfaq-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdfaq__sidebar-note p {
    margin: 0;
    color: #aaa087;
    font-size: 11px;
    line-height: 1.6;
  }

  /* CONTENIDO */

  .gsvsdfaq__content {
    min-width: 0;
  }

  .gsvsdfaq__content-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 10px;
    padding: 14px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdfaq__content-head small {
    display: block;
    color: #6e899f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .65px;
  }

  .gsvsdfaq__content-head h3 {
    margin: 4px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gsvsdfaq__content-head > span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdfaq__content-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdfaq-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

  /* ACORDEÓN */

  .gsvsdfaq__accordion {
    display: grid;
    gap: 8px;
  }

  .gsvsdfaq__accordion details {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 16px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.035), transparent 35%),
      rgba(255,255,255,.019);
    transition:
      border-color 220ms ease,
      background 220ms ease;
  }

  .gsvsdfaq__accordion details[open] {
    border-color: rgba(41,220,247,.25);
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.065), transparent 38%),
      rgba(255,255,255,.027);
  }

  .gsvsdfaq__accordion summary {
    min-height: 69px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    gap: 12px;
    align-items: center;
    padding: 13px 15px;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }

  .gsvsdfaq__accordion summary::-webkit-details-marker {
    display: none;
  }

  .gsvsdfaq__accordion summary:focus-visible {
    outline: 2px solid var(--gsvsdfaq-cyan);
    outline-offset: -3px;
    border-radius: 14px;
  }

  .gsvsdfaq__faq-number {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsvsdfaq-cyan);
    background: rgba(41,220,247,.065);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdfaq__faq-question {
    min-width: 0;
    color: #eaf4fa;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
  }

  .gsvsdfaq__faq-toggle {
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 10px;
    background: rgba(41,220,247,.035);
  }

  .gsvsdfaq__faq-toggle::before,
  .gsvsdfaq__faq-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 2px;
    border-radius: 999px;
    background: var(--gsvsdfaq-cyan);
    transform: translate(-50%, -50%);
    transition: transform 220ms ease;
  }

  .gsvsdfaq__faq-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .gsvsdfaq__accordion details[open] .gsvsdfaq__faq-toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .gsvsdfaq__answer {
    padding: 0 15px 16px 69px;
    border-top: 1px solid rgba(92,174,255,.07);
  }

  .gsvsdfaq__answer p {
    margin: 13px 0 0;
    color: #96aabc;
    font-size: 12px;
    line-height: 1.7;
  }

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

  .gsvsdfaq__answer-tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 999px;
    color: #7893a8;
    background: rgba(255,255,255,.017);
    font-size: 10px;
    line-height: 1;
  }

  /* RESUMEN */

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

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

  .gsvsdfaq__section-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

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

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

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

  .gsvsdfaq__summary-grid article {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.021);
  }

  .gsvsdfaq__summary-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsvsdfaq-violet);
    background: rgba(165,138,255,.065);
  }

  .gsvsdfaq__summary-icon--cyan {
    color: var(--gsvsdfaq-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdfaq__summary-icon--green {
    color: var(--gsvsdfaq-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdfaq__summary-icon--yellow {
    color: var(--gsvsdfaq-yellow);
    background: rgba(255,202,97,.065);
  }

  .gsvsdfaq__summary-icon svg {
    width: 25px;
    height: 25px;
  }

  .gsvsdfaq__summary-grid article > small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdfaq__summary-grid article > strong {
    display: block;
    margin-top: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.45;
  }

  .gsvsdfaq__summary-grid article > p {
    margin: 8px 0 0;
    color: #8b9fb1;
    font-size: 11px;
    line-height: 1.65;
  }

  /* CTA */

  .gsvsdfaq__cta {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(41,220,247,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

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

  .gsvsdfaq__cta-copy .gsvsdfaq__icon {
    width: 49px;
    height: 49px;
  }

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

  .gsvsdfaq__cta-copy small {
    margin-bottom: 3px;
    color: #71a1b5;
    font-size: 10px;
  }

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

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

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

  .gsvsdfaq__button {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gsvsdfaq__button:hover {
    transform: translateY(-3px);
  }

  .gsvsdfaq__button:focus-visible {
    outline: 2px solid rgba(41,220,247,.92);
    outline-offset: 4px;
  }

  .gsvsdfaq__button > span {
    font-size: 17px;
  }

  .gsvsdfaq__button--secondary {
    border: 1px solid rgba(41,220,247,.17);
    color: #e2f5ff !important;
    background: rgba(41,220,247,.035);
  }

  .gsvsdfaq__button--secondary:hover {
    border-color: rgba(41,220,247,.34);
    color: #ffffff !important;
  }

  .gsvsdfaq__button--whatsapp {
    border: 1px solid rgba(75,221,157,.26);
    color: #ffffff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
  }

  .gsvsdfaq__button--whatsapp:hover {
    color: #ffffff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gsvsdfaq__button--whatsapp.button--whatsapp {
    justify-content: center;
  }

  .gsvsdfaq__button--whatsapp .gs-global-wa-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(255,255,255,.13);
    overflow: hidden;
  }

  .gsvsdfaq__disclaimer {
    margin: 17px auto 0;
    color: #60788d;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdfaqTerminal {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdfaqProgress {
    0%,
    100% {
      width: 32%;
      opacity: .5;
    }

    50% {
      width: 88%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdfaq__sidebar {
      position: relative;
      top: auto;
      display: grid;
      grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
      gap: 18px;
    }

    .gsvsdfaq__sidebar-copy,
    .gsvsdfaq__sidebar-note {
      grid-column: 1 / -1;
    }

    .gsvsdfaq__visual {
      min-height: 345px;
      margin-top: 0;
    }

    .gsvsdfaq__categories {
      align-content: center;
    }

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

  }

  @media (max-width: 900px) {

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

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

    .gsvsdfaq__actions {
      width: 100%;
    }

    .gsvsdfaq__button {
      flex: 1 1 0;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdfaq__panel {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gsvsdfaq__sidebar {
      display: block;
      padding: 18px 16px;
    }

    .gsvsdfaq__visual {
      height: 330px;
      min-height: 0;
      margin-top: 14px;
    }

    .gsvsdfaq__glow {
      display: none;
    }

    .gsvsdfaq__actions {
      flex-direction: column;
    }

    .gsvsdfaq__orbit,
    .gsvsdfaq__terminal,
    .gsvsdfaq__progress span,
    .gsvsdfaq__question-card {
      animation: none;
    }

    .gsvsdfaq__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

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

    .gsvsdfaq__header-note,
    .gsvsdfaq__sidebar-note,
    .gsvsdfaq__cta-copy {
      grid-template-columns: 1fr;
    }

    .gsvsdfaq__panel-status {
      align-items: flex-start;
    }

    .gsvsdfaq__panel-status > strong {
      display: none;
    }

    .gsvsdfaq__visual {
      height: 315px;
    }

    .gsvsdfaq__terminal {
      width: 220px;
    }

    .gsvsdfaq__question-card {
      min-width: 96px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

    .gsvsdfaq__question-card > span {
      width: 29px;
      height: 29px;
    }

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

    .gsvsdfaq__content-head > span {
      display: none;
    }

    .gsvsdfaq__accordion summary {
      grid-template-columns: 38px minmax(0, 1fr) 33px;
      gap: 9px;
      padding-right: 11px;
      padding-left: 11px;
    }

    .gsvsdfaq__faq-number {
      width: 38px;
      height: 38px;
    }

    .gsvsdfaq__faq-toggle {
      width: 33px;
      height: 33px;
    }

    .gsvsdfaq__answer {
      padding-right: 12px;
      padding-bottom: 15px;
      padding-left: 12px;
    }

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

  }

  @media (max-width: 390px) {

    .gsvsdfaq {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdfaq__panel,
    .gsvsdfaq__sidebar {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdfaq__visual {
      height: 295px;
    }

    .gsvsdfaq__terminal {
      width: 198px;
    }

    .gsvsdfaq__brand-logo {
      width: 82px;
      height: 45px;
    }

    .gsvsdfaq__question-card {
      min-width: 88px;
    }

    .gsvsdfaq__question-card--one {
      left: -3px;
    }

    .gsvsdfaq__question-card--two {
      right: -3px;
    }

    .gsvsdfaq__faq-question {
      font-size: 12px;
    }

  }


  /* =======================================================
     MOBILE — FAQ SIN TARJETAS SUPERPUESTAS
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdfaq__visual {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      margin-top: 14px;
    }

    .gsvsdfaq__orbit {
      display: none;
    }

    .gsvsdfaq__terminal {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(300px, 100%);

      margin: 0 auto 4px;

      transform: none;

      animation: none;
    }

    .gsvsdfaq__question-card,
    .gsvsdfaq__question-card--one,
    .gsvsdfaq__question-card--two,
    .gsvsdfaq__question-card--three {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      min-width: 0;
      width: auto;
      min-height: 58px;

      grid-template-columns:
        32px
        minmax(0, 1fr);

      transform: none;

      animation: none;
    }

    .gsvsdfaq__question-card--three {
      grid-column: 1 / -1;
    }

    .gsvsdfaq__progress span {
      animation: none;
    }
  }

  @media (max-width: 390px) {

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

    .gsvsdfaq__terminal,
    .gsvsdfaq__question-card,
    .gsvsdfaq__question-card--three {
      grid-column: 1;
    }

    .gsvsdfaq__terminal {
      width: min(272px, 100%);
    }

    .gsvsdfaq__question-card {
      min-height: 0;
    }
  }

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

    .gsvsdfaq,
    .gsvsdfaq *,
    .gsvsdfaq *::before,
    .gsvsdfaq *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }

/* =========================================================
   GAMMERS STYLE
   STEAM DECK — CTA FINAL
   ID INTERNO HTML: cta-steam-deck
   ========================================================= */
.gsvsdcta {
    --gsvsdcta-cyan: #29dcf7;
    --gsvsdcta-blue: #3885ff;
    --gsvsdcta-green: #4bdd9d;
    --gsvsdcta-yellow: #ffca61;
    --gsvsdcta-orange: #ff925d;
    --gsvsdcta-red: #ff6878;
    --gsvsdcta-violet: #a58aff;
    --gsvsdcta-text: #a9bed0;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px clamp(70px, 7vw, 100px);
    color: #ffffff;
    background:
      radial-gradient(circle at 7% 8%, rgba(41,220,247,.11), transparent 30%),
      radial-gradient(circle at 95% 20%, rgba(75,221,157,.075), transparent 31%),
      radial-gradient(circle at 90% 94%, rgba(56,133,255,.11), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 53%, #092248 100%);
    font-family:
      "Poppins",
      Arial,
      sans-serif;

    scroll-margin-top: 90px;
  }

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

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

  .gsvsdcta a {
    text-decoration: none !important;
  }

  .gsvsdcta__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(58,151,220,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(58,151,220,.07) 1px, transparent 1px),
      radial-gradient(circle, rgba(41,220,247,.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

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

  .gsvsdcta__glow--cyan {
    top: -100px;
    left: -250px;
    opacity: .1;
    background: var(--gsvsdcta-cyan);
  }

  .gsvsdcta__glow--green {
    right: -250px;
    bottom: -80px;
    opacity: .08;
    background: var(--gsvsdcta-green);
  }

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

  /* PANEL */

  .gsvsdcta__panel {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 3.5vw, 42px);
    border: 1px solid rgba(92,174,255,.23);
    border-radius: 30px;
    background:
      radial-gradient(circle at 14% 25%, rgba(41,220,247,.105), transparent 34%),
      radial-gradient(circle at 90% 20%, rgba(75,221,157,.05), transparent 31%),
      linear-gradient(145deg, rgba(15,48,84,.8), rgba(4,17,35,.96));
    box-shadow:
      0 34px 80px rgba(0,0,0,.31),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(15px);
  }

  .gsvsdcta__panel-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: 31px 31px;
  }

  .gsvsdcta__panel > *:not(.gsvsdcta__panel-grid):not(.gsvsdcta__corner) {
    position: relative;
    z-index: 3;
  }

  .gsvsdcta__corner {
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    border-color: rgba(41,220,247,.55);
    border-style: solid;
    pointer-events: none;
  }

  .gsvsdcta__corner--tl {
    top: 14px;
    left: 14px;
    border-width: 2px 0 0 2px;
    border-radius: 7px 0 0 0;
  }

  .gsvsdcta__corner--tr {
    top: 14px;
    right: 14px;
    border-width: 2px 2px 0 0;
    border-radius: 0 7px 0 0;
  }

  .gsvsdcta__corner--bl {
    bottom: 14px;
    left: 14px;
    border-width: 0 0 2px 2px;
    border-radius: 0 0 0 7px;
  }

  .gsvsdcta__corner--br {
    right: 14px;
    bottom: 14px;
    border-width: 0 2px 2px 0;
    border-radius: 0 0 7px 0;
  }

  .gsvsdcta__status {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

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

  .gsvsdcta__status > span i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gsvsdcta-green);
    box-shadow:
      0 0 0 5px rgba(75,221,157,.06),
      0 0 12px rgba(75,221,157,.68);
    animation: gsvsdctaPulse 2.4s ease-in-out infinite;
  }

  .gsvsdcta__status > strong {
    color: #718ca5;
    font-size: 10px;
    letter-spacing: .75px;
  }

  .gsvsdcta__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
    gap: clamp(34px, 5vw, 66px);
    align-items: center;
    margin-top: clamp(35px, 5vw, 58px);
  }

  /* CONTENIDO */

  .gsvsdcta__content {
    min-width: 0;
  }

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

  .gsvsdcta__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsvsdcta-cyan);
    box-shadow:
      0 0 0 6px rgba(41,220,247,.07),
      0 0 17px rgba(41,220,247,.6);
  }

  .gsvsdcta__content h2 {
    margin: 0;
    padding-bottom: .08em;
    overflow: visible;
    color: #ffffff;
    font-size: clamp(43px, 5vw, 68px);
    font-weight: 820;
    line-height: 1.08;
    letter-spacing: -.055em;
  }

  .gsvsdcta__content h2 span {
    display: block;
    margin-top: 9px;
    padding-bottom: .08em;
    overflow: visible;
    line-height: 1.08;
    color: transparent;
    background: linear-gradient(
      90deg,
      #79ddff,
      var(--gsvsdcta-cyan) 45%,
      #70a2ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gsvsdcta__lead {
    max-width: 720px;
    margin: 22px 0 0;
    color: var(--gsvsdcta-text);
    font-size: 15px;
    line-height: 1.78;
  }

  .gsvsdcta__icon {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    color: var(--gsvsdcta-cyan);
    background: rgba(41,220,247,.07);
  }

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

  .gsvsdcta__service-note {
    display: grid;
    grid-template-columns: 49px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin-top: 21px;
    padding: 15px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 16px;
    background: rgba(41,220,247,.025);
  }

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

  .gsvsdcta__service-note small {
    margin-bottom: 3px;
    color: #7295aa;
    font-size: 10px;
    letter-spacing: .55px;
  }

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

  /* BOTONES */

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

  .gsvsdcta__button {
    min-width: 0;
    min-height: 72px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px 15px;
    border-radius: 15px;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

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

  .gsvsdcta a:focus-visible {
    outline: 2px solid rgba(41,220,247,.95);
    outline-offset: 4px;
    border-radius: 12px;
  }

  .gsvsdcta__button-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(255,255,255,.11);
  }

  .gsvsdcta__button-icon svg {
    width: 24px;
    height: 24px;
  }

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

  .gsvsdcta__button small {
    margin-bottom: 2px;
    color: rgba(255,255,255,.65);
    font-size: 9px;
    letter-spacing: .5px;
  }

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

  .gsvsdcta__button > i {
    color: #ffffff;
    font-size: 18px;
    font-style: normal;
  }

  .gsvsdcta__button--whatsapp {
    border: 1px solid rgba(75,221,157,.3);
    color: #ffffff !important;
    background: linear-gradient(115deg, #078e5c, #13c982);
    box-shadow: 0 18px 35px rgba(16,191,124,.2);
  }

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

  /* El icono de WhatsApp lo inserta el Custom Code global del sitio.
     IMPORTANTE: usar background-color y NO el shorthand background,
     porque background borraría el background-image global del logotipo. */
  .gsvsdcta__button--whatsapp .gs-global-wa-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    max-width: 46px;
    max-height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    align-self: center;
    justify-self: center;
    margin: 0 !important;
    border-radius: 13px;
    background-color: rgba(255,255,255,.11);
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
  }

  .gsvsdcta__contact-icon--green .gs-global-wa-icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    max-width: 22px;
    max-height: 22px;
    display: grid;
    place-items: center;
    margin: 0 !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .gsvsdcta__button--phone {
    border: 1px solid rgba(41,220,247,.22);
    color: #ffffff !important;
    background:
      linear-gradient(115deg, rgba(20,110,161,.8), rgba(30,151,197,.72));
    box-shadow: 0 18px 35px rgba(41,160,220,.13);
  }

  .gsvsdcta__button--phone:hover {
    color: #ffffff !important;
    border-color: rgba(41,220,247,.4);
    box-shadow: 0 24px 45px rgba(41,160,220,.21);
  }

  /* DATOS PARA MENSAJE */

  .gsvsdcta__send-data {
    margin-top: 12px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdcta__send-head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
  }

  .gsvsdcta__send-head .gsvsdcta__icon {
    width: 46px;
    height: 46px;
    color: var(--gsvsdcta-violet);
    background: rgba(165,138,255,.065);
  }

  .gsvsdcta__send-head small,
  .gsvsdcta__send-head strong {
    display: block;
  }

  .gsvsdcta__send-head small {
    color: #758fa3;
    font-size: 10px;
  }

  .gsvsdcta__send-head strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 12px;
  }

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

  .gsvsdcta__send-grid article {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.075);
    border-radius: 11px;
    background: rgba(0,10,23,.25);
  }

  .gsvsdcta__send-grid article > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsvsdcta-cyan);
    background: rgba(41,220,247,.06);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdcta__send-grid small,
  .gsvsdcta__send-grid strong {
    display: block;
  }

  .gsvsdcta__send-grid small {
    color: #708ba1;
    font-size: 10px;
  }

  .gsvsdcta__send-grid strong {
    margin-top: 3px;
    color: #c9dae6;
    font-size: 11px;
    line-height: 1.4;
  }

  .gsvsdcta__send-note {
    margin: 12px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(92,174,255,.08);
    color: #8ea3b5;
    font-size: 11px;
    line-height: 1.65;
  }

  .gsvsdcta__send-note strong {
    color: #dceaf3;
  }

  /* VISUAL */

  .gsvsdcta__visual {
    min-width: 0;
  }

  .gsvsdcta__visual-stage {
    position: relative;
    height: 440px;
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 23px;
    background:
      radial-gradient(circle at 50% 46%, rgba(41,220,247,.11), transparent 43%),
      rgba(0,11,24,.38);
  }

  .gsvsdcta__orbit {
    position: absolute;
    top: 51%;
    left: 50%;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsvsdctaOrbit 4.8s ease-in-out infinite;
  }

  .gsvsdcta__orbit--one {
    width: 355px;
    height: 355px;
  }

  .gsvsdcta__orbit--two {
    width: 255px;
    height: 255px;
    animation-delay: -1.6s;
  }

  .gsvsdcta__orbit--three {
    width: 155px;
    height: 155px;
    animation-delay: -3.1s;
  }

  .gsvsdcta__signal {
    position: absolute;
    z-index: 2;
    left: 9%;
    width: 82%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(41,220,247,.65),
      rgba(75,221,157,.58),
      transparent
    );
    animation: gsvsdctaSignal 3.9s ease-in-out infinite;
  }

  .gsvsdcta__signal--one {
    top: 42%;
  }

  .gsvsdcta__signal--two {
    top: 52%;
    animation-delay: -1.3s;
  }

  .gsvsdcta__signal--three {
    top: 62%;
    animation-delay: -2.6s;
  }

  /* CONSOLA */

  .gsvsdcta__deck {
    position: absolute;
    z-index: 6;
    top: 52%;
    left: 50%;
    width: 340px;
    height: 188px;
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 76px;
    overflow: hidden;
    border: 2px solid rgba(93,184,221,.32);
    border-radius: 46px;
    background:
      radial-gradient(circle at 50% 50%, rgba(41,220,247,.1), transparent 45%),
      linear-gradient(145deg, #09283d, #020b14);
    box-shadow:
      0 0 0 10px rgba(41,220,247,.023),
      0 32px 55px rgba(0,0,0,.43);
    transform: translate(-50%, -50%) rotate(-2deg);
    animation: gsvsdctaDeck 5.2s ease-in-out infinite;
  }

  .gsvsdcta__deck-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    background-image:
      linear-gradient(rgba(41,220,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(41,220,247,.04) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gsvsdcta__scan {
    position: absolute;
    z-index: 15;
    top: 8%;
    right: 9px;
    left: 9px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(75,221,157,.88),
      rgba(41,220,247,.86),
      transparent
    );
    box-shadow:
      0 0 18px rgba(75,221,157,.4),
      0 0 21px rgba(41,220,247,.4);
    animation: gsvsdctaScan 4.2s ease-in-out infinite;
  }

  .gsvsdcta__deck-side {
    position: relative;
    z-index: 4;
  }

  .gsvsdcta__stick {
    position: absolute;
    width: 29px;
    height: 29px;
    border: 4px solid #15384d;
    border-radius: 50%;
    background:
      radial-gradient(circle, #0e2b3d 0 42%, #06131e 44%);
  }

  .gsvsdcta__deck-side--left .gsvsdcta__stick {
    top: 31px;
    left: 13px;
  }

  .gsvsdcta__deck-side--right .gsvsdcta__stick {
    top: 70px;
    right: 13px;
  }

  .gsvsdcta__dpad {
    position: absolute;
    top: 79px;
    left: 19px;
    width: 31px;
    height: 31px;
  }

  .gsvsdcta__dpad i,
  .gsvsdcta__dpad b {
    position: absolute;
    border-radius: 3px;
    background: #123247;
  }

  .gsvsdcta__dpad i {
    top: 10px;
    left: 0;
    width: 31px;
    height: 11px;
  }

  .gsvsdcta__dpad b {
    top: 0;
    left: 10px;
    width: 11px;
    height: 31px;
  }

  .gsvsdcta__trackpad {
    position: absolute;
    bottom: 19px;
    width: 43px;
    height: 37px;
    border: 1px solid rgba(41,220,247,.14);
    border-radius: 9px;
    background: linear-gradient(145deg, #0d2c40, #061521);
  }

  .gsvsdcta__deck-side--left .gsvsdcta__trackpad {
    left: 17px;
  }

  .gsvsdcta__deck-side--right .gsvsdcta__trackpad {
    right: 17px;
  }

  .gsvsdcta__buttons {
    position: absolute;
    top: 31px;
    right: 12px;
    width: 39px;
    height: 39px;
  }

  .gsvsdcta__buttons i {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #123247;
  }

  .gsvsdcta__buttons i:nth-child(1) {
    top: 0;
    left: 15px;
  }

  .gsvsdcta__buttons i:nth-child(2) {
    top: 15px;
    right: 0;
  }

  .gsvsdcta__buttons i:nth-child(3) {
    bottom: 0;
    left: 15px;
  }

  .gsvsdcta__buttons i:nth-child(4) {
    top: 15px;
    left: 0;
  }

  .gsvsdcta__screen {
    position: relative;
    z-index: 5;
    align-self: center;
    height: 144px;
    overflow: hidden;
    border: 4px solid #07121c;
    border-radius: 11px;
    background:
      radial-gradient(circle at 50% 30%, rgba(41,220,247,.15), transparent 45%),
      linear-gradient(145deg, #051c2d, #020a12);
  }

  .gsvsdcta__screen-frame {
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(41,220,247,.09);
    border-radius: 7px;
  }

  .gsvsdcta__brand-logo {
    position: absolute;
    top: 19px;
    left: 50%;
    width: 96px;
    height: 52px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
  }

  .gsvsdcta__screen-status {
    position: absolute;
    right: 15px;
    bottom: 29px;
    left: 15px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }

  .gsvsdcta__screen-status small {
    color: #62869a;
    font-size: 8px;
  }

  .gsvsdcta__screen-status strong {
    color: var(--gsvsdcta-green);
    font-size: 9px;
    letter-spacing: .55px;
  }

  .gsvsdcta__screen-progress {
    position: absolute;
    right: 15px;
    bottom: 14px;
    left: 15px;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(41,220,247,.1);
  }

  .gsvsdcta__screen-progress span {
    display: block;
    width: 70%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
      90deg,
      var(--gsvsdcta-cyan),
      var(--gsvsdcta-green)
    );
    animation: gsvsdctaProgress 3.1s ease-in-out infinite;
  }

  /* NODOS */

  .gsvsdcta__node {
    position: absolute;
    z-index: 12;
    min-width: 114px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 11px;
    background: rgba(5,21,42,.97);
    box-shadow: 0 17px 32px rgba(0,0,0,.3);
  }

  .gsvsdcta__node > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsvsdcta-cyan);
    background: rgba(41,220,247,.07);
    font-size: 10px;
    font-weight: 800;
  }

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

  .gsvsdcta__node small {
    color: #7892a7;
    font-size: 9px;
  }

  .gsvsdcta__node strong {
    margin-top: 2px;
    color: #e1edf7;
    font-size: 10px;
    line-height: 1.35;
  }

  .gsvsdcta__node--diagnostic {
    top: 37px;
    left: 19px;
    animation: gsvsdctaCardOne 5.2s ease-in-out infinite;
  }

  .gsvsdcta__node--budget {
    top: 91px;
    right: 17px;
    animation: gsvsdctaCardTwo 5.7s ease-in-out infinite;
  }

  .gsvsdcta__node--budget > span {
    color: var(--gsvsdcta-yellow);
    background: rgba(255,202,97,.07);
  }

  .gsvsdcta__node--approval {
    bottom: 46px;
    left: 17px;
    animation: gsvsdctaCardThree 5.5s ease-in-out infinite;
  }

  .gsvsdcta__node--approval > span {
    color: var(--gsvsdcta-green);
    background: rgba(75,221,157,.07);
  }

  .gsvsdcta__node--delivery {
    right: 18px;
    bottom: 24px;
    animation: gsvsdctaCardOne 5.8s ease-in-out infinite;
  }

  .gsvsdcta__node--delivery > span {
    color: var(--gsvsdcta-violet);
    background: rgba(165,138,255,.07);
  }

  /* ESTADO */

  .gsvsdcta__service-status {
    margin-top: 11px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.019);
  }

  .gsvsdcta__service-status-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
  }

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

  .gsvsdcta__service-status-head small {
    color: #718ba1;
    font-size: 10px;
  }

  .gsvsdcta__service-status-head strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 12px;
  }

  .gsvsdcta__service-status-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--gsvsdcta-green);
    font-size: 10px;
    font-weight: 800;
  }

  .gsvsdcta__service-status-head > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsvsdcta-green);
    box-shadow: 0 0 9px rgba(75,221,157,.5);
  }

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

  .gsvsdcta__status-grid article {
    min-width: 0;
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.075);
    border-radius: 11px;
    background: rgba(0,10,23,.24);
  }

  .gsvsdcta__status-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gsvsdcta-violet);
    background: rgba(165,138,255,.06);
  }

  .gsvsdcta__status-icon--cyan {
    color: var(--gsvsdcta-cyan);
    background: rgba(41,220,247,.06);
  }

  .gsvsdcta__status-icon--green {
    color: var(--gsvsdcta-green);
    background: rgba(75,221,157,.06);
  }

  .gsvsdcta__status-icon--yellow {
    color: var(--gsvsdcta-yellow);
    background: rgba(255,202,97,.06);
  }

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

  .gsvsdcta__status-grid small,
  .gsvsdcta__status-grid strong {
    display: block;
  }

  .gsvsdcta__status-grid small {
    color: #708ba1;
    font-size: 9px;
  }

  .gsvsdcta__status-grid strong {
    margin-top: 3px;
    color: #c9dae6;
    font-size: 10px;
    line-height: 1.4;
  }

  /* CONTACTO */

  .gsvsdcta__contact {
    margin-top: clamp(48px, 6vw, 75px);
  }

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

  .gsvsdcta__contact-head small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
  }

  .gsvsdcta__contact-head h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 3.5vw, 45px);
    font-weight: 790;
    line-height: 1.1;
    letter-spacing: -1.35px;
  }

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

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

  .gsvsdcta__contact-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 19px;
    background:
      radial-gradient(circle at 100% 0%, rgba(41,220,247,.04), transparent 38%),
      rgba(255,255,255,.021);
  }

  .gsvsdcta__contact-card--location {
    border-color: rgba(255,146,93,.13);
    background:
      radial-gradient(circle at 100% 0%, rgba(255,146,93,.04), transparent 38%),
      rgba(255,255,255,.021);
  }

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

  .gsvsdcta__contact-icon {
    width: 51px;
    height: 51px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsvsdcta-orange);
    background: rgba(255,146,93,.065);
  }

  .gsvsdcta__contact-icon--cyan {
    color: var(--gsvsdcta-cyan);
    background: rgba(41,220,247,.065);
  }

  .gsvsdcta__contact-icon--green {
    color: var(--gsvsdcta-green);
    background: rgba(75,221,157,.065);
  }

  .gsvsdcta__contact-icon--violet {
    color: var(--gsvsdcta-violet);
    background: rgba(165,138,255,.065);
  }

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

  .gsvsdcta__contact-code {
    color: rgba(255,255,255,.12);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .7px;
  }

  .gsvsdcta__contact-card > small {
    display: block;
    margin-top: 14px;
    color: #718ba1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
  }

  .gsvsdcta__contact-card h4 {
    overflow-wrap: anywhere;
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.45;
  }

  .gsvsdcta__contact-card > p {
    margin: 8px 0 0;
    color: #8b9fb1;
    font-size: 11px;
    line-height: 1.65;
  }

  .gsvsdcta__contact-highlight {
    color: #ccecf6 !important;
    font-size: 14px !important;
    font-weight: 750;
  }

  .gsvsdcta__contact-footnote {
    display: block;
    margin-top: 8px;
    color: #768ea1;
    font-size: 10px;
    line-height: 1.55;
  }

  .gsvsdcta__contact-card > a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-top: auto;
    padding-top: 15px;
    color: #86def8 !important;
    font-size: 11px;
    font-weight: 800;
  }

  .gsvsdcta__contact-card > a:hover {
    color: #ffffff !important;
  }

  .gsvsdcta__contact-card > a span {
    font-size: 16px;
  }

  /* AVISO */

  .gsvsdcta__notice {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    margin-top: 17px;
    padding: 19px;
    border: 1px solid rgba(255,104,120,.16);
    border-radius: 19px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,104,120,.055), transparent 28%),
      rgba(1,12,26,.39);
  }

  .gsvsdcta__notice-icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gsvsdcta-red);
    background: rgba(255,104,120,.07);
  }

  .gsvsdcta__notice-icon svg {
    width: 27px;
    height: 27px;
  }

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

  .gsvsdcta__notice small {
    color: #ad7d87;
    font-size: 10px;
    letter-spacing: .55px;
  }

  .gsvsdcta__notice strong {
    margin-top: 4px;
    color: #f0dde1;
    font-size: 13px;
    line-height: 1.52;
  }

  .gsvsdcta__notice p {
    margin: 5px 0 0;
    color: #a58b92;
    font-size: 11px;
    line-height: 1.62;
  }

  /* CIERRE */

  .gsvsdcta__closing {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    margin-top: 17px;
    padding: 17px 19px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 17px;
    background: rgba(255,255,255,.018);
  }

  .gsvsdcta__closing-brand {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gsvsdcta__closing-logo {
    width: 70px;
    height: 46px;
    background-image:
      url("https://gammersstyle.com/wp-content/uploads/2026/07/logo_blanco.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .gsvsdcta__closing-brand small,
  .gsvsdcta__closing-brand strong {
    display: block;
  }

  .gsvsdcta__closing-brand small {
    color: #708ca1;
    font-size: 10px;
  }

  .gsvsdcta__closing-brand strong {
    margin-top: 3px;
    color: #dce9f3;
    font-size: 11px;
    line-height: 1.45;
  }

  .gsvsdcta__closing > p {
    max-width: 680px;
    margin: 0;
    color: #657e91;
    font-size: 10px;
    line-height: 1.7;
    text-align: right;
  }

  /* ANIMACIONES */

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

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

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

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

  @keyframes gsvsdctaSignal {
    0%,
    100% {
      opacity: .14;
      transform: scaleX(.72);
    }

    50% {
      opacity: .75;
      transform: scaleX(1);
    }
  }

  @keyframes gsvsdctaDeck {
    0%,
    100% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(0);
    }

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

  @keyframes gsvsdctaScan {
    0%,
    100% {
      top: 8%;
      opacity: .25;
    }

    50% {
      top: 91%;
      opacity: 1;
    }
  }

  @keyframes gsvsdctaProgress {
    0%,
    100% {
      width: 28%;
      opacity: .55;
    }

    50% {
      width: 84%;
      opacity: 1;
    }
  }

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

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

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

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

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

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

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gsvsdcta__visual {
      display: grid;
      grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
      gap: 12px;
    }

    .gsvsdcta__visual-stage {
      height: 440px;
    }

    .gsvsdcta__service-status {
      align-self: stretch;
      margin-top: 0;
    }

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

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

  }

  @media (max-width: 900px) {

    .gsvsdcta__contact-head {
      grid-template-columns: 1fr;
      gap: 20px;
    }

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

    .gsvsdcta__closing > p {
      max-width: none;
      text-align: left;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

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

    .gsvsdcta__panel {
      padding: 21px 17px;
      border-radius: 24px;
      backdrop-filter: none;
    }

    .gsvsdcta__status > strong {
      display: none;
    }

    .gsvsdcta__content h2 {
      font-size: clamp(39px, 11vw, 53px);
    }

    .gsvsdcta__primary-actions {
      grid-template-columns: 1fr;
    }

    .gsvsdcta__visual {
      display: block;
    }

    .gsvsdcta__visual-stage {
      height: 410px;
    }

    .gsvsdcta__service-status {
      margin-top: 11px;
    }

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

    .gsvsdcta__glow {
      display: none;
    }

    .gsvsdcta__orbit,
    .gsvsdcta__signal,
    .gsvsdcta__deck,
    .gsvsdcta__scan,
    .gsvsdcta__screen-progress span,
    .gsvsdcta__node,
    .gsvsdcta__status > span i {
      animation: none;
    }

    .gsvsdcta__button:hover {
      transform: none;
    }

  }

  @media (max-width: 560px) {

    .gsvsdcta__service-note,
    .gsvsdcta__send-head,
    .gsvsdcta__notice,
    .gsvsdcta__closing-brand {
      grid-template-columns: 1fr;
    }

    .gsvsdcta__send-grid,
    .gsvsdcta__status-grid,
    .gsvsdcta__contact-grid {
      grid-template-columns: 1fr;
    }

    .gsvsdcta__visual-stage {
      height: 385px;
    }

    .gsvsdcta__deck {
      width: 300px;
      height: 170px;
      grid-template-columns: 67px minmax(0, 1fr) 67px;
    }

    .gsvsdcta__screen {
      height: 129px;
    }

    .gsvsdcta__brand-logo {
      top: 17px;
      width: 83px;
      height: 46px;
    }

    .gsvsdcta__node {
      min-width: 98px;
      grid-template-columns: 29px minmax(0, 1fr);
      padding: 6px;
    }

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

    .gsvsdcta__service-status-head {
      align-items: flex-start;
    }

    .gsvsdcta__contact-card {
      min-height: 0;
    }

  }

  @media (max-width: 390px) {

    .gsvsdcta {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdcta__panel {
      padding-right: 14px;
      padding-left: 14px;
    }

    .gsvsdcta__button {
      grid-template-columns: 43px minmax(0, 1fr) auto;
      padding-right: 12px;
      padding-left: 12px;
    }

    .gsvsdcta__button-icon {
      width: 43px;
      height: 43px;
    }

    .gsvsdcta__visual-stage {
      height: 360px;
    }

    .gsvsdcta__deck {
      width: 262px;
      height: 152px;
      grid-template-columns: 59px minmax(0, 1fr) 59px;
    }

    .gsvsdcta__screen {
      height: 114px;
    }

    .gsvsdcta__brand-logo {
      top: 14px;
      width: 72px;
      height: 40px;
    }

    .gsvsdcta__node {
      min-width: 89px;
    }

    .gsvsdcta__node--diagnostic {
      top: 29px;
      left: 3px;
    }

    .gsvsdcta__node--budget {
      top: 78px;
      right: 3px;
    }

    .gsvsdcta__node--approval {
      bottom: 39px;
      left: 3px;
    }

    .gsvsdcta__node--delivery {
      right: 3px;
      bottom: 18px;
    }

    .gsvsdcta__closing-logo {
      width: 62px;
    }

  }


  /* =======================================================
     MOBILE — CTA FINAL SIN SUPERPOSICIONES
     ======================================================= */

  @media (max-width: 700px) {

    .gsvsdcta__visual-stage {
      height: auto;
      min-height: 0;

      display: grid;
      grid-template-columns:
        repeat(2, minmax(0, 1fr));

      gap: 8px;

      padding: 14px;

      overflow: hidden;
    }

    .gsvsdcta__orbit,
    .gsvsdcta__signal {
      display: none;
    }

    .gsvsdcta__deck {
      position: relative;

      top: auto;
      left: auto;

      grid-column: 1 / -1;

      width: min(330px, 100%);
      height: 182px;

      margin: 4px auto 8px;

      grid-template-columns:
        72px
        minmax(0, 1fr)
        72px;

      transform: rotate(-2deg);

      animation: none;
    }

    .gsvsdcta__screen {
      height: 138px;
    }

    .gsvsdcta__node,
    .gsvsdcta__node--diagnostic,
    .gsvsdcta__node--budget,
    .gsvsdcta__node--approval,
    .gsvsdcta__node--delivery {
      position: relative;

      top: auto;
      right: auto;
      bottom: auto;
      left: auto;

      width: auto;
      min-width: 0;
      min-height: 62px;

      grid-template-columns:
        34px
        minmax(0, 1fr);

      padding: 8px;

      transform: none;

      animation: none;
    }

    .gsvsdcta__node > span {
      width: 34px;
      height: 34px;
    }

    .gsvsdcta__scan,
    .gsvsdcta__screen-progress span {
      animation: none;
    }
  }

  @media (max-width: 390px) {

    .gsvsdcta__visual-stage {
      grid-template-columns:
        minmax(0, 1fr);

      padding: 12px;
    }

    .gsvsdcta__deck,
    .gsvsdcta__node {
      grid-column: 1;
    }

    .gsvsdcta__deck {
      width: min(286px, 100%);
      height: 160px;

      grid-template-columns:
        62px
        minmax(0, 1fr)
        62px;
    }

    .gsvsdcta__screen {
      height: 120px;
    }

    .gsvsdcta__brand-logo {
      top: 14px;
      width: 72px;
      height: 40px;
    }

    .gsvsdcta__node {
      min-height: 0;
    }

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

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

    .gsvsdcta,
    .gsvsdcta *,
    .gsvsdcta *::before,
    .gsvsdcta *::after {
      scroll-behavior: auto !important;
      animation: none !important;
      transition: none !important;
    }

  }