/*
GS FRONTEND CORE · PLAYSTATION 3
Versión 0.52.1
Estilos consolidados desde los 10 widgets originales de Elementor.
*/

.gsps3-loading, .gsps3-noscript {
  margin: 0;
  padding: 18px 20px;
  border: 1px solid rgba(32,213,243,.20);
  border-radius: 16px;
  color: inherit;
  background: rgba(32,213,243,.045);
  font: inherit;
}

[data-gs-component^="playstation-3-"] { min-height: 220px; }
[data-gs-component^="playstation-3-"][data-gs-loaded="1"] { min-height: 0; }

@media (max-width: 767px) {
  [data-gs-component^="playstation-3-"] { min-height: 160px; }
}

/* =========================================================
   PLAYSTATION 3 · HERO
   ========================================================= */
/* =========================================================
   VARIABLES Y BASE
========================================================= */

.gsvps3hero {
  --ps3h-cyan: #21d9f3;
  --ps3h-blue: #407cff;
  --ps3h-violet: #9d84ff;
  --ps3h-green: #45dfa0;
  --ps3h-yellow: #ffc95e;
  --ps3h-red: #ff6578;
  --ps3h-text: #a9bfd1;

  position: relative !important;
  isolation: isolate;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(80px, 8vw, 120px) 24px 0 !important;
  overflow: hidden !important;

  color: #fff;

  background:
    radial-gradient(
      circle at 7% 10%,
      rgba(33,217,243,.11),
      transparent 29%
    ),
    radial-gradient(
      circle at 94% 10%,
      rgba(157,132,255,.11),
      transparent 31%
    ),
    radial-gradient(
      circle at 78% 80%,
      rgba(64,124,255,.08),
      transparent 35%
    ),
    linear-gradient(
      118deg,
      #01050d,
      #061329 49%,
      #101c49
    );

  font-family: "Poppins", system-ui, sans-serif;
  container-type: inline-size;
}

.gsvps3hero *,
.gsvps3hero *::before,
.gsvps3hero *::after {
  box-sizing: border-box !important;
  min-width: 0;
}

.gsvps3hero h1,
.gsvps3hero h3,
.gsvps3hero p,
.gsvps3hero small,
.gsvps3hero strong,
.gsvps3hero span {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word;
}

.gsvps3hero a {
  text-decoration: none !important;
}

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


/* =========================================================
   FONDO
========================================================= */

.gsvps3hero__grid {
  position: absolute;
  z-index: -5;
  inset: 0;
  opacity: .30;
  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(60,126,194,.075) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(60,126,194,.075) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle,
      rgba(157,132,255,.17) 1px,
      transparent 1.5px
    );

  background-size:
    72px 72px,
    72px 72px,
    36px 36px;
}

.gsvps3hero__glow {
  position: absolute;
  z-index: -4;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(150px);
  pointer-events: none;
}

.gsvps3hero__glow--cyan {
  top: -150px;
  left: -260px;
  opacity: .09;
  background: var(--ps3h-cyan);
}

.gsvps3hero__glow--violet {
  top: 60px;
  right: -260px;
  opacity: .09;
  background: var(--ps3h-violet);
}


/* =========================================================
   LAYOUT PRINCIPAL
========================================================= */

.gsvps3hero__wrap {
  display: grid !important;

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

  gap: clamp(42px, 5.5vw, 78px);

  align-items: center;

  width: min(1280px, 100%) !important;
  max-width: 1280px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* =========================================================
   TEXTO
========================================================= */

.gsvps3hero__content {
  position: relative;
  z-index: 4;
}

.gsvps3hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 20px;

  color: #75e8f8;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.3px;

  text-transform: uppercase;
}

.gsvps3hero__eyebrow > span {
  width: 9px;
  height: 9px;

  flex: 0 0 9px;

  border-radius: 50%;

  background: var(--ps3h-cyan);

  box-shadow:
    0 0 0 6px rgba(33,217,243,.08),
    0 0 18px rgba(33,217,243,.62);

  animation: gsvps3heroPulse 2.5s ease-in-out infinite;
}

.gsvps3hero h1 {
  margin: 0;

  color: #fff;

  font-size: clamp(54px, 5.9vw, 84px);
  font-weight: 850;
  line-height: .98;

  letter-spacing: -.064em;
}

.gsvps3hero h1 span {
  display: block;

  margin-top: 7px;

  color: transparent;

  background:
    linear-gradient(
      90deg,
      #65e4ff 0%,
      #5e91ff 46%,
      #a38aff 100%
    );

  -webkit-background-clip: text;
  background-clip: text;
}

.gsvps3hero__lead {
  max-width: 670px;

  margin: 25px 0 0;

  color: var(--ps3h-text);

  font-size: 16px;
  line-height: 1.75;
}


/* =========================================================
   ALCANCE
========================================================= */

.gsvps3hero__scope {
  display: grid !important;

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

  gap: 13px;
  align-items: center;

  margin-top: 22px;
  padding: 15px;

  border: 1px solid rgba(255,201,94,.15);
  border-radius: 16px;

  background:
    radial-gradient(
      circle at 0 50%,
      rgba(255,201,94,.045),
      transparent 32%
    ),
    rgba(255,201,94,.018);
}

.gsvps3hero__scope-icon {
  width: 50px;
  height: 50px;

  display: grid;
  place-items: center;

  border-radius: 14px;

  color: var(--ps3h-yellow);
  background: rgba(255,201,94,.07);
}

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

.gsvps3hero__scope small {
  margin-bottom: 3px;

  color: #a39372;

  font-size: 10px;
  font-weight: 850;
}

.gsvps3hero__scope strong {
  color: #eee5d2;

  font-size: 12px;
  line-height: 1.55;
}


/* =========================================================
   FALLAS
========================================================= */

.gsvps3hero__faults {
  display: grid !important;

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

  gap: 9px;

  margin-top: 20px;
}

.gsvps3hero__faults article {
  display: grid !important;

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

  gap: 10px;
  align-items: center;

  padding: 12px 13px;

  border: 1px solid rgba(101,146,255,.09);
  border-radius: 13px;

  background: rgba(255,255,255,.018);
}

.gsvps3hero__fault-dot {
  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: var(--ps3h-cyan);

  box-shadow:
    0 0 9px rgba(33,217,243,.4);
}

.gsvps3hero__fault-dot--yellow {
  background: var(--ps3h-yellow);

  box-shadow:
    0 0 9px rgba(255,201,94,.35);
}

.gsvps3hero__fault-dot--violet {
  background: var(--ps3h-violet);

  box-shadow:
    0 0 9px rgba(157,132,255,.35);
}

.gsvps3hero__fault-dot--red {
  background: var(--ps3h-red);

  box-shadow:
    0 0 9px rgba(255,101,120,.35);
}

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

.gsvps3hero__faults small {
  color: #687f9f;

  font-size: 9px;
  font-weight: 800;
}

.gsvps3hero__faults strong {
  margin-top: 2px;

  color: #d8e5ef;

  font-size: 11px;
  line-height: 1.4;
}


/* =========================================================
   BOTONES
========================================================= */

.gsvps3hero__actions {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 24px;
}

.gsvps3hero__button {
  min-height: 62px;

  display: inline-flex;
  align-items: center;

  gap: 12px;

  padding: 12px 16px;

  border-radius: 14px;

  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
}

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

.gsvps3hero__button:focus-visible {
  outline: 2px solid var(--ps3h-cyan);
  outline-offset: 3px;
}

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

.gsvps3hero__button small {
  font-size: 9px;
  font-weight: 800;
}

.gsvps3hero__button strong {
  margin-top: 2px;

  font-size: 12px;
}

.gsvps3hero__button b {
  margin-left: auto;

  font-size: 18px;
  font-weight: 500;
}

.gsvps3hero__button--whatsapp {
  min-width: 246px;

  color: #fff !important;

  border: 1px solid rgba(69,223,160,.24);

  background:
    linear-gradient(
      112deg,
      #08774f,
      #0eaa70 55%,
      #13c981
    );

  box-shadow:
    0 17px 32px rgba(8,159,100,.19);
}

.gsvps3hero__button--whatsapp small {
  color: rgba(255,255,255,.67);
}

.gsvps3hero__button--whatsapp .gs-global-wa-icon {
  margin-right: 0;
  flex: 0 0 auto;
}


.gsvps3hero__button--secondary {
  min-width: 220px;

  color: #e8f0ff !important;

  border: 1px solid rgba(101,146,255,.17);

  background: rgba(64,124,255,.045);
}

.gsvps3hero__button--secondary small {
  color: #768ba8;
}


/* =========================================================
   META
========================================================= */

.gsvps3hero__meta {
  display: flex;
  flex-wrap: wrap;

  gap: 9px 17px;

  margin-top: 21px;
}

.gsvps3hero__meta span {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  color: #71859d;

  font-size: 10px;
  font-weight: 700;
}

.gsvps3hero__meta i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--ps3h-green);

  box-shadow:
    0 0 7px rgba(69,223,160,.4);
}


/* =========================================================
   VISUAL
========================================================= */

.gsvps3hero__visual {
  position: relative;
  z-index: 3;
}

.gsvps3hero__visual-frame {
  position: relative;

  overflow: hidden;

  padding: 18px;

  border: 1px solid rgba(101,146,255,.19);
  border-radius: 28px;

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(64,124,255,.10),
      transparent 45%
    ),
    radial-gradient(
      circle at 86% 18%,
      rgba(157,132,255,.07),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(10,31,67,.84),
      rgba(2,10,27,.96)
    );

  box-shadow:
    0 34px 75px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.05);

  backdrop-filter: blur(12px);
}

.gsvps3hero__frame-grid {
  position: absolute;
  inset: 0;

  opacity: .36;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(64,124,255,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(64,124,255,.055) 1px,
      transparent 1px
    );

  background-size: 34px 34px;
}


/* =========================================================
   ESQUINAS
========================================================= */

.gsvps3hero__corner {
  position: absolute;
  z-index: 8;

  width: 29px;
  height: 29px;

  pointer-events: none;
}

.gsvps3hero__corner--tl {
  top: 10px;
  left: 10px;

  border-top: 1px solid rgba(33,217,243,.5);
  border-left: 1px solid rgba(33,217,243,.5);
}

.gsvps3hero__corner--tr {
  top: 10px;
  right: 10px;

  border-top: 1px solid rgba(157,132,255,.5);
  border-right: 1px solid rgba(157,132,255,.5);
}

.gsvps3hero__corner--bl {
  bottom: 10px;
  left: 10px;

  border-bottom: 1px solid rgba(33,217,243,.34);
  border-left: 1px solid rgba(33,217,243,.34);
}

.gsvps3hero__corner--br {
  right: 10px;
  bottom: 10px;

  border-right: 1px solid rgba(157,132,255,.34);
  border-bottom: 1px solid rgba(157,132,255,.34);
}


/* =========================================================
   CABECERA VISUAL
========================================================= */

.gsvps3hero__visual-head {
  position: relative;
  z-index: 5;

  display: flex;
  justify-content: space-between;

  gap: 14px;

  align-items: center;

  padding: 4px 4px 14px;

  border-bottom: 1px solid rgba(101,146,255,.1);
}

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

.gsvps3hero__visual-head small {
  color: #637996;

  font-size: 8px;
}

.gsvps3hero__visual-head strong {
  margin-top: 3px;

  color: #d3e0ed;

  font-size: 10px;
}

.gsvps3hero__visual-head > span {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  color: var(--ps3h-green);

  font-size: 8px;
  font-weight: 800;
}

.gsvps3hero__visual-head > span i {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--ps3h-green);

  box-shadow:
    0 0 9px rgba(69,223,160,.55);
}


/* =========================================================
   STAGE
========================================================= */

.gsvps3hero__stage {
  position: relative;
  z-index: 2;

  height: 520px;
}

.gsvps3hero__orbit {
  position: absolute;

  top: 46%;
  left: 50%;

  border: 1px solid rgba(101,146,255,.14);
  border-radius: 50%;

  transform: translate(-50%, -50%);

  animation:
    gsvps3heroOrbit 5s ease-in-out infinite;
}

.gsvps3hero__orbit--outer {
  width: 440px;
  height: 440px;
}

.gsvps3hero__orbit--middle {
  width: 330px;
  height: 330px;

  animation-delay: -1.5s;
}

.gsvps3hero__orbit--inner {
  width: 220px;
  height: 220px;

  animation-delay: -2.8s;
}

.gsvps3hero__axis {
  position: absolute;
  z-index: 1;

  top: 46%;
  left: 50%;

  pointer-events: none;

  transform: translate(-50%, -50%);
}

.gsvps3hero__axis--horizontal {
  width: 94%;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(33,217,243,.16),
      transparent
    );
}

.gsvps3hero__axis--vertical {
  width: 1px;
  height: 90%;

  background:
    linear-gradient(
      transparent,
      rgba(157,132,255,.15),
      transparent
    );
}

.gsvps3hero__radar {
  position: absolute;
  z-index: 1;

  top: 46%;
  left: 50%;

  width: 350px;
  height: 350px;

  border-radius: 50%;

  opacity: .18;

  transform: translate(-50%, -50%);

  background:
    conic-gradient(
      from 180deg,
      transparent,
      rgba(33,217,243,.19),
      transparent 24%
    );

  animation:
    gsvps3heroRadar 10s linear infinite;
}


/* =========================================================
   IMAGEN REAL
========================================================= */

.gsvps3hero__device {
  position: absolute;
  z-index: 5;

  top: 46%;
  left: 50%;

  width: 585px;
  max-width: 117%;

  aspect-ratio: 1024 / 559;

  transform:
    translate(-50%, -50%);

  animation:
    gsvps3heroDevice 5.2s ease-in-out infinite;

  filter:
    drop-shadow(0 28px 27px rgba(0,0,0,.55))
    drop-shadow(0 0 15px rgba(64,124,255,.18))
    drop-shadow(0 0 25px rgba(157,132,255,.09));
}

.gsvps3hero__device-halo {
  position: absolute;
  z-index: -1;

  inset: 10% 5% 5%;

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(33,217,243,.10),
      rgba(64,124,255,.15) 35%,
      rgba(157,132,255,.07) 52%,
      transparent 73%
    );

  filter: blur(28px);
}

.gsvps3hero__device img {
  position: relative;
  z-index: 2;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;

  pointer-events: none;

  user-select: none;
}


/* =========================================================
   ESCÁNER
========================================================= */

.gsvps3hero__scan {
  position: absolute;
  z-index: 6;

  top: 12%;
  right: 3%;
  left: 3%;

  height: 2px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--ps3h-cyan),
      var(--ps3h-blue),
      var(--ps3h-violet),
      transparent
    );

  box-shadow:
    0 0 9px rgba(33,217,243,.55),
    0 0 17px rgba(157,132,255,.32);

  animation:
    gsvps3heroScan 4.1s ease-in-out infinite;
}


/* =========================================================
   NODOS
========================================================= */

.gsvps3hero__node {
  position: absolute;
  z-index: 10;

  min-width: 122px;

  display: grid !important;

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

  gap: 8px;

  align-items: center;

  padding: 7px;

  border: 1px solid rgba(101,146,255,.19);
  border-radius: 11px;

  background:
    rgba(5,17,42,.97);

  box-shadow:
    0 16px 30px rgba(0,0,0,.29);
}

.gsvps3hero__node > span {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  color: var(--ps3h-cyan);

  background: rgba(33,217,243,.08);

  font-size: 9px;
  font-weight: 850;
}

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

.gsvps3hero__node small {
  color: #7185a2;

  font-size: 8px;
}

.gsvps3hero__node strong {
  margin-top: 2px;

  color: #e0e8f7;

  font-size: 9px;
  line-height: 1.35;
}


/* POWER */

.gsvps3hero__node--power {
  top: 24px;
  left: 5px;
}


/* VIDEO */

.gsvps3hero__node--video {
  top: 78px;
  right: 3px;
}

.gsvps3hero__node--video > span {
  color: var(--ps3h-violet);

  background:
    rgba(157,132,255,.08);
}


/* DISC */

.gsvps3hero__node--disc {
  bottom: 72px;
  left: 3px;
}

.gsvps3hero__node--disc > span {
  color: var(--ps3h-yellow);

  background:
    rgba(255,201,94,.08);
}


/* THERMAL */

.gsvps3hero__node--thermal {
  right: 3px;
  bottom: 128px;
}

.gsvps3hero__node--thermal > span {
  color: var(--ps3h-red);

  background:
    rgba(255,101,120,.08);
}


/* BOARD */

.gsvps3hero__node--board {
  right: 50%;
  bottom: 17px;

  transform: translateX(50%);
}

.gsvps3hero__node--board > span {
  color: var(--ps3h-green);

  background:
    rgba(69,223,160,.08);
}


/* =========================================================
   TERMINAL
========================================================= */

.gsvps3hero__terminal {
  position: absolute;
  z-index: 11;

  right: 17px;
  bottom: 20px;

  width: 170px;

  padding: 11px;

  border: 1px solid rgba(33,217,243,.13);
  border-radius: 12px;

  background:
    rgba(3,13,29,.96);

  box-shadow:
    0 16px 28px rgba(0,0,0,.35);
}

.gsvps3hero__terminal-head {
  display: flex;
  justify-content: space-between;

  align-items: center;
}

.gsvps3hero__terminal-head span {
  color: #647c98;

  font-size: 7px;
  font-weight: 800;
}

.gsvps3hero__terminal-head i {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--ps3h-green);

  box-shadow:
    0 0 8px rgba(69,223,160,.5);
}

.gsvps3hero__terminal-values {
  display: grid;

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

  gap: 5px;

  margin-top: 9px;
}

.gsvps3hero__terminal-values article {
  padding: 6px 3px;

  border: 1px solid rgba(101,146,255,.07);
  border-radius: 7px;

  background:
    rgba(255,255,255,.014);

  text-align: center;
}

.gsvps3hero__terminal-values small,
.gsvps3hero__terminal-values strong {
  display: block;
}

.gsvps3hero__terminal-values small {
  color: #60758f;

  font-size: 6px;
}

.gsvps3hero__terminal-values strong {
  margin-top: 2px;

  color: #b8cbe0;

  font-size: 7px;
}

.gsvps3hero__terminal-progress {
  position: relative;

  height: 4px;

  overflow: hidden;

  margin-top: 9px;

  border-radius: 999px;

  background:
    rgba(33,217,243,.09);
}

.gsvps3hero__terminal-progress span {
  position: absolute;

  top: 0;
  left: -42%;

  width: 42%;
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--ps3h-cyan),
      var(--ps3h-violet)
    );

  animation:
    gsvps3heroProgress 2.8s ease-in-out infinite;
}


/* =========================================================
   PIE VISUAL
========================================================= */

.gsvps3hero__visual-bottom {
  position: relative;
  z-index: 4;

  display: grid !important;

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

  gap: 7px;

  padding-top: 13px;

  border-top:
    1px solid rgba(101,146,255,.09);
}

.gsvps3hero__visual-bottom article {
  padding: 9px 5px;

  border: 1px solid rgba(101,146,255,.07);
  border-radius: 9px;

  background:
    rgba(255,255,255,.014);

  text-align: center;
}

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

.gsvps3hero__visual-bottom small {
  color: var(--ps3h-cyan);

  font-size: 7px;
}

.gsvps3hero__visual-bottom strong {
  margin-top: 2px;

  color: #c8d7e8;

  font-size: 8px;
}

.gsvps3hero__visual-bottom span {
  margin-top: 2px;

  color: #61758e;

  font-size: 7px;
}


/* =========================================================
   TARJETA FLOTANTE
========================================================= */

.gsvps3hero__floating-card {
  position: absolute;
  z-index: 12;

  right: -22px;
  bottom: -24px;

  width: min(320px, 76%);

  display: grid !important;

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

  gap: 12px;

  align-items: center;

  padding: 13px;

  border: 1px solid rgba(69,223,160,.16);
  border-radius: 15px;

  background:
    rgba(4,18,37,.97);

  box-shadow:
    0 19px 37px rgba(0,0,0,.34),
    0 0 23px rgba(69,223,160,.05);
}

.gsvps3hero__floating-card > span {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: var(--ps3h-green);

  background:
    rgba(69,223,160,.07);
}

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

.gsvps3hero__floating-card small {
  color: #6c9987;

  font-size: 8px;
  font-weight: 800;
}

.gsvps3hero__floating-card strong {
  margin-top: 4px;

  color: #dcece5;

  font-size: 10px;
  line-height: 1.45;
}


/* =========================================================
   BARRA INFERIOR
========================================================= */

.gsvps3hero__bottom {
  width: min(1280px, 100%);

  margin:
    clamp(68px, 8vw, 100px)
    auto
    0;

  border-top:
    1px solid rgba(101,146,255,.12);

  border-bottom:
    1px solid rgba(101,146,255,.12);

  background:
    rgba(2,10,26,.34);
}

.gsvps3hero__bottom-wrap {
  display: grid !important;

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

.gsvps3hero__bottom article {
  display: grid !important;

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

  gap: 12px;

  align-items: center;

  padding: 20px 17px;

  border-right:
    1px solid rgba(101,146,255,.09);
}

.gsvps3hero__bottom article:last-child {
  border-right: 0;
}

.gsvps3hero__bottom-icon {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: var(--ps3h-cyan);

  background:
    rgba(33,217,243,.07);
}

.gsvps3hero__bottom-icon--yellow {
  color: var(--ps3h-yellow);

  background:
    rgba(255,201,94,.07);
}

.gsvps3hero__bottom-icon--green {
  color: var(--ps3h-green);

  background:
    rgba(69,223,160,.07);
}

.gsvps3hero__bottom-icon--violet {
  color: var(--ps3h-violet);

  background:
    rgba(157,132,255,.07);
}

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

.gsvps3hero__bottom small {
  color: #6d829d;

  font-size: 9px;
  font-weight: 800;
}

.gsvps3hero__bottom strong {
  margin-top: 3px;

  color: #d5e2ed;

  font-size: 10px;
  line-height: 1.45;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.gsvps3hero__disclaimer {
  width: min(1280px, 100%);

  margin:
    17px
    auto
    22px !important;

  color: #617690;

  font-size: 10px;
  line-height: 1.7;

  text-align: center;
}


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

@keyframes gsvps3heroPulse {

  0%,
  100% {
    opacity: .5;
    transform: scale(.88);
  }

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

}

@keyframes gsvps3heroOrbit {

  0%,
  100% {
    opacity: .2;

    transform:
      translate(-50%, -50%)
      scale(.96);
  }

  50% {
    opacity: .63;

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

}

@keyframes gsvps3heroRadar {

  from {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

  to {
    transform:
      translate(-50%, -50%)
      rotate(360deg);
  }

}

@keyframes gsvps3heroDevice {

  0%,
  100% {
    transform:
      translate(-50%, -50%)
      translateY(0)
      rotate(-.4deg);
  }

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

}

@keyframes gsvps3heroScan {

  0%,
  100% {
    top: 12%;
    opacity: .18;
  }

  50% {
    top: 86%;
    opacity: .9;
  }

}

@keyframes gsvps3heroProgress {

  0% {
    left: -42%;
  }

  50% {
    left: 58%;
  }

  100% {
    left: -42%;
  }

}


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

@media (max-width: 1080px) {

  .gsvps3hero__wrap {
    grid-template-columns: 1fr;

    gap: 60px;
  }

  .gsvps3hero__content {
    width: min(790px, 100%);

    margin: 0 auto;
  }

  .gsvps3hero__visual {
    width: min(790px, 100%);

    margin: 0 auto;
  }

  .gsvps3hero__stage {
    height: 555px;
  }

  .gsvps3hero__device {
    width: 650px;
    max-width: 105%;
  }

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

  .gsvps3hero__bottom article:nth-child(2) {
    border-right: 0;
  }

  .gsvps3hero__bottom article:nth-child(-n+2) {
    border-bottom:
      1px solid rgba(101,146,255,.09);
  }

}


/* =========================================================
   TABLETA POR CONTENEDOR
========================================================= */

@container (max-width: 1080px) {

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

}


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

@media (max-width: 700px) {

  .gsvps3hero {
    padding:
      72px
      17px
      0 !important;
  }

  .gsvps3hero__visual-frame {
    padding: 16px;

    border-radius: 23px;

    backdrop-filter: none;
  }

  .gsvps3hero__bottom-wrap {
    grid-template-columns: 1fr;
  }

  .gsvps3hero__bottom article {
    border-right: 0;

    border-bottom:
      1px solid rgba(101,146,255,.09);
  }

  .gsvps3hero__bottom article:last-child {
    border-bottom: 0;
  }

  .gsvps3hero__glow {
    display: none;
  }

  .gsvps3hero__eyebrow > span,
  .gsvps3hero__orbit,
  .gsvps3hero__radar,
  .gsvps3hero__device,
  .gsvps3hero__scan,
  .gsvps3hero__terminal-progress span {
    animation: none;
  }

  .gsvps3hero__device {
    transform:
      translate(-50%, -50%);
  }

  .gsvps3hero__visual-frame {
    backdrop-filter: none;
  }

  .gsvps3hero__button {
    transition: none;
  }

  .gsvps3hero__button:hover {
    transform: none;
  }

}


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

@media (max-width: 560px) {

  .gsvps3hero h1 {
    font-size:
      clamp(47px, 14vw, 66px);
  }

  .gsvps3hero__lead {
    font-size: 14px;
  }

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

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

  .gsvps3hero__actions {
    display: grid;

    grid-template-columns: 1fr;
  }

  .gsvps3hero__button {
    width: 100%;
    min-width: 0;
  }

  .gsvps3hero__stage {
    height: 440px;
  }

  .gsvps3hero__device {
    top: 45%;

    width: 520px;
    max-width: 135%;
  }

  .gsvps3hero__terminal {
    right: 0;
    bottom: 34px;

    width: 150px;
  }

  .gsvps3hero__floating-card {
    position: relative;

    right: auto;
    bottom: auto;

    width: 100%;
    max-width: none;

    margin-top: 13px;
  }

}


/* =========================================================
   MÓVIL 390PX
========================================================= */

@media (max-width: 390px) {

  .gsvps3hero {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .gsvps3hero__visual-frame {
    padding-right: 13px;
    padding-left: 13px;
  }

  .gsvps3hero__stage {
    height: 395px;
  }

  .gsvps3hero__device {
    top: 44%;

    width: 445px;
    max-width: 140%;
  }

  .gsvps3hero__node {
    min-width: 80px;

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

    gap: 5px;

    padding: 5px;
  }

  .gsvps3hero__node > span {
    width: 26px;
    height: 26px;

    font-size: 8px;
  }

  .gsvps3hero__node small {
    font-size: 6px;
  }

  .gsvps3hero__node strong {
    font-size: 7px;
  }

  .gsvps3hero__node--power {
    top: 17px;
    left: 0;
  }

  .gsvps3hero__node--video {
    top: 61px;
    right: 0;
  }

  .gsvps3hero__node--disc {
    bottom: 55px;
    left: 0;
  }

  .gsvps3hero__node--thermal {
    right: 0;
    bottom: 104px;
  }

  .gsvps3hero__node--board {
    bottom: 7px;
  }

  .gsvps3hero__terminal {
    right: 0;
    bottom: 18px;

    width: 124px;

    padding: 8px;
  }

  .gsvps3hero__terminal-values {
    grid-template-columns: 1fr;

    gap: 3px;
  }

  .gsvps3hero__terminal-values article {
    display: flex;

    justify-content: space-between;

    gap: 5px;

    padding: 4px 6px;
  }

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

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
========================================================= */

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

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

}

/* =========================================================
   PLAYSTATION 3 · MODELOS
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — MODELOS Y ALCANCE
   ID INTERNO HTML: modelos-alcance-ps3

   SOPORTE ACTUAL:
   - PlayStation 3 Slim
   - PlayStation 3 Super Slim

   SIN SOPORTE:
   - PlayStation 3 Fat
   ========================================================= */

#modelos-alcance-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #06101d;
    --gs-panel: rgba(7, 18, 33, 0.88);
    --gs-panel-2: rgba(9, 24, 43, 0.78);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #8fa7bd;
    --gs-muted-2: #60788f;

    --gs-border: rgba(92, 208, 255, 0.16);
    --gs-border-strong: rgba(92, 220, 255, 0.31);

    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 13% 20%,
            rgba(32, 213, 243, 0.09),
            transparent 26%
        ),
        radial-gradient(
            circle at 90% 72%,
            rgba(80, 95, 255, 0.09),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #050d18 50%,
            #030811 100%
        );

    font-family: "Poppins", system-ui, sans-serif;
    color: var(--gs-text);

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#modelos-alcance-ps3 *,
#modelos-alcance-ps3 *::before,
#modelos-alcance-ps3 *::after {
    box-sizing: border-box;
    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO / GRID TECNOLÓGICO
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.34;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.055) 1px,
            transparent 1px
        );

    background-size: 44px 44px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 13%,
            #000 86%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 13%,
            #000 86%,
            transparent 100%
        );
}

#modelos-alcance-ps3 .gsps3m-grid::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(32, 213, 243, 0.07) 50%,
            transparent 100%
        );

    transform: translateX(-100%);
    animation: gsps3m-scan-bg 11s linear infinite;
}

@keyframes gsps3m-scan-bg {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}


/* =========================================================
   DECORACIÓN RADAR
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-radar {
    position: absolute;
    width: 380px;
    height: 380px;
    right: -175px;
    top: 40px;

    border: 1px solid rgba(32, 213, 243, 0.08);
    border-radius: 50%;

    pointer-events: none;
}

#modelos-alcance-ps3 .gsps3m-radar::before,
#modelos-alcance-ps3 .gsps3m-radar::after {
    content: "";
    position: absolute;

    border-radius: 50%;
    border: 1px solid rgba(32, 213, 243, 0.07);
}

#modelos-alcance-ps3 .gsps3m-radar::before {
    inset: 55px;
}

#modelos-alcance-ps3 .gsps3m-radar::after {
    inset: 115px;
}


/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 92px 0 96px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-heading {
    max-width: 850px;
    margin-bottom: 46px;
}

#modelos-alcance-ps3 .gsps3m-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border: 1px solid rgba(32, 213, 243, 0.2);
    border-radius: 999px;

    background: rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#modelos-alcance-ps3 .gsps3m-kicker-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;

    border-radius: 50%;
    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.38);
}

#modelos-alcance-ps3 .gsps3m-title {
    margin: 0;

    color: #f4fbff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;
    letter-spacing: -0.035em;
}

#modelos-alcance-ps3 .gsps3m-title span {
    color: var(--gs-cyan);
}

#modelos-alcance-ps3 .gsps3m-intro {
    max-width: 790px;
    margin: 17px 0 0;

    color: var(--gs-muted);
    font-size: 15px;
    line-height: 1.78;
    font-weight: 400;
}


/* =========================================================
   MICRO LÍNEA
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-techline {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 19px;

    color: #67839a;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#modelos-alcance-ps3 .gsps3m-techline::after {
    content: "";
    width: 92px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   MODELOS CON SOPORTE
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-models {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;

    margin-bottom: 18px;
}

#modelos-alcance-ps3 .gsps3m-model-card {
    position: relative;
    min-width: 0;
    min-height: 280px;
    padding: 26px 25px 24px;
    overflow: hidden;

    border: 1px solid var(--gs-border);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(10, 27, 47, 0.91),
            rgba(4, 12, 23, 0.94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 18px 55px rgba(0, 0, 0, 0.17);

    transition:
        border-color 0.28s ease,
        transform 0.28s ease,
        box-shadow 0.28s ease;
}

#modelos-alcance-ps3 .gsps3m-model-card:hover {
    transform: translateY(-4px);

    border-color: rgba(74, 220, 255, 0.33);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 22px 62px rgba(0, 0, 0, 0.25),
        0 0 28px rgba(32, 213, 243, 0.04);
}

#modelos-alcance-ps3 .gsps3m-model-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    width: 100px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs-cyan),
            transparent
        );

    box-shadow:
        0 0 15px rgba(32, 213, 243, 0.35);
}

#modelos-alcance-ps3 .gsps3m-model-card::after {
    content: "";
    position: absolute;

    width: 160px;
    height: 160px;

    right: -85px;
    bottom: -90px;

    border: 1px solid rgba(32, 213, 243, 0.06);
    border-radius: 50%;
}

#modelos-alcance-ps3 .gsps3m-model-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    margin-bottom: 29px;
}

#modelos-alcance-ps3 .gsps3m-model-code {
    color: #59748b;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#modelos-alcance-ps3 .gsps3m-model-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 5px 9px;

    border: 1px solid rgba(67, 229, 139, 0.19);
    border-radius: 999px;

    background: rgba(67, 229, 139, 0.055);

    color: #82efad;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#modelos-alcance-ps3 .gsps3m-model-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;
    background: var(--gs-green);

    box-shadow:
        0 0 9px rgba(67, 229, 139, 0.65);
}


/* =========================================================
   ICONOS DE CONSOLA
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-console-icon {
    position: relative;

    width: 84px;
    height: 45px;

    margin-bottom: 24px;

    border: 1px solid rgba(130, 236, 255, 0.28);
    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            rgba(32, 213, 243, 0.1),
            rgba(50, 134, 255, 0.025)
        );

    box-shadow:
        inset 0 0 16px rgba(32, 213, 243, 0.025),
        0 0 20px rgba(32, 213, 243, 0.025);
}

#modelos-alcance-ps3 .gsps3m-console-icon::before {
    content: "";
    position: absolute;

    left: 10px;
    right: 10px;
    top: 9px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(130, 236, 255, 0.47),
            transparent
        );
}

#modelos-alcance-ps3 .gsps3m-console-icon::after {
    content: "";
    position: absolute;

    right: 9px;
    bottom: 8px;

    width: 5px;
    height: 5px;

    border-radius: 50%;
    background: var(--gs-cyan);

    box-shadow:
        0 0 9px rgba(32, 213, 243, 0.7);
}

#modelos-alcance-ps3 .gsps3m-console-icon.super {
    height: 34px;
    margin-top: 11px;
}


/* =========================================================
   TEXTO DE MODELOS
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-model-name {
    margin: 0 0 8px;

    color: #f3fbff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

#modelos-alcance-ps3 .gsps3m-model-sub {
    max-width: 480px;
    margin: 0;

    color: var(--gs-muted);
    font-size: 13px;
    line-height: 1.68;
}


/* =========================================================
   LIMITACIÓN — PS3 FAT
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-limit {
    position: relative;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;

    width: 100%;
    margin-bottom: 26px;
    padding: 17px 19px;

    overflow: hidden;

    border: 1px solid rgba(255, 159, 67, 0.17);
    border-radius: 16px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 159, 67, 0.055),
            rgba(255, 200, 87, 0.02),
            rgba(6, 15, 26, 0.74)
        );
}

#modelos-alcance-ps3 .gsps3m-limit::before {
    content: "";
    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-orange),
            transparent
        );

    box-shadow:
        0 0 13px rgba(255, 159, 67, 0.35);
}

#modelos-alcance-ps3 .gsps3m-limit-icon {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    border: 1px solid rgba(255, 159, 67, 0.24);
    border-radius: 10px;

    background: rgba(255, 159, 67, 0.07);

    color: var(--gs-yellow);
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
}

#modelos-alcance-ps3 .gsps3m-limit-copy {
    min-width: 0;
}

#modelos-alcance-ps3 .gsps3m-limit-title {
    margin: 0 0 4px;

    color: #ffe6bb;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}

#modelos-alcance-ps3 .gsps3m-limit-text {
    margin: 0;

    color: #9eaeba;
    font-size: 12px;
    line-height: 1.55;
}

#modelos-alcance-ps3 .gsps3m-limit-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 100px;
    padding: 7px 10px;

    border: 1px solid rgba(255, 99, 125, 0.18);
    border-radius: 999px;

    background: rgba(255, 99, 125, 0.055);

    color: #ff9aad;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}


/* =========================================================
   PANEL INFERIOR
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-scope {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(330px, 0.92fr);

    gap: 18px;
}


/* =========================================================
   ALCANCE TÉCNICO
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-scope-main {
    position: relative;
    min-width: 0;
    padding: 30px;
    overflow: hidden;

    border: 1px solid var(--gs-border);
    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 21, 38, 0.91),
            rgba(4, 12, 23, 0.95)
        );
}

#modelos-alcance-ps3 .gsps3m-scope-main::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(32, 213, 243, 0.08),
            transparent 30%
        );

    pointer-events: none;
}

#modelos-alcance-ps3 .gsps3m-panel-label {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 12px;

    color: var(--gs-cyan-soft);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#modelos-alcance-ps3 .gsps3m-panel-label::before {
    content: "";

    width: 13px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.6);
}

#modelos-alcance-ps3 .gsps3m-scope-title {
    position: relative;
    z-index: 2;

    margin: 0 0 10px;

    color: #f3faff;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

#modelos-alcance-ps3 .gsps3m-scope-copy {
    position: relative;
    z-index: 2;

    max-width: 690px;
    margin: 0;

    color: var(--gs-muted);
    font-size: 14px;
    line-height: 1.74;
}


/* =========================================================
   FACTORES DE VIABILIDAD
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-factors {
    position: relative;
    z-index: 2;

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

    gap: 10px;
    margin-top: 24px;
}

#modelos-alcance-ps3 .gsps3m-factor {
    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 0;
    min-height: 46px;
    padding: 10px 12px;

    border: 1px solid rgba(91, 197, 255, 0.1);
    border-radius: 11px;

    background: rgba(7, 20, 34, 0.55);

    color: #b8cbda;
    font-size: 12px;
    line-height: 1.35;
}

#modelos-alcance-ps3 .gsps3m-factor-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;

    border: 1px solid rgba(32, 213, 243, 0.7);
    border-radius: 50%;

    background: rgba(32, 213, 243, 0.15);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.2);
}


/* =========================================================
   TERMINAL
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-terminal {
    position: relative;
    min-width: 0;
    overflow: hidden;

    border: 1px solid rgba(116, 103, 255, 0.2);
    border-radius: 22px;

    background:
        linear-gradient(
            160deg,
            rgba(10, 18, 38, 0.94),
            rgba(5, 10, 22, 0.97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

#modelos-alcance-ps3 .gsps3m-terminal-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    min-height: 45px;
    padding: 10px 15px;

    border-bottom:
        1px solid rgba(106, 184, 255, 0.1);

    background: rgba(9, 20, 37, 0.72);
}

#modelos-alcance-ps3 .gsps3m-terminal-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

#modelos-alcance-ps3 .gsps3m-terminal-dots span {
    display: block;

    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#modelos-alcance-ps3 .gsps3m-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#modelos-alcance-ps3 .gsps3m-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#modelos-alcance-ps3 .gsps3m-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#modelos-alcance-ps3 .gsps3m-terminal-name {
    color: #71889c;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#modelos-alcance-ps3 .gsps3m-terminal-body {
    position: relative;
    padding: 25px 24px 24px;
}

#modelos-alcance-ps3 .gsps3m-terminal-body::after {
    content: "";
    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.45),
            transparent
        );

    animation:
        gsps3m-terminal-scan 4.6s ease-in-out infinite;
}

@keyframes gsps3m-terminal-scan {
    0%,
    100% {
        opacity: 0.15;
        transform: translateY(0);
    }

    50% {
        opacity: 0.7;
        transform: translateY(205px);
    }
}

#modelos-alcance-ps3 .gsps3m-terminal-line {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 9px;

    margin-bottom: 13px;

    color: #95aabc;
    font-size: 12px;
    line-height: 1.45;
}

#modelos-alcance-ps3 .gsps3m-terminal-line:last-child {
    margin-bottom: 0;
}

#modelos-alcance-ps3 .gsps3m-terminal-symbol {
    color: var(--gs-cyan);
    font-weight: 700;
}

#modelos-alcance-ps3 .gsps3m-terminal-line strong {
    color: #d9effa;
    font-weight: 600;
}

#modelos-alcance-ps3 .gsps3m-terminal-line.warning
.gsps3m-terminal-symbol {
    color: var(--gs-yellow);
}

#modelos-alcance-ps3 .gsps3m-terminal-line.warning strong {
    color: #ffe49d;
}

#modelos-alcance-ps3 .gsps3m-terminal-result {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-top: 22px;
    padding: 13px 14px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b8c7d2;
    font-size: 11px;
    line-height: 1.55;
}

#modelos-alcance-ps3
.gsps3m-terminal-result-icon {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--gs-yellow);

    box-shadow:
        0 0 9px rgba(255, 200, 87, 0.45);
}


/* =========================================================
   PIE TÉCNICO
   ========================================================= */

#modelos-alcance-ps3 .gsps3m-footerline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 24px;
    padding: 0 3px;

    color: #62798d;
    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

#modelos-alcance-ps3 .gsps3m-footer-status {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #7792a7;
}

#modelos-alcance-ps3
.gsps3m-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.48);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #modelos-alcance-ps3 .gsps3m-shell {
        width: min(100% - 40px, 920px);
        padding: 76px 0 80px;
    }

    #modelos-alcance-ps3 .gsps3m-models {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #modelos-alcance-ps3 .gsps3m-model-card {
        min-height: 0;
    }

    #modelos-alcance-ps3 .gsps3m-model-top {
        margin-bottom: 20px;
    }

    #modelos-alcance-ps3 .gsps3m-limit {
        grid-template-columns:
            auto minmax(0, 1fr);
    }

    #modelos-alcance-ps3 .gsps3m-limit-tag {
        grid-column: 2;
        justify-self: start;
    }

    #modelos-alcance-ps3 .gsps3m-scope {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #modelos-alcance-ps3 {
        overflow: hidden;
    }

    #modelos-alcance-ps3 .gsps3m-grid {
        opacity: 0.22;
        background-size: 32px 32px;
    }

    #modelos-alcance-ps3 .gsps3m-grid::after {
        display: none;
        animation: none;
    }

    #modelos-alcance-ps3 .gsps3m-radar {
        display: none;
    }

    #modelos-alcance-ps3 .gsps3m-shell {
        width: calc(100% - 30px);
        max-width: 100%;
        padding: 62px 0 66px;
    }

    #modelos-alcance-ps3 .gsps3m-heading {
        margin-bottom: 33px;
    }

    #modelos-alcance-ps3 .gsps3m-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #modelos-alcance-ps3 .gsps3m-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;
        letter-spacing: -0.03em;
    }

    #modelos-alcance-ps3 .gsps3m-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #modelos-alcance-ps3 .gsps3m-techline {
        font-size: 10px;
        letter-spacing: 0.095em;
    }

    #modelos-alcance-ps3
    .gsps3m-techline::after {
        width: 55px;
    }

    #modelos-alcance-ps3 .gsps3m-models {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
        margin-bottom: 14px;
    }

    #modelos-alcance-ps3
    .gsps3m-model-card {
        width: 100%;
        min-width: 0;

        padding: 20px 18px 19px;

        border-radius: 17px;

        transform: none !important;
    }

    #modelos-alcance-ps3
    .gsps3m-model-card:hover {
        transform: none;
    }

    #modelos-alcance-ps3
    .gsps3m-model-top {
        align-items: flex-start;

        gap: 10px;
        margin-bottom: 17px;
    }

    #modelos-alcance-ps3
    .gsps3m-model-code {
        font-size: 10px;
        letter-spacing: 0.095em;
    }

    #modelos-alcance-ps3
    .gsps3m-model-status {
        flex-shrink: 0;
        font-size: 10px;
    }

    #modelos-alcance-ps3
    .gsps3m-console-icon {
        margin-bottom: 18px;
    }

    #modelos-alcance-ps3
    .gsps3m-model-name {
        font-size: 20px;
    }

    #modelos-alcance-ps3
    .gsps3m-model-sub {
        font-size: 13px;
        line-height: 1.6;
    }

    #modelos-alcance-ps3 .gsps3m-limit {
        grid-template-columns:
            34px minmax(0, 1fr);

        gap: 11px;

        margin-bottom: 18px;
        padding: 15px 14px;

        border-radius: 14px;
    }

    #modelos-alcance-ps3
    .gsps3m-limit-icon {
        width: 34px;
        height: 34px;

        font-size: 15px;
    }

    #modelos-alcance-ps3
    .gsps3m-limit-title {
        font-size: 12px;
    }

    #modelos-alcance-ps3
    .gsps3m-limit-text {
        font-size: 11px;
        line-height: 1.55;
    }

    #modelos-alcance-ps3
    .gsps3m-limit-tag {
        grid-column: 2;

        min-width: 0;
        width: max-content;
        max-width: 100%;

        font-size: 10px;
    }

    #modelos-alcance-ps3 .gsps3m-scope {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #modelos-alcance-ps3
    .gsps3m-scope-main {
        width: 100%;
        min-width: 0;

        padding: 23px 18px;

        border-radius: 17px;
    }

    #modelos-alcance-ps3
    .gsps3m-scope-title {
        font-size: 21px;
        line-height: 1.3;
    }

    #modelos-alcance-ps3
    .gsps3m-scope-copy {
        font-size: 13px;
        line-height: 1.68;
    }

    #modelos-alcance-ps3
    .gsps3m-factors {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
        margin-top: 19px;
    }

    #modelos-alcance-ps3
    .gsps3m-factor {
        width: 100%;
        min-width: 0;

        font-size: 12px;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-bar {
        padding: 10px 13px;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-name {
        font-size: 10px;
        letter-spacing: 0.075em;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-body {
        padding: 21px 17px 19px;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-body::after {
        display: none;
        animation: none;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
        line-height: 1.5;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-result {
        font-size: 11px;
    }

    #modelos-alcance-ps3
    .gsps3m-footerline {
        align-items: flex-start;
        flex-direction: column;

        gap: 7px;
        margin-top: 18px;

        font-size: 10px;
        letter-spacing: 0.035em;
    }
}


/* =========================================================
   AJUSTE 390 PX
   ========================================================= */

@media (max-width: 390px) {

    #modelos-alcance-ps3 .gsps3m-shell {
        width: calc(100% - 24px);
    }

    #modelos-alcance-ps3
    .gsps3m-model-card {
        padding-left: 16px;
        padding-right: 16px;
    }

    #modelos-alcance-ps3
    .gsps3m-model-top {
        flex-wrap: wrap;
    }

    #modelos-alcance-ps3
    .gsps3m-scope-main {
        padding-left: 16px;
        padding-right: 16px;
    }

    #modelos-alcance-ps3
    .gsps3m-terminal-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    #modelos-alcance-ps3
    .gsps3m-limit {
        padding-left: 12px;
        padding-right: 12px;
    }
}


/* =========================================================
   PREFERS REDUCED MOTION
   ========================================================= */

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

    #modelos-alcance-ps3 *,
    #modelos-alcance-ps3 *::before,
    #modelos-alcance-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #modelos-alcance-ps3
    .gsps3m-grid::after,

    #modelos-alcance-ps3
    .gsps3m-terminal-body::after {
        display: none;
    }
}

/* =========================================================
   PLAYSTATION 3 · FALLAS
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — FALLAS COMUNES
   ID INTERNO HTML: fallas-ps3
   ========================================================= */

#fallas-ps3 {
    --gs-bg: #030811;
    --gs-bg-deep: #02060c;
    --gs-panel: rgba(7, 18, 33, 0.92);
    --gs-panel-soft: rgba(9, 24, 42, 0.76);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #92a9bc;
    --gs-muted-2: #647c91;

    --gs-border: rgba(92, 208, 255, 0.15);
    --gs-border-strong: rgba(92, 220, 255, 0.29);

    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 84% 16%,
            rgba(50, 134, 255, 0.09),
            transparent 27%
        ),
        radial-gradient(
            circle at 8% 74%,
            rgba(139, 92, 246, 0.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 49%,
            #030811 100%
        );

    font-family: "Poppins", system-ui, sans-serif;
    color: var(--gs-text);

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#fallas-ps3 *,
#fallas-ps3 *::before,
#fallas-ps3 *::after {
    box-sizing: border-box;
    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO TECNOLÓGICO
   ========================================================= */

#fallas-ps3 .gsps3f-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.3;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}

#fallas-ps3 .gsps3f-scan {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

#fallas-ps3 .gsps3f-scan::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(32, 213, 243, 0.05) 20%,
            rgba(32, 213, 243, 0.4) 50%,
            rgba(32, 213, 243, 0.05) 80%,
            transparent 100%
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.14);

    animation:
        gsps3f-section-scan 9s linear infinite;
}

@keyframes gsps3f-section-scan {
    0% {
        top: 0;
        opacity: 0;
    }

    8% {
        opacity: 0.55;
    }

    90% {
        opacity: 0.25;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}


/* =========================================================
   DECORACIÓN LATERAL
   ========================================================= */

#fallas-ps3 .gsps3f-radar {
    position: absolute;
    left: -215px;
    top: 150px;

    width: 430px;
    height: 430px;

    border:
        1px solid rgba(32, 213, 243, 0.07);

    border-radius: 50%;

    pointer-events: none;
}

#fallas-ps3 .gsps3f-radar::before,
#fallas-ps3 .gsps3f-radar::after {
    content: "";
    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.06);

    border-radius: 50%;
}

#fallas-ps3 .gsps3f-radar::before {
    inset: 65px;
}

#fallas-ps3 .gsps3f-radar::after {
    inset: 135px;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#fallas-ps3 .gsps3f-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#fallas-ps3 .gsps3f-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.55fr);

    align-items: end;
    gap: 48px;

    margin-bottom: 42px;
}

#fallas-ps3 .gsps3f-heading-main {
    min-width: 0;
}

#fallas-ps3 .gsps3f-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-kicker-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#fallas-ps3 .gsps3f-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#fallas-ps3 .gsps3f-title span {
    color: var(--gs-cyan);
}

#fallas-ps3 .gsps3f-intro {
    max-width: 760px;
    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   MINI PANEL DE CABECERA
   ========================================================= */

#fallas-ps3 .gsps3f-heading-status {
    position: relative;
    min-width: 0;

    padding: 18px 19px;

    border:
        1px solid rgba(92, 208, 255, 0.13);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(9, 25, 43, 0.75),
            rgba(4, 12, 22, 0.85)
        );
}

#fallas-ps3 .gsps3f-heading-status::before {
    content: "";
    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-cyan),
            transparent
        );

    box-shadow:
        0 0 12px rgba(32, 213, 243, 0.3);
}

#fallas-ps3 .gsps3f-status-label {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 8px;

    color: #6f879b;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.55);
}

#fallas-ps3 .gsps3f-status-copy {
    margin: 0;

    color: #b8cad8;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   LÍNEA TÉCNICA
   ========================================================= */

#fallas-ps3 .gsps3f-techline {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-techline::after {
    content: "";

    width: 105px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   GRID DE FALLAS
   ========================================================= */

#fallas-ps3 .gsps3f-grid-cards {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 17px;
}


/* =========================================================
   TARJETA
   ========================================================= */

#fallas-ps3 .gsps3f-card {
    position: relative;

    min-width: 0;
    min-height: 282px;

    display: flex;
    flex-direction: column;

    padding: 22px 21px 20px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 19px;

    background:
        linear-gradient(
            150deg,
            rgba(9, 25, 44, 0.91),
            rgba(4, 11, 21, 0.96)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 15px 44px rgba(0,0,0,0.17);

    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

#fallas-ps3 .gsps3f-card:hover {
    transform: translateY(-4px);

    border-color:
        rgba(84, 217, 255, 0.3);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 20px 50px rgba(0,0,0,0.23),
        0 0 25px rgba(32,213,243,0.035);
}

#fallas-ps3 .gsps3f-card::before {
    content: "";
    position: absolute;

    left: 0;
    top: 0;

    width: 76px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs-accent),
            transparent
        );

    box-shadow:
        0 0 14px var(--gs-glow);
}

#fallas-ps3 .gsps3f-card::after {
    content: "";

    position: absolute;

    right: -62px;
    bottom: -68px;

    width: 128px;
    height: 128px;

    border:
        1px solid rgba(82, 213, 255, 0.055);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   COLORES POR TIPO
   ========================================================= */

#fallas-ps3 .gsps3f-card.power {
    --gs-accent: #ff637d;
    --gs-glow: rgba(255, 99, 125, 0.38);
}

#fallas-ps3 .gsps3f-card.video {
    --gs-accent: #8b5cf6;
    --gs-glow: rgba(139, 92, 246, 0.38);
}

#fallas-ps3 .gsps3f-card.disc {
    --gs-accent: #20d5f3;
    --gs-glow: rgba(32, 213, 243, 0.38);
}

#fallas-ps3 .gsps3f-card.thermal {
    --gs-accent: #ff9f43;
    --gs-glow: rgba(255, 159, 67, 0.38);
}

#fallas-ps3 .gsps3f-card.control {
    --gs-accent: #3286ff;
    --gs-glow: rgba(50, 134, 255, 0.38);
}

#fallas-ps3 .gsps3f-card.system {
    --gs-accent: #ffc857;
    --gs-glow: rgba(255, 200, 87, 0.35);
}


/* =========================================================
   CABECERA TARJETA
   ========================================================= */

#fallas-ps3 .gsps3f-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 24px;
}

#fallas-ps3 .gsps3f-code {
    color: #60798f;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-node {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    flex-shrink: 0;

    padding: 5px 8px;

    border:
        1px solid color-mix(
            in srgb,
            var(--gs-accent) 27%,
            transparent
        );

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--gs-accent) 7%,
            transparent
        );

    color: #b6cad8;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#fallas-ps3 .gsps3f-node::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-accent);

    box-shadow:
        0 0 8px var(--gs-glow);
}


/* =========================================================
   ICONO HUD
   ========================================================= */

#fallas-ps3 .gsps3f-symbol {
    position: relative;

    display: grid;
    place-items: center;

    width: 47px;
    height: 47px;

    margin-bottom: 20px;

    border:
        1px solid color-mix(
            in srgb,
            var(--gs-accent) 32%,
            transparent
        );

    border-radius: 13px;

    background:
        color-mix(
            in srgb,
            var(--gs-accent) 7%,
            transparent
        );

    color: var(--gs-accent);

    font-size: 18px;
    line-height: 1;
    font-weight: 700;

    box-shadow:
        inset 0 0 16px
        color-mix(
            in srgb,
            var(--gs-accent) 4%,
            transparent
        );
}

#fallas-ps3 .gsps3f-symbol::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    right: -3px;
    top: -3px;

    border-radius: 50%;

    background: var(--gs-accent);

    box-shadow:
        0 0 9px var(--gs-glow);
}


/* =========================================================
   TEXTO TARJETA
   ========================================================= */

#fallas-ps3 .gsps3f-card-title {
    margin: 0 0 8px;

    color: #f2faff;

    font-size: 19px;
    line-height: 1.28;
    font-weight: 700;
}

#fallas-ps3 .gsps3f-card-copy {
    margin: 0;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.68;
}

#fallas-ps3 .gsps3f-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: auto;
    padding-top: 19px;

    color: #6c8497;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-card-meta::before {
    content: "";

    width: 16px;
    height: 1px;

    background:
        var(--gs-accent);

    opacity: 0.7;
}


/* =========================================================
   PANEL INFERIOR — INTERPRETACIÓN
   ========================================================= */

#fallas-ps3 .gsps3f-diagnostic {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(320px, 0.92fr);

    gap: 18px;

    margin-top: 24px;
}


/* =========================================================
   MENSAJE PRINCIPAL
   ========================================================= */

#fallas-ps3 .gsps3f-info {
    position: relative;
    min-width: 0;

    padding: 27px 28px;

    overflow: hidden;

    border:
        1px solid rgba(32, 213, 243, 0.15);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.91),
            rgba(4, 12, 22, 0.96)
        );
}

#fallas-ps3 .gsps3f-info::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 5% 10%,
            rgba(32, 213, 243, 0.075),
            transparent 31%
        );

    pointer-events: none;
}

#fallas-ps3 .gsps3f-info-label {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 10px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-info-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background:
        var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32,213,243,0.5);
}

#fallas-ps3 .gsps3f-info-title {
    position: relative;
    z-index: 2;

    margin: 0 0 10px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#fallas-ps3 .gsps3f-info-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.72;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#fallas-ps3 .gsps3f-terminal {
    min-width: 0;
    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.2);

    border-radius: 20px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#fallas-ps3 .gsps3f-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;
    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.75);
}

#fallas-ps3 .gsps3f-terminal-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

#fallas-ps3 .gsps3f-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#fallas-ps3
.gsps3f-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#fallas-ps3
.gsps3f-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#fallas-ps3
.gsps3f-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#fallas-ps3 .gsps3f-terminal-title {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-terminal-body {
    position: relative;

    padding: 21px 20px 20px;
}

#fallas-ps3 .gsps3f-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.45),
            transparent
        );

    animation:
        gsps3f-terminal-scan 4.8s ease-in-out infinite;
}

@keyframes gsps3f-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.15;
    }

    50% {
        transform: translateY(172px);
        opacity: 0.65;
    }
}

#fallas-ps3 .gsps3f-terminal-line {
    display: grid;
    grid-template-columns:
        16px minmax(0, 1fr);

    gap: 8px;

    margin-bottom: 11px;

    color: #95aabd;

    font-size: 11px;
    line-height: 1.48;
}

#fallas-ps3
.gsps3f-terminal-line:last-child {
    margin-bottom: 0;
}

#fallas-ps3 .gsps3f-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#fallas-ps3 .gsps3f-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}

#fallas-ps3 .gsps3f-terminal-result {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    margin-top: 18px;
    padding: 11px 12px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 11px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b6c5d1;

    font-size: 11px;
    line-height: 1.52;
}

#fallas-ps3
.gsps3f-terminal-result::before {
    content: "!";

    display: grid;
    place-items: center;

    flex: 0 0 18px;

    width: 18px;
    height: 18px;

    margin-top: 1px;

    border:
        1px solid rgba(255,200,87,0.28);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   PIE DE SECCIÓN
   ========================================================= */

#fallas-ps3 .gsps3f-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-footer-status {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #7791a5;
}

#fallas-ps3
.gsps3f-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}



/* =========================================================
   GUÍAS RELACIONADAS
   ========================================================= */

#fallas-ps3 .gsps3f-guides {
    display: grid;
    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.18fr);

    gap: 18px;
    align-items: stretch;

    margin-top: 24px;
    padding: 24px;

    border: 1px solid rgba(92, 208, 255, 0.14);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 20, 36, 0.92),
            rgba(4, 11, 21, 0.96)
        );
}

#fallas-ps3 .gsps3f-guides-copy {
    min-width: 0;
}

#fallas-ps3 .gsps3f-guides-label {
    display: block;
    margin-bottom: 8px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-guides-copy h3 {
    margin: 0;

    color: #f2faff;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

#fallas-ps3 .gsps3f-guides-copy p {
    margin: 10px 0 0;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.68;
}

#fallas-ps3 .gsps3f-guides-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#fallas-ps3 .gsps3f-guides-links a {
    min-width: 0;
    min-height: 108px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 15px 14px;

    border: 1px solid rgba(92, 208, 255, 0.12);
    border-radius: 14px;

    color: #edf8ff !important;
    text-decoration: none !important;

    background: rgba(255, 255, 255, 0.018);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
}

#fallas-ps3 .gsps3f-guides-links a:hover {
    transform: translateY(-3px);
    border-color: rgba(32, 213, 243, 0.34);
    background: rgba(32, 213, 243, 0.055);
}

#fallas-ps3 .gsps3f-guides-links a:focus-visible {
    outline: 3px solid rgba(32, 213, 243, 0.52);
    outline-offset: 4px;
}

#fallas-ps3 .gsps3f-guides-links span {
    color: #698298;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#fallas-ps3 .gsps3f-guides-links strong {
    margin-top: 12px;

    color: #dff8ff;

    font-size: 11px;
    line-height: 1.45;
    font-weight: 650;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #fallas-ps3 .gsps3f-guides {
        grid-template-columns: 1fr;
    }

    #fallas-ps3 .gsps3f-shell {
        width: min(100% - 40px, 920px);
        padding: 78px 0 82px;
    }

    #fallas-ps3 .gsps3f-heading {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    #fallas-ps3 .gsps3f-heading-status {
        max-width: 650px;
    }

    #fallas-ps3 .gsps3f-grid-cards {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-ps3 .gsps3f-diagnostic {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #fallas-ps3 .gsps3f-guides {
        gap: 16px;
        margin-top: 18px;
        padding: 20px 17px;
        border-radius: 16px;
    }

    #fallas-ps3 .gsps3f-guides-links {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #fallas-ps3 .gsps3f-guides-links a {
        min-height: 0;
    }

    #fallas-ps3 {
        overflow: hidden;
    }

    #fallas-ps3 .gsps3f-grid {
        opacity: 0.2;
        background-size: 32px 32px;
    }

    #fallas-ps3 .gsps3f-scan {
        display: none;
    }

    #fallas-ps3 .gsps3f-radar {
        display: none;
    }

    #fallas-ps3 .gsps3f-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #fallas-ps3 .gsps3f-heading {
        display: block;
        margin-bottom: 31px;
    }

    #fallas-ps3 .gsps3f-heading-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #fallas-ps3 .gsps3f-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #fallas-ps3 .gsps3f-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;
        letter-spacing: -0.03em;
    }

    #fallas-ps3 .gsps3f-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #fallas-ps3 .gsps3f-techline {
        font-size: 10px;
        letter-spacing: 0.095em;
    }

    #fallas-ps3
    .gsps3f-techline::after {
        width: 55px;
    }

    #fallas-ps3 .gsps3f-grid-cards {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #fallas-ps3 .gsps3f-card {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 19px 17px 18px;

        border-radius: 16px;

        transform: none !important;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #fallas-ps3 .gsps3f-card:hover {
        transform: none;
    }

    #fallas-ps3 .gsps3f-card-top {
        align-items: flex-start;

        gap: 9px;
        margin-bottom: 18px;
    }

    #fallas-ps3 .gsps3f-code {
        font-size: 10px;
        letter-spacing: 0.09em;
    }

    #fallas-ps3 .gsps3f-node {
        flex-shrink: 0;
        font-size: 10px;
    }

    #fallas-ps3 .gsps3f-symbol {
        width: 43px;
        height: 43px;

        margin-bottom: 17px;

        border-radius: 11px;

        font-size: 16px;
    }

    #fallas-ps3 .gsps3f-card-title {
        font-size: 18px;
    }

    #fallas-ps3 .gsps3f-card-copy {
        font-size: 12px;
        line-height: 1.65;
    }

    #fallas-ps3 .gsps3f-card-meta {
        margin-top: 17px;
        padding-top: 0;

        font-size: 10px;
    }

    #fallas-ps3 .gsps3f-diagnostic {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 18px;
    }

    #fallas-ps3 .gsps3f-info {
        width: 100%;
        min-width: 0;

        padding: 22px 18px;

        border-radius: 16px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #fallas-ps3 .gsps3f-info-title {
        font-size: 20px;
    }

    #fallas-ps3 .gsps3f-info-copy {
        font-size: 13px;
        line-height: 1.67;
    }

    #fallas-ps3 .gsps3f-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 16px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #fallas-ps3
    .gsps3f-terminal-head {
        padding: 10px 12px;
    }

    #fallas-ps3
    .gsps3f-terminal-title {
        font-size: 10px;
        letter-spacing: 0.06em;
    }

    #fallas-ps3
    .gsps3f-terminal-body {
        padding: 19px 15px 17px;
    }

    #fallas-ps3
    .gsps3f-terminal-body::before {
        display: none;
        animation: none;
    }

    #fallas-ps3
    .gsps3f-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #fallas-ps3 .gsps3f-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;
        letter-spacing: 0.035em;
    }
}


/* =========================================================
   AJUSTE 390 PX
   ========================================================= */

@media (max-width: 390px) {

    #fallas-ps3 .gsps3f-shell {
        width: calc(100% - 24px);
    }

    #fallas-ps3 .gsps3f-card {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fallas-ps3 .gsps3f-card-top {
        flex-wrap: wrap;
    }

    #fallas-ps3 .gsps3f-info {
        padding-left: 16px;
        padding-right: 16px;
    }

    #fallas-ps3
    .gsps3f-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #fallas-ps3 *,
    #fallas-ps3 *::before,
    #fallas-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #fallas-ps3 .gsps3f-scan,
    #fallas-ps3
    .gsps3f-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · LECTOR
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — LECTOR Y DISCOS
   ID INTERNO HTML: lector-discos-ps3
   ========================================================= */

#lector-discos-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #05101b;

    --gs-panel: rgba(7, 18, 33, 0.92);
    --gs-panel-soft: rgba(9, 24, 42, 0.76);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);
    --gs-border-strong: rgba(92, 220, 255, 0.29);

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(32, 213, 243, 0.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 10% 78%,
            rgba(139, 92, 246, 0.065),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#lector-discos-ps3 *,
#lector-discos-ps3 *::before,
#lector-discos-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO TECNOLÓGICO
   ========================================================= */

#lector-discos-ps3 .gsps3d-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.3;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 45px 45px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   RADAR DECORATIVO
   ========================================================= */

#lector-discos-ps3 .gsps3d-radar {
    position: absolute;

    right: -190px;
    top: 110px;

    width: 400px;
    height: 400px;

    border:
        1px solid rgba(32, 213, 243, 0.07);

    border-radius: 50%;

    pointer-events: none;
}

#lector-discos-ps3 .gsps3d-radar::before,
#lector-discos-ps3 .gsps3d-radar::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.06);

    border-radius: 50%;
}

#lector-discos-ps3 .gsps3d-radar::before {
    inset: 62px;
}

#lector-discos-ps3 .gsps3d-radar::after {
    inset: 128px;
}


/* =========================================================
   ESCANEO GENERAL
   ========================================================= */

#lector-discos-ps3 .gsps3d-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#lector-discos-ps3 .gsps3d-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.35),
            transparent
        );

    box-shadow:
        0 0 16px rgba(32, 213, 243, 0.12);

    animation:
        gsps3d-page-scan 9s linear infinite;
}

@keyframes gsps3d-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        opacity: 0.55;
    }

    90% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(850px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#lector-discos-ps3 .gsps3d-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#lector-discos-ps3 .gsps3d-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#lector-discos-ps3 .gsps3d-heading-main {
    min-width: 0;
}

#lector-discos-ps3 .gsps3d-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-kicker-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#lector-discos-ps3 .gsps3d-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#lector-discos-ps3 .gsps3d-title span {
    color: var(--gs-cyan);
}

#lector-discos-ps3 .gsps3d-intro {
    max-width: 770px;

    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   ESTADO DE SOPORTE
   ========================================================= */

#lector-discos-ps3 .gsps3d-support {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 28, 31, 0.68),
            rgba(4, 13, 23, 0.85)
        );
}

#lector-discos-ps3 .gsps3d-support::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-green),
            transparent
        );

    box-shadow:
        0 0 12px rgba(67, 229, 139, 0.25);
}

#lector-discos-ps3 .gsps3d-support-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #82efad;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-support-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#lector-discos-ps3 .gsps3d-support-copy {
    margin: 0;

    color: #b5c8d6;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   MICROETIQUETA
   ========================================================= */

#lector-discos-ps3 .gsps3d-techline {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-techline::after {
    content: "";

    width: 100px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   PANEL DE FLUJO
   ========================================================= */

#lector-discos-ps3 .gsps3d-flow-panel {
    position: relative;

    padding: 29px 27px 27px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 23, 40, 0.92),
            rgba(4, 11, 21, 0.97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 18px 50px rgba(0,0,0,0.17);
}

#lector-discos-ps3 .gsps3d-flow-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(32, 213, 243, 0.07),
            transparent 36%
        );

    pointer-events: none;
}

#lector-discos-ps3 .gsps3d-flow-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 27px;
}

#lector-discos-ps3 .gsps3d-flow-title {
    margin: 0;

    color: #f1faff;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

#lector-discos-ps3 .gsps3d-flow-status {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(32, 213, 243, 0.17);

    border-radius: 999px;

    background:
        rgba(32, 213, 243, 0.05);

    color: #9beeff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#lector-discos-ps3 .gsps3d-flow-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.6);
}


/* =========================================================
   FLUJO DE LECTURA
   ========================================================= */

#lector-discos-ps3 .gsps3d-flow {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 18px;
}

#lector-discos-ps3 .gsps3d-step {
    position: relative;

    min-width: 0;
    min-height: 163px;

    padding: 17px 14px 15px;

    border:
        1px solid rgba(91, 205, 255, 0.12);

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.7);
}

#lector-discos-ps3 .gsps3d-step:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -15px;
    top: 50%;

    transform:
        translateY(-50%);

    z-index: 3;

    color:
        rgba(32, 213, 243, 0.62);

    font-size: 24px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.25);
}

#lector-discos-ps3 .gsps3d-step-num {
    margin-bottom: 15px;

    color: #557087;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-step-icon {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    margin-bottom: 13px;

    border:
        1px solid rgba(32, 213, 243, 0.23);

    border-radius: 11px;

    background:
        rgba(32, 213, 243, 0.06);

    color: var(--gs-cyan);

    font-size: 16px;
    line-height: 1;
    font-weight: 700;

    box-shadow:
        inset 0 0 14px rgba(32, 213, 243, 0.025);
}

#lector-discos-ps3 .gsps3d-step-title {
    margin: 0 0 5px;

    color: #eaf8ff;

    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}

#lector-discos-ps3 .gsps3d-step-copy {
    margin: 0;

    color: #718a9e;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   MATRIZ DE SÍNTOMAS
   ========================================================= */

#lector-discos-ps3 .gsps3d-content {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, 0.95fr);

    gap: 18px;

    margin-top: 20px;
}


/* =========================================================
   TARJETAS DE SÍNTOMAS
   ========================================================= */

#lector-discos-ps3 .gsps3d-symptoms {
    min-width: 0;

    padding: 27px;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.91),
            rgba(4, 12, 22, 0.96)
        );
}

#lector-discos-ps3 .gsps3d-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.5);
}

#lector-discos-ps3 .gsps3d-panel-title {
    margin: 0 0 8px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#lector-discos-ps3 .gsps3d-panel-copy {
    max-width: 660px;

    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.7;
}

#lector-discos-ps3 .gsps3d-symptom-grid {
    display: grid;

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

    gap: 10px;

    margin-top: 22px;
}

#lector-discos-ps3 .gsps3d-symptom {
    min-width: 0;

    padding: 13px 13px 12px;

    border:
        1px solid rgba(91, 197, 255, 0.1);

    border-radius: 12px;

    background:
        rgba(6, 18, 31, 0.58);
}

#lector-discos-ps3 .gsps3d-symptom-top {
    display: flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 6px;
}

#lector-discos-ps3 .gsps3d-symptom-dot {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background:
        var(--gs-yellow);

    box-shadow:
        0 0 8px rgba(255, 200, 87, 0.35);
}

#lector-discos-ps3 .gsps3d-symptom-title {
    margin: 0;

    color: #dcecf6;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

#lector-discos-ps3 .gsps3d-symptom-copy {
    margin: 0;

    color: #7890a3;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   PANEL DE DIAGNÓSTICO
   ========================================================= */

#lector-discos-ps3 .gsps3d-diagnostic {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.2);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#lector-discos-ps3 .gsps3d-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 44px;
    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.75);
}

#lector-discos-ps3 .gsps3d-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#lector-discos-ps3 .gsps3d-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#lector-discos-ps3
.gsps3d-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#lector-discos-ps3
.gsps3d-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#lector-discos-ps3
.gsps3d-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#lector-discos-ps3 .gsps3d-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#lector-discos-ps3 .gsps3d-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.46),
            transparent
        );

    animation:
        gsps3d-terminal-scan 4.7s ease-in-out infinite;
}

@keyframes gsps3d-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(260px);
        opacity: 0.7;
    }
}

#lector-discos-ps3 .gsps3d-terminal-line {
    display: grid;

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

    gap: 8px;

    margin-bottom: 12px;

    color: #94a9ba;

    font-size: 11px;
    line-height: 1.5;
}

#lector-discos-ps3
.gsps3d-terminal-line:last-child {
    margin-bottom: 0;
}

#lector-discos-ps3 .gsps3d-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#lector-discos-ps3 .gsps3d-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   ADVERTENCIA TÉCNICA
   ========================================================= */

#lector-discos-ps3 .gsps3d-warning {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b8c7d2;

    font-size: 11px;
    line-height: 1.55;
}

#lector-discos-ps3 .gsps3d-warning-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(255, 200, 87, 0.25);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   REFACCIONES
   ========================================================= */

#lector-discos-ps3 .gsps3d-parts {
    margin-top: 18px;
    padding: 14px 15px;

    border:
        1px solid rgba(50, 134, 255, 0.13);

    border-radius: 12px;

    background:
        rgba(50, 134, 255, 0.04);
}

#lector-discos-ps3 .gsps3d-parts-label {
    margin-bottom: 5px;

    color: #86b5ff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-parts-copy {
    margin: 0;

    color: #8fa3b4;

    font-size: 11px;
    line-height: 1.55;
}



/* =========================================================
   INTERVENCIONES PREVIAS
   ========================================================= */

#lector-discos-ps3 .gsps3d-intervened {
    margin-top: 10px;
    padding: 14px 15px;

    border:
        1px solid rgba(255, 159, 67, 0.13);

    border-radius: 12px;

    background:
        rgba(255, 159, 67, 0.035);
}

#lector-discos-ps3 .gsps3d-intervened-label {
    margin-bottom: 5px;

    color: #ffc57f;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-intervened-copy {
    margin: 0;

    color: #8fa3b4;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   PIE
   ========================================================= */

#lector-discos-ps3 .gsps3d-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#lector-discos-ps3 .gsps3d-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#lector-discos-ps3
.gsps3d-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #lector-discos-ps3 .gsps3d-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #lector-discos-ps3 .gsps3d-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #lector-discos-ps3 .gsps3d-support {
        max-width: 650px;
    }

    #lector-discos-ps3 .gsps3d-flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    #lector-discos-ps3
    .gsps3d-step:not(:last-child)::after {
        display: none;
    }

    #lector-discos-ps3 .gsps3d-step:last-child {
        grid-column: 1 / -1;
    }

    #lector-discos-ps3 .gsps3d-content {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #lector-discos-ps3 {
        overflow: hidden;
    }

    #lector-discos-ps3 .gsps3d-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #lector-discos-ps3 .gsps3d-radar,
    #lector-discos-ps3 .gsps3d-scan {
        display: none;
    }

    #lector-discos-ps3 .gsps3d-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #lector-discos-ps3 .gsps3d-heading {
        display: block;

        margin-bottom: 31px;
    }

    #lector-discos-ps3 .gsps3d-support {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #lector-discos-ps3 .gsps3d-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #lector-discos-ps3 .gsps3d-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #lector-discos-ps3 .gsps3d-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #lector-discos-ps3 .gsps3d-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #lector-discos-ps3
    .gsps3d-techline::after {
        width: 55px;
    }

    #lector-discos-ps3 .gsps3d-flow-panel {
        width: 100%;

        padding: 21px 16px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #lector-discos-ps3 .gsps3d-flow-head {
        align-items: flex-start;

        flex-direction: column;

        gap: 10px;

        margin-bottom: 19px;
    }

    #lector-discos-ps3 .gsps3d-flow-title {
        font-size: 18px;
    }

    #lector-discos-ps3 .gsps3d-flow {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #lector-discos-ps3 .gsps3d-step,
    #lector-discos-ps3 .gsps3d-step:last-child {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #lector-discos-ps3 .gsps3d-step-num {
        margin-bottom: 10px;
    }

    #lector-discos-ps3 .gsps3d-step-icon {
        width: 36px;
        height: 36px;

        margin-bottom: 10px;
    }

    #lector-discos-ps3 .gsps3d-content {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #lector-discos-ps3 .gsps3d-symptoms {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #lector-discos-ps3 .gsps3d-panel-title {
        font-size: 20px;
    }

    #lector-discos-ps3 .gsps3d-panel-copy {
        font-size: 13px;
    }

    #lector-discos-ps3 .gsps3d-symptom-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #lector-discos-ps3 .gsps3d-diagnostic {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #lector-discos-ps3
    .gsps3d-terminal-head {
        padding: 10px 12px;
    }

    #lector-discos-ps3
    .gsps3d-terminal-name {
        font-size: 10px;
        letter-spacing: 0.055em;
    }

    #lector-discos-ps3
    .gsps3d-terminal-body {
        padding: 19px 15px 17px;
    }

    #lector-discos-ps3
    .gsps3d-terminal-body::before {
        display: none;

        animation: none;
    }

    #lector-discos-ps3
    .gsps3d-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #lector-discos-ps3 .gsps3d-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


/* =========================================================
   AJUSTE 390 PX
   ========================================================= */

@media (max-width: 390px) {

    #lector-discos-ps3 .gsps3d-shell {
        width: calc(100% - 24px);
    }

    #lector-discos-ps3 .gsps3d-flow-panel {
        padding-left: 14px;
        padding-right: 14px;
    }

    #lector-discos-ps3 .gsps3d-symptoms {
        padding-left: 15px;
        padding-right: 15px;
    }

    #lector-discos-ps3
    .gsps3d-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #lector-discos-ps3 *,
    #lector-discos-ps3 *::before,
    #lector-discos-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #lector-discos-ps3 .gsps3d-scan,
    #lector-discos-ps3
    .gsps3d-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · ENCENDIDO
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — ENCENDIDO / ALIMENTACIÓN / VIDEO
   ID INTERNO HTML:
   encendido-alimentacion-video-ps3
   ========================================================= */

#encendido-alimentacion-video-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #050f1b;

    --gs-panel: rgba(7, 18, 33, 0.93);
    --gs-panel-soft: rgba(9, 24, 42, 0.77);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);

    position: relative;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 11% 18%,
            rgba(255, 99, 125, 0.055),
            transparent 25%
        ),
        radial-gradient(
            circle at 86% 22%,
            rgba(50, 134, 255, 0.085),
            transparent 28%
        ),
        radial-gradient(
            circle at 48% 92%,
            rgba(139, 92, 246, 0.055),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#encendido-alimentacion-video-ps3 *,
#encendido-alimentacion-video-ps3 *::before,
#encendido-alimentacion-video-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO / GRID
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.29;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   RADAR / DECORACIÓN
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-radar {
    position: absolute;

    left: -205px;
    top: 170px;

    width: 420px;
    height: 420px;

    border:
        1px solid rgba(32, 213, 243, 0.065);

    border-radius: 50%;

    pointer-events: none;
}

#encendido-alimentacion-video-ps3 .gsps3p-radar::before,
#encendido-alimentacion-video-ps3 .gsps3p-radar::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.055);

    border-radius: 50%;
}

#encendido-alimentacion-video-ps3 .gsps3p-radar::before {
    inset: 66px;
}

#encendido-alimentacion-video-ps3 .gsps3p-radar::after {
    inset: 136px;
}


/* =========================================================
   ESCANEO
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#encendido-alimentacion-video-ps3 .gsps3p-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.36),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.12);

    animation:
        gsps3p-page-scan 9.5s linear infinite;
}

@keyframes gsps3p-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(1050px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#encendido-alimentacion-video-ps3 .gsps3p-heading-main {
    min-width: 0;
}

#encendido-alimentacion-video-ps3 .gsps3p-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#encendido-alimentacion-video-ps3 .gsps3p-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#encendido-alimentacion-video-ps3 .gsps3p-title span {
    color: var(--gs-cyan);
}

#encendido-alimentacion-video-ps3 .gsps3p-intro {
    max-width: 780px;

    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   ESTADO
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(32, 213, 243, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 25, 41, 0.78),
            rgba(4, 13, 23, 0.86)
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-cyan),
            transparent
        );

    box-shadow:
        0 0 12px rgba(32, 213, 243, 0.3);
}

#encendido-alimentacion-video-ps3 .gsps3p-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #8beeff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#encendido-alimentacion-video-ps3 .gsps3p-status-copy {
    margin: 0;

    color: #b5c8d6;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   MICROETIQUETA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-techline {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   MATRIZ DE RUTAS
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-routes {
    display: grid;

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

    gap: 18px;
}


/* =========================================================
   TARJETA RUTA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-route {
    position: relative;

    min-width: 0;
    min-height: 426px;

    display: flex;
    flex-direction: column;

    padding: 24px 22px 22px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            150deg,
            rgba(9, 25, 44, 0.93),
            rgba(4, 11, 21, 0.97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 18px 50px rgba(0,0,0,0.18);

    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

#encendido-alimentacion-video-ps3 .gsps3p-route:hover {
    transform: translateY(-4px);

    border-color:
        color-mix(
            in srgb,
            var(--route-color) 35%,
            transparent
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 22px 54px rgba(0,0,0,0.23),
        0 0 24px var(--route-glow);
}

#encendido-alimentacion-video-ps3 .gsps3p-route::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 92px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--route-color),
            transparent
        );

    box-shadow:
        0 0 15px var(--route-glow);
}

#encendido-alimentacion-video-ps3 .gsps3p-route::after {
    content: "";

    position: absolute;

    right: -85px;
    bottom: -85px;

    width: 170px;
    height: 170px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--route-color) 8%,
            transparent
        );

    border-radius: 50%;
}


/* =========================================================
   COLORES DE RUTA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-route.power {
    --route-color: #ff637d;
    --route-glow: rgba(255, 99, 125, 0.12);
}

#encendido-alimentacion-video-ps3 .gsps3p-route.video {
    --route-color: #3286ff;
    --route-glow: rgba(50, 134, 255, 0.12);
}

#encendido-alimentacion-video-ps3 .gsps3p-route.protection {
    --route-color: #ff9f43;
    --route-glow: rgba(255, 159, 67, 0.12);
}


/* =========================================================
   CABECERA DE RUTA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-route-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 24px;
}

#encendido-alimentacion-video-ps3 .gsps3p-route-code {
    color: #5f788e;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-route-node {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding: 5px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--route-color) 26%,
            transparent
        );

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--route-color) 6%,
            transparent
        );

    color: #b6c8d6;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#encendido-alimentacion-video-ps3 .gsps3p-route-node::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--route-color);

    box-shadow:
        0 0 8px var(--route-color);
}


/* =========================================================
   ICONO
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-route-icon {
    position: relative;

    display: grid;
    place-items: center;

    width: 49px;
    height: 49px;

    margin-bottom: 20px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--route-color) 30%,
            transparent
        );

    border-radius: 14px;

    background:
        color-mix(
            in srgb,
            var(--route-color) 6%,
            transparent
        );

    color: var(--route-color);

    font-size: 19px;
    line-height: 1;
    font-weight: 700;

    box-shadow:
        inset 0 0 17px
        color-mix(
            in srgb,
            var(--route-color) 4%,
            transparent
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-route-icon::after {
    content: "";

    position: absolute;

    right: -3px;
    top: -3px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--route-color);

    box-shadow:
        0 0 9px var(--route-color);
}


/* =========================================================
   TEXTO DE RUTA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-route-title {
    margin: 0 0 8px;

    color: #f2faff;

    font-size: 21px;
    line-height: 1.27;
    font-weight: 700;
}

#encendido-alimentacion-video-ps3 .gsps3p-route-copy {
    margin: 0;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.68;
}


/* =========================================================
   SECUENCIA INTERNA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-sequence {
    position: relative;

    margin-top: 23px;
    padding-top: 19px;

    border-top:
        1px solid rgba(96, 199, 255, 0.09);
}

#encendido-alimentacion-video-ps3 .gsps3p-sequence-step {
    position: relative;

    display: grid;

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

    gap: 9px;

    min-width: 0;

    padding-bottom: 13px;

    color: #9aafbf;

    font-size: 11px;
    line-height: 1.45;
}

#encendido-alimentacion-video-ps3
.gsps3p-sequence-step:last-child {
    padding-bottom: 0;
}

#encendido-alimentacion-video-ps3
.gsps3p-sequence-step:not(:last-child)::after {
    content: "";

    position: absolute;

    left: 5px;
    top: 13px;
    bottom: 0;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            var(--route-color),
            rgba(255,255,255,0.03)
        );

    opacity: 0.32;
}

#encendido-alimentacion-video-ps3 .gsps3p-sequence-dot {
    position: relative;
    z-index: 2;

    width: 11px;
    height: 11px;

    margin-top: 2px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--route-color) 55%,
            transparent
        );

    border-radius: 50%;

    background:
        color-mix(
            in srgb,
            var(--route-color) 10%,
            #050d18
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-sequence-step strong {
    color: #d8e9f4;
    font-weight: 600;
}


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

#encendido-alimentacion-video-ps3 .gsps3p-symptoms {
    margin-top: auto;
    padding-top: 23px;
}

#encendido-alimentacion-video-ps3 .gsps3p-symptoms-label {
    margin-bottom: 9px;

    color: #657f94;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#encendido-alimentacion-video-ps3 .gsps3p-tag {
    display: inline-flex;
    align-items: center;

    min-width: 0;

    padding: 6px 8px;

    border:
        1px solid rgba(106, 185, 225, 0.1);

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.58);

    color: #8da3b5;

    font-size: 10px;
    line-height: 1.3;
}


/* =========================================================
   PANEL DE DIAGNÓSTICO INFERIOR
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-bottom {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, 0.95fr);

    gap: 18px;

    margin-top: 22px;
}


/* =========================================================
   INTERPRETACIÓN
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-info {
    position: relative;

    min-width: 0;

    padding: 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-info::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 5% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-info-label {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-info-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.5);
}

#encendido-alimentacion-video-ps3 .gsps3p-info-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#encendido-alimentacion-video-ps3 .gsps3p-info-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.72;
}


/* =========================================================
   PUNTOS CLAVE
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-keypoints {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#encendido-alimentacion-video-ps3 .gsps3p-keypoint {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    min-width: 0;

    padding: 11px 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);

    color: #96aabd;

    font-size: 11px;
    line-height: 1.5;
}

#encendido-alimentacion-video-ps3 .gsps3p-keypoint::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 7px rgba(32, 213, 243, 0.35);
}


/* =========================================================
   TERMINAL
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-terminal {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.2);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 44px;

    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.75);
}

#encendido-alimentacion-video-ps3 .gsps3p-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#encendido-alimentacion-video-ps3 .gsps3p-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.46),
            transparent
        );

    animation:
        gsps3p-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps3p-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(245px);
        opacity: 0.7;
    }
}

#encendido-alimentacion-video-ps3 .gsps3p-terminal-line {
    display: grid;

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

    gap: 8px;

    margin-bottom: 12px;

    color: #94a9ba;

    font-size: 11px;
    line-height: 1.5;
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-line:last-child {
    margin-bottom: 0;
}

#encendido-alimentacion-video-ps3 .gsps3p-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#encendido-alimentacion-video-ps3
.gsps3p-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-warning {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b8c7d2;

    font-size: 11px;
    line-height: 1.55;
}

#encendido-alimentacion-video-ps3 .gsps3p-warning-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(255, 200, 87, 0.25);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   PIE
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#encendido-alimentacion-video-ps3
.gsps3p-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}



/* =========================================================
   GUÍAS RELACIONADAS
   ========================================================= */

#encendido-alimentacion-video-ps3 .gsps3p-guides {
    display: grid;
    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.18fr);

    gap: 18px;
    align-items: stretch;

    margin-top: 22px;
    padding: 24px;

    border: 1px solid rgba(92, 208, 255, 0.14);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 20, 36, 0.92),
            rgba(4, 11, 21, 0.96)
        );
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-copy {
    min-width: 0;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-label {
    display: block;
    margin-bottom: 8px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-copy h3 {
    margin: 0;

    color: #f2faff;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-copy p {
    margin: 10px 0 0;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.68;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-links a {
    min-width: 0;
    min-height: 108px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 15px 14px;

    border: 1px solid rgba(92, 208, 255, 0.12);
    border-radius: 14px;

    color: #edf8ff !important;
    text-decoration: none !important;

    background: rgba(255, 255, 255, 0.018);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-links a:hover {
    transform: translateY(-3px);
    border-color: rgba(32, 213, 243, 0.34);
    background: rgba(32, 213, 243, 0.055);
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-links a:focus-visible {
    outline: 3px solid rgba(32, 213, 243, 0.52);
    outline-offset: 4px;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-links span {
    color: #698298;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#encendido-alimentacion-video-ps3 .gsps3p-guides-links strong {
    margin-top: 12px;

    color: #dff8ff;

    font-size: 11px;
    line-height: 1.45;
    font-weight: 650;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #encendido-alimentacion-video-ps3 .gsps3p-guides {
        grid-template-columns: 1fr;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-status {
        max-width: 650px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-routes {
        grid-template-columns: 1fr;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route {
        min-height: 0;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-bottom {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #encendido-alimentacion-video-ps3 .gsps3p-guides {
        gap: 16px;
        margin-top: 18px;
        padding: 20px 17px;
        border-radius: 16px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-guides-links {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-guides-links a {
        min-height: 0;
    }

    #encendido-alimentacion-video-ps3 {
        overflow: hidden;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-radar,
    #encendido-alimentacion-video-ps3 .gsps3p-scan {
        display: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-heading {
        display: block;

        margin-bottom: 31px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.1em;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #encendido-alimentacion-video-ps3
    .gsps3p-techline::after {
        width: 55px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-routes {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 20px 17px 18px;

        border-radius: 17px;

        transform: none !important;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route:hover {
        transform: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-top {
        align-items: flex-start;

        gap: 9px;

        margin-bottom: 18px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-code {
        font-size: 10px;

        letter-spacing: 0.085em;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-node {
        flex-shrink: 0;

        font-size: 10px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-icon {
        width: 44px;
        height: 44px;

        margin-bottom: 16px;

        border-radius: 12px;

        font-size: 17px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-title {
        font-size: 19px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-copy {
        font-size: 12px;

        line-height: 1.65;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-sequence {
        margin-top: 19px;
        padding-top: 16px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-tags {
        gap: 6px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-tag {
        font-size: 10px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-bottom {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-info {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-info-title {
        font-size: 20px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-info-copy {
        font-size: 13px;
        line-height: 1.67;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-keypoints {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-terminal-head {
        padding: 10px 12px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-terminal-name {
        font-size: 10px;

        letter-spacing: 0.055em;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-terminal-body {
        padding: 19px 15px 17px;
    }

    #encendido-alimentacion-video-ps3
    .gsps3p-terminal-body::before {
        display: none;

        animation: none;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #encendido-alimentacion-video-ps3 .gsps3p-shell {
        width: calc(100% - 24px);
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route {
        padding-left: 15px;
        padding-right: 15px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-route-top {
        flex-wrap: wrap;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #encendido-alimentacion-video-ps3 *,
    #encendido-alimentacion-video-ps3 *::before,
    #encendido-alimentacion-video-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #encendido-alimentacion-video-ps3 .gsps3p-scan,
    #encendido-alimentacion-video-ps3
    .gsps3p-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · TEMPERATURA
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — TEMPERATURA Y REFRIGERACIÓN
   ID INTERNO HTML: temperatura-refrigeracion-ps3
   ========================================================= */

#temperatura-refrigeracion-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #050f1a;

    --gs-panel: rgba(7, 18, 33, 0.93);
    --gs-panel-soft: rgba(9, 24, 42, 0.77);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);

    position: relative;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 86% 18%,
            rgba(255, 159, 67, 0.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 9% 72%,
            rgba(32, 213, 243, 0.075),
            transparent 27%
        ),
        radial-gradient(
            circle at 52% 100%,
            rgba(139, 92, 246, 0.045),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 49%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#temperatura-refrigeracion-ps3 *,
#temperatura-refrigeracion-ps3 *::before,
#temperatura-refrigeracion-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   GRID
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.29;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 11%,
            #000 89%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 11%,
            #000 89%,
            transparent 100%
        );
}


/* =========================================================
   RADAR
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-radar {
    position: absolute;

    right: -210px;
    top: 185px;

    width: 430px;
    height: 430px;

    border:
        1px solid rgba(32, 213, 243, 0.065);

    border-radius: 50%;

    pointer-events: none;
}

#temperatura-refrigeracion-ps3 .gsps3t-radar::before,
#temperatura-refrigeracion-ps3 .gsps3t-radar::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.055);

    border-radius: 50%;
}

#temperatura-refrigeracion-ps3 .gsps3t-radar::before {
    inset: 66px;
}

#temperatura-refrigeracion-ps3 .gsps3t-radar::after {
    inset: 137px;
}


/* =========================================================
   ESCANEO GENERAL
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#temperatura-refrigeracion-ps3 .gsps3t-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.34),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.11);

    animation:
        gsps3t-page-scan 10s linear infinite;
}

@keyframes gsps3t-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(1100px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#temperatura-refrigeracion-ps3 .gsps3t-heading-main {
    min-width: 0;
}

#temperatura-refrigeracion-ps3 .gsps3t-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#temperatura-refrigeracion-ps3 .gsps3t-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#temperatura-refrigeracion-ps3 .gsps3t-title span {
    color: var(--gs-cyan);
}

#temperatura-refrigeracion-ps3 .gsps3t-intro {
    max-width: 785px;

    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   ESTADO
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.16);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(38, 22, 10, 0.45),
            rgba(4, 13, 23, 0.87)
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-orange),
            transparent
        );

    box-shadow:
        0 0 12px rgba(255, 159, 67, 0.3);
}

#temperatura-refrigeracion-ps3 .gsps3t-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #ffd096;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-orange);

    box-shadow:
        0 0 8px rgba(255, 159, 67, 0.55);
}

#temperatura-refrigeracion-ps3 .gsps3t-status-copy {
    margin: 0;

    color: #b8c8d4;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   MICROETIQUETA
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-techline {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   PANEL CENTRAL DEL SISTEMA TÉRMICO
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-system {
    position: relative;

    padding: 29px 27px 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 23, 40, 0.93),
            rgba(4, 11, 21, 0.97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 18px 50px rgba(0,0,0,0.18);
}

#temperatura-refrigeracion-ps3 .gsps3t-system::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(32, 213, 243, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(255, 159, 67, 0.065),
            transparent 31%
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-system-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 27px;
}

#temperatura-refrigeracion-ps3 .gsps3t-system-title {
    margin: 0;

    color: #f1faff;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

#temperatura-refrigeracion-ps3 .gsps3t-system-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(32, 213, 243, 0.17);

    border-radius: 999px;

    background:
        rgba(32, 213, 243, 0.05);

    color: #9beeff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#temperatura-refrigeracion-ps3 .gsps3t-system-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.6);
}


/* =========================================================
   FLUJO TÉRMICO
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-flow {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 18px;
}

#temperatura-refrigeracion-ps3 .gsps3t-stage {
    position: relative;

    min-width: 0;
    min-height: 174px;

    padding: 17px 14px 15px;

    border:
        1px solid rgba(91, 205, 255, 0.12);

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.7);
}

#temperatura-refrigeracion-ps3
.gsps3t-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -15px;
    top: 50%;

    z-index: 4;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.62);

    font-size: 24px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.25);
}

#temperatura-refrigeracion-ps3 .gsps3t-stage.hot {
    border-color:
        rgba(255, 159, 67, 0.15);
}

#temperatura-refrigeracion-ps3 .gsps3t-stage-num {
    margin-bottom: 15px;

    color: #557087;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 13px;

    border:
        1px solid rgba(32, 213, 243, 0.23);

    border-radius: 11px;

    background:
        rgba(32, 213, 243, 0.06);

    color: var(--gs-cyan);

    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}

#temperatura-refrigeracion-ps3
.gsps3t-stage.hot .gsps3t-stage-icon {
    border-color:
        rgba(255, 159, 67, 0.26);

    background:
        rgba(255, 159, 67, 0.06);

    color: var(--gs-orange);
}

#temperatura-refrigeracion-ps3 .gsps3t-stage-title {
    margin: 0 0 5px;

    color: #eaf8ff;

    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}

#temperatura-refrigeracion-ps3 .gsps3t-stage-copy {
    margin: 0;

    color: #718a9e;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   BLOQUE CENTRAL INFERIOR
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-middle {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, 0.95fr);

    gap: 18px;

    margin-top: 20px;
}


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

#temperatura-refrigeracion-ps3 .gsps3t-symptoms {
    min-width: 0;

    padding: 27px;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3
.gsps3t-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.5);
}

#temperatura-refrigeracion-ps3 .gsps3t-panel-title {
    margin: 0 0 8px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#temperatura-refrigeracion-ps3 .gsps3t-panel-copy {
    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================================
   LISTA DE SÍNTOMAS
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-symptom-grid {
    display: grid;

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

    gap: 10px;

    margin-top: 22px;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom {
    position: relative;

    min-width: 0;

    padding: 13px 13px 12px;

    overflow: hidden;

    border:
        1px solid rgba(91, 197, 255, 0.1);

    border-radius: 12px;

    background:
        rgba(6, 18, 31, 0.58);
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 9px;
    bottom: 9px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--symptom-color),
            transparent
        );

    opacity: 0.65;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom.cyan {
    --symptom-color: #20d5f3;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom.yellow {
    --symptom-color: #ffc857;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom.orange {
    --symptom-color: #ff9f43;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom.red {
    --symptom-color: #ff637d;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom-top {
    display: flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 6px;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom-dot {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--symptom-color);

    box-shadow:
        0 0 8px
        color-mix(
            in srgb,
            var(--symptom-color) 45%,
            transparent
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom-title {
    margin: 0;

    color: #dcecf6;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

#temperatura-refrigeracion-ps3 .gsps3t-symptom-copy {
    margin: 0;

    color: #7890a3;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   MONITOR TÉRMICO
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-monitor {
    position: relative;

    min-width: 0;

    padding: 25px 22px 22px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.18);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(28, 18, 14, 0.67),
            rgba(5, 10, 21, 0.97)
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-monitor::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 75% 25%,
            rgba(255, 159, 67, 0.08),
            transparent 34%
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-monitor-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-bottom: 25px;
}

#temperatura-refrigeracion-ps3 .gsps3t-monitor-title {
    color: #ffd49e;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-monitor-live {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #879cad;

    font-size: 10px;
    line-height: 1.2;
}

#temperatura-refrigeracion-ps3
.gsps3t-monitor-live::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-orange);

    box-shadow:
        0 0 8px rgba(255, 159, 67, 0.55);
}


/* =========================================================
   MEDIDOR VISUAL
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-gauge {
    position: relative;
    z-index: 2;

    display: grid;
    place-items: center;

    width: 164px;
    height: 164px;

    margin: 0 auto 24px;

    border:
        1px solid rgba(255, 159, 67, 0.17);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 159, 67, 0.055) 0%,
            rgba(5, 13, 24, 0.5) 57%,
            transparent 59%
        );

    box-shadow:
        inset 0 0 30px rgba(255, 159, 67, 0.025);
}

#temperatura-refrigeracion-ps3 .gsps3t-gauge::before,
#temperatura-refrigeracion-ps3 .gsps3t-gauge::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#temperatura-refrigeracion-ps3 .gsps3t-gauge::before {
    inset: 15px;

    border:
        1px dashed rgba(255, 159, 67, 0.18);

    animation:
        gsps3t-gauge-spin 18s linear infinite;
}

#temperatura-refrigeracion-ps3 .gsps3t-gauge::after {
    inset: 37px;

    border:
        1px solid rgba(32, 213, 243, 0.09);
}

@keyframes gsps3t-gauge-spin {
    from {
        transform: rotate(0deg);
    }

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

#temperatura-refrigeracion-ps3 .gsps3t-gauge-core {
    position: relative;
    z-index: 2;

    text-align: center;
}

#temperatura-refrigeracion-ps3 .gsps3t-gauge-icon {
    display: block;

    margin-bottom: 5px;

    color: var(--gs-orange);

    font-size: 27px;
    line-height: 1;
}

#temperatura-refrigeracion-ps3 .gsps3t-gauge-main {
    display: block;

    color: #f5fbff;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}

#temperatura-refrigeracion-ps3 .gsps3t-gauge-sub {
    display: block;

    margin-top: 4px;

    color: #758b9e;

    font-size: 9px;
    line-height: 1.25;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* =========================================================
   MONITOR ROWS
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-monitor-list {
    position: relative;
    z-index: 2;
}

#temperatura-refrigeracion-ps3 .gsps3t-monitor-row {
    display: grid;

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

    align-items: center;

    gap: 12px;

    padding: 10px 0;

    border-bottom:
        1px solid rgba(255,255,255,0.045);

    color: #8fa4b6;

    font-size: 11px;
    line-height: 1.4;
}

#temperatura-refrigeracion-ps3
.gsps3t-monitor-row:last-child {
    border-bottom: 0;
}

#temperatura-refrigeracion-ps3 .gsps3t-monitor-value {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #d9e8f2;

    font-size: 10px;
    font-weight: 600;

    text-align: right;
}

#temperatura-refrigeracion-ps3
.gsps3t-monitor-value::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 7px rgba(32, 213, 243, 0.4);
}


/* =========================================================
   NOTA MONITOR
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-monitor-note {
    position: relative;
    z-index: 2;

    margin-top: 17px;
    padding: 11px 12px;

    border:
        1px solid rgba(255, 200, 87, 0.13);

    border-radius: 11px;

    background:
        rgba(255, 200, 87, 0.04);

    color: #a9b8c3;

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   CRITERIO + TERMINAL
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-bottom {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIO
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-info {
    position: relative;

    min-width: 0;

    padding: 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-info::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 5% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-info-label {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3
.gsps3t-info-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.5);
}

#temperatura-refrigeracion-ps3 .gsps3t-info-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#temperatura-refrigeracion-ps3 .gsps3t-info-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.72;
}


/* =========================================================
   PUNTOS
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-keypoints {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#temperatura-refrigeracion-ps3 .gsps3t-keypoint {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    min-width: 0;

    padding: 11px 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);

    color: #96aabd;

    font-size: 11px;
    line-height: 1.5;
}

#temperatura-refrigeracion-ps3
.gsps3t-keypoint::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 7px rgba(32, 213, 243, 0.35);
}


/* =========================================================
   TERMINAL
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-terminal {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.2);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 44px;

    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.75);
}

#temperatura-refrigeracion-ps3 .gsps3t-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#temperatura-refrigeracion-ps3 .gsps3t-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.46),
            transparent
        );

    animation:
        gsps3t-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps3t-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(240px);
        opacity: 0.7;
    }
}

#temperatura-refrigeracion-ps3 .gsps3t-terminal-line {
    display: grid;

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

    gap: 8px;

    margin-bottom: 12px;

    color: #94a9ba;

    font-size: 11px;
    line-height: 1.5;
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-line:last-child {
    margin-bottom: 0;
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#temperatura-refrigeracion-ps3
.gsps3t-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-warning {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b8c7d2;

    font-size: 11px;
    line-height: 1.55;
}

#temperatura-refrigeracion-ps3
.gsps3t-warning-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(255, 200, 87, 0.25);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   PIE
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3
.gsps3t-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#temperatura-refrigeracion-ps3
.gsps3t-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}



/* =========================================================
   GUÍA RELACIONADA
   ========================================================= */

#temperatura-refrigeracion-ps3 .gsps3t-guide {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(250px, 0.54fr);

    gap: 18px;
    align-items: center;

    margin-top: 20px;
    padding: 22px 23px;

    border: 1px solid rgba(255, 159, 67, 0.15);
    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 19, 12, 0.5),
            rgba(5, 13, 24, 0.94)
        );
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-copy {
    min-width: 0;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-label {
    display: block;
    margin-bottom: 7px;

    color: #ffd096;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-copy h3 {
    margin: 0;

    color: #f6fbff;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-copy p {
    margin: 9px 0 0;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.65;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-link {
    min-width: 0;
    min-height: 92px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 14px;

    border: 1px solid rgba(255, 159, 67, 0.18);
    border-radius: 13px;

    color: #edf8ff !important;
    text-decoration: none !important;

    background: rgba(255, 159, 67, 0.045);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-link:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 159, 67, 0.38);
    background: rgba(255, 159, 67, 0.075);
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-link:focus-visible {
    outline: 3px solid rgba(255, 200, 87, 0.52);
    outline-offset: 4px;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-link span {
    color: #aa8d6c;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

#temperatura-refrigeracion-ps3 .gsps3t-guide-link strong {
    margin-top: 12px;

    color: #ffe4bd;

    font-size: 11px;
    line-height: 1.45;
    font-weight: 650;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #temperatura-refrigeracion-ps3 .gsps3t-guide {
        grid-template-columns: 1fr;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-status {
        max-width: 650px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-stage:not(:last-child)::after {
        display: none;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-stage:last-child {
        grid-column: 1 / -1;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-middle,
    #temperatura-refrigeracion-ps3 .gsps3t-bottom {
        grid-template-columns: 1fr;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-gauge {
        margin-top: 5px;
    }
}


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

@media (max-width: 767px) {

    #temperatura-refrigeracion-ps3 .gsps3t-guide {
        gap: 14px;
        margin-top: 16px;
        padding: 18px 16px;
        border-radius: 16px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-guide-link {
        min-height: 0;
    }

    #temperatura-refrigeracion-ps3 {
        overflow: hidden;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-radar,
    #temperatura-refrigeracion-ps3 .gsps3t-scan {
        display: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-heading {
        display: block;

        margin-bottom: 31px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-techline::after {
        width: 55px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-system {
        width: 100%;

        padding: 21px 16px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-system-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;

        margin-bottom: 19px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-system-title {
        font-size: 18px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-flow {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-stage,
    #temperatura-refrigeracion-ps3
    .gsps3t-stage:last-child {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-stage-num {
        margin-bottom: 10px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-stage-icon {
        width: 36px;
        height: 36px;

        margin-bottom: 10px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-middle,
    #temperatura-refrigeracion-ps3 .gsps3t-bottom {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-symptoms {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-panel-title {
        font-size: 20px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-panel-copy {
        font-size: 13px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-symptom-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-monitor {
        width: 100%;
        min-width: 0;

        padding: 21px 17px 18px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-gauge {
        width: 145px;
        height: 145px;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-gauge::before {
        animation: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-info {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-info-title {
        font-size: 20px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-info-copy {
        font-size: 13px;
        line-height: 1.67;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-keypoints {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-head {
        padding: 10px 12px;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-name {
        font-size: 10px;

        letter-spacing: 0.055em;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-body {
        padding: 19px 15px 17px;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-body::before {
        display: none;

        animation: none;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


/* =========================================================
   AJUSTE ESPECÍFICO 390 PX
   ========================================================= */

@media (max-width: 390px) {

    #temperatura-refrigeracion-ps3 .gsps3t-shell {
        width: calc(100% - 24px);
    }

    #temperatura-refrigeracion-ps3 .gsps3t-system {
        padding-left: 14px;
        padding-right: 14px;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-symptoms,
    #temperatura-refrigeracion-ps3 .gsps3t-monitor,
    #temperatura-refrigeracion-ps3 .gsps3t-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }

    #temperatura-refrigeracion-ps3
    .gsps3t-monitor-row {
        grid-template-columns:
            minmax(0, 1fr) auto;

        gap: 8px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #temperatura-refrigeracion-ps3 *,
    #temperatura-refrigeracion-ps3 *::before,
    #temperatura-refrigeracion-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #temperatura-refrigeracion-ps3 .gsps3t-scan,
    #temperatura-refrigeracion-ps3
    .gsps3t-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · DIAGNOSTICO
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — DIAGNÓSTICO Y REFACCIONES
   ID INTERNO HTML: diagnostico-refacciones-ps3
   ========================================================= */

#diagnostico-refacciones-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #05101b;

    --gs-panel: rgba(7, 18, 33, 0.93);
    --gs-panel-soft: rgba(9, 24, 42, 0.77);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);
    --gs-border-strong: rgba(92, 220, 255, 0.28);

    position: relative;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(32, 213, 243, 0.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 68%,
            rgba(139, 92, 246, 0.065),
            transparent 26%
        ),
        radial-gradient(
            circle at 54% 100%,
            rgba(50, 134, 255, 0.05),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#diagnostico-refacciones-ps3 *,
#diagnostico-refacciones-ps3 *::before,
#diagnostico-refacciones-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   GRID
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.3;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   RADAR
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-radar {
    position: absolute;

    left: -210px;
    top: 155px;

    width: 430px;
    height: 430px;

    border:
        1px solid rgba(32, 213, 243, 0.065);

    border-radius: 50%;

    pointer-events: none;
}

#diagnostico-refacciones-ps3 .gsps3r-radar::before,
#diagnostico-refacciones-ps3 .gsps3r-radar::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.055);

    border-radius: 50%;
}

#diagnostico-refacciones-ps3 .gsps3r-radar::before {
    inset: 66px;
}

#diagnostico-refacciones-ps3 .gsps3r-radar::after {
    inset: 136px;
}


/* =========================================================
   ESCANEO
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#diagnostico-refacciones-ps3 .gsps3r-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.34),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.11);

    animation:
        gsps3r-page-scan 10s linear infinite;
}

@keyframes gsps3r-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(1100px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#diagnostico-refacciones-ps3 .gsps3r-heading-main {
    min-width: 0;
}

#diagnostico-refacciones-ps3 .gsps3r-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#diagnostico-refacciones-ps3 .gsps3r-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#diagnostico-refacciones-ps3 .gsps3r-title span {
    color: var(--gs-cyan);
}

#diagnostico-refacciones-ps3 .gsps3r-intro {
    max-width: 790px;

    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   ESTADO
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 28, 31, 0.68),
            rgba(4, 13, 23, 0.86)
        );
}

#diagnostico-refacciones-ps3 .gsps3r-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-green),
            transparent
        );

    box-shadow:
        0 0 12px rgba(67, 229, 139, 0.27);
}

#diagnostico-refacciones-ps3 .gsps3r-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #82efad;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#diagnostico-refacciones-ps3 .gsps3r-status-copy {
    margin: 0;

    color: #b5c8d6;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   MICROETIQUETA
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-techline {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   FLUJO PRINCIPAL
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-flow-panel {
    position: relative;

    padding: 29px 27px 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 23, 40, 0.93),
            rgba(4, 11, 21, 0.97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 18px 50px rgba(0,0,0,0.18);
}

#diagnostico-refacciones-ps3 .gsps3r-flow-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 25% 0%,
            rgba(32, 213, 243, 0.065),
            transparent 32%
        ),
        radial-gradient(
            circle at 80% 0%,
            rgba(139, 92, 246, 0.055),
            transparent 30%
        );
}

#diagnostico-refacciones-ps3 .gsps3r-flow-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 27px;
}

#diagnostico-refacciones-ps3 .gsps3r-flow-title {
    margin: 0;

    color: #f1faff;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

#diagnostico-refacciones-ps3 .gsps3r-flow-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(32, 213, 243, 0.17);

    border-radius: 999px;

    background:
        rgba(32, 213, 243, 0.05);

    color: #9beeff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#diagnostico-refacciones-ps3 .gsps3r-flow-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.6);
}


/* =========================================================
   SECUENCIA DE 6 PASOS
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-flow {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 16px;
}

#diagnostico-refacciones-ps3 .gsps3r-step {
    position: relative;

    min-width: 0;
    min-height: 171px;

    padding: 16px 13px 14px;

    border:
        1px solid rgba(91, 205, 255, 0.12);

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.7);
}

#diagnostico-refacciones-ps3
.gsps3r-step:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -14px;
    top: 50%;

    z-index: 4;

    transform: translateY(-50%);

    color:
        rgba(32, 213, 243, 0.62);

    font-size: 23px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.25);
}

#diagnostico-refacciones-ps3 .gsps3r-step-num {
    margin-bottom: 14px;

    color: #557087;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-step-icon {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    margin-bottom: 12px;

    border:
        1px solid rgba(32, 213, 243, 0.23);

    border-radius: 11px;

    background:
        rgba(32, 213, 243, 0.06);

    color: var(--gs-cyan);

    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}

#diagnostico-refacciones-ps3 .gsps3r-step.green
.gsps3r-step-icon {
    border-color:
        rgba(67, 229, 139, 0.25);

    background:
        rgba(67, 229, 139, 0.055);

    color: var(--gs-green);
}

#diagnostico-refacciones-ps3 .gsps3r-step.violet
.gsps3r-step-icon {
    border-color:
        rgba(139, 92, 246, 0.25);

    background:
        rgba(139, 92, 246, 0.055);

    color: #ac8cff;
}

#diagnostico-refacciones-ps3 .gsps3r-step-title {
    margin: 0 0 5px;

    color: #eaf8ff;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

#diagnostico-refacciones-ps3 .gsps3r-step-copy {
    margin: 0;

    color: #718a9e;

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   POLÍTICAS DE REVISIÓN
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-policy {
    display: grid;

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

    gap: 18px;

    margin-top: 20px;
}

#diagnostico-refacciones-ps3 .gsps3r-policy-card {
    position: relative;

    min-width: 0;

    padding: 26px 24px 23px;

    overflow: hidden;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-ps3 .gsps3r-policy-card.clean {
    border:
        1px solid rgba(67, 229, 139, 0.16);
}

#diagnostico-refacciones-ps3 .gsps3r-policy-card.opened {
    border:
        1px solid rgba(255, 200, 87, 0.17);
}

#diagnostico-refacciones-ps3 .gsps3r-policy-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 92px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--policy-color),
            transparent
        );

    box-shadow:
        0 0 14px var(--policy-glow);
}

#diagnostico-refacciones-ps3 .gsps3r-policy-card.clean {
    --policy-color: #43e58b;
    --policy-glow: rgba(67, 229, 139, 0.3);
}

#diagnostico-refacciones-ps3 .gsps3r-policy-card.opened {
    --policy-color: #ffc857;
    --policy-glow: rgba(255, 200, 87, 0.28);
}

#diagnostico-refacciones-ps3 .gsps3r-policy-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-bottom: 17px;
}

#diagnostico-refacciones-ps3 .gsps3r-policy-label {
    color:
        var(--policy-color);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-policy-chip {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding: 5px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--policy-color) 24%,
            transparent
        );

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--policy-color) 6%,
            transparent
        );

    color: #b9cad7;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#diagnostico-refacciones-ps3
.gsps3r-policy-chip::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--policy-color);

    box-shadow:
        0 0 7px var(--policy-color);
}

#diagnostico-refacciones-ps3 .gsps3r-policy-title {
    margin: 0 0 9px;

    color: #f1faff;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

#diagnostico-refacciones-ps3 .gsps3r-policy-copy {
    margin: 0;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.68;
}

#diagnostico-refacciones-ps3 .gsps3r-policy-highlight {
    margin-top: 18px;
    padding: 13px 14px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--policy-color) 14%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--policy-color) 4%,
            transparent
        );

    color: #b8c8d4;

    font-size: 11px;
    line-height: 1.55;
}

#diagnostico-refacciones-ps3
.gsps3r-policy-highlight strong {
    color:
        color-mix(
            in srgb,
            var(--policy-color) 70%,
            #ffffff
        );

    font-weight: 600;
}


/* =========================================================
   BLOQUE REFACCIONES + TERMINAL
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-bottom {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   REFACCIONES / PAGO
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-parts {
    position: relative;

    min-width: 0;

    padding: 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-ps3 .gsps3r-parts::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#diagnostico-refacciones-ps3 .gsps3r-panel-label {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3
.gsps3r-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.5);
}

#diagnostico-refacciones-ps3 .gsps3r-panel-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#diagnostico-refacciones-ps3 .gsps3r-panel-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.72;
}


/* =========================================================
   TARJETAS DE CONDICIONES
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-conditions {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#diagnostico-refacciones-ps3 .gsps3r-condition {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#diagnostico-refacciones-ps3 .gsps3r-condition-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#diagnostico-refacciones-ps3 .gsps3r-condition-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--condition-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--condition-color) 42%,
            transparent
        );
}

#diagnostico-refacciones-ps3 .gsps3r-condition.green {
    --condition-color: #43e58b;
}

#diagnostico-refacciones-ps3 .gsps3r-condition.blue {
    --condition-color: #3286ff;
}

#diagnostico-refacciones-ps3 .gsps3r-condition.yellow {
    --condition-color: #ffc857;
}

#diagnostico-refacciones-ps3 .gsps3r-condition.violet {
    --condition-color: #8b5cf6;
}

#diagnostico-refacciones-ps3 .gsps3r-condition-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#diagnostico-refacciones-ps3 .gsps3r-condition-copy {
    margin: 0;

    color: #7890a3;

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   NO PAGO ANTICIPADO
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-payment {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    margin-top: 18px;
    padding: 14px 15px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 12px;

    background:
        rgba(67, 229, 139, 0.045);

    color: #afc4d0;

    font-size: 11px;
    line-height: 1.58;
}

#diagnostico-refacciones-ps3 .gsps3r-payment-icon {
    display: grid;
    place-items: center;

    width: 21px;
    height: 21px;

    flex: 0 0 21px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

    font-size: 11px;
    font-weight: 700;
}

#diagnostico-refacciones-ps3 .gsps3r-payment strong {
    color: #92efb6;
    font-weight: 600;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-terminal {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.2);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#diagnostico-refacciones-ps3 .gsps3r-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 44px;

    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.75);
}

#diagnostico-refacciones-ps3 .gsps3r-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#diagnostico-refacciones-ps3 .gsps3r-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.46),
            transparent
        );

    animation:
        gsps3r-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps3r-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(260px);
        opacity: 0.7;
    }
}

#diagnostico-refacciones-ps3 .gsps3r-terminal-line {
    display: grid;

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

    gap: 8px;

    margin-bottom: 12px;

    color: #94a9ba;

    font-size: 11px;
    line-height: 1.5;
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-line:last-child {
    margin-bottom: 0;
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#diagnostico-refacciones-ps3
.gsps3r-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   RESULTADO
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b8c7d2;

    font-size: 11px;
    line-height: 1.55;
}

#diagnostico-refacciones-ps3 .gsps3r-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(255, 200, 87, 0.25);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   PIE
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#diagnostico-refacciones-ps3
.gsps3r-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}



/* =========================================================
   CONDICIONES ESENCIALES DEL SERVICIO
   ========================================================= */

#diagnostico-refacciones-ps3 .gsps3r-service {
    position: relative;
    margin-top: 20px;
    padding: 25px;
    border: 1px solid rgba(92, 208, 255, 0.14);
    border-radius: 20px;
    background:
        linear-gradient(
            145deg,
            rgba(7, 20, 36, 0.92),
            rgba(4, 11, 21, 0.96)
        );
}

#diagnostico-refacciones-ps3 .gsps3r-service-head {
    max-width: 780px;
}

#diagnostico-refacciones-ps3 .gsps3r-service-label {
    display: block;
    margin-bottom: 8px;
    color: var(--gs-cyan-soft);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-service-head h3 {
    margin: 0;
    color: #f2faff;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

#diagnostico-refacciones-ps3 .gsps3r-service-head p {
    margin: 9px 0 0;
    color: var(--gs-muted);
    font-size: 12px;
    line-height: 1.68;
}

#diagnostico-refacciones-ps3 .gsps3r-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

#diagnostico-refacciones-ps3 .gsps3r-service-card {
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(91, 197, 255, 0.1);
    border-radius: 13px;
    background: rgba(6, 18, 31, 0.55);
}

#diagnostico-refacciones-ps3 .gsps3r-service-code {
    display: block;
    margin-bottom: 7px;
    color: #6f879b;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#diagnostico-refacciones-ps3 .gsps3r-service-card h4 {
    margin: 0;
    color: #e9f7ff;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 650;
}

#diagnostico-refacciones-ps3 .gsps3r-service-card p {
    margin: 7px 0 0;
    color: #849bad;
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #diagnostico-refacciones-ps3 .gsps3r-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-status {
        max-width: 650px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-step:not(:last-child)::after {
        display: none;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy,
    #diagnostico-refacciones-ps3 .gsps3r-bottom {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #diagnostico-refacciones-ps3 .gsps3r-service {
        margin-top: 14px;
        padding: 20px 17px;
        border-radius: 17px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-service-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        margin-top: 17px;
    }

    #diagnostico-refacciones-ps3 {
        overflow: hidden;
    }

    #diagnostico-refacciones-ps3 .gsps3r-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-radar,
    #diagnostico-refacciones-ps3 .gsps3r-scan {
        display: none;
    }

    #diagnostico-refacciones-ps3 .gsps3r-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-heading {
        display: block;

        margin-bottom: 31px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #diagnostico-refacciones-ps3 .gsps3r-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #diagnostico-refacciones-ps3 .gsps3r-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #diagnostico-refacciones-ps3 .gsps3r-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #diagnostico-refacciones-ps3 .gsps3r-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-techline::after {
        width: 55px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-flow-panel {
        width: 100%;

        padding: 21px 16px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #diagnostico-refacciones-ps3 .gsps3r-flow-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;

        margin-bottom: 19px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-flow-title {
        font-size: 18px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-flow {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-step {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-step-num {
        margin-bottom: 10px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-step-icon {
        width: 36px;
        height: 36px;

        margin-bottom: 10px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy-card {
        width: 100%;
        min-width: 0;

        padding: 21px 17px 18px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy-top {
        align-items: flex-start;

        gap: 9px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy-title {
        font-size: 18px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy-copy {
        font-size: 12px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-bottom {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-parts {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #diagnostico-refacciones-ps3 .gsps3r-panel-title {
        font-size: 20px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-panel-copy {
        font-size: 13px;
        line-height: 1.67;
    }

    #diagnostico-refacciones-ps3 .gsps3r-conditions {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-terminal-head {
        padding: 10px 12px;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-terminal-name {
        font-size: 10px;

        letter-spacing: 0.055em;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-terminal-body {
        padding: 19px 15px 17px;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-terminal-body::before {
        display: none;

        animation: none;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #diagnostico-refacciones-ps3 .gsps3r-service {
        padding-left: 15px;
        padding-right: 15px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-shell {
        width: calc(100% - 24px);
    }

    #diagnostico-refacciones-ps3 .gsps3r-flow-panel {
        padding-left: 14px;
        padding-right: 14px;
    }

    #diagnostico-refacciones-ps3 .gsps3r-policy-card,
    #diagnostico-refacciones-ps3 .gsps3r-parts {
        padding-left: 15px;
        padding-right: 15px;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-policy-top {
        flex-wrap: wrap;
    }

    #diagnostico-refacciones-ps3
    .gsps3r-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #diagnostico-refacciones-ps3 *,
    #diagnostico-refacciones-ps3 *::before,
    #diagnostico-refacciones-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #diagnostico-refacciones-ps3 .gsps3r-scan,
    #diagnostico-refacciones-ps3
    .gsps3r-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · PROCESO
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — PROCESO DE SERVICIO
   ID INTERNO HTML: proceso-servicio-ps3
   ========================================================= */

#proceso-servicio-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #05101b;

    --gs-panel: rgba(7, 18, 33, 0.93);
    --gs-panel-soft: rgba(9, 24, 42, 0.77);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);

    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 13% 18%,
            rgba(32, 213, 243, 0.075),
            transparent 27%
        ),
        radial-gradient(
            circle at 86% 75%,
            rgba(50, 134, 255, 0.07),
            transparent 27%
        ),
        radial-gradient(
            circle at 52% 100%,
            rgba(139, 92, 246, 0.045),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#proceso-servicio-ps3 *,
#proceso-servicio-ps3 *::before,
#proceso-servicio-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   GRID
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.29;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   RADAR
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-radar {
    position: absolute;

    right: -215px;
    top: 165px;

    width: 430px;
    height: 430px;

    border:
        1px solid rgba(32, 213, 243, 0.065);

    border-radius: 50%;

    pointer-events: none;
}

#proceso-servicio-ps3 .gsps3s-radar::before,
#proceso-servicio-ps3 .gsps3s-radar::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.055);

    border-radius: 50%;
}

#proceso-servicio-ps3 .gsps3s-radar::before {
    inset: 66px;
}

#proceso-servicio-ps3 .gsps3s-radar::after {
    inset: 136px;
}


/* =========================================================
   ESCANEO
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#proceso-servicio-ps3 .gsps3s-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.34),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.11);

    animation:
        gsps3s-page-scan 10s linear infinite;
}

@keyframes gsps3s-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(1100px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#proceso-servicio-ps3 .gsps3s-heading-main {
    min-width: 0;
}

#proceso-servicio-ps3 .gsps3s-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#proceso-servicio-ps3 .gsps3s-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#proceso-servicio-ps3 .gsps3s-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#proceso-servicio-ps3 .gsps3s-title span {
    color: var(--gs-cyan);
}

#proceso-servicio-ps3 .gsps3s-intro {
    max-width: 790px;

    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   TIEMPO HABITUAL
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-time {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 28, 31, 0.68),
            rgba(4, 13, 23, 0.86)
        );
}

#proceso-servicio-ps3 .gsps3s-time::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-green),
            transparent
        );

    box-shadow:
        0 0 12px rgba(67, 229, 139, 0.27);
}

#proceso-servicio-ps3 .gsps3s-time-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #82efad;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#proceso-servicio-ps3 .gsps3s-time-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#proceso-servicio-ps3 .gsps3s-time-main {
    margin: 0 0 5px;

    color: #f1fbf5;

    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
}

#proceso-servicio-ps3 .gsps3s-time-copy {
    margin: 0;

    color: #aec3ce;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   MICROETIQUETA
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-techline {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#proceso-servicio-ps3 .gsps3s-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   PANEL FLUJO
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-flow-panel {
    position: relative;

    padding: 29px 27px 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 23, 40, 0.93),
            rgba(4, 11, 21, 0.97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 18px 50px rgba(0,0,0,0.18);
}

#proceso-servicio-ps3 .gsps3s-flow-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 25% 0%,
            rgba(32, 213, 243, 0.065),
            transparent 32%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(139, 92, 246, 0.055),
            transparent 30%
        );
}

#proceso-servicio-ps3 .gsps3s-flow-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 27px;
}

#proceso-servicio-ps3 .gsps3s-flow-title {
    margin: 0;

    color: #f1faff;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

#proceso-servicio-ps3 .gsps3s-flow-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(32, 213, 243, 0.17);

    border-radius: 999px;

    background:
        rgba(32, 213, 243, 0.05);

    color: #9beeff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

#proceso-servicio-ps3 .gsps3s-flow-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.6);
}


/* =========================================================
   SECUENCIA DE 7 PASOS
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-flow {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 14px;
}

#proceso-servicio-ps3 .gsps3s-step {
    position: relative;

    min-width: 0;
    min-height: 178px;

    padding: 16px 12px 14px;

    border:
        1px solid rgba(91, 205, 255, 0.12);

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.7);
}

#proceso-servicio-ps3
.gsps3s-step:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -13px;
    top: 50%;

    z-index: 4;

    transform: translateY(-50%);

    color:
        rgba(32, 213, 243, 0.62);

    font-size: 22px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.25);
}

#proceso-servicio-ps3 .gsps3s-step-num {
    margin-bottom: 14px;

    color: #557087;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#proceso-servicio-ps3 .gsps3s-step-icon {
    display: grid;
    place-items: center;

    width: 37px;
    height: 37px;

    margin-bottom: 12px;

    border:
        1px solid rgba(32, 213, 243, 0.23);

    border-radius: 11px;

    background:
        rgba(32, 213, 243, 0.06);

    color: var(--gs-cyan);

    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}

#proceso-servicio-ps3 .gsps3s-step.authorization
.gsps3s-step-icon {
    border-color:
        rgba(67, 229, 139, 0.25);

    background:
        rgba(67, 229, 139, 0.055);

    color: var(--gs-green);
}

#proceso-servicio-ps3 .gsps3s-step.repair
.gsps3s-step-icon {
    border-color:
        rgba(139, 92, 246, 0.26);

    background:
        rgba(139, 92, 246, 0.055);

    color: #ac8cff;
}

#proceso-servicio-ps3 .gsps3s-step.delivery
.gsps3s-step-icon {
    border-color:
        rgba(67, 229, 139, 0.25);

    background:
        rgba(67, 229, 139, 0.055);

    color: var(--gs-green);
}

#proceso-servicio-ps3 .gsps3s-step-title {
    margin: 0 0 5px;

    color: #eaf8ff;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

#proceso-servicio-ps3 .gsps3s-step-copy {
    margin: 0;

    color: #718a9e;

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   BLOQUES INFERIORES
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-bottom {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, 0.95fr);

    gap: 18px;

    margin-top: 20px;
}


/* =========================================================
   TIEMPOS Y CONDICIONES
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-info {
    position: relative;

    min-width: 0;

    padding: 28px;

    overflow: hidden;

    border:
        1px solid var(--gs-border);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );
}

#proceso-servicio-ps3 .gsps3s-info::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#proceso-servicio-ps3 .gsps3s-panel-label {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#proceso-servicio-ps3
.gsps3s-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.5);
}

#proceso-servicio-ps3 .gsps3s-panel-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

#proceso-servicio-ps3 .gsps3s-panel-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

    font-size: 13px;
    line-height: 1.72;
}


/* =========================================================
   CONDICIONES
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-conditions {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#proceso-servicio-ps3 .gsps3s-condition {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#proceso-servicio-ps3 .gsps3s-condition-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#proceso-servicio-ps3 .gsps3s-condition-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--condition-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--condition-color) 42%,
            transparent
        );
}

#proceso-servicio-ps3 .gsps3s-condition.green {
    --condition-color: #43e58b;
}

#proceso-servicio-ps3 .gsps3s-condition.blue {
    --condition-color: #3286ff;
}

#proceso-servicio-ps3 .gsps3s-condition.yellow {
    --condition-color: #ffc857;
}

#proceso-servicio-ps3 .gsps3s-condition.violet {
    --condition-color: #8b5cf6;
}

#proceso-servicio-ps3 .gsps3s-condition-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#proceso-servicio-ps3 .gsps3s-condition-copy {
    margin: 0;

    color: #7890a3;

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   PAGO
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-payment {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 11px;

    margin-top: 18px;
    padding: 14px 15px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 12px;

    background:
        rgba(67, 229, 139, 0.045);

    color: #afc4d0;

    font-size: 11px;
    line-height: 1.58;
}

#proceso-servicio-ps3 .gsps3s-payment-icon {
    display: grid;
    place-items: center;

    width: 21px;
    height: 21px;

    flex: 0 0 21px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

    font-size: 11px;
    font-weight: 700;
}

#proceso-servicio-ps3 .gsps3s-payment strong {
    color: #92efb6;
    font-weight: 600;
}


/* =========================================================
   TERMINAL OPERATIVA
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-terminal {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.2);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#proceso-servicio-ps3 .gsps3s-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 44px;

    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.75);
}

#proceso-servicio-ps3 .gsps3s-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#proceso-servicio-ps3
.gsps3s-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#proceso-servicio-ps3
.gsps3s-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#proceso-servicio-ps3
.gsps3s-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#proceso-servicio-ps3
.gsps3s-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#proceso-servicio-ps3 .gsps3s-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#proceso-servicio-ps3 .gsps3s-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#proceso-servicio-ps3
.gsps3s-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.46),
            transparent
        );

    animation:
        gsps3s-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps3s-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(260px);
        opacity: 0.7;
    }
}

#proceso-servicio-ps3 .gsps3s-terminal-line {
    display: grid;

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

    gap: 8px;

    margin-bottom: 12px;

    color: #94a9ba;

    font-size: 11px;
    line-height: 1.5;
}

#proceso-servicio-ps3
.gsps3s-terminal-line:last-child {
    margin-bottom: 0;
}

#proceso-servicio-ps3
.gsps3s-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#proceso-servicio-ps3
.gsps3s-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   AVISO DE TIEMPOS
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-warning {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.045);

    color: #b8c7d2;

    font-size: 11px;
    line-height: 1.55;
}

#proceso-servicio-ps3 .gsps3s-warning-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(255, 200, 87, 0.25);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   PIE
   ========================================================= */

#proceso-servicio-ps3 .gsps3s-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#proceso-servicio-ps3 .gsps3s-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#proceso-servicio-ps3
.gsps3s-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #proceso-servicio-ps3 .gsps3s-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #proceso-servicio-ps3 .gsps3s-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #proceso-servicio-ps3 .gsps3s-time {
        max-width: 650px;
    }

    #proceso-servicio-ps3 .gsps3s-flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    #proceso-servicio-ps3
    .gsps3s-step:not(:last-child)::after {
        display: none;
    }

    #proceso-servicio-ps3
    .gsps3s-step:last-child {
        grid-column: 1 / -1;
    }

    #proceso-servicio-ps3 .gsps3s-bottom {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #proceso-servicio-ps3 {
        overflow: hidden;
    }

    #proceso-servicio-ps3 .gsps3s-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #proceso-servicio-ps3 .gsps3s-radar,
    #proceso-servicio-ps3 .gsps3s-scan {
        display: none;
    }

    #proceso-servicio-ps3 .gsps3s-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #proceso-servicio-ps3 .gsps3s-heading {
        display: block;

        margin-bottom: 31px;
    }

    #proceso-servicio-ps3 .gsps3s-time {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #proceso-servicio-ps3 .gsps3s-time-main {
        font-size: 20px;
    }

    #proceso-servicio-ps3 .gsps3s-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #proceso-servicio-ps3 .gsps3s-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #proceso-servicio-ps3 .gsps3s-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #proceso-servicio-ps3 .gsps3s-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #proceso-servicio-ps3
    .gsps3s-techline::after {
        width: 55px;
    }

    #proceso-servicio-ps3 .gsps3s-flow-panel {
        width: 100%;

        padding: 21px 16px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #proceso-servicio-ps3 .gsps3s-flow-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;

        margin-bottom: 19px;
    }

    #proceso-servicio-ps3 .gsps3s-flow-title {
        font-size: 18px;
    }

    #proceso-servicio-ps3 .gsps3s-flow {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #proceso-servicio-ps3 .gsps3s-step,
    #proceso-servicio-ps3
    .gsps3s-step:last-child {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #proceso-servicio-ps3 .gsps3s-step-num {
        margin-bottom: 10px;
    }

    #proceso-servicio-ps3 .gsps3s-step-icon {
        width: 36px;
        height: 36px;

        margin-bottom: 10px;
    }

    #proceso-servicio-ps3 .gsps3s-bottom {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #proceso-servicio-ps3 .gsps3s-info {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #proceso-servicio-ps3 .gsps3s-panel-title {
        font-size: 20px;
    }

    #proceso-servicio-ps3 .gsps3s-panel-copy {
        font-size: 13px;
        line-height: 1.67;
    }

    #proceso-servicio-ps3 .gsps3s-conditions {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #proceso-servicio-ps3 .gsps3s-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #proceso-servicio-ps3
    .gsps3s-terminal-head {
        padding: 10px 12px;
    }

    #proceso-servicio-ps3
    .gsps3s-terminal-name {
        font-size: 10px;

        letter-spacing: 0.055em;
    }

    #proceso-servicio-ps3
    .gsps3s-terminal-body {
        padding: 19px 15px 17px;
    }

    #proceso-servicio-ps3
    .gsps3s-terminal-body::before {
        display: none;

        animation: none;
    }

    #proceso-servicio-ps3
    .gsps3s-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #proceso-servicio-ps3 .gsps3s-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #proceso-servicio-ps3 .gsps3s-shell {
        width: calc(100% - 24px);
    }

    #proceso-servicio-ps3 .gsps3s-flow-panel {
        padding-left: 14px;
        padding-right: 14px;
    }

    #proceso-servicio-ps3 .gsps3s-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    #proceso-servicio-ps3
    .gsps3s-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #proceso-servicio-ps3 *,
    #proceso-servicio-ps3 *::before,
    #proceso-servicio-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #proceso-servicio-ps3 .gsps3s-scan,
    #proceso-servicio-ps3
    .gsps3s-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · FAQS
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — PREGUNTAS FRECUENTES
   ID INTERNO HTML: preguntas-ps3
   ========================================================= */

#preguntas-ps3 {
    --gs-bg: #030811;
    --gs-bg-2: #05101b;

    --gs-panel: rgba(7, 18, 33, 0.93);
    --gs-panel-soft: rgba(9, 24, 42, 0.77);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);

    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 11% 18%,
            rgba(32, 213, 243, 0.075),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 72%,
            rgba(139, 92, 246, 0.06),
            transparent 27%
        ),
        radial-gradient(
            circle at 48% 100%,
            rgba(50, 134, 255, 0.045),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#preguntas-ps3 *,
#preguntas-ps3 *::before,
#preguntas-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   GRID
   ========================================================= */

#preguntas-ps3 .gsps3q-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.29;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   RADAR
   ========================================================= */

#preguntas-ps3 .gsps3q-radar {
    position: absolute;

    left: -215px;
    top: 170px;

    width: 430px;
    height: 430px;

    border:
        1px solid rgba(32, 213, 243, 0.065);

    border-radius: 50%;

    pointer-events: none;
}

#preguntas-ps3 .gsps3q-radar::before,
#preguntas-ps3 .gsps3q-radar::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.055);

    border-radius: 50%;
}

#preguntas-ps3 .gsps3q-radar::before {
    inset: 66px;
}

#preguntas-ps3 .gsps3q-radar::after {
    inset: 136px;
}


/* =========================================================
   ESCANEO
   ========================================================= */

#preguntas-ps3 .gsps3q-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#preguntas-ps3 .gsps3q-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.34),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.11);

    animation:
        gsps3q-page-scan 10s linear infinite;
}

@keyframes gsps3q-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(1050px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#preguntas-ps3 .gsps3q-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
    padding: 94px 0 98px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#preguntas-ps3 .gsps3q-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#preguntas-ps3 .gsps3q-heading-main {
    min-width: 0;
}

#preguntas-ps3 .gsps3q-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 15px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.62);

    color: var(--gs-cyan-soft);

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#preguntas-ps3 .gsps3q-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 8px rgba(32, 213, 243, 0.9),
        0 0 18px rgba(32, 213, 243, 0.35);
}

#preguntas-ps3 .gsps3q-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#preguntas-ps3 .gsps3q-title span {
    color: var(--gs-cyan);
}

#preguntas-ps3 .gsps3q-intro {
    max-width: 790px;

    margin: 17px 0 0;

    color: var(--gs-muted);

    font-size: 15px;
    line-height: 1.78;
}


/* =========================================================
   RESUMEN LATERAL
   ========================================================= */

#preguntas-ps3 .gsps3q-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(32, 213, 243, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 25, 41, 0.78),
            rgba(4, 13, 23, 0.86)
        );
}

#preguntas-ps3 .gsps3q-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs-cyan),
            transparent
        );

    box-shadow:
        0 0 12px rgba(32, 213, 243, 0.3);
}

#preguntas-ps3 .gsps3q-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #8beeff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#preguntas-ps3 .gsps3q-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#preguntas-ps3 .gsps3q-status-copy {
    margin: 0;

    color: #b5c8d6;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   MICROETIQUETA
   ========================================================= */

#preguntas-ps3 .gsps3q-techline {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    color: #687f94;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#preguntas-ps3 .gsps3q-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.55),
            transparent
        );
}


/* =========================================================
   DISTRIBUCIÓN FAQ
   ========================================================= */

#preguntas-ps3 .gsps3q-faq-layout {
    display: grid;

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

    gap: 16px;

    align-items: start;
}

#preguntas-ps3 .gsps3q-column {
    display: grid;

    gap: 12px;

    min-width: 0;
}


/* =========================================================
   DETAILS / FAQ
   ========================================================= */

#preguntas-ps3 .gsps3q-item {
    position: relative;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.13);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 23, 40, 0.9),
            rgba(4, 11, 21, 0.96)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.02),
        0 10px 34px rgba(0,0,0,0.12);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

#preguntas-ps3 .gsps3q-item[open] {
    border-color:
        rgba(32, 213, 243, 0.27);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 14px 40px rgba(0,0,0,0.17),
        0 0 20px rgba(32, 213, 243, 0.025);
}

#preguntas-ps3 .gsps3q-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 76px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-color),
            transparent
        );

    box-shadow:
        0 0 13px var(--faq-glow);
}

#preguntas-ps3 .gsps3q-item.cyan {
    --faq-color: #20d5f3;
    --faq-glow: rgba(32, 213, 243, 0.32);
}

#preguntas-ps3 .gsps3q-item.green {
    --faq-color: #43e58b;
    --faq-glow: rgba(67, 229, 139, 0.28);
}

#preguntas-ps3 .gsps3q-item.yellow {
    --faq-color: #ffc857;
    --faq-glow: rgba(255, 200, 87, 0.28);
}

#preguntas-ps3 .gsps3q-item.orange {
    --faq-color: #ff9f43;
    --faq-glow: rgba(255, 159, 67, 0.28);
}

#preguntas-ps3 .gsps3q-item.violet {
    --faq-color: #8b5cf6;
    --faq-glow: rgba(139, 92, 246, 0.3);
}

#preguntas-ps3 .gsps3q-item.red {
    --faq-color: #ff637d;
    --faq-glow: rgba(255, 99, 125, 0.27);
}

#preguntas-ps3 .gsps3q-summary {
    display: grid;

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

    align-items: center;

    gap: 12px;

    min-width: 0;

    padding: 17px 18px;

    cursor: pointer;

    list-style: none;

    user-select: none;
}

#preguntas-ps3 .gsps3q-summary::-webkit-details-marker {
    display: none;
}

#preguntas-ps3 .gsps3q-summary::marker {
    display: none;
    content: "";
}

#preguntas-ps3 .gsps3q-number {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--faq-color) 28%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--faq-color) 6%,
            transparent
        );

    color: var(--faq-color);

    font-size: 10px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.05em;
}

#preguntas-ps3 .gsps3q-question {
    min-width: 0;

    color: #eaf7ff;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

#preguntas-ps3 .gsps3q-toggle {
    position: relative;

    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;

    border:
        1px solid rgba(92, 208, 255, 0.14);

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.55);

    color: var(--gs-cyan);

    font-size: 16px;
    line-height: 1;
    font-weight: 400;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease;
}

#preguntas-ps3 .gsps3q-toggle::before {
    content: "+";
}

#preguntas-ps3 .gsps3q-item[open]
.gsps3q-toggle {
    transform: rotate(45deg);

    border-color:
        rgba(32, 213, 243, 0.27);
}



#preguntas-ps3 .gsps3q-summary:focus-visible {
    outline: 3px solid rgba(32, 213, 243, 0.52);
    outline-offset: -3px;
    border-radius: 14px;
}


/* =========================================================
   RESPUESTA
   ========================================================= */

#preguntas-ps3 .gsps3q-answer {
    padding:
        0 18px 18px 69px;

    color: var(--gs-muted);

    font-size: 12px;
    line-height: 1.72;
}

#preguntas-ps3 .gsps3q-answer p {
    margin: 0;
}

#preguntas-ps3 .gsps3q-answer strong {
    color: #d8edf8;
    font-weight: 600;
}

#preguntas-ps3 .gsps3q-answer .gsps3q-note {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-top: 13px;
    padding: 11px 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--faq-color) 14%,
            transparent
        );

    border-radius: 10px;

    background:
        color-mix(
            in srgb,
            var(--faq-color) 4%,
            transparent
        );

    color: #aebfca;

    font-size: 11px;
    line-height: 1.55;
}

#preguntas-ps3 .gsps3q-answer
.gsps3q-note::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--faq-color);

    box-shadow:
        0 0 7px var(--faq-glow);
}


/* =========================================================
   GARANTÍA / POLÍTICA FINAL
   ========================================================= */

#preguntas-ps3 .gsps3q-warranty {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(330px, 0.92fr);

    gap: 18px;

    margin-top: 22px;
}


/* =========================================================
   GARANTÍA
   ========================================================= */

#preguntas-ps3 .gsps3q-warranty-card {
    position: relative;

    min-width: 0;

    padding: 27px 27px 24px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 27, 31, 0.62),
            rgba(4, 12, 22, 0.96)
        );
}

#preguntas-ps3 .gsps3q-warranty-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs-green),
            transparent
        );

    box-shadow:
        0 0 14px rgba(67, 229, 139, 0.28);
}

#preguntas-ps3 .gsps3q-warranty-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 11px;

    color: #8bf0b3;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#preguntas-ps3 .gsps3q-warranty-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#preguntas-ps3 .gsps3q-warranty-title {
    margin: 0 0 8px;

    color: #f1fbf5;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

#preguntas-ps3 .gsps3q-warranty-copy {
    margin: 0;

    color: #98adbb;

    font-size: 12px;
    line-height: 1.68;
}

#preguntas-ps3 .gsps3q-warranty-list {
    display: grid;

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

    gap: 8px;

    margin-top: 19px;
}

#preguntas-ps3 .gsps3q-warranty-point {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    min-width: 0;

    padding: 10px 11px;

    border:
        1px solid rgba(67, 229, 139, 0.1);

    border-radius: 10px;

    background:
        rgba(67, 229, 139, 0.035);

    color: #9fb5c1;

    font-size: 10px;
    line-height: 1.48;
}

#preguntas-ps3 .gsps3q-warranty-point::before {
    content: "✓";

    flex: 0 0 auto;

    color: var(--gs-green);

    font-weight: 700;
}


/* =========================================================
   EXCLUSIONES
   ========================================================= */

#preguntas-ps3 .gsps3q-exclusions {
    min-width: 0;

    padding: 27px 25px 23px;

    border:
        1px solid rgba(255, 200, 87, 0.16);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 23, 10, 0.42),
            rgba(4, 12, 22, 0.96)
        );
}

#preguntas-ps3 .gsps3q-exclusions-label {
    margin-bottom: 10px;

    color: #ffd77f;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}

#preguntas-ps3 .gsps3q-exclusions-title {
    margin: 0 0 12px;

    color: #f3f8fb;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
}

#preguntas-ps3 .gsps3q-exclusion-list {
    display: grid;
    gap: 7px;
}

#preguntas-ps3 .gsps3q-exclusion {
    display: grid;

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

    gap: 8px;

    color: #9aafbd;

    font-size: 10px;
    line-height: 1.5;
}

#preguntas-ps3 .gsps3q-exclusion::before {
    content: "—";

    color: var(--gs-yellow);

    font-weight: 700;
}


/* =========================================================
   PIE
   ========================================================= */

#preguntas-ps3 .gsps3q-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#preguntas-ps3 .gsps3q-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#preguntas-ps3 .gsps3q-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #preguntas-ps3 .gsps3q-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #preguntas-ps3 .gsps3q-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #preguntas-ps3 .gsps3q-status {
        max-width: 650px;
    }

    #preguntas-ps3 .gsps3q-faq-layout {
        grid-template-columns: 1fr;
    }

    #preguntas-ps3 .gsps3q-warranty {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 767px) {

    #preguntas-ps3 {
        overflow: hidden;
    }

    #preguntas-ps3 .gsps3q-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #preguntas-ps3 .gsps3q-radar,
    #preguntas-ps3 .gsps3q-scan {
        display: none;
    }

    #preguntas-ps3 .gsps3q-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #preguntas-ps3 .gsps3q-heading {
        display: block;

        margin-bottom: 31px;
    }

    #preguntas-ps3 .gsps3q-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #preguntas-ps3 .gsps3q-kicker {
        gap: 7px;

        margin-bottom: 13px;
        padding: 6px 9px;

        font-size: 10px;
        letter-spacing: 0.1em;
    }

    #preguntas-ps3 .gsps3q-title {
        font-size:
            clamp(29px, 9.3vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #preguntas-ps3 .gsps3q-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #preguntas-ps3 .gsps3q-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #preguntas-ps3 .gsps3q-techline::after {
        width: 55px;
    }

    #preguntas-ps3 .gsps3q-faq-layout {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #preguntas-ps3 .gsps3q-column {
        gap: 10px;
    }

    #preguntas-ps3 .gsps3q-item {
        width: 100%;
        min-width: 0;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #preguntas-ps3 .gsps3q-summary {
        grid-template-columns:
            35px minmax(0, 1fr) 27px;

        gap: 10px;

        padding: 15px 14px;
    }

    #preguntas-ps3 .gsps3q-number {
        width: 35px;
        height: 35px;

        border-radius: 10px;

        font-size: 10px;
    }

    #preguntas-ps3 .gsps3q-question {
        font-size: 12px;
        line-height: 1.45;
    }

    #preguntas-ps3 .gsps3q-toggle {
        width: 27px;
        height: 27px;

        border-radius: 8px;
    }

    #preguntas-ps3 .gsps3q-answer {
        padding:
            0 14px 16px 59px;

        font-size: 12px;
        line-height: 1.67;
    }

    #preguntas-ps3 .gsps3q-warranty {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 15px;
    }

    #preguntas-ps3 .gsps3q-warranty-card,
    #preguntas-ps3 .gsps3q-exclusions {
        width: 100%;
        min-width: 0;

        padding: 21px 17px 18px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #preguntas-ps3 .gsps3q-warranty-title {
        font-size: 20px;
    }

    #preguntas-ps3 .gsps3q-warranty-list {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #preguntas-ps3 .gsps3q-exclusions-title {
        font-size: 18px;
    }

    #preguntas-ps3 .gsps3q-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;
        letter-spacing: 0.035em;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #preguntas-ps3 .gsps3q-shell {
        width: calc(100% - 24px);
    }

    #preguntas-ps3 .gsps3q-summary {
        grid-template-columns:
            33px minmax(0, 1fr) 25px;

        gap: 8px;

        padding-left: 12px;
        padding-right: 12px;
    }

    #preguntas-ps3 .gsps3q-number {
        width: 33px;
        height: 33px;
    }

    #preguntas-ps3 .gsps3q-toggle {
        width: 25px;
        height: 25px;
    }

    #preguntas-ps3 .gsps3q-answer {
        padding-left: 53px;
        padding-right: 12px;
    }

    #preguntas-ps3 .gsps3q-warranty-card,
    #preguntas-ps3 .gsps3q-exclusions {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #preguntas-ps3 *,
    #preguntas-ps3 *::before,
    #preguntas-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #preguntas-ps3 .gsps3q-scan {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 3 · CTA
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 3 — CTA FINAL
   ID INTERNO HTML: cta-ps3
   ========================================================= */

#cta-ps3 {
    --gs-bg: #02060c;
    --gs-bg-2: #04101b;

    --gs-panel: rgba(7, 18, 33, 0.94);
    --gs-panel-soft: rgba(9, 24, 42, 0.78);

    --gs-cyan: #20d5f3;
    --gs-cyan-soft: #82ecff;
    --gs-blue: #3286ff;
    --gs-violet: #8b5cf6;

    --gs-green: #43e58b;
    --gs-yellow: #ffc857;
    --gs-orange: #ff9f43;
    --gs-red: #ff637d;

    --gs-text: #edf8ff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #637b90;

    --gs-border: rgba(92, 208, 255, 0.15);

    position: relative;
    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 22% 18%,
            rgba(32, 213, 243, 0.1),
            transparent 28%
        ),
        radial-gradient(
            circle at 83% 32%,
            rgba(50, 134, 255, 0.09),
            transparent 29%
        ),
        radial-gradient(
            circle at 55% 100%,
            rgba(139, 92, 246, 0.07),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #04101b 48%,
            #02060c 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#cta-ps3 *,
#cta-ps3 *::before,
#cta-ps3 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO GRID
   ========================================================= */

#cta-ps3 .gsps3c-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.31;

    background-image:
        linear-gradient(
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(42, 183, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   ANILLOS / RADAR
   ========================================================= */

#cta-ps3 .gsps3c-radar-a,
#cta-ps3 .gsps3c-radar-b {
    position: absolute;

    border:
        1px solid rgba(32, 213, 243, 0.07);

    border-radius: 50%;

    pointer-events: none;
}

#cta-ps3 .gsps3c-radar-a {
    width: 430px;
    height: 430px;

    left: -220px;
    top: 90px;
}

#cta-ps3 .gsps3c-radar-b {
    width: 330px;
    height: 330px;

    right: -150px;
    bottom: -110px;

    border-color:
        rgba(139, 92, 246, 0.07);
}

#cta-ps3 .gsps3c-radar-a::before,
#cta-ps3 .gsps3c-radar-a::after,
#cta-ps3 .gsps3c-radar-b::before,
#cta-ps3 .gsps3c-radar-b::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#cta-ps3 .gsps3c-radar-a::before {
    inset: 65px;

    border:
        1px solid rgba(32, 213, 243, 0.055);
}

#cta-ps3 .gsps3c-radar-a::after {
    inset: 135px;

    border:
        1px solid rgba(32, 213, 243, 0.05);
}

#cta-ps3 .gsps3c-radar-b::before {
    inset: 52px;

    border:
        1px solid rgba(139, 92, 246, 0.055);
}

#cta-ps3 .gsps3c-radar-b::after {
    inset: 110px;

    border:
        1px solid rgba(139, 92, 246, 0.05);
}


/* =========================================================
   SCAN
   ========================================================= */

#cta-ps3 .gsps3c-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#cta-ps3 .gsps3c-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.38),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.12);

    animation:
        gsps3c-page-scan 9.5s linear infinite;
}

@keyframes gsps3c-page-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.2;
    }

    100% {
        transform: translateY(950px);
        opacity: 0;
    }
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

#cta-ps3 .gsps3c-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    padding: 96px 0 100px;
}


/* =========================================================
   PANEL PRINCIPAL
   ========================================================= */

#cta-ps3 .gsps3c-main {
    position: relative;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.18);

    border-radius: 26px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 24, 42, 0.95),
            rgba(4, 11, 21, 0.98)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.03),
        0 28px 70px rgba(0,0,0,0.25),
        0 0 40px rgba(32, 213, 243, 0.025);
}

#cta-ps3 .gsps3c-main::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 12% 12%,
            rgba(32, 213, 243, 0.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 15%,
            rgba(50, 134, 255, 0.09),
            transparent 28%
        );
}

#cta-ps3 .gsps3c-main::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(32, 213, 243, 0.7) 25%,
            rgba(50, 134, 255, 0.72) 50%,
            rgba(139, 92, 246, 0.55) 75%,
            transparent 100%
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.18);
}


/* =========================================================
   LAYOUT PRINCIPAL
   ========================================================= */

#cta-ps3 .gsps3c-main-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(330px, 0.82fr);

    gap: 34px;

    padding: 40px;
}


/* =========================================================
   CONTENIDO IZQUIERDO
   ========================================================= */

#cta-ps3 .gsps3c-content {
    min-width: 0;
}

#cta-ps3 .gsps3c-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 16px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.2);

    border-radius: 999px;

    background:
        rgba(32, 213, 243, 0.05);

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

#cta-ps3 .gsps3c-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.55);
}

#cta-ps3 .gsps3c-title {
    max-width: 760px;

    margin: 0;

    color: #f5fbff;

    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.038em;
}

#cta-ps3 .gsps3c-title span {
    color: var(--gs-cyan);
}

#cta-ps3 .gsps3c-copy {
    max-width: 760px;

    margin: 18px 0 0;

    color: var(--gs-muted);

    font-size: 14px;
    line-height: 1.76;
}


/* =========================================================
   SOPORTE MODELOS
   ========================================================= */

#cta-ps3 .gsps3c-models {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 22px;
}

#cta-ps3 .gsps3c-model {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 8px 10px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 10px;

    background:
        rgba(67, 229, 139, 0.04);

    color: #a8c7b4;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
}

#cta-ps3 .gsps3c-model::before {
    content: "✓";

    color: var(--gs-green);
    font-weight: 700;
}


/* =========================================================
   BOTONES
   ========================================================= */

#cta-ps3 .gsps3c-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 11px;

    margin-top: 27px;
}

#cta-ps3 .gsps3c-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 48px;

    padding: 12px 18px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

#cta-ps3 .gsps3c-btn:hover {
    transform: translateY(-2px);
}

#cta-ps3 .gsps3c-btn.whatsapp {
    border:
        1px solid rgba(67, 229, 139, 0.35);

    background:
        linear-gradient(
            135deg,
            rgba(67, 229, 139, 0.18),
            rgba(28, 113, 72, 0.14)
        );

    color: #dfffea;

    box-shadow:
        0 10px 28px rgba(67, 229, 139, 0.08);
}

#cta-ps3 .gsps3c-btn.whatsapp:hover {
    border-color:
        rgba(67, 229, 139, 0.55);

    box-shadow:
        0 12px 32px rgba(67, 229, 139, 0.13);
}

#cta-ps3 .gsps3c-btn.phone {
    border:
        1px solid rgba(32, 213, 243, 0.22);

    background:
        rgba(32, 213, 243, 0.055);

    color: #d9f9ff;
}

#cta-ps3 .gsps3c-btn.phone:hover {
    border-color:
        rgba(32, 213, 243, 0.38);

    box-shadow:
        0 12px 30px rgba(32, 213, 243, 0.08);
}

#cta-ps3 .gsps3c-btn-icon {
    display: grid;
    place-items: center;

    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    border:
        1px solid currentColor;

    border-radius: 50%;

    opacity: 0.9;

    font-size: 11px;
    line-height: 1;
}


/* =========================================================
   RECORDATORIO FAT
   ========================================================= */

#cta-ps3 .gsps3c-fat {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 23px;
    padding: 13px 14px;

    max-width: 760px;

    border:
        1px solid rgba(255, 99, 125, 0.15);

    border-radius: 12px;

    background:
        rgba(255, 99, 125, 0.045);

    color: #b8c2ca;

    font-size: 11px;
    line-height: 1.55;
}

#cta-ps3 .gsps3c-fat-icon {
    display: grid;
    place-items: center;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    margin-top: 1px;

    border:
        1px solid rgba(255, 99, 125, 0.28);

    border-radius: 50%;

    color: var(--gs-red);

    font-size: 10px;
    font-weight: 700;
}

#cta-ps3 .gsps3c-fat strong {
    color: #f3b2bd;
    font-weight: 600;
}


/* =========================================================
   PANEL DERECHO / TERMINAL
   ========================================================= */

#cta-ps3 .gsps3c-terminal {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.21);

    border-radius: 19px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.96),
            rgba(4, 9, 20, 0.99)
        );

    align-self: stretch;
}

#cta-ps3 .gsps3c-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 44px;

    padding: 10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.1);

    background:
        rgba(8, 18, 34, 0.76);
}

#cta-ps3 .gsps3c-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#cta-ps3 .gsps3c-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#cta-ps3
.gsps3c-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#cta-ps3
.gsps3c-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#cta-ps3
.gsps3c-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#cta-ps3 .gsps3c-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

#cta-ps3 .gsps3c-terminal-body {
    position: relative;

    padding: 22px 20px 20px;
}

#cta-ps3 .gsps3c-terminal-body::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(139, 92, 246, 0.45),
            transparent
        );

    animation:
        gsps3c-terminal-scan 4.8s ease-in-out infinite;
}

@keyframes gsps3c-terminal-scan {
    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(240px);
        opacity: 0.68;
    }
}


/* =========================================================
   TERMINAL ITEMS
   ========================================================= */

#cta-ps3 .gsps3c-terminal-line {
    display: grid;

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

    gap: 8px;

    margin-bottom: 12px;

    color: #94a9ba;

    font-size: 11px;
    line-height: 1.5;
}

#cta-ps3 .gsps3c-terminal-line:last-of-type {
    margin-bottom: 0;
}

#cta-ps3 .gsps3c-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#cta-ps3 .gsps3c-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   BADGES DEL SERVICIO
   ========================================================= */

#cta-ps3 .gsps3c-service-badges {
    display: grid;

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

    gap: 8px;

    margin-top: 21px;
}

#cta-ps3 .gsps3c-badge {
    min-width: 0;

    padding: 10px;

    border:
        1px solid rgba(92, 208, 255, 0.1);

    border-radius: 10px;

    background:
        rgba(6, 18, 31, 0.58);
}

#cta-ps3 .gsps3c-badge-label {
    display: block;

    margin-bottom: 4px;

    color: var(--badge-color);

    font-size: 9px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

#cta-ps3 .gsps3c-badge-value {
    display: block;

    color: #b8cad6;

    font-size: 10px;
    line-height: 1.45;
}

#cta-ps3 .gsps3c-badge.green {
    --badge-color: #43e58b;
}

#cta-ps3 .gsps3c-badge.cyan {
    --badge-color: #20d5f3;
}

#cta-ps3 .gsps3c-badge.violet {
    --badge-color: #a98bff;
}

#cta-ps3 .gsps3c-badge.yellow {
    --badge-color: #ffc857;
}


/* =========================================================
   PANEL DE CONTACTO
   ========================================================= */

#cta-ps3 .gsps3c-contact {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 12px;

    padding:
        0 40px 40px;
}

#cta-ps3 .gsps3c-contact-card {
    position: relative;

    min-width: 0;

    padding: 17px 16px 15px;

    border:
        1px solid rgba(92, 208, 255, 0.11);

    border-radius: 14px;

    background:
        rgba(5, 16, 29, 0.64);
}

#cta-ps3 .gsps3c-contact-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #6f899d;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#cta-ps3 .gsps3c-contact-label::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 7px rgba(32, 213, 243, 0.42);
}

#cta-ps3 .gsps3c-contact-main {
    margin: 0;

    color: #e5f3fb;

    font-size: 12px;
    line-height: 1.55;
    font-weight: 600;
}

#cta-ps3 .gsps3c-contact-sub {
    margin: 5px 0 0;

    color: #8198aa;

    font-size: 10px;
    line-height: 1.5;
}

#cta-ps3 .gsps3c-contact-link {
    color: inherit;
    text-decoration: none;
}


/* =========================================================
   MAPS BUTTON
   ========================================================= */

#cta-ps3 .gsps3c-map-link {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    margin-top: 8px;

    color: #91eaf8;

    text-decoration: none;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
}

#cta-ps3 .gsps3c-map-link::after {
    content: "→";

    transition:
        transform 0.22s ease;
}

#cta-ps3 .gsps3c-map-link:hover::after {
    transform: translateX(3px);
}



#cta-ps3 .gsps3c-btn.whatsapp .gs-global-wa-icon {
    margin-right: 0;
}

#cta-ps3 .gsps3c-btn:focus-visible,
#cta-ps3 .gsps3c-contact-link:focus-visible,
#cta-ps3 .gsps3c-map-link:focus-visible {
    outline: 3px solid rgba(32, 213, 243, 0.52);
    outline-offset: 4px;
}

#cta-ps3 .gsps3c-contact-note {
    position: relative;
    z-index: 2;

    margin: -18px 40px 0;
    padding: 13px 15px;

    border: 1px solid rgba(255, 200, 87, 0.14);
    border-radius: 12px;

    background: rgba(255, 200, 87, 0.04);

    color: #9fb1bd;

    font-size: 10px;
    line-height: 1.58;
}

#cta-ps3 .gsps3c-contact-note strong {
    color: #ffd77f;
    font-weight: 650;
}


/* =========================================================
   INDEPENDIENTE
   ========================================================= */

#cta-ps3 .gsps3c-independent {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin:
        0 40px 0;

    padding: 14px 15px;

    border-top:
        1px solid rgba(92, 208, 255, 0.08);

    color: #61798d;

    font-size: 10px;
    line-height: 1.5;

    letter-spacing: 0.035em;
}

#cta-ps3 .gsps3c-independent-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#cta-ps3 .gsps3c-independent-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}


/* =========================================================
   FRANJA FINAL
   ========================================================= */

#cta-ps3 .gsps3c-footer {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 24px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#cta-ps3 .gsps3c-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#cta-ps3 .gsps3c-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.5);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #cta-ps3 .gsps3c-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 82px;
    }

    #cta-ps3 .gsps3c-main-grid {
        grid-template-columns: 1fr;

        gap: 24px;

        padding: 32px;
    }

    #cta-ps3 .gsps3c-contact {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        padding:
            0 32px 32px;
    }

    #cta-ps3 .gsps3c-contact-note {
        margin-left: 32px;
        margin-right: 32px;
    }

    #cta-ps3 .gsps3c-independent {
        margin:
            0 32px 0;
    }
}


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

@media (max-width: 767px) {

    #cta-ps3 {
        overflow: hidden;
    }

    #cta-ps3 .gsps3c-grid {
        opacity: 0.2;

        background-size: 32px 32px;
    }

    #cta-ps3 .gsps3c-radar-a,
    #cta-ps3 .gsps3c-radar-b,
    #cta-ps3 .gsps3c-scan {
        display: none;
    }

    #cta-ps3 .gsps3c-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #cta-ps3 .gsps3c-main {
        border-radius: 19px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #cta-ps3 .gsps3c-main-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;

        padding: 24px 17px;
    }

    #cta-ps3 .gsps3c-kicker {
        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.09em;
    }

    #cta-ps3 .gsps3c-title {
        font-size:
            clamp(29px, 9.2vw, 38px);

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #cta-ps3 .gsps3c-copy {
        margin-top: 14px;

        font-size: 13px;
        line-height: 1.7;
    }

    #cta-ps3 .gsps3c-models {
        gap: 7px;

        margin-top: 18px;
    }

    #cta-ps3 .gsps3c-actions {
        display: grid;

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

        gap: 9px;

        margin-top: 22px;
    }

    #cta-ps3 .gsps3c-btn {
        width: 100%;

        min-height: 48px;

        padding: 12px 14px;
    }

    #cta-ps3 .gsps3c-fat {
        margin-top: 18px;
    }

    #cta-ps3 .gsps3c-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 16px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #cta-ps3 .gsps3c-terminal-head {
        padding: 10px 12px;
    }

    #cta-ps3 .gsps3c-terminal-name {
        font-size: 10px;
        letter-spacing: 0.05em;
    }

    #cta-ps3 .gsps3c-terminal-body {
        padding: 19px 15px 17px;
    }

    #cta-ps3 .gsps3c-terminal-body::before {
        display: none;

        animation: none;
    }

    #cta-ps3 .gsps3c-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #cta-ps3 .gsps3c-service-badges {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #cta-ps3 .gsps3c-contact {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            0 17px 20px;
    }

    #cta-ps3 .gsps3c-contact-note {
        margin: -10px 17px 0;
    }

    #cta-ps3 .gsps3c-contact-card {
        padding: 14px;
    }

    #cta-ps3 .gsps3c-independent {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin:
            0 17px;

        padding: 13px 0 0;
    }

    #cta-ps3 .gsps3c-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #cta-ps3 .gsps3c-shell {
        width: calc(100% - 24px);
    }

    #cta-ps3 .gsps3c-main-grid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #cta-ps3 .gsps3c-contact {
        padding-left: 15px;
        padding-right: 15px;
    }

    #cta-ps3 .gsps3c-contact-note {
        margin-left: 15px;
        margin-right: 15px;
    }

    #cta-ps3 .gsps3c-independent {
        margin-left: 15px;
        margin-right: 15px;
    }

    #cta-ps3 .gsps3c-model {
        width: 100%;

        justify-content: flex-start;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    #cta-ps3 *,
    #cta-ps3 *::before,
    #cta-ps3 *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    #cta-ps3 .gsps3c-scan,
    #cta-ps3 .gsps3c-terminal-body::before {
        display: none !important;
    }
}