/* =========================================================
   MODELOS PS5 — CARGA DINÁMICA
   GS Frontend Core 0.9.0
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-loading,
#modelos-alcance-ps5 .gsps5m-noscript,
#modelos-alcance-ps5 .gsps5m-load-error {
    margin: 18px 0 0;
    padding: 14px 16px;
    border: 1px solid rgba(92, 208, 255, 0.10);
    border-radius: 12px;
    background: rgba(6, 18, 31, 0.42);
    color: #7890a3;
    font-size: 11px;
    line-height: 1.55;
}

#modelos-alcance-ps5 .gsps5m-loading {
    display: flex;
    align-items: center;
    gap: 9px;
}

#modelos-alcance-ps5 .gsps5m-loading::before {
    content: "";
    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.55);
}

#modelos-alcance-ps5 .gsps5m-load-error {
    border-color: rgba(255, 99, 125, 0.18);
    color: #b9a0aa;
}

/* =========================================================
   HERO PS5 — MICROCOPY TÉCNICA FUERA DEL HTML INICIAL
   GS Frontend Core 0.8.0

   Estos textos son secundarios/decorativos y se generan desde la hoja
   de estilos del dominio. No forman parte del HTML obtenido con Ctrl+U.
   ========================================================= */

#ps5-inicio .gsps5h-stage-name::after {
    content: "GS LAB / PLATAFORMA PS5";
}

#ps5-inicio .gsps5h-stage-status::after {
    content: "Listo para diagnóstico";
}

#ps5-inicio .gsps5h-node.power::after {
    content: "Energía";
}

#ps5-inicio .gsps5h-node.hdmi::after {
    content: "HDMI";
}

#ps5-inicio .gsps5h-node.thermal::after {
    content: "Temperatura";
}

#ps5-inicio .gsps5h-node.system::after {
    content: "Sistema";
}

#ps5-inicio .gsps5h-node.storage::after {
    content: "SSD";
}

#ps5-inicio .gsps5h-node.board::after {
    content: "Placa principal";
}

#ps5-inicio .gsps5h-stage-data::after {
    content: "Plataforma visual / análisis de componentes PS5";
}

#ps5-inicio .gsps5h-terminal-name::after {
    content: "GS / Protocolo de servicio";
}

#ps5-inicio .gsps5h-terminal-step-code.code-diagnostic::after {
    content: "01 / Diagnóstico";
}

#ps5-inicio .gsps5h-terminal-step-title.title-diagnostic::after {
    content: "Sustentar una causa probable";
}

#ps5-inicio .gsps5h-terminal-step-code.code-quote::after {
    content: "02 / Presupuesto";
}

#ps5-inicio .gsps5h-terminal-step-title.title-quote::after {
    content: "Definir presupuesto tras la revisión";
}

#ps5-inicio .gsps5h-terminal-step-code.code-auth::after {
    content: "03 / Autorización";
}

#ps5-inicio .gsps5h-terminal-step-title.title-auth::after {
    content: "Reparar solo con autorización";
}

#ps5-inicio .gsps5h-footer-label::after {
    content: "GS LAB / PLATAFORMA DE DIAGNÓSTICO PLAYSTATION 5";
}

#ps5-inicio .gsps5h-footer-status::after {
    content: "Evaluación por equipo";
}

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — HERO
  
   ========================================================= */

#ps5-inicio {
    --gs-bg: #02070e;
    --gs-bg-2: #04111c;

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

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

    --gs-text: #f1faff;
    --gs-muted: #91a8bb;
    --gs-muted-2: #667f92;

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

    position: relative;

    width: 100%;
    min-height: 760px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 13% 25%,
            rgba(32, 213, 243, 0.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 84% 24%,
            rgba(50, 134, 255, 0.11),
            transparent 31%
        ),
        radial-gradient(
            circle at 72% 88%,
            rgba(139, 92, 246, 0.07),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #02070e 0%,
            #04111c 52%,
            #02070e 100%
        );

    color: var(--gs-text);

    font-family: "Poppins", system-ui, sans-serif;

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

#ps5-inicio *,
#ps5-inicio *::before,
#ps5-inicio *::after {
    box-sizing: border-box;

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


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

#ps5-inicio .gsps5h-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.30;

    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 10%,
            #000 90%,
            transparent 100%
        );

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


/* =========================================================
   BACKGROUND RADAR
   ========================================================= */

#ps5-inicio .gsps5h-radar {
    position: absolute;

    right: -175px;
    top: 80px;

    width: 540px;
    height: 540px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5h-radar-spin 40s linear infinite;
}

#ps5-inicio .gsps5h-radar::before,
#ps5-inicio .gsps5h-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#ps5-inicio .gsps5h-radar::before {
    inset: 78px;

    border:
        1px dashed rgba(50, 134, 255, 0.055);
}

#ps5-inicio .gsps5h-radar::after {
    inset: 164px;

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

@keyframes gsps5h-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#ps5-inicio .gsps5h-page-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#ps5-inicio .gsps5h-page-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 20px rgba(32, 213, 243, 0.11);

    animation:
        gsps5h-page-scan-move 10s linear infinite;
}

@keyframes gsps5h-page-scan-move {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.52;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(900px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#ps5-inicio .gsps5h-shell {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    padding: 90px 0 74px;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

#ps5-inicio .gsps5h-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.98fr)
        minmax(470px, 1.02fr);

    align-items: center;

    gap: 45px;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

#ps5-inicio .gsps5h-content {
    position: relative;
    z-index: 5;

    min-width: 0;
}


/* =========================================================
   KICKER
   ========================================================= */

#ps5-inicio .gsps5h-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

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

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

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

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

#ps5-inicio .gsps5h-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.82),
        0 0 18px rgba(32, 213, 243, 0.28);

    animation:
        gsps5h-dot-pulse 2.4s ease-in-out infinite;
}

@keyframes gsps5h-dot-pulse {

    0%,
    100% {
        opacity: 0.65;
        transform: scale(0.9);
    }

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


/* =========================================================
   TITLE
   ========================================================= */

#ps5-inicio .gsps5h-title {
    max-width: 680px;

    margin: 0;

    color: #f5fbff;

    font-size: clamp(42px, 5.5vw, 67px);
    line-height: 0.99;
    font-weight: 700;

    letter-spacing: -0.055em;
}

#ps5-inicio .gsps5h-title span {
    color: var(--gs-cyan);

    text-shadow:
        0 0 28px rgba(32, 213, 243, 0.09);
}


/* =========================================================
   INTRO
   ========================================================= */

#ps5-inicio .gsps5h-intro {
    max-width: 690px;

    margin: 21px 0 0;

    color: var(--gs-muted);

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

#ps5-inicio .gsps5h-intro strong {
    color: #dcecf6;
    font-weight: 600;
}


/* =========================================================
   TAGS
   ========================================================= */

#ps5-inicio .gsps5h-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 22px;
}

#ps5-inicio .gsps5h-tag {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    min-height: 34px;

    padding: 7px 10px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--tag-color) 17%,
            transparent
        );

    border-radius: 9px;

    background:
        color-mix(
            in srgb,
            var(--tag-color) 4%,
            rgba(5, 17, 29, 0.72)
        );

    color: #98afc0;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}

#ps5-inicio .gsps5h-tag::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--tag-color);

    box-shadow:
        0 0 7px var(--tag-color);
}

#ps5-inicio .gsps5h-tag.diagnostic {
    --tag-color: #20d5f3;
}

#ps5-inicio .gsps5h-tag.electronic {
    --tag-color: #3286ff;
}

#ps5-inicio .gsps5h-tag.authorization {
    --tag-color: #43e58b;
}


/* =========================================================
   ACTIONS
   ========================================================= */

#ps5-inicio .gsps5h-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 27px;
}

#ps5-inicio .gsps5h-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 48px;

    padding: 13px 17px;

    border-radius: 12px;

    text-decoration: none;

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

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

#ps5-inicio .gsps5h-btn:hover {
    transform: translateY(-2px);
}

#ps5-inicio .gsps5h-btn:focus-visible {
    outline: 2px solid var(--gs-cyan);
    outline-offset: 3px;
}


#ps5-inicio .gsps5h-btn.whatsapp {
    border:
        1px solid rgba(67, 229, 139, 0.30);

    background:
        linear-gradient(
            135deg,
            rgba(67, 229, 139, 0.17),
            rgba(26, 128, 75, 0.10)
        );

    color: #c2ffd7;
}

#ps5-inicio .gsps5h-btn.whatsapp:hover {
    border-color:
        rgba(67, 229, 139, 0.50);

    box-shadow:
        0 0 24px rgba(67, 229, 139, 0.08);
}

#ps5-inicio .gsps5h-btn.scope {
    border:
        1px solid rgba(32, 213, 243, 0.23);

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

    color: #c6f7ff;
}

#ps5-inicio .gsps5h-btn.scope:hover {
    border-color:
        rgba(32, 213, 243, 0.42);

    box-shadow:
        0 0 24px rgba(32, 213, 243, 0.07);
}

#ps5-inicio .gsps5h-btn-icon {
    display: grid;
    place-items: center;

    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    border:
        1px solid currentColor;

    border-radius: 50%;

    opacity: 0.74;

    font-size: 9px;
}


/* =========================================================
   NATIONAL SERVICE
   ========================================================= */

#ps5-inicio .gsps5h-national {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    max-width: 690px;

    margin-top: 19px;
    padding: 12px 13px;

    border:
        1px solid rgba(50, 134, 255, 0.13);

    border-radius: 11px;

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

    color: #9aafbd;

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

#ps5-inicio .gsps5h-national-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(50, 134, 255, 0.25);

    border-radius: 50%;

    color: #8eb7ff;

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

#ps5-inicio .gsps5h-national strong {
    color: #cfe4f1;
    font-weight: 600;
}


/* =========================================================
   TRUST
   ========================================================= */

#ps5-inicio .gsps5h-trust {
    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 8px 13px;

    margin-top: 18px;

    color: #657f92;

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

    letter-spacing: 0.03em;
}

#ps5-inicio .gsps5h-trust span {
    display: inline-flex;
    align-items: center;

    gap: 6px;
}

#ps5-inicio .gsps5h-trust span::before {
    content: "";

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--gs-cyan);

    box-shadow:
        0 0 6px rgba(32, 213, 243, 0.40);
}


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

#ps5-inicio .gsps5h-visual {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 12px;
}


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

#ps5-inicio .gsps5h-stage {
    position: relative;

    min-height: 530px;

    overflow: hidden;

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

    border-radius: 24px;

    background:
        radial-gradient(
            circle at 55% 48%,
            rgba(32, 213, 243, 0.095),
            transparent 42%
        ),
        radial-gradient(
            circle at 63% 56%,
            rgba(50, 134, 255, 0.07),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 23, 40, 0.94),
            rgba(3, 10, 19, 0.98)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 28px 70px rgba(0,0,0,0.25),
        0 0 50px rgba(32, 213, 243, 0.025);
}


/* =========================================================
   STAGE INTERNAL GRID
   ========================================================= */

#ps5-inicio .gsps5h-stage-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.33;

    background-image:
        linear-gradient(
            rgba(32, 213, 243, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.035) 1px,
            transparent 1px
        );

    background-size: 30px 30px;

    mask-image:
        radial-gradient(
            circle at center,
            #000,
            transparent 78%
        );

    -webkit-mask-image:
        radial-gradient(
            circle at center,
            #000,
            transparent 78%
        );
}


/* =========================================================
   CORNERS
   ========================================================= */

#ps5-inicio .gsps5h-corner {
    position: absolute;
    z-index: 12;

    width: 27px;
    height: 27px;

    pointer-events: none;
}

#ps5-inicio .gsps5h-corner.tl {
    left: 14px;
    top: 14px;

    border-left:
        1px solid rgba(32, 213, 243, 0.42);

    border-top:
        1px solid rgba(32, 213, 243, 0.42);
}

#ps5-inicio .gsps5h-corner.tr {
    right: 14px;
    top: 14px;

    border-right:
        1px solid rgba(32, 213, 243, 0.42);

    border-top:
        1px solid rgba(32, 213, 243, 0.42);
}

#ps5-inicio .gsps5h-corner.bl {
    left: 14px;
    bottom: 14px;

    border-left:
        1px solid rgba(139, 92, 246, 0.34);

    border-bottom:
        1px solid rgba(139, 92, 246, 0.34);
}

#ps5-inicio .gsps5h-corner.br {
    right: 14px;
    bottom: 14px;

    border-right:
        1px solid rgba(139, 92, 246, 0.34);

    border-bottom:
        1px solid rgba(139, 92, 246, 0.34);
}


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

#ps5-inicio .gsps5h-stage-head {
    position: absolute;

    left: 20px;
    right: 20px;
    top: 18px;

    z-index: 12;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

#ps5-inicio .gsps5h-stage-name {
    color: #6c8598;

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

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

#ps5-inicio .gsps5h-stage-status {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #72dea0;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}

#ps5-inicio .gsps5h-stage-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

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


/* =========================================================
   CENTRAL CORE HALO
   ========================================================= */

#ps5-inicio .gsps5h-core-halo {
    position: absolute;

    z-index: 1;

    left: 58%;
    top: 50%;

    width: 290px;
    height: 380px;

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

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(32, 213, 243, 0.13) 0%,
            rgba(50, 134, 255, 0.07) 33%,
            rgba(139, 92, 246, 0.025) 52%,
            transparent 72%
        );

    filter: blur(3px);

    animation:
        gsps5h-core-pulse 4.4s ease-in-out infinite;
}

@keyframes gsps5h-core-pulse {

    0%,
    100% {
        opacity: 0.58;
        transform:
            translate(-50%, -50%)
            scale(0.94);
    }

    50% {
        opacity: 0.92;
        transform:
            translate(-50%, -50%)
            scale(1.05);
    }
}


/* =========================================================
   ORBITS
   ========================================================= */

#ps5-inicio .gsps5h-orbit {
    position: absolute;

    z-index: 2;

    left: 57%;
    top: 50%;

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

    border-radius: 50%;

    pointer-events: none;
}

#ps5-inicio .gsps5h-orbit.one {
    width: 425px;
    height: 425px;

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

    animation:
        gsps5h-orbit-one 26s linear infinite;
}

#ps5-inicio .gsps5h-orbit.two {
    width: 345px;
    height: 345px;

    border:
        1px dashed rgba(50, 134, 255, 0.105);

    animation:
        gsps5h-orbit-two 20s linear infinite;
}

#ps5-inicio .gsps5h-orbit.three {
    width: 255px;
    height: 255px;

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

    animation:
        gsps5h-orbit-one 16s linear infinite reverse;
}

#ps5-inicio .gsps5h-orbit.one::before,
#ps5-inicio .gsps5h-orbit.two::before {
    content: "";

    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#ps5-inicio .gsps5h-orbit.one::before {
    left: 50%;
    top: -3px;

    background: var(--gs-cyan);

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

#ps5-inicio .gsps5h-orbit.two::before {
    right: 14%;
    bottom: 8%;

    background: var(--gs-blue);

    box-shadow:
        0 0 9px rgba(50, 134, 255, 0.68);
}

@keyframes gsps5h-orbit-one {

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

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

@keyframes gsps5h-orbit-two {

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

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


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

#ps5-inicio .gsps5h-console-wrap {
    position: absolute;

    z-index: 6;

    left: 54%;
    top: 51%;

    width: 430px;
    max-width: 82%;

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

    pointer-events: none;

    animation:
        gsps5h-console-float 5.7s ease-in-out infinite;
}

@keyframes gsps5h-console-float {

    0%,
    100% {
        transform:
            translate(-50%, -50%)
            translateY(0);
    }

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


/* =========================================================
   DUPLICATE GLOW IMAGES
   ========================================================= */

#ps5-inicio .gsps5h-console-glow {
    position: absolute;
    inset: 0;

    width: 100%;
    height: auto;

    display: block;

    object-fit: contain;

    opacity: 0.21;

    filter:
        blur(11px)
        brightness(1.5)
        saturate(1.5);

    transform: scale(1.02);
}

#ps5-inicio .gsps5h-console-glow.blue {
    opacity: 0.15;

    filter:
        blur(17px)
        brightness(1.4)
        saturate(1.7);

    transform:
        translateX(6px)
        scale(1.025);
}


/* =========================================================
   MAIN IMAGE
   ========================================================= */

#ps5-inicio .gsps5h-console-img {
    position: relative;
    z-index: 4;

    display: block;

    width: 100%;
    height: auto;

    max-width: none;

    object-fit: contain;

    filter:
        drop-shadow(
            0 24px 26px rgba(0, 0, 0, 0.34)
        )
        drop-shadow(
            0 0 9px rgba(32, 213, 243, 0.07)
        );

    user-select: none;
}


/* =========================================================
   LIGHT SWEEP OVER CONSOLE
   ========================================================= */

#ps5-inicio .gsps5h-console-sweep {
    position: absolute;

    z-index: 8;

    left: -35%;
    top: -22%;

    width: 22%;
    height: 145%;

    transform:
        rotate(18deg);

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(148, 224, 255, 0.11),
            rgba(255,255,255,0.18),
            rgba(50, 134, 255, 0.09),
            transparent
        );

    filter: blur(3px);

    animation:
        gsps5h-console-sweep-move 6.4s ease-in-out infinite;
}

@keyframes gsps5h-console-sweep-move {

    0%,
    18% {
        left: -40%;
        opacity: 0;
    }

    30% {
        opacity: 0.65;
    }

    68% {
        opacity: 0.25;
    }

    76%,
    100% {
        left: 125%;
        opacity: 0;
    }
}


/* =========================================================
   GROUND GLOW
   ========================================================= */

#ps5-inicio .gsps5h-ground {
    position: absolute;

    z-index: 3;

    left: 57%;
    bottom: 47px;

    width: 340px;
    height: 62px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(32, 213, 243, 0.18),
            rgba(50, 134, 255, 0.07) 42%,
            transparent 71%
        );

    filter: blur(7px);

    animation:
        gsps5h-ground-pulse 4.1s ease-in-out infinite;
}

@keyframes gsps5h-ground-pulse {

    0%,
    100% {
        opacity: 0.45;

        transform:
            translateX(-50%)
            scaleX(0.91);
    }

    50% {
        opacity: 0.78;

        transform:
            translateX(-50%)
            scaleX(1.06);
    }
}


/* =========================================================
   SIGNAL RING
   ========================================================= */

#ps5-inicio .gsps5h-signal-ring {
    position: absolute;

    z-index: 4;

    left: 57%;
    bottom: 47px;

    width: 265px;
    height: 37px;

    transform:
        translateX(-50%);

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

    border-radius: 50%;

    animation:
        gsps5h-ring-pulse 3.2s ease-in-out infinite;
}

@keyframes gsps5h-ring-pulse {

    0%,
    100% {
        opacity: 0.22;

        transform:
            translateX(-50%)
            scale(0.90);
    }

    50% {
        opacity: 0.58;

        transform:
            translateX(-50%)
            scale(1.08);
    }
}


/* =========================================================
   DIAGNOSTIC NODES
   ========================================================= */

#ps5-inicio .gsps5h-node {
    position: absolute;
    z-index: 11;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 7px 9px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--node-color) 20%,
            transparent
        );

    border-radius: 9px;

    background:
        rgba(5, 17, 29, 0.90);

    color: #8da5b6;

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

    letter-spacing: 0.04em;
    text-transform: uppercase;

    box-shadow:
        0 8px 20px rgba(0,0,0,0.16);
}

#ps5-inicio .gsps5h-node::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--node-color);

    box-shadow:
        0 0 7px var(--node-color);
}

#ps5-inicio .gsps5h-node.power {
    --node-color: #43e58b;

    left: 5%;
    top: 18%;
}

#ps5-inicio .gsps5h-node.hdmi {
    --node-color: #20d5f3;

    right: 5%;
    top: 18%;
}

#ps5-inicio .gsps5h-node.thermal {
    --node-color: #ffc857;

    left: 3%;
    top: 46%;
}

#ps5-inicio .gsps5h-node.system {
    --node-color: #8b5cf6;

    right: 3%;
    top: 46%;
}

#ps5-inicio .gsps5h-node.storage {
    --node-color: #3286ff;

    left: 6%;
    bottom: 15%;
}

#ps5-inicio .gsps5h-node.board {
    --node-color: #ff637d;

    right: 6%;
    bottom: 15%;
}


/* =========================================================
   SMALL DATA LABEL
   ========================================================= */

#ps5-inicio .gsps5h-stage-data {
    position: absolute;

    z-index: 12;

    left: 20px;
    bottom: 18px;

    display: flex;
    align-items: center;

    gap: 8px;

    color: #5f788b;

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

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

#ps5-inicio .gsps5h-stage-data::before {
    content: "";

    width: 18px;
    height: 1px;

    background:
        var(--gs-cyan);

    box-shadow:
        0 0 7px rgba(32, 213, 243, 0.40);
}


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

#ps5-inicio .gsps5h-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 18px;

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

#ps5-inicio .gsps5h-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    min-height: 42px;

    padding: 9px 13px;

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

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

#ps5-inicio .gsps5h-terminal-dots {
    display: flex;
    align-items: center;

    gap: 5px;
}

#ps5-inicio .gsps5h-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#ps5-inicio
.gsps5h-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#ps5-inicio
.gsps5h-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#ps5-inicio
.gsps5h-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#ps5-inicio .gsps5h-terminal-name {
    color: #70879b;

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

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

#ps5-inicio .gsps5h-terminal-body {
    position: relative;

    display: grid;

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

    gap: 8px;

    padding: 17px;
}

#ps5-inicio .gsps5h-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:
        gsps5h-terminal-scan 4.6s ease-in-out infinite;
}

@keyframes gsps5h-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.1;
    }

    50% {
        transform: translateY(88px);
        opacity: 0.64;
    }
}

#ps5-inicio .gsps5h-terminal-step {
    min-width: 0;

    padding: 11px 10px;

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

    border-radius: 10px;

    background:
        rgba(6, 18, 31, 0.48);
}

#ps5-inicio .gsps5h-terminal-step-code {
    display: block;

    margin-bottom: 5px;

    color: var(--step-color);

    font-size: 8.5px;
    line-height: 1.2;
    font-weight: 700;

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

#ps5-inicio .gsps5h-terminal-step-title {
    display: block;

    color: #d7eaf5;

    font-size: 10.5px;
    line-height: 1.35;
    font-weight: 600;
}

#ps5-inicio .gsps5h-terminal-step.diagnostic {
    --step-color: #20d5f3;
}

#ps5-inicio .gsps5h-terminal-step.quote {
    --step-color: #3286ff;
}

#ps5-inicio .gsps5h-terminal-step.auth {
    --step-color: #43e58b;
}


/* =========================================================
   FOOTER
   ========================================================= */

#ps5-inicio .gsps5h-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #5f788c;

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

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

#ps5-inicio .gsps5h-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #758fa2;
}

#ps5-inicio .gsps5h-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.50);
}


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

@media (max-width: 1024px) {

    #ps5-inicio {
        min-height: 0;
    }

    #ps5-inicio .gsps5h-shell {
        width: min(100% - 40px, 920px);

        padding: 78px 0 68px;
    }

    #ps5-inicio .gsps5h-main {
        grid-template-columns: 1fr;

        gap: 42px;
    }

    #ps5-inicio .gsps5h-content {
        max-width: 760px;
    }

    #ps5-inicio .gsps5h-visual {
        max-width: 720px;
    }

    #ps5-inicio .gsps5h-stage {
        min-height: 560px;
    }

    #ps5-inicio .gsps5h-console-wrap {
        width: 455px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #ps5-inicio {
        min-height: 0;

        overflow: hidden;
    }

    #ps5-inicio .gsps5h-grid {
        opacity: 0.18;

        background-size: 32px 32px;
    }

    #ps5-inicio .gsps5h-radar,
    #ps5-inicio .gsps5h-page-scan {
        display: none;
    }

    #ps5-inicio .gsps5h-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 54px;
    }

    #ps5-inicio .gsps5h-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 34px;
    }

    #ps5-inicio .gsps5h-content,
    #ps5-inicio .gsps5h-visual {
        width: 100%;
        min-width: 0;
    }

    #ps5-inicio .gsps5h-kicker {
        margin-bottom: 14px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.10em;
    }

    #ps5-inicio .gsps5h-title {
        font-size:
            clamp(38px, 12vw, 49px);

        line-height: 1.01;

        letter-spacing: -0.047em;
    }

    #ps5-inicio .gsps5h-intro {
        margin-top: 16px;

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

    #ps5-inicio .gsps5h-tags {
        margin-top: 18px;
    }

    #ps5-inicio .gsps5h-actions {
        display: grid;

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

        gap: 8px;

        margin-top: 22px;
    }

    #ps5-inicio .gsps5h-btn {
        width: 100%;
        min-width: 0;

        transform: none;
    }

    #ps5-inicio .gsps5h-btn:hover {
        transform: none;
    }

    #ps5-inicio .gsps5h-national {
        width: 100%;
        min-width: 0;

        margin-top: 16px;
    }

    #ps5-inicio .gsps5h-trust {
        gap: 7px 11px;

        margin-top: 15px;
    }

    #ps5-inicio .gsps5h-stage {
        width: 100%;
        min-width: 0;

        min-height: 465px;

        border-radius: 19px;

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

    #ps5-inicio .gsps5h-stage-grid {
        opacity: 0.22;
    }

    #ps5-inicio .gsps5h-orbit,
    #ps5-inicio .gsps5h-core-halo,
    #ps5-inicio .gsps5h-console-wrap,
    #ps5-inicio .gsps5h-ground,
    #ps5-inicio .gsps5h-signal-ring {
        animation: none;
    }

    #ps5-inicio .gsps5h-orbit.one {
        width: 325px;
        height: 325px;
    }

    #ps5-inicio .gsps5h-orbit.two {
        width: 265px;
        height: 265px;
    }

    #ps5-inicio .gsps5h-orbit.three {
        width: 205px;
        height: 205px;
    }

    #ps5-inicio .gsps5h-core-halo {
        width: 220px;
        height: 300px;
    }

    #ps5-inicio .gsps5h-console-wrap {
        left: 53%;

        width: 315px;
        max-width: 84%;
    }

    #ps5-inicio .gsps5h-console-sweep {
        display: none;

        animation: none;
    }

    #ps5-inicio .gsps5h-node {
        padding: 5px 7px;

        font-size: 7.5px;
    }

    #ps5-inicio .gsps5h-node.power {
        left: 3%;
        top: 17%;
    }

    #ps5-inicio .gsps5h-node.hdmi {
        right: 3%;
        top: 17%;
    }

    #ps5-inicio .gsps5h-node.thermal {
        left: 2%;
        top: 46%;
    }

    #ps5-inicio .gsps5h-node.system {
        right: 2%;
        top: 46%;
    }

    #ps5-inicio .gsps5h-node.storage {
        left: 4%;
        bottom: 16%;
    }

    #ps5-inicio .gsps5h-node.board {
        right: 4%;
        bottom: 16%;
    }

    #ps5-inicio .gsps5h-stage-data {
        left: 15px;

        font-size: 7px;
    }

    #ps5-inicio .gsps5h-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 16px;

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

    #ps5-inicio .gsps5h-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;

        padding: 15px 14px;
    }

    #ps5-inicio
    .gsps5h-terminal-body::before {
        display: none;

        animation: none;
    }

    #ps5-inicio .gsps5h-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 19px;
    }
}


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

@media (max-width: 390px) {

    #ps5-inicio .gsps5h-shell {
        width: calc(100% - 24px);
    }

    #ps5-inicio .gsps5h-stage {
        min-height: 440px;
    }

    #ps5-inicio .gsps5h-console-wrap {
        width: 288px;
        max-width: 83%;
    }

    #ps5-inicio .gsps5h-orbit.one {
        width: 295px;
        height: 295px;
    }

    #ps5-inicio .gsps5h-orbit.two {
        width: 242px;
        height: 242px;
    }

    #ps5-inicio .gsps5h-orbit.three {
        width: 188px;
        height: 188px;
    }

    #ps5-inicio .gsps5h-node {
        padding: 5px 6px;

        font-size: 7.2px;
    }

    #ps5-inicio .gsps5h-stage-head {
        left: 15px;
        right: 15px;
    }

    #ps5-inicio .gsps5h-terminal-body {
        padding-left: 13px;
        padding-right: 13px;
    }
}


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

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

    #ps5-inicio *,
    #ps5-inicio *::before,
    #ps5-inicio *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #ps5-inicio .gsps5h-page-scan,
    #ps5-inicio
    .gsps5h-terminal-body::before,
    #ps5-inicio .gsps5h-console-sweep {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — MODELOS Y ALCANCE
   Migrado desde Elementor · GS Frontend Core 0.3.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — MODELOS Y ALCANCE

   ========================================================= */

#modelos-alcance-ps5 {
    --gs-bg: #030811;
    --gs-bg-2: #05101b;

    --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 14% 22%,
            rgba(32, 213, 243, 0.065),
            transparent 27%
        ),
        radial-gradient(
            circle at 86% 27%,
            rgba(50, 134, 255, 0.065),
            transparent 28%
        ),
        radial-gradient(
            circle at 55% 100%,
            rgba(139, 92, 246, 0.05),
            transparent 28%
        ),
        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;
}

#modelos-alcance-ps5 *,
#modelos-alcance-ps5 *::before,
#modelos-alcance-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   GRID
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-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
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-radar {
    position: absolute;

    left: -220px;
    top: 190px;

    width: 450px;
    height: 450px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5m-radar-spin 42s linear infinite;
}

#modelos-alcance-ps5 .gsps5m-radar::before,
#modelos-alcance-ps5 .gsps5m-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#modelos-alcance-ps5 .gsps5m-radar::before {
    inset: 70px;

    border:
        1px dashed rgba(50, 134, 255, 0.05);
}

#modelos-alcance-ps5 .gsps5m-radar::after {
    inset: 144px;

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

@keyframes gsps5m-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#modelos-alcance-ps5 .gsps5m-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:
        gsps5m-page-scan 10.5s linear infinite;
}

@keyframes gsps5m-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1400px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-shell {
    position: relative;
    z-index: 2;

    width: min(
        1180px,
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#modelos-alcance-ps5 .gsps5m-heading-main {
    min-width: 0;
}

#modelos-alcance-ps5 .gsps5m-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

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

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

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

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

#modelos-alcance-ps5 .gsps5m-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.8);
}

#modelos-alcance-ps5 .gsps5m-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

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

#modelos-alcance-ps5 .gsps5m-intro {
    max-width: 810px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-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(9,31,24,0.45),
            rgba(4,13,23,0.88)
        );
}

#modelos-alcance-ps5 .gsps5m-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.25);
}

#modelos-alcance-ps5 .gsps5m-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #87edaf;

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

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

#modelos-alcance-ps5 .gsps5m-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);
}

#modelos-alcance-ps5 .gsps5m-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECHLINE
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-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;
}

#modelos-alcance-ps5 .gsps5m-techline::after {
    content: "";

    width: 104px;
    height: 1px;

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


/* =========================================================
   MODEL MATRIX
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model-grid {
    display: grid;

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

    gap: 14px;
}


/* =========================================================
   MODEL CARD
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model {
    position: relative;

    min-width: 0;

    padding: 23px 19px 19px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--model-color) 17%,
            transparent
        );

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(8,22,39,0.93),
            rgba(4,12,22,0.97)
        );

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

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

#modelos-alcance-ps5 .gsps5m-model:hover {
    transform: translateY(-4px);

    border-color:
        color-mix(
            in srgb,
            var(--model-color) 32%,
            transparent
        );

    box-shadow:
        0 18px 45px rgba(0,0,0,0.18),
        0 0 24px
        color-mix(
            in srgb,
            var(--model-color) 6%,
            transparent
        );
}

#modelos-alcance-ps5 .gsps5m-model::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 90px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--model-color),
            transparent
        );

    box-shadow:
        0 0 14px
        color-mix(
            in srgb,
            var(--model-color) 28%,
            transparent
        );
}


/* =========================================================
   MODEL SPANS
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model.original-disc,
#modelos-alcance-ps5 .gsps5m-model.original-digital {
    grid-column: span 3;
}

#modelos-alcance-ps5 .gsps5m-model.slim-disc,
#modelos-alcance-ps5 .gsps5m-model.slim-digital {
    grid-column: span 3;
}

#modelos-alcance-ps5 .gsps5m-model.pro {
    grid-column: 2 / span 4;
}


/* =========================================================
   MODEL COLORS
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model.original-disc {
    --model-color: #20d5f3;
}

#modelos-alcance-ps5 .gsps5m-model.original-digital {
    --model-color: #3286ff;
}

#modelos-alcance-ps5 .gsps5m-model.slim-disc {
    --model-color: #43e58b;
}

#modelos-alcance-ps5 .gsps5m-model.slim-digital {
    --model-color: #8b5cf6;
}

#modelos-alcance-ps5 .gsps5m-model.pro {
    --model-color: #ffc857;
}


/* =========================================================
   CARD HEADER
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 15px;
}

#modelos-alcance-ps5 .gsps5m-model-code {
    color:
        color-mix(
            in srgb,
            var(--model-color) 78%,
            white
        );

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#modelos-alcance-ps5 .gsps5m-support {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    flex-shrink: 0;

    padding: 5px 7px;

    border:
        1px solid rgba(67,229,139,0.16);

    border-radius: 999px;

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

    color: #7ce6a4;

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

#modelos-alcance-ps5 .gsps5m-support::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

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


/* =========================================================
   MODEL CONTENT
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model-platform {
    margin: 0 0 5px;

    color: #71889b;

    font-size: 9px;
    line-height: 1.35;
    font-weight: 600;

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

#modelos-alcance-ps5 .gsps5m-model-title {
    margin: 0;

    color: #edf8ff;

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

#modelos-alcance-ps5 .gsps5m-model-copy {
    margin: 11px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   MODEL CHIPS
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model-chips {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 14px;
}

#modelos-alcance-ps5 .gsps5m-model-chip {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--model-color) 13%,
            transparent
        );

    border-radius: 8px;

    background:
        color-mix(
            in srgb,
            var(--model-color) 3%,
            rgba(6,18,31,0.58)
        );

    color: #8097a9;

    font-size: 8px;
    line-height: 1.25;
    font-weight: 600;
}

#modelos-alcance-ps5 .gsps5m-model-chip::before {
    content: "";

    width: 4px;
    height: 4px;

    flex: 0 0 4px;

    border-radius: 50%;

    background: var(--model-color);
}


/* =========================================================
   MODEL CHECKS
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-checks {
    display: grid;

    gap: 7px;

    margin-top: 17px;
}

#modelos-alcance-ps5 .gsps5m-check {
    display: grid;

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

    gap: 7px;

    align-items: start;

    color: #7890a3;

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

#modelos-alcance-ps5 .gsps5m-check::before {
    content: "✓";

    display: grid;
    place-items: center;

    width: 16px;
    height: 16px;

    margin-top: 1px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--model-color) 23%,
            transparent
        );

    border-radius: 50%;

    color: var(--model-color);

    font-size: 8px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================================
   CARD FOOTER
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-model-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-top: 18px;
    padding-top: 13px;

    border-top:
        1px solid rgba(92,208,255,0.07);

    color: #60788b;

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

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

#modelos-alcance-ps5 .gsps5m-model-footer span:last-child {
    color:
        color-mix(
            in srgb,
            var(--model-color) 70%,
            #8498a8
        );
}


/* =========================================================
   LOWER AREA
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(350px, 0.94fr);

    gap: 18px;

    margin-top: 20px;
}


/* =========================================================
   CRITERIA PANEL
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-criteria {
    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)
        );
}

#modelos-alcance-ps5 .gsps5m-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 5% 8%,
            rgba(32,213,243,0.075),
            transparent 29%
        );
}

#modelos-alcance-ps5 .gsps5m-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;
}

#modelos-alcance-ps5 .gsps5m-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#modelos-alcance-ps5 .gsps5m-panel-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #f2faff;

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

#modelos-alcance-ps5 .gsps5m-panel-copy {
    position: relative;
    z-index: 2;

    margin: 10px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   FACTORS
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-factor-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 20px;
}

#modelos-alcance-ps5 .gsps5m-factor {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91,197,255,0.09);

    border-radius: 11px;

    background:
        rgba(6,18,31,0.55);
}

#modelos-alcance-ps5 .gsps5m-factor-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#modelos-alcance-ps5 .gsps5m-factor-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--factor-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--factor-color) 44%,
            transparent
        );
}

#modelos-alcance-ps5 .gsps5m-factor.model {
    --factor-color: #20d5f3;
}

#modelos-alcance-ps5 .gsps5m-factor.fault {
    --factor-color: #3286ff;
}

#modelos-alcance-ps5 .gsps5m-factor.condition {
    --factor-color: #ffc857;
}

#modelos-alcance-ps5 .gsps5m-factor.previous {
    --factor-color: #ff9f43;
}

#modelos-alcance-ps5 .gsps5m-factor.compatibility {
    --factor-color: #8b5cf6;
}

#modelos-alcance-ps5 .gsps5m-factor.parts {
    --factor-color: #43e58b;
}

#modelos-alcance-ps5 .gsps5m-factor-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#modelos-alcance-ps5 .gsps5m-factor-copy {
    margin: 0;

    color: #7890a3;

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


/* =========================================================
   WARNING
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#modelos-alcance-ps5 .gsps5m-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;
}


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

#modelos-alcance-ps5 .gsps5m-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#modelos-alcance-ps5 .gsps5m-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.10);

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

#modelos-alcance-ps5 .gsps5m-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#modelos-alcance-ps5 .gsps5m-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

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

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

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

#modelos-alcance-ps5 .gsps5m-terminal-name {
    color: #71889d;

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

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

#modelos-alcance-ps5 .gsps5m-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#modelos-alcance-ps5
.gsps5m-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:
        gsps5m-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5m-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(290px);
        opacity: 0.68;
    }
}

#modelos-alcance-ps5 .gsps5m-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;
}

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

#modelos-alcance-ps5 .gsps5m-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#modelos-alcance-ps5 .gsps5m-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67,229,139,0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#modelos-alcance-ps5 .gsps5m-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67,229,139,0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#modelos-alcance-ps5 .gsps5m-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;
}

#modelos-alcance-ps5 .gsps5m-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#modelos-alcance-ps5 .gsps5m-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) {

    #modelos-alcance-ps5 .gsps5m-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #modelos-alcance-ps5 .gsps5m-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #modelos-alcance-ps5 .gsps5m-status {
        max-width: 650px;
    }

    #modelos-alcance-ps5 .gsps5m-model-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #modelos-alcance-ps5 .gsps5m-model,
    #modelos-alcance-ps5 .gsps5m-model.original-disc,
    #modelos-alcance-ps5 .gsps5m-model.original-digital,
    #modelos-alcance-ps5 .gsps5m-model.slim-disc,
    #modelos-alcance-ps5 .gsps5m-model.slim-digital {
        grid-column: auto;
    }

    #modelos-alcance-ps5 .gsps5m-model.pro {
        grid-column: 1 / -1;
    }

    #modelos-alcance-ps5 .gsps5m-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

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

    #modelos-alcance-ps5 .gsps5m-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #modelos-alcance-ps5 .gsps5m-radar,
    #modelos-alcance-ps5 .gsps5m-scan {
        display: none;
    }

    #modelos-alcance-ps5 .gsps5m-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #modelos-alcance-ps5 .gsps5m-heading {
        display: block;

        margin-bottom: 31px;
    }

    #modelos-alcance-ps5 .gsps5m-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #modelos-alcance-ps5 .gsps5m-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

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

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #modelos-alcance-ps5 .gsps5m-intro {
        margin-top: 14px;

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

    #modelos-alcance-ps5 .gsps5m-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #modelos-alcance-ps5
    .gsps5m-techline::after {
        width: 55px;
    }

    #modelos-alcance-ps5 .gsps5m-model-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #modelos-alcance-ps5 .gsps5m-model,
    #modelos-alcance-ps5 .gsps5m-model.original-disc,
    #modelos-alcance-ps5 .gsps5m-model.original-digital,
    #modelos-alcance-ps5 .gsps5m-model.slim-disc,
    #modelos-alcance-ps5 .gsps5m-model.slim-digital,
    #modelos-alcance-ps5 .gsps5m-model.pro {
        grid-column: auto;

        width: 100%;
        min-width: 0;

        padding: 20px 17px 18px;

        border-radius: 17px;

        transform: none;

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

    #modelos-alcance-ps5 .gsps5m-model:hover {
        transform: none;
    }

    #modelos-alcance-ps5 .gsps5m-model-title {
        font-size: 18px;
    }

    #modelos-alcance-ps5 .gsps5m-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #modelos-alcance-ps5 .gsps5m-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #modelos-alcance-ps5 .gsps5m-panel-title {
        font-size: 20px;
    }

    #modelos-alcance-ps5 .gsps5m-factor-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #modelos-alcance-ps5 .gsps5m-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #modelos-alcance-ps5 .gsps5m-terminal-head {
        padding: 10px 12px;
    }

    #modelos-alcance-ps5 .gsps5m-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #modelos-alcance-ps5 .gsps5m-terminal-body {
        padding: 19px 15px 17px;
    }

    #modelos-alcance-ps5
    .gsps5m-terminal-body::before {
        display: none;

        animation: none;
    }

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

        gap: 7px;

        font-size: 11px;
    }

    #modelos-alcance-ps5 .gsps5m-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

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

    #modelos-alcance-ps5 .gsps5m-model,
    #modelos-alcance-ps5 .gsps5m-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #modelos-alcance-ps5 .gsps5m-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

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

    #modelos-alcance-ps5 .gsps5m-scan,
    #modelos-alcance-ps5
    .gsps5m-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — FALLAS COMUNES
   Componente GS Frontend Core 0.6.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — FALLAS COMUNES
   CSS ID ELEMENTOR: fallas-ps5
   ========================================================= */

#fallas-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 23%,
            rgba(32, 213, 243, 0.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 89% 26%,
            rgba(139, 92, 246, 0.065),
            transparent 29%
        ),
        radial-gradient(
            circle at 72% 92%,
            rgba(50, 134, 255, 0.055),
            transparent 27%
        ),
        radial-gradient(
            circle at 23% 88%,
            rgba(255, 99, 125, 0.025),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 51%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#fallas-ps5 *,
#fallas-ps5 *::before,
#fallas-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

#fallas-ps5 .gsps5f-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
   ========================================================= */

#fallas-ps5 .gsps5f-radar {
    position: absolute;

    right: -225px;
    top: 185px;

    width: 455px;
    height: 455px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5f-radar-spin 44s linear infinite;
}

#fallas-ps5 .gsps5f-radar::before,
#fallas-ps5 .gsps5f-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#fallas-ps5 .gsps5f-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);
}

#fallas-ps5 .gsps5f-radar::after {
    inset: 148px;

    border:
        1px solid rgba(50, 134, 255, 0.05);
}

@keyframes gsps5f-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#fallas-ps5 .gsps5f-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#fallas-ps5 .gsps5f-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:
        gsps5f-page-scan 10.5s linear infinite;
}

@keyframes gsps5f-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.50;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1500px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#fallas-ps5 .gsps5f-shell {
    position: relative;
    z-index: 2;

    width: min(
        1180px,
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADING
   ========================================================= */

#fallas-ps5 .gsps5f-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#fallas-ps5 .gsps5f-heading-main {
    min-width: 0;
}

#fallas-ps5 .gsps5f-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

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

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

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

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

#fallas-ps5 .gsps5f-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.82),
        0 0 17px rgba(32, 213, 243, 0.24);
}

#fallas-ps5 .gsps5f-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

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

#fallas-ps5 .gsps5f-intro {
    max-width: 810px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#fallas-ps5 .gsps5f-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(22, 15, 43, 0.46),
            rgba(4, 13, 23, 0.88)
        );
}

#fallas-ps5 .gsps5f-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

    box-shadow:
        0 0 12px rgba(139, 92, 246, 0.27);
}

#fallas-ps5 .gsps5f-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #baa9fa;

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

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

#fallas-ps5 .gsps5f-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, 0.55);
}

#fallas-ps5 .gsps5f-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECHLINE
   ========================================================= */

#fallas-ps5 .gsps5f-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-ps5 .gsps5f-techline::after {
    content: "";

    width: 104px;
    height: 1px;

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


/* =========================================================
   FAULT MATRIX
   ========================================================= */

#fallas-ps5 .gsps5f-matrix {
    display: grid;

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

    gap: 14px;
}


/* =========================================================
   FAULT CARD
   ========================================================= */

#fallas-ps5 .gsps5f-card {
    position: relative;

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

    padding: 23px 19px 20px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--fault-color) 18%,
            transparent
        );

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.93),
            rgba(4, 12, 22, 0.97)
        );

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

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

#fallas-ps5 .gsps5f-card:hover {
    transform: translateY(-4px);

    border-color:
        color-mix(
            in srgb,
            var(--fault-color) 33%,
            transparent
        );

    box-shadow:
        0 18px 45px rgba(0,0,0,0.18),
        0 0 25px
        color-mix(
            in srgb,
            var(--fault-color) 6%,
            transparent
        );
}

#fallas-ps5 .gsps5f-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 90px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--fault-color),
            transparent
        );

    box-shadow:
        0 0 14px
        color-mix(
            in srgb,
            var(--fault-color) 28%,
            transparent
        );
}

#fallas-ps5 .gsps5f-card::after {
    content: "";

    position: absolute;

    right: -55px;
    top: -55px;

    width: 130px;
    height: 130px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--fault-color) 7%,
            transparent
        );

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   GRID SPANS
   FIRST ROW = 4
   SECOND ROW = 3
   ========================================================= */

#fallas-ps5 .gsps5f-card.power,
#fallas-ps5 .gsps5f-card.video,
#fallas-ps5 .gsps5f-card.disc,
#fallas-ps5 .gsps5f-card.thermal {
    grid-column: span 3;
}

#fallas-ps5 .gsps5f-card.system,
#fallas-ps5 .gsps5f-card.connectivity,
#fallas-ps5 .gsps5f-card.board {
    grid-column: span 4;
}


/* =========================================================
   COLORS
   ========================================================= */

#fallas-ps5 .gsps5f-card.power {
    --fault-color: #ff637d;
}

#fallas-ps5 .gsps5f-card.video {
    --fault-color: #20d5f3;
}

#fallas-ps5 .gsps5f-card.disc {
    --fault-color: #3286ff;
}

#fallas-ps5 .gsps5f-card.thermal {
    --fault-color: #ffc857;
}

#fallas-ps5 .gsps5f-card.system {
    --fault-color: #8b5cf6;
}

#fallas-ps5 .gsps5f-card.connectivity {
    --fault-color: #43e58b;
}

#fallas-ps5 .gsps5f-card.board {
    --fault-color: #ff9f43;
}


/* =========================================================
   CARD TOP
   ========================================================= */

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

    gap: 12px;

    margin-bottom: 17px;
}

#fallas-ps5 .gsps5f-card-code {
    color:
        color-mix(
            in srgb,
            var(--fault-color) 78%,
            white
        );

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

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

#fallas-ps5 .gsps5f-card-state {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    flex-shrink: 0;

    padding: 5px 7px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--fault-color) 15%,
            transparent
        );

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--fault-color) 3%,
            transparent
        );

    color:
        color-mix(
            in srgb,
            var(--fault-color) 74%,
            #9cb0be
        );

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

#fallas-ps5 .gsps5f-card-state::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--fault-color);

    box-shadow:
        0 0 6px var(--fault-color);
}


/* =========================================================
   ICON
   ========================================================= */

#fallas-ps5 .gsps5f-icon {
    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;

    margin-bottom: 14px;

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

    border-radius: 12px;

    background:
        color-mix(
            in srgb,
            var(--fault-color) 5%,
            transparent
        );

    color: var(--fault-color);

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

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


/* =========================================================
   CARD TEXT
   ========================================================= */

#fallas-ps5 .gsps5f-card-category {
    margin: 0 0 5px;

    color: #71889b;

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

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

#fallas-ps5 .gsps5f-card-title {
    margin: 0;

    color: #eef8ff;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}

#fallas-ps5 .gsps5f-card-copy {
    margin: 9px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   SYMPTOM TAGS
   ========================================================= */

#fallas-ps5 .gsps5f-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 15px;
}

#fallas-ps5 .gsps5f-tag {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    padding: 5px 7px;

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

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.48);

    color: #758da0;

    font-size: 9px;
    line-height: 1.25;
    font-weight: 500;
}


/* =========================================================
   CARD FOOTER
   ========================================================= */

#fallas-ps5 .gsps5f-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

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

    border-top:
        1px solid rgba(92, 208, 255, 0.07);

    color: #5f778a;

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

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

#fallas-ps5 .gsps5f-card-footer span:last-child {
    color:
        color-mix(
            in srgb,
            var(--fault-color) 65%,
            #778b98
        );
}


/* =========================================================
   ANALYSIS SECTION
   ========================================================= */

#fallas-ps5 .gsps5f-analysis {
    display: grid;

    grid-template-columns:
        minmax(0, 1.07fr)
        minmax(360px, 0.93fr);

    gap: 18px;

    margin-top: 20px;
}


/* =========================================================
   INTERPRETATION PANEL
   ========================================================= */

#fallas-ps5 .gsps5f-interpretation {
    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)
        );
}

#fallas-ps5 .gsps5f-interpretation::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#fallas-ps5 .gsps5f-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;
}

#fallas-ps5 .gsps5f-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#fallas-ps5 .gsps5f-panel-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #f2faff;

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

#fallas-ps5 .gsps5f-panel-copy {
    position: relative;
    z-index: 2;

    margin: 10px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   DIAGNOSTIC FLOW
   ========================================================= */

#fallas-ps5 .gsps5f-flow {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#fallas-ps5 .gsps5f-flow-step {
    position: relative;

    min-width: 0;

    padding: 14px 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--flow-color) 14%,
            transparent
        );

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.54);
}

#fallas-ps5 .gsps5f-flow-step.one {
    --flow-color: #20d5f3;
}

#fallas-ps5 .gsps5f-flow-step.two {
    --flow-color: #3286ff;
}

#fallas-ps5 .gsps5f-flow-step.three {
    --flow-color: #8b5cf6;
}

#fallas-ps5 .gsps5f-flow-step.four {
    --flow-color: #43e58b;
}

#fallas-ps5
.gsps5f-flow-step:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -8px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.45);

    font-size: 17px;
    line-height: 1;
}

#fallas-ps5 .gsps5f-flow-code {
    display: block;

    margin-bottom: 6px;

    color: var(--flow-color);

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#fallas-ps5 .gsps5f-flow-title {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#fallas-ps5 .gsps5f-flow-copy {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WARNING
   ========================================================= */

#fallas-ps5 .gsps5f-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#fallas-ps5 .gsps5f-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;
}


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

#fallas-ps5 .gsps5f-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#fallas-ps5 .gsps5f-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.10);

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

#fallas-ps5 .gsps5f-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#fallas-ps5 .gsps5f-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

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

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

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

#fallas-ps5 .gsps5f-terminal-name {
    color: #71889d;

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

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

#fallas-ps5 .gsps5f-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#fallas-ps5
.gsps5f-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:
        gsps5f-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5f-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(300px);
        opacity: 0.68;
    }
}

#fallas-ps5 .gsps5f-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;
}

#fallas-ps5
.gsps5f-terminal-line:last-child {
    margin-bottom: 0;
}

#fallas-ps5 .gsps5f-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#fallas-ps5 .gsps5f-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#fallas-ps5 .gsps5f-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#fallas-ps5 .gsps5f-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#fallas-ps5 .gsps5f-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-ps5 .gsps5f-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#fallas-ps5 .gsps5f-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) {

    #fallas-ps5 .gsps5f-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #fallas-ps5 .gsps5f-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #fallas-ps5 .gsps5f-status {
        max-width: 650px;
    }

    #fallas-ps5 .gsps5f-matrix {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-ps5 .gsps5f-card,
    #fallas-ps5 .gsps5f-card.power,
    #fallas-ps5 .gsps5f-card.video,
    #fallas-ps5 .gsps5f-card.disc,
    #fallas-ps5 .gsps5f-card.thermal,
    #fallas-ps5 .gsps5f-card.system,
    #fallas-ps5 .gsps5f-card.connectivity {
        grid-column: auto;
    }

    #fallas-ps5 .gsps5f-card.board {
        grid-column: 1 / -1;
    }

    #fallas-ps5 .gsps5f-analysis {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #fallas-ps5 {
        overflow: hidden;
    }

    #fallas-ps5 .gsps5f-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #fallas-ps5 .gsps5f-radar,
    #fallas-ps5 .gsps5f-scan {
        display: none;
    }

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

        padding: 62px 0 66px;
    }

    #fallas-ps5 .gsps5f-heading {
        display: block;

        margin-bottom: 31px;
    }

    #fallas-ps5 .gsps5f-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #fallas-ps5 .gsps5f-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

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

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #fallas-ps5 .gsps5f-intro {
        margin-top: 14px;

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

    #fallas-ps5 .gsps5f-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #fallas-ps5
    .gsps5f-techline::after {
        width: 55px;
    }

    #fallas-ps5 .gsps5f-matrix {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #fallas-ps5 .gsps5f-card,
    #fallas-ps5 .gsps5f-card.power,
    #fallas-ps5 .gsps5f-card.video,
    #fallas-ps5 .gsps5f-card.disc,
    #fallas-ps5 .gsps5f-card.thermal,
    #fallas-ps5 .gsps5f-card.system,
    #fallas-ps5 .gsps5f-card.connectivity,
    #fallas-ps5 .gsps5f-card.board {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 20px 17px 18px;

        border-radius: 17px;

        transform: none;

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

    #fallas-ps5 .gsps5f-card:hover {
        transform: none;
    }

    #fallas-ps5 .gsps5f-card-title {
        font-size: 17px;
    }

    #fallas-ps5 .gsps5f-analysis {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #fallas-ps5 .gsps5f-interpretation {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #fallas-ps5 .gsps5f-panel-title {
        font-size: 20px;
    }

    #fallas-ps5 .gsps5f-flow {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #fallas-ps5
    .gsps5f-flow-step:not(:last-child)::after {
        display: none;
    }

    #fallas-ps5 .gsps5f-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #fallas-ps5 .gsps5f-terminal-head {
        padding: 10px 12px;
    }

    #fallas-ps5 .gsps5f-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #fallas-ps5 .gsps5f-terminal-body {
        padding: 19px 15px 17px;
    }

    #fallas-ps5
    .gsps5f-terminal-body::before {
        display: none;

        animation: none;
    }

    #fallas-ps5 .gsps5f-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #fallas-ps5 .gsps5f-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #fallas-ps5 .gsps5f-shell {
        width: calc(100% - 24px);
    }

    #fallas-ps5 .gsps5f-card,
    #fallas-ps5 .gsps5f-interpretation {
        padding-left: 15px;
        padding-right: 15px;
    }

    #fallas-ps5 .gsps5f-card-top {
        gap: 8px;
    }

    #fallas-ps5 .gsps5f-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #fallas-ps5 *,
    #fallas-ps5 *::before,
    #fallas-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #fallas-ps5 .gsps5f-scan,
    #fallas-ps5
    .gsps5f-terminal-body::before {
        display: none !important;
    }
}

/* Carga progresiva del contenido técnico del componente. */
#fallas-ps5 .gsps5f-dynamic {
    min-width: 0;
}

#fallas-ps5 .gsps5f-loading,
#fallas-ps5 .gsps5f-noscript,
#fallas-ps5 .gsps5f-load-error {
    margin: 20px 0 0;
    padding: 15px 17px;
    border: 1px solid var(--gs-border-soft);
    border-radius: var(--gs-radius-md);
    background: rgba(6, 18, 31, 0.48);
    color: var(--gs-muted);
    font-size: 11px;
    line-height: 1.6;
}

#fallas-ps5 .gsps5f-loading::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--gs-cyan);
    box-shadow: 0 0 8px rgba(32, 213, 243, 0.55);
}

/* =========================================================
   PLAYSTATION 5 — HDMI Y VIDEO
   Migrado a GS Frontend Core 0.10.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — HDMI Y VIDEO
  
   ========================================================= */

#hdmi-video-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 11% 22%,
            rgba(32, 213, 243, 0.075),
            transparent 28%
        ),
        radial-gradient(
            circle at 86% 28%,
            rgba(50, 134, 255, 0.075),
            transparent 29%
        ),
        radial-gradient(
            circle at 77% 90%,
            rgba(139, 92, 246, 0.05),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#hdmi-video-ps5 *,
#hdmi-video-ps5 *::before,
#hdmi-video-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   GRID
   ========================================================= */

#hdmi-video-ps5 .gsps5v-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
   ========================================================= */

#hdmi-video-ps5 .gsps5v-radar {
    position: absolute;

    right: -225px;
    top: 180px;

    width: 455px;
    height: 455px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5v-radar-spin 42s linear infinite;
}

#hdmi-video-ps5 .gsps5v-radar::before,
#hdmi-video-ps5 .gsps5v-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#hdmi-video-ps5 .gsps5v-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(50, 134, 255, 0.05);
}

#hdmi-video-ps5 .gsps5v-radar::after {
    inset: 148px;

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

@keyframes gsps5v-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#hdmi-video-ps5 .gsps5v-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#hdmi-video-ps5 .gsps5v-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:
        gsps5v-page-scan 10.5s linear infinite;
}

@keyframes gsps5v-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.5;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1450px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#hdmi-video-ps5 .gsps5v-shell {
    position: relative;
    z-index: 2;

    width: min(
        1180px,
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#hdmi-video-ps5 .gsps5v-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#hdmi-video-ps5 .gsps5v-heading-main {
    min-width: 0;
}

#hdmi-video-ps5 .gsps5v-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

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

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

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

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

#hdmi-video-ps5 .gsps5v-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.82),
        0 0 17px rgba(32, 213, 243, 0.24);
}

#hdmi-video-ps5 .gsps5v-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#hdmi-video-ps5 .gsps5v-title span {
    color: var(--gs-cyan);
}

#hdmi-video-ps5 .gsps5v-intro {
    max-width: 820px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#hdmi-video-ps5 .gsps5v-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 29, 40, 0.46),
            rgba(4, 13, 23, 0.88)
        );
}

#hdmi-video-ps5 .gsps5v-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.28);
}

#hdmi-video-ps5 .gsps5v-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #9defff;

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

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

#hdmi-video-ps5 .gsps5v-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

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

#hdmi-video-ps5 .gsps5v-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECHLINE
   ========================================================= */

#hdmi-video-ps5 .gsps5v-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;
}

#hdmi-video-ps5 .gsps5v-techline::after {
    content: "";

    width: 104px;
    height: 1px;

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


/* =========================================================
   SIGNAL ROUTE PANEL
   ========================================================= */

#hdmi-video-ps5 .gsps5v-route-panel {
    position: relative;

    padding: 30px 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);
}

#hdmi-video-ps5 .gsps5v-route-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(32, 213, 243, 0.065),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(50, 134, 255, 0.055),
            transparent 30%
        );
}

#hdmi-video-ps5 .gsps5v-route-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#hdmi-video-ps5 .gsps5v-route-title {
    margin: 0;

    color: #f1faff;

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

#hdmi-video-ps5 .gsps5v-route-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.045);

    color: #9beeff;

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

#hdmi-video-ps5 .gsps5v-route-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);
}


/* =========================================================
   ROUTE
   ========================================================= */

#hdmi-video-ps5 .gsps5v-route {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 14px;
}

#hdmi-video-ps5 .gsps5v-stage {
    position: relative;

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

    padding: 17px 13px 15px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 17%,
            transparent
        );

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.70);
}

#hdmi-video-ps5
.gsps5v-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -13px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color:
        rgba(32, 213, 243, 0.58);

    font-size: 22px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.24);
}

#hdmi-video-ps5 .gsps5v-stage.startup {
    --stage-color: #43e58b;
}

#hdmi-video-ps5 .gsps5v-stage.generate {
    --stage-color: #3286ff;
}

#hdmi-video-ps5 .gsps5v-stage.route {
    --stage-color: #8b5cf6;
}

#hdmi-video-ps5 .gsps5v-stage.port {
    --stage-color: #20d5f3;
}

#hdmi-video-ps5 .gsps5v-stage.output {
    --stage-color: #43e58b;
}

#hdmi-video-ps5 .gsps5v-stage-code {
    margin-bottom: 13px;

    color: #557087;

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

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

#hdmi-video-ps5 .gsps5v-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--stage-color) 6%,
            transparent
        );

    color: var(--stage-color);

    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}

#hdmi-video-ps5 .gsps5v-stage-title {
    margin: 0 0 6px;

    color: #eaf8ff;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

#hdmi-video-ps5 .gsps5v-stage-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   SIGNAL FLOW
   ========================================================= */

#hdmi-video-ps5 .gsps5v-signal-line {
    position: relative;
    z-index: 2;

    height: 2px;

    margin: 25px 2px 6px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(67,229,139,0.30),
            rgba(50,134,255,0.38),
            rgba(139,92,246,0.40),
            rgba(32,213,243,0.45),
            rgba(67,229,139,0.30)
        );
}

#hdmi-video-ps5 .gsps5v-signal-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 16%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.88),
            transparent
        );

    box-shadow:
        0 0 10px rgba(32, 213, 243, 0.36);

    animation:
        gsps5v-signal-move 3.6s linear infinite;
}

@keyframes gsps5v-signal-move {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(740%);
    }
}


/* =========================================================
   MIDDLE
   ========================================================= */

#hdmi-video-ps5 .gsps5v-middle {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   GENERIC PANEL
   ========================================================= */

#hdmi-video-ps5 .gsps5v-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

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

#hdmi-video-ps5 .gsps5v-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#hdmi-video-ps5 .gsps5v-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;
}

#hdmi-video-ps5 .gsps5v-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#hdmi-video-ps5 .gsps5v-panel-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

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

#hdmi-video-ps5 .gsps5v-panel-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

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


/* =========================================================
   SYMPTOMS
   ========================================================= */

#hdmi-video-ps5 .gsps5v-symptom-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 20px;
}

#hdmi-video-ps5 .gsps5v-symptom {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#hdmi-video-ps5 .gsps5v-symptom-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#hdmi-video-ps5 .gsps5v-symptom-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--symptom-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--symptom-color) 44%,
            transparent
        );
}

#hdmi-video-ps5 .gsps5v-symptom.cyan {
    --symptom-color: #20d5f3;
}

#hdmi-video-ps5 .gsps5v-symptom.blue {
    --symptom-color: #3286ff;
}

#hdmi-video-ps5 .gsps5v-symptom.violet {
    --symptom-color: #8b5cf6;
}

#hdmi-video-ps5 .gsps5v-symptom.yellow {
    --symptom-color: #ffc857;
}

#hdmi-video-ps5 .gsps5v-symptom.red {
    --symptom-color: #ff637d;
}

#hdmi-video-ps5 .gsps5v-symptom.green {
    --symptom-color: #43e58b;
}

#hdmi-video-ps5 .gsps5v-symptom-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#hdmi-video-ps5 .gsps5v-symptom-copy {
    margin: 0;

    color: #7890a3;

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


/* =========================================================
   HDMI PORT PANEL
   ========================================================= */

#hdmi-video-ps5 .gsps5v-port-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 24, 38, 0.58),
            rgba(4, 12, 22, 0.97)
        );
}


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

#hdmi-video-ps5 .gsps5v-port-visual {
    position: relative;

    min-height: 285px;

    margin-top: 20px;

    display: grid;
    place-items: center;

    overflow: hidden;

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

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(32, 213, 243, 0.08),
            transparent 48%
        ),
        rgba(3, 12, 22, 0.64);
}


/* =========================================================
   HDMI ABSTRACT PORT
   ========================================================= */

#hdmi-video-ps5 .gsps5v-port-shape {
    position: relative;
    z-index: 4;

    width: 210px;
    height: 92px;

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

    border-radius: 13px 13px 22px 22px;

    background:
        linear-gradient(
            180deg,
            rgba(15, 36, 54, 0.95),
            rgba(5, 15, 27, 0.97)
        );

    box-shadow:
        inset 0 0 25px rgba(32, 213, 243, 0.03),
        0 0 30px rgba(32, 213, 243, 0.05);
}

#hdmi-video-ps5 .gsps5v-port-shape::before {
    content: "";

    position: absolute;

    left: 20px;
    right: 20px;
    top: 23px;

    height: 40px;

    border:
        1px solid rgba(148, 194, 219, 0.15);

    border-radius: 6px 6px 12px 12px;

    background:
        linear-gradient(
            180deg,
            rgba(1, 7, 13, 0.96),
            rgba(8, 18, 28, 0.96)
        );
}

#hdmi-video-ps5 .gsps5v-port-pins {
    position: absolute;

    z-index: 5;

    left: 50%;
    top: 49%;

    width: 132px;
    height: 20px;

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

    display: grid;

    grid-template-columns:
        repeat(10, 1fr);

    gap: 5px;
}

#hdmi-video-ps5 .gsps5v-port-pins span {
    height: 2px;

    border-radius: 999px;

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

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

    animation:
        gsps5v-pin-pulse 2.8s ease-in-out infinite;
}

#hdmi-video-ps5
.gsps5v-port-pins span:nth-child(2n) {
    animation-delay: 0.35s;
}

#hdmi-video-ps5
.gsps5v-port-pins span:nth-child(3n) {
    animation-delay: 0.7s;
}

@keyframes gsps5v-pin-pulse {

    0%,
    100% {
        opacity: 0.28;
    }

    50% {
        opacity: 0.86;
    }
}


/* =========================================================
   SIGNAL WAVE
   ========================================================= */

#hdmi-video-ps5 .gsps5v-wave {
    position: absolute;

    z-index: 2;

    left: 50%;
    top: 50%;

    width: 300px;
    height: 150px;

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

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

    border-radius: 50%;

    animation:
        gsps5v-wave-pulse 3.5s ease-in-out infinite;
}

#hdmi-video-ps5 .gsps5v-wave::before {
    content: "";

    position: absolute;

    inset: 24px;

    border:
        1px dashed rgba(50, 134, 255, 0.08);

    border-radius: 50%;
}

@keyframes gsps5v-wave-pulse {

    0%,
    100% {
        opacity: 0.35;

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

    50% {
        opacity: 0.72;

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


/* =========================================================
   PORT LABELS
   ========================================================= */

#hdmi-video-ps5 .gsps5v-port-label {
    position: absolute;
    z-index: 6;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--label-color) 17%,
            transparent
        );

    border-radius: 8px;

    background:
        rgba(5, 16, 29, 0.87);

    color: #8ea5b5;

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

#hdmi-video-ps5 .gsps5v-port-label::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--label-color);

    box-shadow:
        0 0 6px var(--label-color);
}

#hdmi-video-ps5 .gsps5v-port-label.physical {
    --label-color: #20d5f3;

    left: 7%;
    top: 16%;
}

#hdmi-video-ps5 .gsps5v-port-label.board {
    --label-color: #8b5cf6;

    right: 7%;
    top: 16%;
}

#hdmi-video-ps5 .gsps5v-port-label.signal {
    --label-color: #43e58b;

    left: 50%;
    bottom: 12%;

    transform: translateX(-50%);
}


/* =========================================================
   PORT INFO
   ========================================================= */

#hdmi-video-ps5 .gsps5v-port-info {
    display: grid;

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

    gap: 8px;

    margin-top: 17px;
}

#hdmi-video-ps5 .gsps5v-port-info-item {
    min-width: 0;

    padding: 10px;

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

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.52);

    text-align: center;
}

#hdmi-video-ps5 .gsps5v-port-info-label {
    display: block;

    margin-bottom: 4px;

    color: #99e9f8;

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

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

#hdmi-video-ps5 .gsps5v-port-info-value {
    display: block;

    color: #8199aa;

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


/* =========================================================
   LOWER
   ========================================================= */

#hdmi-video-ps5 .gsps5v-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIA
   ========================================================= */

#hdmi-video-ps5 .gsps5v-criteria {
    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)
        );
}

#hdmi-video-ps5 .gsps5v-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#hdmi-video-ps5 .gsps5v-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#hdmi-video-ps5 .gsps5v-criteria-item {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#hdmi-video-ps5 .gsps5v-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#hdmi-video-ps5 .gsps5v-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WARNING
   ========================================================= */

#hdmi-video-ps5 .gsps5v-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#hdmi-video-ps5 .gsps5v-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;
}


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

#hdmi-video-ps5 .gsps5v-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#hdmi-video-ps5 .gsps5v-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.10);

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

#hdmi-video-ps5 .gsps5v-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#hdmi-video-ps5 .gsps5v-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#hdmi-video-ps5
.gsps5v-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#hdmi-video-ps5
.gsps5v-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#hdmi-video-ps5
.gsps5v-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#hdmi-video-ps5 .gsps5v-terminal-name {
    color: #71889d;

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

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

#hdmi-video-ps5 .gsps5v-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#hdmi-video-ps5
.gsps5v-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:
        gsps5v-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5v-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(300px);
        opacity: 0.68;
    }
}

#hdmi-video-ps5 .gsps5v-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;
}

#hdmi-video-ps5
.gsps5v-terminal-line:last-child {
    margin-bottom: 0;
}

#hdmi-video-ps5 .gsps5v-terminal-prompt {
    color: var(--gs-cyan);
    font-weight: 700;
}

#hdmi-video-ps5 .gsps5v-terminal-line strong {
    color: #d9eef9;
    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#hdmi-video-ps5 .gsps5v-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#hdmi-video-ps5 .gsps5v-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#hdmi-video-ps5 .gsps5v-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;
}

#hdmi-video-ps5 .gsps5v-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#hdmi-video-ps5 .gsps5v-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) {

    #hdmi-video-ps5 .gsps5v-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #hdmi-video-ps5 .gsps5v-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #hdmi-video-ps5 .gsps5v-status {
        max-width: 650px;
    }

    #hdmi-video-ps5 .gsps5v-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #hdmi-video-ps5
    .gsps5v-stage:not(:last-child)::after {
        display: none;
    }

    #hdmi-video-ps5
    .gsps5v-stage.output {
        grid-column: 1 / -1;
    }

    #hdmi-video-ps5 .gsps5v-middle,
    #hdmi-video-ps5 .gsps5v-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #hdmi-video-ps5 {
        overflow: hidden;
    }

    #hdmi-video-ps5 .gsps5v-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #hdmi-video-ps5 .gsps5v-radar,
    #hdmi-video-ps5 .gsps5v-scan {
        display: none;
    }

    #hdmi-video-ps5 .gsps5v-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #hdmi-video-ps5 .gsps5v-heading {
        display: block;

        margin-bottom: 31px;
    }

    #hdmi-video-ps5 .gsps5v-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #hdmi-video-ps5 .gsps5v-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #hdmi-video-ps5 .gsps5v-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #hdmi-video-ps5 .gsps5v-intro {
        margin-top: 14px;

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

    #hdmi-video-ps5 .gsps5v-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #hdmi-video-ps5
    .gsps5v-techline::after {
        width: 55px;
    }

    #hdmi-video-ps5 .gsps5v-route-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #hdmi-video-ps5 .gsps5v-route-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 10px;

        margin-bottom: 19px;
    }

    #hdmi-video-ps5 .gsps5v-route-title {
        font-size: 18px;
    }

    #hdmi-video-ps5 .gsps5v-route {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #hdmi-video-ps5 .gsps5v-stage,
    #hdmi-video-ps5 .gsps5v-stage.output {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #hdmi-video-ps5 .gsps5v-signal-line {
        display: none;
    }

    #hdmi-video-ps5 .gsps5v-middle,
    #hdmi-video-ps5 .gsps5v-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #hdmi-video-ps5 .gsps5v-panel,
    #hdmi-video-ps5 .gsps5v-port-panel,
    #hdmi-video-ps5 .gsps5v-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #hdmi-video-ps5 .gsps5v-panel-title {
        font-size: 20px;
    }

    #hdmi-video-ps5 .gsps5v-symptom-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #hdmi-video-ps5 .gsps5v-port-visual {
        min-height: 260px;
    }

    #hdmi-video-ps5 .gsps5v-port-shape {
        width: 180px;
        height: 82px;
    }

    #hdmi-video-ps5 .gsps5v-port-pins {
        width: 110px;
    }

    #hdmi-video-ps5 .gsps5v-wave,
    #hdmi-video-ps5 .gsps5v-port-pins span {
        animation: none;
    }

    #hdmi-video-ps5 .gsps5v-port-info {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #hdmi-video-ps5 .gsps5v-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #hdmi-video-ps5 .gsps5v-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #hdmi-video-ps5 .gsps5v-terminal-head {
        padding: 10px 12px;
    }

    #hdmi-video-ps5 .gsps5v-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #hdmi-video-ps5 .gsps5v-terminal-body {
        padding: 19px 15px 17px;
    }

    #hdmi-video-ps5
    .gsps5v-terminal-body::before {
        display: none;

        animation: none;
    }

    #hdmi-video-ps5 .gsps5v-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #hdmi-video-ps5 .gsps5v-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #hdmi-video-ps5 .gsps5v-shell {
        width: calc(100% - 24px);
    }

    #hdmi-video-ps5 .gsps5v-route-panel,
    #hdmi-video-ps5 .gsps5v-panel,
    #hdmi-video-ps5 .gsps5v-port-panel,
    #hdmi-video-ps5 .gsps5v-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #hdmi-video-ps5 .gsps5v-port-visual {
        min-height: 245px;
    }

    #hdmi-video-ps5 .gsps5v-port-shape {
        width: 165px;
        height: 76px;
    }

    #hdmi-video-ps5 .gsps5v-port-label {
        font-size: 8.5px;
        padding: 5px 6px;
    }

    #hdmi-video-ps5 .gsps5v-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #hdmi-video-ps5 *,
    #hdmi-video-ps5 *::before,
    #hdmi-video-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #hdmi-video-ps5 .gsps5v-scan,
    #hdmi-video-ps5 .gsps5v-signal-line::after,
    #hdmi-video-ps5
    .gsps5v-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — ENCENDIDO / ALIMENTACIÓN / ARRANQUE
   Migrado a GS Frontend Core 0.11.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — ENCENDIDO / ALIMENTACIÓN / ARRANQUE
 
   ========================================================= */

#encendido-alimentacion-arranque-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 26%,
            rgba(255, 99, 125, 0.055),
            transparent 27%
        ),
        radial-gradient(
            circle at 87% 24%,
            rgba(32, 213, 243, 0.070),
            transparent 29%
        ),
        radial-gradient(
            circle at 72% 92%,
            rgba(139, 92, 246, 0.050),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#encendido-alimentacion-arranque-ps5 *,
#encendido-alimentacion-arranque-ps5 *::before,
#encendido-alimentacion-arranque-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-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
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-radar {
    position: absolute;

    left: -225px;
    top: 205px;

    width: 455px;
    height: 455px;

    border:
        1px solid rgba(255, 99, 125, 0.050);

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5p-radar-spin 44s linear infinite;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-radar::before,
#encendido-alimentacion-arranque-ps5 .gsps5p-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(32, 213, 243, 0.050);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-radar::after {
    inset: 148px;

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

@keyframes gsps5p-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-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:
        gsps5p-page-scan 10.5s linear infinite;
}

@keyframes gsps5p-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.50;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1500px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-heading-main {
    min-width: 0;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

    border:
        1px solid rgba(255, 99, 125, 0.19);

    border-radius: 999px;

    background:
        rgba(38, 11, 20, 0.31);

    color: #ff9cad;

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

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

#encendido-alimentacion-arranque-ps5 .gsps5p-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-red);

    box-shadow:
        0 0 8px rgba(255, 99, 125, 0.78),
        0 0 16px rgba(255, 99, 125, 0.22);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-title span {
    color: var(--gs-cyan);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-intro {
    max-width: 820px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(38, 28, 8, 0.37),
            rgba(4, 13, 23, 0.88)
        );
}

#encendido-alimentacion-arranque-ps5 .gsps5p-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

    box-shadow:
        0 0 12px rgba(255, 200, 87, 0.24);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #ffe099;

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

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

#encendido-alimentacion-arranque-ps5
.gsps5p-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-yellow);

    box-shadow:
        0 0 8px rgba(255, 200, 87, 0.55);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECHLINE
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-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-arranque-ps5
.gsps5p-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 99, 125, 0.50),
            rgba(32, 213, 243, 0.38),
            transparent
        );
}


/* =========================================================
   POWER SEQUENCE PANEL
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-sequence-panel {
    position: relative;

    padding: 30px 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);
}

#encendido-alimentacion-arranque-ps5
.gsps5p-sequence-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(255, 99, 125, 0.055),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 0%,
            rgba(32, 213, 243, 0.06),
            transparent 30%
        );
}

#encendido-alimentacion-arranque-ps5 .gsps5p-sequence-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-sequence-title {
    margin: 0;

    color: #f1faff;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-sequence-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.045);

    color: #9beeff;

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

#encendido-alimentacion-arranque-ps5
.gsps5p-sequence-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-cyan);

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


/* =========================================================
   SEQUENCE
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-sequence {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 12px;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage {
    position: relative;

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

    padding: 17px 13px 15px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 17%,
            transparent
        );

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.70);
}

#encendido-alimentacion-arranque-ps5
.gsps5p-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -11px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.55);

    font-size: 21px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.22);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage.input {
    --stage-color: #ffc857;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage.internal {
    --stage-color: #ff9f43;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage.standby {
    --stage-color: #3286ff;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage.request {
    --stage-color: #20d5f3;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage.boot {
    --stage-color: #8b5cf6;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage.stable {
    --stage-color: #43e58b;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage-code {
    margin-bottom: 13px;

    color: #567086;

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

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

#encendido-alimentacion-arranque-ps5 .gsps5p-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--stage-color) 6%,
            transparent
        );

    color: var(--stage-color);

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage-title {
    margin: 0 0 6px;

    color: #eaf8ff;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-stage-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   ENERGY LINE
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-energy {
    position: relative;
    z-index: 2;

    height: 2px;

    margin: 26px 2px 6px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 200, 87, 0.34),
            rgba(255, 159, 67, 0.37),
            rgba(50, 134, 255, 0.39),
            rgba(32, 213, 243, 0.43),
            rgba(139, 92, 246, 0.40),
            rgba(67, 229, 139, 0.34)
        );
}

#encendido-alimentacion-arranque-ps5 .gsps5p-energy::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 14%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.88),
            transparent
        );

    box-shadow:
        0 0 10px rgba(32, 213, 243, 0.36);

    animation:
        gsps5p-energy-flow 3.8s linear infinite;
}

@keyframes gsps5p-energy-flow {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(840%);
    }
}


/* =========================================================
   SCENARIOS
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-scenarios {
    display: grid;

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

    gap: 14px;

    margin-top: 18px;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario {
    position: relative;

    min-width: 0;

    padding: 22px 19px 19px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--scenario-color) 17%,
            transparent
        );

    border-radius: 18px;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 80px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--scenario-color),
            transparent
        );

    box-shadow:
        0 0 12px
        color-mix(
            in srgb,
            var(--scenario-color) 28%,
            transparent
        );
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario.no-response {
    --scenario-color: #ff637d;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario.attempt {
    --scenario-color: #ffc857;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario.incomplete {
    --scenario-color: #8b5cf6;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario-code {
    display: block;

    margin-bottom: 11px;

    color: var(--scenario-color);

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario-title {
    margin: 0;

    color: #edf8ff;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario-copy {
    margin: 9px 0 0;

    color: var(--gs-muted);

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

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 14px;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-scenario-tag {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    padding: 5px 7px;

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

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.48);

    color: #758da0;

    font-size: 9px;
    line-height: 1.25;
    font-weight: 500;
}


/* =========================================================
   LOWER AREA
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIA PANEL
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-criteria {
    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-arranque-ps5 .gsps5p-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#encendido-alimentacion-arranque-ps5 .gsps5p-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;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#encendido-alimentacion-arranque-ps5 .gsps5p-panel-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #f2faff;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-panel-copy {
    position: relative;
    z-index: 2;

    margin: 10px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   CRITERIA GRID
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#encendido-alimentacion-arranque-ps5 .gsps5p-criteria-item {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#encendido-alimentacion-arranque-ps5
.gsps5p-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WARNING
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-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;
}


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

#encendido-alimentacion-arranque-ps5 .gsps5p-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-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.10);

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

#encendido-alimentacion-arranque-ps5 .gsps5p-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#encendido-alimentacion-arranque-ps5
.gsps5p-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#encendido-alimentacion-arranque-ps5
.gsps5p-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#encendido-alimentacion-arranque-ps5 .gsps5p-terminal-name {
    color: #71889d;

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

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

#encendido-alimentacion-arranque-ps5 .gsps5p-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-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:
        gsps5p-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5p-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(300px);
        opacity: 0.68;
    }
}

#encendido-alimentacion-arranque-ps5 .gsps5p-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-arranque-ps5
.gsps5p-terminal-line:last-child {
    margin-bottom: 0;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#encendido-alimentacion-arranque-ps5 .gsps5p-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#encendido-alimentacion-arranque-ps5 .gsps5p-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-arranque-ps5 .gsps5p-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#encendido-alimentacion-arranque-ps5
.gsps5p-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) {

    #encendido-alimentacion-arranque-ps5 .gsps5p-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-status {
        max-width: 650px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-sequence {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-arranque-ps5
    .gsps5p-stage:not(:last-child)::after {
        display: none;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-scenarios {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-arranque-ps5
    .gsps5p-scenario.incomplete {
        grid-column: 1 / -1;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #encendido-alimentacion-arranque-ps5 {
        overflow: hidden;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-radar,
    #encendido-alimentacion-arranque-ps5 .gsps5p-scan {
        display: none;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-heading {
        display: block;

        margin-bottom: 31px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #encendido-alimentacion-arranque-ps5 .gsps5p-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-intro {
        margin-top: 14px;

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

    #encendido-alimentacion-arranque-ps5 .gsps5p-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #encendido-alimentacion-arranque-ps5
    .gsps5p-techline::after {
        width: 55px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-sequence-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #encendido-alimentacion-arranque-ps5 .gsps5p-sequence-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 19px;
    }

    #encendido-alimentacion-arranque-ps5
    .gsps5p-sequence-title {
        font-size: 18px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-sequence {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-stage {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-energy {
        display: none;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-scenarios {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;

        margin-top: 14px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-scenario,
    #encendido-alimentacion-arranque-ps5
    .gsps5p-scenario.incomplete {
        grid-column: auto;

        width: 100%;
        min-width: 0;

        padding: 19px 16px 17px;

        border-radius: 16px;

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

    #encendido-alimentacion-arranque-ps5 .gsps5p-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #encendido-alimentacion-arranque-ps5 .gsps5p-panel-title {
        font-size: 20px;
    }

    #encendido-alimentacion-arranque-ps5
    .gsps5p-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #encendido-alimentacion-arranque-ps5 .gsps5p-terminal-head {
        padding: 10px 12px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-terminal-body {
        padding: 19px 15px 17px;
    }

    #encendido-alimentacion-arranque-ps5
    .gsps5p-terminal-body::before {
        display: none;

        animation: none;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #encendido-alimentacion-arranque-ps5 .gsps5p-shell {
        width: calc(100% - 24px);
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-sequence-panel,
    #encendido-alimentacion-arranque-ps5 .gsps5p-scenario,
    #encendido-alimentacion-arranque-ps5 .gsps5p-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #encendido-alimentacion-arranque-ps5 *,
    #encendido-alimentacion-arranque-ps5 *::before,
    #encendido-alimentacion-arranque-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #encendido-alimentacion-arranque-ps5 .gsps5p-scan,
    #encendido-alimentacion-arranque-ps5 .gsps5p-energy::after,
    #encendido-alimentacion-arranque-ps5
    .gsps5p-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — LECTOR Y DISCOS
   Migrado a GS Frontend Core 0.12.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — LECTOR Y DISCOS
   CSS ID ELEMENTOR: lector-discos-ps5
   ========================================================= */

#lector-discos-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 23%,
            rgba(50, 134, 255, 0.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 27%,
            rgba(32, 213, 243, 0.07),
            transparent 29%
        ),
        radial-gradient(
            circle at 70% 92%,
            rgba(139, 92, 246, 0.05),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#lector-discos-ps5 *,
#lector-discos-ps5 *::before,
#lector-discos-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   GRID
   ========================================================= */

#lector-discos-ps5 .gsps5o-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
   ========================================================= */

#lector-discos-ps5 .gsps5o-radar {
    position: absolute;

    right: -225px;
    top: 200px;

    width: 455px;
    height: 455px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5o-radar-spin 44s linear infinite;
}

#lector-discos-ps5 .gsps5o-radar::before,
#lector-discos-ps5 .gsps5o-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#lector-discos-ps5 .gsps5o-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(50, 134, 255, 0.055);
}

#lector-discos-ps5 .gsps5o-radar::after {
    inset: 148px;

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

@keyframes gsps5o-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#lector-discos-ps5 .gsps5o-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#lector-discos-ps5 .gsps5o-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:
        gsps5o-page-scan 10.5s linear infinite;
}

@keyframes gsps5o-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.50;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1550px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#lector-discos-ps5 .gsps5o-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#lector-discos-ps5 .gsps5o-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#lector-discos-ps5 .gsps5o-heading-main {
    min-width: 0;
}

#lector-discos-ps5 .gsps5o-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

    border:
        1px solid rgba(50, 134, 255, 0.20);

    border-radius: 999px;

    background:
        rgba(8, 22, 43, 0.60);

    color: #9fc0ff;

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

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

#lector-discos-ps5 .gsps5o-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-blue);

    box-shadow:
        0 0 8px rgba(50, 134, 255, 0.8),
        0 0 17px rgba(50, 134, 255, 0.24);
}

#lector-discos-ps5 .gsps5o-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#lector-discos-ps5 .gsps5o-title span {
    color: var(--gs-cyan);
}

#lector-discos-ps5 .gsps5o-intro {
    max-width: 820px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#lector-discos-ps5 .gsps5o-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(50, 134, 255, 0.16);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(9, 20, 46, 0.46),
            rgba(4, 13, 23, 0.88)
        );
}

#lector-discos-ps5 .gsps5o-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

    box-shadow:
        0 0 12px rgba(50, 134, 255, 0.28);
}

#lector-discos-ps5 .gsps5o-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #a9c3ff;

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

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

#lector-discos-ps5
.gsps5o-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-blue);

    box-shadow:
        0 0 8px rgba(50, 134, 255, 0.55);
}

#lector-discos-ps5 .gsps5o-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECHLINE
   ========================================================= */

#lector-discos-ps5 .gsps5o-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-ps5
.gsps5o-techline::after {
    content: "";

    width: 104px;
    height: 1px;

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


/* =========================================================
   OPTICAL ROUTE
   ========================================================= */

#lector-discos-ps5 .gsps5o-route-panel {
    position: relative;

    padding: 30px 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);
}

#lector-discos-ps5
.gsps5o-route-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(50, 134, 255, 0.06),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 0%,
            rgba(32, 213, 243, 0.06),
            transparent 30%
        );
}

#lector-discos-ps5 .gsps5o-route-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#lector-discos-ps5 .gsps5o-route-title {
    margin: 0;

    color: #f1faff;

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

#lector-discos-ps5 .gsps5o-route-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(50, 134, 255, 0.17);

    border-radius: 999px;

    background:
        rgba(50, 134, 255, 0.045);

    color: #a9c4ff;

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

#lector-discos-ps5
.gsps5o-route-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-blue);

    box-shadow:
        0 0 8px rgba(50, 134, 255, 0.60);
}


/* =========================================================
   ROUTE GRID
   ========================================================= */

#lector-discos-ps5 .gsps5o-route {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 12px;
}

#lector-discos-ps5 .gsps5o-stage {
    position: relative;

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

    padding: 17px 13px 15px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 17%,
            transparent
        );

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.70);
}

#lector-discos-ps5
.gsps5o-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -11px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.55);

    font-size: 21px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.22);
}

#lector-discos-ps5 .gsps5o-stage.insert {
    --stage-color: #20d5f3;
}

#lector-discos-ps5 .gsps5o-stage.mechanism {
    --stage-color: #3286ff;
}

#lector-discos-ps5 .gsps5o-stage.detect {
    --stage-color: #43e58b;
}

#lector-discos-ps5 .gsps5o-stage.optical {
    --stage-color: #8b5cf6;
}

#lector-discos-ps5 .gsps5o-stage.read {
    --stage-color: #ffc857;
}

#lector-discos-ps5 .gsps5o-stage.load {
    --stage-color: #43e58b;
}

#lector-discos-ps5 .gsps5o-stage-code {
    margin-bottom: 13px;

    color: #567086;

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

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

#lector-discos-ps5 .gsps5o-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--stage-color) 6%,
            transparent
        );

    color: var(--stage-color);

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

#lector-discos-ps5 .gsps5o-stage-title {
    margin: 0 0 6px;

    color: #eaf8ff;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#lector-discos-ps5 .gsps5o-stage-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   OPTICAL SIGNAL LINE
   ========================================================= */

#lector-discos-ps5 .gsps5o-route-line {
    position: relative;
    z-index: 2;

    height: 2px;

    margin: 26px 2px 6px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(32,213,243,0.32),
            rgba(50,134,255,0.38),
            rgba(67,229,139,0.35),
            rgba(139,92,246,0.40),
            rgba(255,200,87,0.37),
            rgba(67,229,139,0.34)
        );
}

#lector-discos-ps5 .gsps5o-route-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 14%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.88),
            transparent
        );

    box-shadow:
        0 0 10px rgba(32, 213, 243, 0.36);

    animation:
        gsps5o-route-flow 3.8s linear infinite;
}

@keyframes gsps5o-route-flow {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(840%);
    }
}


/* =========================================================
   MIDDLE AREA
   ========================================================= */

#lector-discos-ps5 .gsps5o-middle {
    display: grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(390px, 0.96fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   GENERIC PANEL
   ========================================================= */

#lector-discos-ps5 .gsps5o-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

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

#lector-discos-ps5 .gsps5o-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#lector-discos-ps5 .gsps5o-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;
}

#lector-discos-ps5
.gsps5o-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-ps5 .gsps5o-panel-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

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

#lector-discos-ps5 .gsps5o-panel-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

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


/* =========================================================
   SYMPTOMS
   ========================================================= */

#lector-discos-ps5 .gsps5o-symptom-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 20px;
}

#lector-discos-ps5 .gsps5o-symptom {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#lector-discos-ps5 .gsps5o-symptom-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#lector-discos-ps5 .gsps5o-symptom-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--symptom-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--symptom-color) 44%,
            transparent
        );
}

#lector-discos-ps5 .gsps5o-symptom.one {
    --symptom-color: #20d5f3;
}

#lector-discos-ps5 .gsps5o-symptom.two {
    --symptom-color: #3286ff;
}

#lector-discos-ps5 .gsps5o-symptom.three {
    --symptom-color: #8b5cf6;
}

#lector-discos-ps5 .gsps5o-symptom.four {
    --symptom-color: #ffc857;
}

#lector-discos-ps5 .gsps5o-symptom.five {
    --symptom-color: #ff637d;
}

#lector-discos-ps5 .gsps5o-symptom.six {
    --symptom-color: #43e58b;
}

#lector-discos-ps5 .gsps5o-symptom-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#lector-discos-ps5 .gsps5o-symptom-copy {
    margin: 0;

    color: #7890a3;

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


/* =========================================================
   OPTICAL HUD
   ========================================================= */

#lector-discos-ps5 .gsps5o-hud-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

    border:
        1px solid rgba(50, 134, 255, 0.15);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 21, 43, 0.61),
            rgba(4, 12, 22, 0.97)
        );
}

#lector-discos-ps5 .gsps5o-hud {
    position: relative;

    min-height: 320px;

    margin-top: 20px;

    display: grid;
    place-items: center;

    overflow: hidden;

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

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(50, 134, 255, 0.08),
            transparent 48%
        ),
        rgba(3, 12, 22, 0.64);
}


/* =========================================================
   DISC
   ========================================================= */

#lector-discos-ps5 .gsps5o-disc {
    position: relative;
    z-index: 4;

    width: 172px;
    height: 172px;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle at center,
            rgba(4, 12, 21, 1) 0 16px,
            rgba(50, 134, 255, 0.15) 17px 26px,
            rgba(6, 20, 34, 0.94) 27px 58px,
            rgba(32, 213, 243, 0.07) 59px 74px,
            rgba(6, 17, 29, 0.98) 75px
        );

    box-shadow:
        0 0 35px rgba(32, 213, 243, 0.06),
        inset 0 0 35px rgba(50, 134, 255, 0.04);

    animation:
        gsps5o-disc-spin 13s linear infinite;
}

#lector-discos-ps5 .gsps5o-disc::before {
    content: "";

    position: absolute;

    inset: 18px;

    border:
        1px dashed rgba(139, 92, 246, 0.12);

    border-radius: 50%;
}

#lector-discos-ps5 .gsps5o-disc::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 31px;
    height: 31px;

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

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

    border-radius: 50%;

    background: #03101a;
}

@keyframes gsps5o-disc-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   LASER
   ========================================================= */

#lector-discos-ps5 .gsps5o-laser {
    position: absolute;

    z-index: 6;

    left: 50%;
    top: 51%;

    width: 190px;
    height: 1px;

    transform:
        translate(-50%, -50%)
        rotate(-19deg);

    transform-origin: center;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 99, 125, 0.15),
            rgba(255, 99, 125, 0.88),
            rgba(255,255,255,0.72),
            rgba(255, 99, 125, 0.16),
            transparent
        );

    box-shadow:
        0 0 8px rgba(255, 99, 125, 0.34);

    animation:
        gsps5o-laser-scan 3.1s ease-in-out infinite;
}

@keyframes gsps5o-laser-scan {

    0%,
    100% {
        transform:
            translate(-50%, -50%)
            rotate(-22deg);

        opacity: 0.45;
    }

    50% {
        transform:
            translate(-50%, -50%)
            rotate(22deg);

        opacity: 1;
    }
}


/* =========================================================
   ORBITS
   ========================================================= */

#lector-discos-ps5 .gsps5o-orbit {
    position: absolute;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    pointer-events: none;
}

#lector-discos-ps5 .gsps5o-orbit.one {
    width: 245px;
    height: 245px;

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

    animation:
        gsps5o-orbit 18s linear infinite;
}

#lector-discos-ps5 .gsps5o-orbit.two {
    width: 285px;
    height: 285px;

    border:
        1px dashed rgba(50, 134, 255, 0.07);

    animation:
        gsps5o-orbit 23s linear infinite reverse;
}

@keyframes gsps5o-orbit {

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

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


/* =========================================================
   HUD LABELS
   ========================================================= */

#lector-discos-ps5 .gsps5o-hud-label {
    position: absolute;
    z-index: 8;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--label-color) 17%,
            transparent
        );

    border-radius: 8px;

    background:
        rgba(5, 16, 29, 0.88);

    color: #8ea5b5;

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

    text-transform: uppercase;
}

#lector-discos-ps5 .gsps5o-hud-label::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--label-color);

    box-shadow:
        0 0 6px var(--label-color);
}

#lector-discos-ps5 .gsps5o-hud-label.mechanism {
    --label-color: #3286ff;

    left: 7%;
    top: 15%;
}

#lector-discos-ps5 .gsps5o-hud-label.detect {
    --label-color: #43e58b;

    right: 7%;
    top: 15%;
}

#lector-discos-ps5 .gsps5o-hud-label.optics {
    --label-color: #8b5cf6;

    left: 7%;
    bottom: 14%;
}

#lector-discos-ps5 .gsps5o-hud-label.reading {
    --label-color: #ffc857;

    right: 7%;
    bottom: 14%;
}


/* =========================================================
   HUD FOOT
   ========================================================= */

#lector-discos-ps5 .gsps5o-hud-foot {
    display: grid;

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

    gap: 8px;

    margin-top: 17px;
}

#lector-discos-ps5 .gsps5o-hud-foot-item {
    min-width: 0;

    padding: 10px;

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

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.52);

    text-align: center;
}

#lector-discos-ps5 .gsps5o-hud-foot-label {
    display: block;

    margin-bottom: 4px;

    color: #a5c5ff;

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

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

#lector-discos-ps5 .gsps5o-hud-foot-value {
    display: block;

    color: #8199aa;

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


/* =========================================================
   CONFIGURATION NOTE
   ========================================================= */

#lector-discos-ps5 .gsps5o-config {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(50, 134, 255, 0.13);

    border-radius: 12px;

    background:
        rgba(50, 134, 255, 0.035);

    color: #9eb1c0;

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

#lector-discos-ps5 .gsps5o-config-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(50, 134, 255, 0.23);

    border-radius: 50%;

    color: #8fb6ff;

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


/* =========================================================
   LOWER
   ========================================================= */

#lector-discos-ps5 .gsps5o-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIA
   ========================================================= */

#lector-discos-ps5 .gsps5o-criteria {
    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)
        );
}

#lector-discos-ps5 .gsps5o-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.075),
            transparent 30%
        );
}

#lector-discos-ps5 .gsps5o-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#lector-discos-ps5 .gsps5o-criteria-item {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#lector-discos-ps5
.gsps5o-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#lector-discos-ps5
.gsps5o-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WARNING
   ========================================================= */

#lector-discos-ps5 .gsps5o-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#lector-discos-ps5 .gsps5o-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;
}


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

#lector-discos-ps5 .gsps5o-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#lector-discos-ps5 .gsps5o-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.10);

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

#lector-discos-ps5 .gsps5o-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#lector-discos-ps5
.gsps5o-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#lector-discos-ps5
.gsps5o-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#lector-discos-ps5
.gsps5o-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#lector-discos-ps5
.gsps5o-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#lector-discos-ps5 .gsps5o-terminal-name {
    color: #71889d;

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

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

#lector-discos-ps5 .gsps5o-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#lector-discos-ps5
.gsps5o-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:
        gsps5o-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5o-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(305px);
        opacity: 0.68;
    }
}

#lector-discos-ps5 .gsps5o-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-ps5
.gsps5o-terminal-line:last-child {
    margin-bottom: 0;
}

#lector-discos-ps5 .gsps5o-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#lector-discos-ps5
.gsps5o-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#lector-discos-ps5 .gsps5o-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#lector-discos-ps5 .gsps5o-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#lector-discos-ps5 .gsps5o-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-ps5 .gsps5o-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#lector-discos-ps5
.gsps5o-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-ps5 .gsps5o-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #lector-discos-ps5 .gsps5o-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #lector-discos-ps5 .gsps5o-status {
        max-width: 650px;
    }

    #lector-discos-ps5 .gsps5o-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-ps5
    .gsps5o-stage:not(:last-child)::after {
        display: none;
    }

    #lector-discos-ps5 .gsps5o-middle,
    #lector-discos-ps5 .gsps5o-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #lector-discos-ps5 {
        overflow: hidden;
    }

    #lector-discos-ps5 .gsps5o-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #lector-discos-ps5 .gsps5o-radar,
    #lector-discos-ps5 .gsps5o-scan {
        display: none;
    }

    #lector-discos-ps5 .gsps5o-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #lector-discos-ps5 .gsps5o-heading {
        display: block;

        margin-bottom: 31px;
    }

    #lector-discos-ps5 .gsps5o-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #lector-discos-ps5 .gsps5o-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #lector-discos-ps5 .gsps5o-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #lector-discos-ps5 .gsps5o-intro {
        margin-top: 14px;

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

    #lector-discos-ps5 .gsps5o-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #lector-discos-ps5
    .gsps5o-techline::after {
        width: 55px;
    }

    #lector-discos-ps5 .gsps5o-route-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #lector-discos-ps5 .gsps5o-route-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 19px;
    }

    #lector-discos-ps5 .gsps5o-route-title {
        font-size: 18px;
    }

    #lector-discos-ps5 .gsps5o-route {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #lector-discos-ps5 .gsps5o-stage {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #lector-discos-ps5 .gsps5o-route-line {
        display: none;
    }

    #lector-discos-ps5 .gsps5o-middle,
    #lector-discos-ps5 .gsps5o-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #lector-discos-ps5 .gsps5o-panel,
    #lector-discos-ps5 .gsps5o-hud-panel,
    #lector-discos-ps5 .gsps5o-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #lector-discos-ps5 .gsps5o-panel-title {
        font-size: 20px;
    }

    #lector-discos-ps5 .gsps5o-symptom-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #lector-discos-ps5 .gsps5o-hud {
        min-height: 290px;
    }

    #lector-discos-ps5 .gsps5o-disc {
        width: 145px;
        height: 145px;

        animation: none;
    }

    #lector-discos-ps5 .gsps5o-laser,
    #lector-discos-ps5 .gsps5o-orbit {
        animation: none;
    }

    #lector-discos-ps5 .gsps5o-orbit.one {
        width: 210px;
        height: 210px;
    }

    #lector-discos-ps5 .gsps5o-orbit.two {
        width: 245px;
        height: 245px;
    }

    #lector-discos-ps5 .gsps5o-hud-label {
        padding: 5px 6px;

        font-size: 8.5px;
    }

    #lector-discos-ps5 .gsps5o-hud-foot {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #lector-discos-ps5 .gsps5o-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #lector-discos-ps5 .gsps5o-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #lector-discos-ps5 .gsps5o-terminal-head {
        padding: 10px 12px;
    }

    #lector-discos-ps5 .gsps5o-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #lector-discos-ps5 .gsps5o-terminal-body {
        padding: 19px 15px 17px;
    }

    #lector-discos-ps5
    .gsps5o-terminal-body::before {
        display: none;

        animation: none;
    }

    #lector-discos-ps5 .gsps5o-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #lector-discos-ps5 .gsps5o-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #lector-discos-ps5 .gsps5o-shell {
        width: calc(100% - 24px);
    }

    #lector-discos-ps5 .gsps5o-route-panel,
    #lector-discos-ps5 .gsps5o-panel,
    #lector-discos-ps5 .gsps5o-hud-panel,
    #lector-discos-ps5 .gsps5o-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #lector-discos-ps5 .gsps5o-hud {
        min-height: 270px;
    }

    #lector-discos-ps5 .gsps5o-disc {
        width: 130px;
        height: 130px;
    }

    #lector-discos-ps5 .gsps5o-orbit.one {
        width: 190px;
        height: 190px;
    }

    #lector-discos-ps5 .gsps5o-orbit.two {
        width: 220px;
        height: 220px;
    }

    #lector-discos-ps5 .gsps5o-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #lector-discos-ps5 *,
    #lector-discos-ps5 *::before,
    #lector-discos-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #lector-discos-ps5 .gsps5o-scan,
    #lector-discos-ps5 .gsps5o-route-line::after,
    #lector-discos-ps5
    .gsps5o-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — TEMPERATURA Y REFRIGERACIÓN
   Migrado a GS Frontend Core 0.13.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — TEMPERATURA Y REFRIGERACIÓN
 
   ========================================================= */

#temperatura-refrigeracion-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 24%,
            rgba(32, 213, 243, 0.065),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 28%,
            rgba(255, 159, 67, 0.065),
            transparent 28%
        ),
        radial-gradient(
            circle at 70% 92%,
            rgba(255, 99, 125, 0.035),
            transparent 26%
        ),
        radial-gradient(
            circle at 30% 90%,
            rgba(139, 92, 246, 0.040),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#temperatura-refrigeracion-ps5 *,
#temperatura-refrigeracion-ps5 *::before,
#temperatura-refrigeracion-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   GRID
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-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
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-radar {
    position: absolute;

    left: -230px;
    top: 240px;

    width: 460px;
    height: 460px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5t-radar-spin 44s linear infinite;
}

#temperatura-refrigeracion-ps5 .gsps5t-radar::before,
#temperatura-refrigeracion-ps5 .gsps5t-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#temperatura-refrigeracion-ps5 .gsps5t-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(255, 159, 67, 0.055);
}

#temperatura-refrigeracion-ps5 .gsps5t-radar::after {
    inset: 148px;

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

@keyframes gsps5t-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-page-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#temperatura-refrigeracion-ps5 .gsps5t-page-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.32),
            rgba(255, 159, 67, 0.15),
            transparent
        );

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

    animation:
        gsps5t-page-scan-move 11s linear infinite;
}

@keyframes gsps5t-page-scan-move {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1650px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADING
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#temperatura-refrigeracion-ps5 .gsps5t-heading-main {
    min-width: 0;
}

#temperatura-refrigeracion-ps5 .gsps5t-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

    border:
        1px solid rgba(255, 159, 67, 0.19);

    border-radius: 999px;

    background:
        rgba(40, 24, 8, 0.32);

    color: #ffc079;

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

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

#temperatura-refrigeracion-ps5 .gsps5t-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-orange);

    box-shadow:
        0 0 8px rgba(255, 159, 67, 0.80),
        0 0 17px rgba(255, 159, 67, 0.22);
}

#temperatura-refrigeracion-ps5 .gsps5t-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#temperatura-refrigeracion-ps5 .gsps5t-title span {
    color: var(--gs-cyan);
}

#temperatura-refrigeracion-ps5 .gsps5t-intro {
    max-width: 820px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(38, 27, 8, 0.38),
            rgba(4, 13, 23, 0.88)
        );
}

#temperatura-refrigeracion-ps5 .gsps5t-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

    box-shadow:
        0 0 12px rgba(255, 200, 87, 0.24);
}

#temperatura-refrigeracion-ps5 .gsps5t-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #ffe09a;

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

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

#temperatura-refrigeracion-ps5
.gsps5t-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-yellow);

    box-shadow:
        0 0 8px rgba(255, 200, 87, 0.55);
}

#temperatura-refrigeracion-ps5 .gsps5t-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECH LINE
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-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-ps5
.gsps5t-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.50),
            rgba(255, 159, 67, 0.44),
            transparent
        );
}


/* =========================================================
   THERMAL ROUTE PANEL
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-route-panel {
    position: relative;

    padding: 30px 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-ps5
.gsps5t-route-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(32, 213, 243, 0.065),
            transparent 29%
        ),
        radial-gradient(
            circle at 90% 0%,
            rgba(255, 159, 67, 0.065),
            transparent 29%
        );
}

#temperatura-refrigeracion-ps5 .gsps5t-route-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#temperatura-refrigeracion-ps5 .gsps5t-route-title {
    margin: 0;

    color: #f1faff;

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

#temperatura-refrigeracion-ps5 .gsps5t-route-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

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

    border-radius: 999px;

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

    color: #ffc184;

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

#temperatura-refrigeracion-ps5
.gsps5t-route-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-orange);

    box-shadow:
        0 0 8px rgba(255, 159, 67, 0.60);
}


/* =========================================================
   ROUTE
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-route {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 14px;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage {
    position: relative;

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

    padding: 17px 13px 15px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 17%,
            transparent
        );

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.70);
}

#temperatura-refrigeracion-ps5
.gsps5t-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -13px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(255, 159, 67, 0.52);

    font-size: 22px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(255, 159, 67, 0.20);
}

#temperatura-refrigeracion-ps5 .gsps5t-stage.intake {
    --stage-color: #20d5f3;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage.transfer {
    --stage-color: #3286ff;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage.heatsink {
    --stage-color: #8b5cf6;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage.fan {
    --stage-color: #ffc857;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage.exhaust {
    --stage-color: #ff9f43;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage-code {
    margin-bottom: 13px;

    color: #567086;

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

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

#temperatura-refrigeracion-ps5 .gsps5t-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--stage-color) 6%,
            transparent
        );

    color: var(--stage-color);

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage-title {
    margin: 0 0 6px;

    color: #eaf8ff;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#temperatura-refrigeracion-ps5 .gsps5t-stage-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   FLOW LINE
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-flow-line {
    position: relative;
    z-index: 2;

    height: 3px;

    margin: 27px 2px 5px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(32,213,243,0.42),
            rgba(50,134,255,0.40),
            rgba(139,92,246,0.40),
            rgba(255,200,87,0.44),
            rgba(255,159,67,0.48)
        );
}

#temperatura-refrigeracion-ps5 .gsps5t-flow-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 15%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.92),
            transparent
        );

    box-shadow:
        0 0 12px rgba(255, 159, 67, 0.32);

    animation:
        gsps5t-flow-move 3.8s linear infinite;
}

@keyframes gsps5t-flow-move {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(800%);
    }
}


/* =========================================================
   MIDDLE
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-middle {
    display: grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(390px, 0.96fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   GENERIC PANEL
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

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

#temperatura-refrigeracion-ps5 .gsps5t-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#temperatura-refrigeracion-ps5 .gsps5t-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;
}

#temperatura-refrigeracion-ps5
.gsps5t-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-ps5 .gsps5t-panel-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

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

#temperatura-refrigeracion-ps5 .gsps5t-panel-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

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


/* =========================================================
   SYMPTOMS
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-symptom-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 20px;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--symptom-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--symptom-color) 44%,
            transparent
        );
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom.fan {
    --symptom-color: #ffc857;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom.heat {
    --symptom-color: #ff9f43;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom.time {
    --symptom-color: #ff637d;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom.load {
    --symptom-color: #8b5cf6;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom.airflow {
    --symptom-color: #20d5f3;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom.noise {
    --symptom-color: #3286ff;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#temperatura-refrigeracion-ps5 .gsps5t-symptom-copy {
    margin: 0;

    color: #7890a3;

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


/* =========================================================
   THERMAL HUD PANEL
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-hud-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.14);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(36, 20, 7, 0.27),
            rgba(4, 12, 22, 0.97)
        );
}


/* =========================================================
   THERMAL HUD
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-hud {
    position: relative;

    min-height: 330px;

    margin-top: 20px;

    overflow: hidden;

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

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255, 159, 67, 0.065),
            transparent 44%
        ),
        rgba(3, 12, 22, 0.65);
}


/* =========================================================
   CENTRAL THERMAL CORE
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-core {
    position: absolute;

    z-index: 5;

    left: 50%;
    top: 50%;

    width: 112px;
    height: 112px;

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

    border:
        1px solid rgba(255, 159, 67, 0.28);

    border-radius: 22px;

    background:
        radial-gradient(
            circle,
            rgba(255, 99, 125, 0.18) 0%,
            rgba(255, 159, 67, 0.11) 35%,
            rgba(7, 20, 32, 0.96) 72%
        );

    box-shadow:
        0 0 36px rgba(255, 159, 67, 0.08),
        inset 0 0 22px rgba(255, 99, 125, 0.05);

    animation:
        gsps5t-core-pulse 3.8s ease-in-out infinite;
}

#temperatura-refrigeracion-ps5 .gsps5t-core::before,
#temperatura-refrigeracion-ps5 .gsps5t-core::after {
    content: "";

    position: absolute;

    inset: 13px;

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

    border-radius: 14px;
}

#temperatura-refrigeracion-ps5 .gsps5t-core::after {
    inset: 31px;

    border-color:
        rgba(255, 99, 125, 0.18);

    box-shadow:
        0 0 12px rgba(255, 99, 125, 0.08);
}

@keyframes gsps5t-core-pulse {

    0%,
    100% {
        box-shadow:
            0 0 25px rgba(255, 159, 67, 0.05),
            inset 0 0 22px rgba(255, 99, 125, 0.04);
    }

    50% {
        box-shadow:
            0 0 45px rgba(255, 159, 67, 0.12),
            inset 0 0 30px rgba(255, 99, 125, 0.08);
    }
}


/* =========================================================
   FAN
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-fan {
    position: absolute;

    z-index: 5;

    right: 10%;
    top: 50%;

    width: 88px;
    height: 88px;

    transform:
        translateY(-50%);

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

    border-radius: 50%;

    background:
        rgba(5, 18, 30, 0.88);

    box-shadow:
        0 0 24px rgba(32, 213, 243, 0.04);

    animation:
        gsps5t-fan-spin 5.8s linear infinite;
}

#temperatura-refrigeracion-ps5 .gsps5t-fan::before {
    content: "✣";

    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    color: rgba(32, 213, 243, 0.58);

    font-size: 48px;
    line-height: 1;
}

#temperatura-refrigeracion-ps5 .gsps5t-fan::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 13px;
    height: 13px;

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

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

    border-radius: 50%;

    background: #06131f;
}

@keyframes gsps5t-fan-spin {

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

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


/* =========================================================
   INTAKE
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-intake {
    position: absolute;

    z-index: 3;

    left: 7%;
    top: 50%;

    width: 110px;

    transform:
        translateY(-50%);

    display: grid;

    gap: 13px;
}

#temperatura-refrigeracion-ps5 .gsps5t-intake span {
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0),
            rgba(32, 213, 243, 0.65)
        );

    animation:
        gsps5t-air-in 2.8s ease-in-out infinite;
}

#temperatura-refrigeracion-ps5
.gsps5t-intake span:nth-child(2) {
    animation-delay: 0.35s;
}

#temperatura-refrigeracion-ps5
.gsps5t-intake span:nth-child(3) {
    animation-delay: 0.70s;
}

@keyframes gsps5t-air-in {

    0%,
    100% {
        opacity: 0.25;
        transform: translateX(-7px);
    }

    50% {
        opacity: 0.90;
        transform: translateX(7px);
    }
}


/* =========================================================
   EXHAUST
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-exhaust {
    position: absolute;

    z-index: 3;

    right: 3%;
    bottom: 15%;

    width: 110px;

    display: grid;

    gap: 11px;
}

#temperatura-refrigeracion-ps5 .gsps5t-exhaust span {
    display: block;

    width: 100%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 159, 67, 0.60),
            rgba(255, 99, 125, 0)
        );

    animation:
        gsps5t-air-out 2.8s ease-in-out infinite;
}

#temperatura-refrigeracion-ps5
.gsps5t-exhaust span:nth-child(2) {
    animation-delay: 0.30s;
}

#temperatura-refrigeracion-ps5
.gsps5t-exhaust span:nth-child(3) {
    animation-delay: 0.60s;
}

@keyframes gsps5t-air-out {

    0%,
    100% {
        opacity: 0.28;
        transform: translateX(-6px);
    }

    50% {
        opacity: 0.90;
        transform: translateX(8px);
    }
}


/* =========================================================
   THERMAL TRANSFER
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-transfer-line {
    position: absolute;

    z-index: 4;

    left: 26%;
    right: 27%;
    top: 50%;

    height: 2px;

    transform:
        translateY(-50%);

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.25),
            rgba(139, 92, 246, 0.37),
            rgba(255, 159, 67, 0.46),
            rgba(255, 200, 87, 0.32)
        );
}

#temperatura-refrigeracion-ps5
.gsps5t-transfer-line::after {
    content: "";

    position: absolute;

    left: -30%;
    top: 0;

    width: 24%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.9),
            transparent
        );

    animation:
        gsps5t-transfer-scan 2.8s linear infinite;
}

@keyframes gsps5t-transfer-scan {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(560%);
    }
}


/* =========================================================
   THERMAL RINGS
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-ring {
    position: absolute;

    z-index: 2;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    pointer-events: none;
}

#temperatura-refrigeracion-ps5 .gsps5t-ring.one {
    width: 190px;
    height: 190px;

    border:
        1px solid rgba(255, 159, 67, 0.085);

    animation:
        gsps5t-ring-pulse 4s ease-in-out infinite;
}

#temperatura-refrigeracion-ps5 .gsps5t-ring.two {
    width: 260px;
    height: 260px;

    border:
        1px dashed rgba(255, 200, 87, 0.065);

    animation:
        gsps5t-ring-pulse 4.8s ease-in-out infinite reverse;
}

@keyframes gsps5t-ring-pulse {

    0%,
    100% {
        opacity: 0.35;

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

    50% {
        opacity: 0.72;

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


/* =========================================================
   HUD LABELS
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-hud-label {
    position: absolute;
    z-index: 9;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--label-color) 18%,
            transparent
        );

    border-radius: 8px;

    background:
        rgba(5, 16, 29, 0.89);

    color: #8ea5b5;

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

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

#temperatura-refrigeracion-ps5 .gsps5t-hud-label::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--label-color);

    box-shadow:
        0 0 6px var(--label-color);
}

#temperatura-refrigeracion-ps5 .gsps5t-hud-label.air {
    --label-color: #20d5f3;

    left: 5%;
    top: 12%;
}

#temperatura-refrigeracion-ps5 .gsps5t-hud-label.transfer {
    --label-color: #8b5cf6;

    left: 42%;
    top: 12%;
}

#temperatura-refrigeracion-ps5 .gsps5t-hud-label.cooling {
    --label-color: #ffc857;

    right: 5%;
    top: 12%;
}

#temperatura-refrigeracion-ps5 .gsps5t-hud-label.exhaust {
    --label-color: #ff9f43;

    right: 5%;
    bottom: 10%;
}


/* =========================================================
   HUD LEGEND
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-hud-legend {
    display: grid;

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

    gap: 8px;

    margin-top: 17px;
}

#temperatura-refrigeracion-ps5 .gsps5t-hud-legend-item {
    min-width: 0;

    padding: 10px;

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

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.52);

    text-align: center;
}

#temperatura-refrigeracion-ps5 .gsps5t-hud-legend-label {
    display: block;

    margin-bottom: 4px;

    color: #a7bed0;

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

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

#temperatura-refrigeracion-ps5 .gsps5t-hud-legend-value {
    display: block;

    color: #8199aa;

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


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

#temperatura-refrigeracion-ps5 .gsps5t-hud-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 15px;
    padding: 12px 13px;

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

    border-radius: 11px;

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

    color: #8da3b3;

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

#temperatura-refrigeracion-ps5 .gsps5t-hud-note-icon {
    display: grid;
    place-items: center;

    width: 18px;
    height: 18px;

    flex: 0 0 18px;

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

    border-radius: 50%;

    color: var(--gs-cyan);

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


/* =========================================================
   LOWER
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIA
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-criteria {
    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-ps5 .gsps5t-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#temperatura-refrigeracion-ps5 .gsps5t-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#temperatura-refrigeracion-ps5 .gsps5t-criteria-item {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#temperatura-refrigeracion-ps5
.gsps5t-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#temperatura-refrigeracion-ps5
.gsps5t-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WARNING BLOCKS
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#temperatura-refrigeracion-ps5 .gsps5t-warning.secondary {
    margin-top: 9px;

    border-color:
        rgba(255, 99, 125, 0.14);

    background:
        rgba(255, 99, 125, 0.03);
}

#temperatura-refrigeracion-ps5 .gsps5t-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;
}

#temperatura-refrigeracion-ps5
.gsps5t-warning.secondary
.gsps5t-warning-icon {
    border-color:
        rgba(255, 99, 125, 0.25);

    color: var(--gs-red);
}


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

#temperatura-refrigeracion-ps5 .gsps5t-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#temperatura-refrigeracion-ps5 .gsps5t-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.10);

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

#temperatura-refrigeracion-ps5 .gsps5t-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#temperatura-refrigeracion-ps5
.gsps5t-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#temperatura-refrigeracion-ps5
.gsps5t-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#temperatura-refrigeracion-ps5
.gsps5t-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#temperatura-refrigeracion-ps5
.gsps5t-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#temperatura-refrigeracion-ps5 .gsps5t-terminal-name {
    color: #71889d;

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

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

#temperatura-refrigeracion-ps5 .gsps5t-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#temperatura-refrigeracion-ps5
.gsps5t-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:
        gsps5t-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5t-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(315px);
        opacity: 0.68;
    }
}

#temperatura-refrigeracion-ps5 .gsps5t-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-ps5
.gsps5t-terminal-line:last-child {
    margin-bottom: 0;
}

#temperatura-refrigeracion-ps5 .gsps5t-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#temperatura-refrigeracion-ps5
.gsps5t-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#temperatura-refrigeracion-ps5 .gsps5t-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#temperatura-refrigeracion-ps5 .gsps5t-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-ps5 .gsps5t-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#temperatura-refrigeracion-ps5
.gsps5t-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) {

    #temperatura-refrigeracion-ps5 .gsps5t-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-status {
        max-width: 650px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-ps5
    .gsps5t-stage:not(:last-child)::after {
        display: none;
    }

    #temperatura-refrigeracion-ps5
    .gsps5t-stage.exhaust {
        grid-column: 1 / -1;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-middle,
    #temperatura-refrigeracion-ps5 .gsps5t-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #temperatura-refrigeracion-ps5 {
        overflow: hidden;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-radar,
    #temperatura-refrigeracion-ps5 .gsps5t-page-scan {
        display: none;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-heading {
        display: block;

        margin-bottom: 31px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #temperatura-refrigeracion-ps5 .gsps5t-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-intro {
        margin-top: 14px;

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

    #temperatura-refrigeracion-ps5 .gsps5t-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #temperatura-refrigeracion-ps5
    .gsps5t-techline::after {
        width: 55px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-route-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #temperatura-refrigeracion-ps5 .gsps5t-route-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 19px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-route-title {
        font-size: 18px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-route {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-stage,
    #temperatura-refrigeracion-ps5
    .gsps5t-stage.exhaust {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-flow-line {
        display: none;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-middle,
    #temperatura-refrigeracion-ps5 .gsps5t-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-panel,
    #temperatura-refrigeracion-ps5 .gsps5t-hud-panel,
    #temperatura-refrigeracion-ps5 .gsps5t-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #temperatura-refrigeracion-ps5 .gsps5t-panel-title {
        font-size: 20px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-symptom-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-hud {
        min-height: 300px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-core,
    #temperatura-refrigeracion-ps5 .gsps5t-fan,
    #temperatura-refrigeracion-ps5 .gsps5t-intake span,
    #temperatura-refrigeracion-ps5 .gsps5t-exhaust span,
    #temperatura-refrigeracion-ps5 .gsps5t-transfer-line::after,
    #temperatura-refrigeracion-ps5 .gsps5t-ring {
        animation: none;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-core {
        width: 95px;
        height: 95px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-fan {
        right: 7%;

        width: 72px;
        height: 72px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-fan::before {
        font-size: 38px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-intake {
        left: 4%;

        width: 76px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-exhaust {
        width: 70px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-ring.one {
        width: 155px;
        height: 155px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-ring.two {
        width: 215px;
        height: 215px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-hud-label {
        padding: 5px 6px;

        font-size: 8px;
    }

    #temperatura-refrigeracion-ps5
    .gsps5t-hud-label.transfer {
        left: 38%;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-hud-legend {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #temperatura-refrigeracion-ps5 .gsps5t-terminal-head {
        padding: 10px 12px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-terminal-body {
        padding: 19px 15px 17px;
    }

    #temperatura-refrigeracion-ps5
    .gsps5t-terminal-body::before {
        display: none;

        animation: none;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #temperatura-refrigeracion-ps5 .gsps5t-shell {
        width: calc(100% - 24px);
    }

    #temperatura-refrigeracion-ps5 .gsps5t-route-panel,
    #temperatura-refrigeracion-ps5 .gsps5t-panel,
    #temperatura-refrigeracion-ps5 .gsps5t-hud-panel,
    #temperatura-refrigeracion-ps5 .gsps5t-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-hud {
        min-height: 280px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-core {
        width: 82px;
        height: 82px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-core::after {
        inset: 26px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-fan {
        right: 5%;

        width: 62px;
        height: 62px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-fan::before {
        font-size: 33px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-intake {
        width: 61px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-exhaust {
        width: 58px;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-hud-label {
        font-size: 8px;

        padding: 5px;
    }

    #temperatura-refrigeracion-ps5
    .gsps5t-hud-label.transfer {
        left: 35%;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #temperatura-refrigeracion-ps5 *,
    #temperatura-refrigeracion-ps5 *::before,
    #temperatura-refrigeracion-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #temperatura-refrigeracion-ps5 .gsps5t-page-scan,
    #temperatura-refrigeracion-ps5 .gsps5t-flow-line::after,
    #temperatura-refrigeracion-ps5
    .gsps5t-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — SISTEMA / ALMACENAMIENTO / CONECTIVIDAD
   Migrado a GS Frontend Core 0.14.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — SISTEMA / ALMACENAMIENTO / CONECTIVIDAD
 
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 22%,
            rgba(139, 92, 246, 0.065),
            transparent 28%
        ),
        radial-gradient(
            circle at 87% 27%,
            rgba(32, 213, 243, 0.065),
            transparent 29%
        ),
        radial-gradient(
            circle at 72% 91%,
            rgba(50, 134, 255, 0.05),
            transparent 27%
        ),
        radial-gradient(
            circle at 22% 88%,
            rgba(67, 229, 139, 0.03),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#sistema-almacenamiento-conectividad-ps5 *,
#sistema-almacenamiento-conectividad-ps5 *::before,
#sistema-almacenamiento-conectividad-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   GRID
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-radar {
    position: absolute;

    right: -230px;
    top: 210px;

    width: 460px;
    height: 460px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5s-radar-spin 44s linear infinite;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-radar::before,
#sistema-almacenamiento-conectividad-ps5 .gsps5s-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-radar::after {
    inset: 148px;

    border:
        1px solid rgba(50, 134, 255, 0.05);
}

@keyframes gsps5s-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.30),
            rgba(139, 92, 246, 0.16),
            transparent
        );

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

    animation:
        gsps5s-page-scan 11s linear infinite;
}

@keyframes gsps5s-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1650px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADING
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-heading-main {
    min-width: 0;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

    background:
        rgba(28, 17, 50, 0.35);

    color: #c0afff;

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

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, 0.80),
        0 0 17px rgba(139, 92, 246, 0.22);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-title span {
    color: var(--gs-cyan);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-intro {
    max-width: 830px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(27, 19, 50, 0.42),
            rgba(4, 13, 23, 0.88)
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

    box-shadow:
        0 0 12px rgba(139, 92, 246, 0.24);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #c2b1ff;

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

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

#sistema-almacenamiento-conectividad-ps5
.gsps5s-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, 0.55);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECH LINE
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(139, 92, 246, 0.50),
            rgba(32, 213, 243, 0.42),
            transparent
        );
}


/* =========================================================
   SYSTEM ROUTE PANEL
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-route-panel {
    position: relative;

    padding: 30px 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);
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-route-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(139, 92, 246, 0.06),
            transparent 29%
        ),
        radial-gradient(
            circle at 90% 0%,
            rgba(32, 213, 243, 0.06),
            transparent 29%
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-route-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-route-title {
    margin: 0;

    color: #f1faff;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-route-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

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

    border-radius: 999px;

    background:
        rgba(139, 92, 246, 0.04);

    color: #c1afff;

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

#sistema-almacenamiento-conectividad-ps5
.gsps5s-route-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, 0.60);
}


/* =========================================================
   ROUTE
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-route {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 12px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage {
    position: relative;

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

    padding: 17px 13px 15px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 17%,
            transparent
        );

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.70);
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -11px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.52);

    font-size: 21px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.20);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage.boot {
    --stage-color: #43e58b;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage.storage {
    --stage-color: #3286ff;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage.system {
    --stage-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage.update {
    --stage-color: #ffc857;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage.communication {
    --stage-color: #20d5f3;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage.stable {
    --stage-color: #43e58b;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage-code {
    margin-bottom: 13px;

    color: #567086;

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

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--stage-color) 6%,
            transparent
        );

    color: var(--stage-color);

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage-title {
    margin: 0 0 6px;

    color: #eaf8ff;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-stage-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   DATA LINE
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-data-line {
    position: relative;
    z-index: 2;

    height: 2px;

    margin: 27px 2px 5px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(67,229,139,0.36),
            rgba(50,134,255,0.40),
            rgba(139,92,246,0.42),
            rgba(255,200,87,0.38),
            rgba(32,213,243,0.44),
            rgba(67,229,139,0.34)
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-data-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 14%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.90),
            transparent
        );

    box-shadow:
        0 0 10px rgba(32, 213, 243, 0.34);

    animation:
        gsps5s-data-flow 3.8s linear infinite;
}

@keyframes gsps5s-data-flow {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(840%);
    }
}


/* =========================================================
   MAIN CATEGORIES
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-grid {
    display: grid;

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

    gap: 14px;

    margin-top: 18px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category {
    position: relative;

    min-width: 0;

    padding: 24px 20px 20px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--category-color) 17%,
            transparent
        );

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.92),
            rgba(4, 12, 22, 0.97)
        );

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category:hover {
    transform: translateY(-4px);

    border-color:
        color-mix(
            in srgb,
            var(--category-color) 31%,
            transparent
        );

    box-shadow:
        0 18px 42px rgba(0,0,0,0.17),
        0 0 23px
        color-mix(
            in srgb,
            var(--category-color) 6%,
            transparent
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 90px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--category-color),
            transparent
        );

    box-shadow:
        0 0 14px
        color-mix(
            in srgb,
            var(--category-color) 28%,
            transparent
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category.storage {
    --category-color: #3286ff;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category.system {
    --category-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category.connectivity {
    --category-color: #20d5f3;
}


/* =========================================================
   CATEGORY HEAD
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 16px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-code {
    color:
        color-mix(
            in srgb,
            var(--category-color) 78%,
            white
        );

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-status {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    flex-shrink: 0;

    padding: 5px 7px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--category-color) 15%,
            transparent
        );

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--category-color) 3%,
            transparent
        );

    color:
        color-mix(
            in srgb,
            var(--category-color) 70%,
            #a4b7c5
        );

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

#sistema-almacenamiento-conectividad-ps5
.gsps5s-category-status::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--category-color);

    box-shadow:
        0 0 6px var(--category-color);
}


/* =========================================================
   CATEGORY ICON
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-icon {
    display: grid;
    place-items: center;

    width: 43px;
    height: 43px;

    margin-bottom: 14px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--category-color) 25%,
            transparent
        );

    border-radius: 12px;

    background:
        color-mix(
            in srgb,
            var(--category-color) 6%,
            transparent
        );

    color: var(--category-color);

    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================================
   CATEGORY CONTENT
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-label {
    margin: 0 0 5px;

    color: #71889b;

    font-size: 9px;
    line-height: 1.35;
    font-weight: 600;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-title {
    margin: 0;

    color: #eef8ff;

    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-copy {
    margin: 9px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   CATEGORY ITEMS
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-items {
    display: grid;

    gap: 8px;

    margin-top: 17px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-item {
    display: grid;

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

    gap: 8px;

    align-items: start;

    padding: 9px 10px;

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

    border-radius: 9px;

    background:
        rgba(6,18,31,0.48);

    color: #8198a9;

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

#sistema-almacenamiento-conectividad-ps5
.gsps5s-category-item::before {
    content: "";

    width: 6px;
    height: 6px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--category-color);

    box-shadow:
        0 0 6px
        color-mix(
            in srgb,
            var(--category-color) 44%,
            transparent
        );
}


/* =========================================================
   CATEGORY FOOTER
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-category-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

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

    border-top:
        1px solid rgba(92, 208, 255, 0.07);

    color: #5f778a;

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

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

#sistema-almacenamiento-conectividad-ps5
.gsps5s-category-footer span:last-child {
    color:
        color-mix(
            in srgb,
            var(--category-color) 65%,
            #778b98
        );
}


/* =========================================================
   MIDDLE AREA
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-middle {
    display: grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(390px, 0.96fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   SYMPTOMS PANEL
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-panel-title {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;

    color: #f2faff;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-panel-copy {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--gs-muted);

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


/* =========================================================
   SYMPTOM GRID
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 20px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--symptom-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--symptom-color) 44%,
            transparent
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom.boot {
    --symptom-color: #43e58b;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom.freeze {
    --symptom-color: #3286ff;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom.update {
    --symptom-color: #ffc857;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom.storage {
    --symptom-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom.network {
    --symptom-color: #20d5f3;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom.ports {
    --symptom-color: #ff9f43;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom-copy {
    margin: 0;

    color: #7890a3;

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


/* =========================================================
   SYSTEM HUD PANEL
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(24, 18, 45, 0.32),
            rgba(4, 12, 22, 0.97)
        );
}


/* =========================================================
   SYSTEM HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud {
    position: relative;

    min-height: 330px;

    margin-top: 20px;

    overflow: hidden;

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

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(139, 92, 246, 0.08),
            transparent 45%
        ),
        rgba(3, 12, 22, 0.65);
}


/* =========================================================
   CENTRAL CORE
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-core {
    position: absolute;

    z-index: 6;

    left: 50%;
    top: 50%;

    width: 105px;
    height: 105px;

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

    display: grid;
    place-items: center;

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

    border-radius: 23px;

    background:
        radial-gradient(
            circle,
            rgba(139, 92, 246, 0.12),
            rgba(50, 134, 255, 0.07) 43%,
            rgba(6, 17, 29, 0.96) 72%
        );

    box-shadow:
        0 0 35px rgba(139, 92, 246, 0.08);

    color: #c5b7ff;

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

    letter-spacing: 0.07em;
    text-align: center;
    text-transform: uppercase;

    animation:
        gsps5s-core-pulse 4s ease-in-out infinite;
}

@keyframes gsps5s-core-pulse {

    0%,
    100% {
        box-shadow:
            0 0 28px rgba(139, 92, 246, 0.05);
    }

    50% {
        box-shadow:
            0 0 46px rgba(139, 92, 246, 0.13);
    }
}


/* =========================================================
   ORBITS
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit {
    position: absolute;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    pointer-events: none;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit.one {
    width: 190px;
    height: 190px;

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

    animation:
        gsps5s-orbit-one 18s linear infinite;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit.two {
    width: 260px;
    height: 260px;

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

    animation:
        gsps5s-orbit-one 24s linear infinite reverse;
}

@keyframes gsps5s-orbit-one {

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

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


/* =========================================================
   HUD NODES
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node {
    position: absolute;

    z-index: 8;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--node-color) 18%,
            transparent
        );

    border-radius: 8px;

    background:
        rgba(5, 16, 29, 0.89);

    color: #8ea5b5;

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

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--node-color);

    box-shadow:
        0 0 6px var(--node-color);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node.storage {
    --node-color: #3286ff;

    left: 6%;
    top: 16%;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node.system {
    --node-color: #8b5cf6;

    right: 6%;
    top: 16%;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node.update {
    --node-color: #ffc857;

    left: 6%;
    bottom: 15%;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node.network {
    --node-color: #20d5f3;

    right: 6%;
    bottom: 15%;
}


/* =========================================================
   DATA PATHS
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-path {
    position: absolute;

    z-index: 3;

    height: 1px;

    transform-origin: left center;

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

    animation:
        gsps5s-path-pulse 2.9s ease-in-out infinite;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-path.one {
    left: 21%;
    top: 31%;

    width: 31%;

    transform: rotate(21deg);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-path.two {
    left: 51%;
    top: 50%;

    width: 31%;

    transform: rotate(-23deg);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-path.three {
    left: 20%;
    bottom: 29%;

    width: 32%;

    transform: rotate(-21deg);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-path.four {
    left: 50%;
    bottom: 29%;

    width: 31%;

    transform: rotate(22deg);
}

@keyframes gsps5s-path-pulse {

    0%,
    100% {
        opacity: 0.20;
    }

    50% {
        opacity: 0.78;
    }
}


/* =========================================================
   HUD LEGEND
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-legend {
    display: grid;

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

    gap: 8px;

    margin-top: 17px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-legend-item {
    min-width: 0;

    padding: 10px;

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

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.52);

    text-align: center;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-legend-label {
    display: block;

    margin-bottom: 4px;

    color: #a7bed0;

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

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-legend-value {
    display: block;

    color: #8199aa;

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


/* =========================================================
   CONSOLE-SIDE NOTE
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-console-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 15px;
    padding: 12px 13px;

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

    border-radius: 11px;

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

    color: #8da3b3;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-console-note-icon {
    display: grid;
    place-items: center;

    width: 18px;
    height: 18px;

    flex: 0 0 18px;

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

    border-radius: 50%;

    color: var(--gs-cyan);

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


/* =========================================================
   LOWER
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIA
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria {
    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)
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria-item {
    min-width: 0;

    padding: 12px;

    border:
        1px solid rgba(91, 197, 255, 0.09);

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WARNING
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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;
}


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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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.10);

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-name {
    color: #71889d;

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

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-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:
        gsps5s-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5s-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(315px);
        opacity: 0.68;
    }
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-terminal-line:last-child {
    margin-bottom: 0;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


/* =========================================================
   RESULT
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#sistema-almacenamiento-conectividad-ps5 .gsps5s-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#sistema-almacenamiento-conectividad-ps5 .gsps5s-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;
}

#sistema-almacenamiento-conectividad-ps5 .gsps5s-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#sistema-almacenamiento-conectividad-ps5
.gsps5s-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) {

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-status {
        max-width: 650px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-ps5
    .gsps5s-stage:not(:last-child)::after {
        display: none;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-category-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-ps5
    .gsps5s-category.connectivity {
        grid-column: 1 / -1;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-middle,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #sistema-almacenamiento-conectividad-ps5 {
        overflow: hidden;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-radar,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-scan {
        display: none;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-heading {
        display: block;

        margin-bottom: 31px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-intro {
        margin-top: 14px;

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

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #sistema-almacenamiento-conectividad-ps5
    .gsps5s-techline::after {
        width: 55px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-route-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-route-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 19px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-route-title {
        font-size: 18px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-route {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-stage {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-data-line {
        display: none;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-category-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;

        margin-top: 14px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-category,
    #sistema-almacenamiento-conectividad-ps5
    .gsps5s-category.connectivity {
        grid-column: auto;

        width: 100%;
        min-width: 0;

        padding: 20px 17px 18px;

        border-radius: 17px;

        transform: none;

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

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-category:hover {
        transform: none;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-middle,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-panel,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-panel,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-panel-title {
        font-size: 20px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-symptom-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud {
        min-height: 300px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-core,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-path {
        animation: none;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-core {
        width: 88px;
        height: 88px;

        font-size: 9px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit.one {
        width: 160px;
        height: 160px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit.two {
        width: 220px;
        height: 220px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node {
        padding: 5px 6px;

        font-size: 8px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-path {
        opacity: 0.22;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-legend {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-head {
        padding: 10px 12px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-body {
        padding: 19px 15px 17px;
    }

    #sistema-almacenamiento-conectividad-ps5
    .gsps5s-terminal-body::before {
        display: none;

        animation: none;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-shell {
        width: calc(100% - 24px);
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-route-panel,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-category,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-panel,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-panel,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud {
        min-height: 280px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-core {
        width: 78px;
        height: 78px;

        font-size: 8px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit.one {
        width: 145px;
        height: 145px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-orbit.two {
        width: 200px;
        height: 200px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-hud-node {
        font-size: 8px;

        padding: 5px;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #sistema-almacenamiento-conectividad-ps5 *,
    #sistema-almacenamiento-conectividad-ps5 *::before,
    #sistema-almacenamiento-conectividad-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #sistema-almacenamiento-conectividad-ps5 .gsps5s-scan,
    #sistema-almacenamiento-conectividad-ps5 .gsps5s-data-line::after,
    #sistema-almacenamiento-conectividad-ps5
    .gsps5s-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — DIAGNÓSTICO Y REFACCIONES
   Migrado a GS Frontend Core 0.15.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — DIAGNÓSTICO Y REFACCIONES

   ========================================================= */

#diagnostico-refacciones-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 11% 22%,
            rgba(32, 213, 243, 0.065),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 26%,
            rgba(139, 92, 246, 0.065),
            transparent 29%
        ),
        radial-gradient(
            circle at 72% 91%,
            rgba(67, 229, 139, 0.035),
            transparent 27%
        ),
        radial-gradient(
            circle at 25% 88%,
            rgba(255, 200, 87, 0.025),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#diagnostico-refacciones-ps5 *,
#diagnostico-refacciones-ps5 *::before,
#diagnostico-refacciones-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-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
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-radar {
    position: absolute;

    right: -230px;
    top: 210px;

    width: 460px;
    height: 460px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5d-radar-spin 46s linear infinite;
}

#diagnostico-refacciones-ps5 .gsps5d-radar::before,
#diagnostico-refacciones-ps5 .gsps5d-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#diagnostico-refacciones-ps5 .gsps5d-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);
}

#diagnostico-refacciones-ps5 .gsps5d-radar::after {
    inset: 148px;

    border:
        1px solid rgba(67, 229, 139, 0.05);
}

@keyframes gsps5d-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#diagnostico-refacciones-ps5 .gsps5d-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.30),
            rgba(139, 92, 246, 0.15),
            transparent
        );

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

    animation:
        gsps5d-page-scan 11s linear infinite;
}

@keyframes gsps5d-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1700px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#diagnostico-refacciones-ps5 .gsps5d-heading-main {
    min-width: 0;
}

#diagnostico-refacciones-ps5 .gsps5d-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

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

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

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

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

#diagnostico-refacciones-ps5 .gsps5d-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.82),
        0 0 17px rgba(32, 213, 243, 0.24);
}

#diagnostico-refacciones-ps5 .gsps5d-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#diagnostico-refacciones-ps5 .gsps5d-title span {
    color: var(--gs-cyan);
}

#diagnostico-refacciones-ps5 .gsps5d-intro {
    max-width: 830px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-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(11, 39, 29, 0.30),
            rgba(4, 13, 23, 0.88)
        );
}

#diagnostico-refacciones-ps5 .gsps5d-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.24);
}

#diagnostico-refacciones-ps5 .gsps5d-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #91f0bc;

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

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

#diagnostico-refacciones-ps5
.gsps5d-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-ps5 .gsps5d-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECH LINE
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-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-ps5
.gsps5d-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.50),
            rgba(67, 229, 139, 0.36),
            transparent
        );
}


/* =========================================================
   SERVICE ROUTE
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-route-panel {
    position: relative;

    padding: 30px 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-ps5
.gsps5d-route-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(32, 213, 243, 0.06),
            transparent 29%
        ),
        radial-gradient(
            circle at 90% 0%,
            rgba(67, 229, 139, 0.055),
            transparent 29%
        );
}

#diagnostico-refacciones-ps5 .gsps5d-route-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#diagnostico-refacciones-ps5 .gsps5d-route-title {
    margin: 0;

    color: #f1faff;

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

#diagnostico-refacciones-ps5 .gsps5d-route-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.17);

    border-radius: 999px;

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

    color: #8feeb8;

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

#diagnostico-refacciones-ps5
.gsps5d-route-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.60);
}


/* =========================================================
   ROUTE GRID
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-route {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 12px;
}

#diagnostico-refacciones-ps5 .gsps5d-stage {
    position: relative;

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

    padding: 17px 13px 15px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 17%,
            transparent
        );

    border-radius: 15px;

    background:
        rgba(5, 17, 30, 0.70);
}

#diagnostico-refacciones-ps5
.gsps5d-stage:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -11px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.52);

    font-size: 21px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.20);
}

#diagnostico-refacciones-ps5 .gsps5d-stage.receive {
    --stage-color: #20d5f3;
}

#diagnostico-refacciones-ps5 .gsps5d-stage.inspect {
    --stage-color: #3286ff;
}

#diagnostico-refacciones-ps5 .gsps5d-stage.diagnose {
    --stage-color: #8b5cf6;
}

#diagnostico-refacciones-ps5 .gsps5d-stage.viability {
    --stage-color: #ffc857;
}

#diagnostico-refacciones-ps5 .gsps5d-stage.part {
    --stage-color: #ff9f43;
}

#diagnostico-refacciones-ps5 .gsps5d-stage.quote {
    --stage-color: #43e58b;
}

#diagnostico-refacciones-ps5 .gsps5d-stage-code {
    margin-bottom: 13px;

    color: #567086;

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

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

#diagnostico-refacciones-ps5 .gsps5d-stage-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--stage-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--stage-color) 6%,
            transparent
        );

    color: var(--stage-color);

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

#diagnostico-refacciones-ps5 .gsps5d-stage-title {
    margin: 0 0 6px;

    color: #eaf8ff;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#diagnostico-refacciones-ps5 .gsps5d-stage-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   ROUTE SIGNAL
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-route-line {
    position: relative;
    z-index: 2;

    height: 2px;

    margin: 27px 2px 5px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(32,213,243,0.38),
            rgba(50,134,255,0.40),
            rgba(139,92,246,0.42),
            rgba(255,200,87,0.40),
            rgba(255,159,67,0.40),
            rgba(67,229,139,0.42)
        );
}

#diagnostico-refacciones-ps5 .gsps5d-route-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 14%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.92),
            transparent
        );

    box-shadow:
        0 0 10px rgba(67, 229, 139, 0.30);

    animation:
        gsps5d-route-flow 3.8s linear infinite;
}

@keyframes gsps5d-route-flow {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(840%);
    }
}


/* =========================================================
   DIAGNOSTIC POLICY
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-policy-grid {
    display: grid;

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

    gap: 14px;

    margin-top: 18px;
}

#diagnostico-refacciones-ps5 .gsps5d-policy-card {
    position: relative;

    min-width: 0;

    padding: 25px 22px 21px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--policy-color) 17%,
            transparent
        );

    border-radius: 19px;

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

#diagnostico-refacciones-ps5 .gsps5d-policy-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 94px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--policy-color),
            transparent
        );

    box-shadow:
        0 0 14px
        color-mix(
            in srgb,
            var(--policy-color) 26%,
            transparent
        );
}

#diagnostico-refacciones-ps5 .gsps5d-policy-card.clean {
    --policy-color: #43e58b;
}

#diagnostico-refacciones-ps5 .gsps5d-policy-card.previous {
    --policy-color: #ffc857;
}

#diagnostico-refacciones-ps5 .gsps5d-policy-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 16px;
}

#diagnostico-refacciones-ps5 .gsps5d-policy-code {
    color:
        color-mix(
            in srgb,
            var(--policy-color) 76%,
            white
        );

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#diagnostico-refacciones-ps5 .gsps5d-policy-state {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 5px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--policy-color) 16%,
            transparent
        );

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--policy-color) 4%,
            transparent
        );

    color:
        color-mix(
            in srgb,
            var(--policy-color) 72%,
            #a7bac7
        );

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

#diagnostico-refacciones-ps5 .gsps5d-policy-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--policy-color);

    box-shadow:
        0 0 6px var(--policy-color);
}

#diagnostico-refacciones-ps5 .gsps5d-policy-icon {
    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;

    margin-bottom: 14px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--policy-color) 24%,
            transparent
        );

    border-radius: 12px;

    background:
        color-mix(
            in srgb,
            var(--policy-color) 6%,
            transparent
        );

    color: var(--policy-color);

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

#diagnostico-refacciones-ps5 .gsps5d-policy-title {
    margin: 0;

    color: #edf8ff;

    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

#diagnostico-refacciones-ps5 .gsps5d-policy-copy {
    margin: 9px 0 0;

    color: var(--gs-muted);

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

#diagnostico-refacciones-ps5 .gsps5d-policy-list {
    display: grid;

    gap: 8px;

    margin-top: 17px;
}

#diagnostico-refacciones-ps5 .gsps5d-policy-item {
    display: grid;

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

    gap: 8px;

    align-items: start;

    padding: 9px 10px;

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

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.48);

    color: #849baa;

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

#diagnostico-refacciones-ps5 .gsps5d-policy-item::before {
    content: "✓";

    color: var(--policy-color);

    font-size: 9px;
    line-height: 1.5;
    font-weight: 700;
}


/* =========================================================
   MIDDLE AREA
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-middle {
    display: grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(390px, 0.96fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   PARTS PANEL
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-parts {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

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

    border-radius: 20px;

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

#diagnostico-refacciones-ps5 .gsps5d-parts::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(255, 159, 67, 0.055),
            transparent 30%
        );
}

#diagnostico-refacciones-ps5 .gsps5d-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-ps5
.gsps5d-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-ps5 .gsps5d-panel-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #f2faff;

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

#diagnostico-refacciones-ps5 .gsps5d-panel-copy {
    position: relative;
    z-index: 2;

    margin: 10px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   FACTOR GRID
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-factor-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#diagnostico-refacciones-ps5 .gsps5d-factor {
    position: relative;

    min-width: 0;

    padding: 13px 12px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--factor-color) 14%,
            transparent
        );

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.55);
}

#diagnostico-refacciones-ps5 .gsps5d-factor.compatibility {
    --factor-color: #20d5f3;
}

#diagnostico-refacciones-ps5 .gsps5d-factor.availability {
    --factor-color: #3286ff;
}

#diagnostico-refacciones-ps5 .gsps5d-factor.condition {
    --factor-color: #8b5cf6;
}

#diagnostico-refacciones-ps5 .gsps5d-factor.previous {
    --factor-color: #ffc857;
}

#diagnostico-refacciones-ps5 .gsps5d-factor.diagnosis {
    --factor-color: #ff9f43;
}

#diagnostico-refacciones-ps5 .gsps5d-factor.authorization {
    --factor-color: #43e58b;
}

#diagnostico-refacciones-ps5 .gsps5d-factor-top {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 5px;
}

#diagnostico-refacciones-ps5 .gsps5d-factor-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--factor-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--factor-color) 45%,
            transparent
        );
}

#diagnostico-refacciones-ps5 .gsps5d-factor-title {
    margin: 0;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#diagnostico-refacciones-ps5 .gsps5d-factor-copy {
    margin: 0;

    color: #7890a3;

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


/* =========================================================
   PART WARNING
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-parts-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#diagnostico-refacciones-ps5 .gsps5d-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;
}


/* =========================================================
   AUTHORIZATION HUD
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-auth-panel {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(11, 40, 29, 0.25),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-ps5 .gsps5d-auth-hud {
    position: relative;

    min-height: 330px;

    margin-top: 20px;

    overflow: hidden;

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

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(67, 229, 139, 0.07),
            transparent 44%
        ),
        rgba(3, 12, 22, 0.65);
}


/* =========================================================
   AUTH CORE
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-auth-core {
    position: absolute;

    z-index: 6;

    left: 50%;
    top: 50%;

    width: 118px;
    height: 118px;

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

    display: grid;
    place-items: center;

    border:
        1px solid rgba(67, 229, 139, 0.26);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(67, 229, 139, 0.12),
            rgba(32, 213, 243, 0.05) 42%,
            rgba(6, 17, 29, 0.97) 72%
        );

    color: #96efbd;

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

    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;

    box-shadow:
        0 0 36px rgba(67, 229, 139, 0.08);

    animation:
        gsps5d-auth-pulse 4s ease-in-out infinite;
}

@keyframes gsps5d-auth-pulse {

    0%,
    100% {
        box-shadow:
            0 0 26px rgba(67, 229, 139, 0.05);
    }

    50% {
        box-shadow:
            0 0 48px rgba(67, 229, 139, 0.13);
    }
}


/* =========================================================
   AUTH RINGS
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-auth-ring {
    position: absolute;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    pointer-events: none;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-ring.one {
    width: 190px;
    height: 190px;

    border:
        1px solid rgba(67, 229, 139, 0.08);

    animation:
        gsps5d-auth-ring-spin 18s linear infinite;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-ring.two {
    width: 260px;
    height: 260px;

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

    animation:
        gsps5d-auth-ring-spin 24s linear infinite reverse;
}

@keyframes gsps5d-auth-ring-spin {

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

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


/* =========================================================
   AUTH NODES
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-auth-node {
    position: absolute;
    z-index: 8;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--node-color) 18%,
            transparent
        );

    border-radius: 8px;

    background:
        rgba(5, 16, 29, 0.89);

    color: #8ea5b5;

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

    text-transform: uppercase;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-node::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--node-color);

    box-shadow:
        0 0 6px var(--node-color);
}

#diagnostico-refacciones-ps5 .gsps5d-auth-node.diagnosis {
    --node-color: #20d5f3;

    left: 7%;
    top: 16%;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-node.viability {
    --node-color: #ffc857;

    right: 7%;
    top: 16%;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-node.quote {
    --node-color: #8b5cf6;

    left: 7%;
    bottom: 15%;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-node.authorization {
    --node-color: #43e58b;

    right: 7%;
    bottom: 15%;
}


/* =========================================================
   AUTH PATHS
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-auth-path {
    position: absolute;

    z-index: 3;

    height: 1px;

    transform-origin: left center;

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

    animation:
        gsps5d-path-pulse 3s ease-in-out infinite;
}

#diagnostico-refacciones-ps5 .gsps5d-auth-path.one {
    left: 22%;
    top: 31%;

    width: 30%;

    transform: rotate(21deg);
}

#diagnostico-refacciones-ps5 .gsps5d-auth-path.two {
    left: 51%;
    top: 50%;

    width: 30%;

    transform: rotate(-23deg);
}

#diagnostico-refacciones-ps5 .gsps5d-auth-path.three {
    left: 21%;
    bottom: 29%;

    width: 31%;

    transform: rotate(-21deg);
}

#diagnostico-refacciones-ps5 .gsps5d-auth-path.four {
    left: 50%;
    bottom: 29%;

    width: 31%;

    transform: rotate(22deg);
}

@keyframes gsps5d-path-pulse {

    0%,
    100% {
        opacity: 0.20;
    }

    50% {
        opacity: 0.78;
    }
}


/* =========================================================
   PAYMENT PANEL
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-payment {
    display: grid;

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

    gap: 8px;

    margin-top: 17px;
}

#diagnostico-refacciones-ps5 .gsps5d-payment-item {
    min-width: 0;

    padding: 10px;

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

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.52);

    text-align: center;
}

#diagnostico-refacciones-ps5 .gsps5d-payment-label {
    display: block;

    margin-bottom: 4px;

    color: #a7bed0;

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

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

#diagnostico-refacciones-ps5 .gsps5d-payment-value {
    display: block;

    color: #8199aa;

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


/* =========================================================
   PAYMENT NOTE
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-payment-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 15px;
    padding: 12px 13px;

    border:
        1px solid rgba(67, 229, 139, 0.12);

    border-radius: 11px;

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

    color: #91a8b7;

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

#diagnostico-refacciones-ps5 .gsps5d-payment-note-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    border:
        1px solid rgba(67, 229, 139, 0.22);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   LOWER
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CRITERIA
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-criteria {
    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-ps5 .gsps5d-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#diagnostico-refacciones-ps5 .gsps5d-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#diagnostico-refacciones-ps5 .gsps5d-criteria-item {
    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-ps5
.gsps5d-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#diagnostico-refacciones-ps5
.gsps5d-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   CRITERIA WARNING
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-criteria-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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


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

#diagnostico-refacciones-ps5 .gsps5d-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#diagnostico-refacciones-ps5 .gsps5d-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.10);

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

#diagnostico-refacciones-ps5 .gsps5d-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#diagnostico-refacciones-ps5
.gsps5d-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#diagnostico-refacciones-ps5
.gsps5d-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#diagnostico-refacciones-ps5
.gsps5d-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#diagnostico-refacciones-ps5
.gsps5d-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#diagnostico-refacciones-ps5 .gsps5d-terminal-name {
    color: #71889d;

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

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

#diagnostico-refacciones-ps5 .gsps5d-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#diagnostico-refacciones-ps5
.gsps5d-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:
        gsps5d-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5d-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(330px);
        opacity: 0.68;
    }
}

#diagnostico-refacciones-ps5 .gsps5d-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-ps5
.gsps5d-terminal-line:last-child {
    margin-bottom: 0;
}

#diagnostico-refacciones-ps5 .gsps5d-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#diagnostico-refacciones-ps5
.gsps5d-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


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

#diagnostico-refacciones-ps5 .gsps5d-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#diagnostico-refacciones-ps5 .gsps5d-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#diagnostico-refacciones-ps5 .gsps5d-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-ps5 .gsps5d-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#diagnostico-refacciones-ps5
.gsps5d-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) {

    #diagnostico-refacciones-ps5 .gsps5d-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-status {
        max-width: 650px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-ps5
    .gsps5d-stage:not(:last-child)::after {
        display: none;
    }

    #diagnostico-refacciones-ps5 .gsps5d-middle,
    #diagnostico-refacciones-ps5 .gsps5d-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #diagnostico-refacciones-ps5 {
        overflow: hidden;
    }

    #diagnostico-refacciones-ps5 .gsps5d-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-radar,
    #diagnostico-refacciones-ps5 .gsps5d-scan {
        display: none;
    }

    #diagnostico-refacciones-ps5 .gsps5d-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-heading {
        display: block;

        margin-bottom: 31px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #diagnostico-refacciones-ps5 .gsps5d-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #diagnostico-refacciones-ps5 .gsps5d-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #diagnostico-refacciones-ps5 .gsps5d-intro {
        margin-top: 14px;

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

    #diagnostico-refacciones-ps5 .gsps5d-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #diagnostico-refacciones-ps5
    .gsps5d-techline::after {
        width: 55px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-route-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #diagnostico-refacciones-ps5 .gsps5d-route-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 19px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-route-title {
        font-size: 18px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-route {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-stage {
        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-route-line {
        display: none;
    }

    #diagnostico-refacciones-ps5 .gsps5d-policy-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;

        margin-top: 14px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-policy-card {
        width: 100%;
        min-width: 0;

        padding: 20px 17px 18px;

        border-radius: 17px;

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

    #diagnostico-refacciones-ps5 .gsps5d-middle,
    #diagnostico-refacciones-ps5 .gsps5d-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-parts,
    #diagnostico-refacciones-ps5 .gsps5d-auth-panel,
    #diagnostico-refacciones-ps5 .gsps5d-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #diagnostico-refacciones-ps5 .gsps5d-panel-title {
        font-size: 20px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-factor-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-hud {
        min-height: 300px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-core,
    #diagnostico-refacciones-ps5 .gsps5d-auth-ring,
    #diagnostico-refacciones-ps5 .gsps5d-auth-path {
        animation: none;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-core {
        width: 94px;
        height: 94px;

        font-size: 9px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-ring.one {
        width: 160px;
        height: 160px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-ring.two {
        width: 220px;
        height: 220px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-node {
        padding: 5px 6px;

        font-size: 8px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-path {
        opacity: 0.22;
    }

    #diagnostico-refacciones-ps5 .gsps5d-payment {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #diagnostico-refacciones-ps5 .gsps5d-terminal-head {
        padding: 10px 12px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #diagnostico-refacciones-ps5 .gsps5d-terminal-body {
        padding: 19px 15px 17px;
    }

    #diagnostico-refacciones-ps5
    .gsps5d-terminal-body::before {
        display: none;

        animation: none;
    }

    #diagnostico-refacciones-ps5 .gsps5d-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #diagnostico-refacciones-ps5 .gsps5d-shell {
        width: calc(100% - 24px);
    }

    #diagnostico-refacciones-ps5 .gsps5d-route-panel,
    #diagnostico-refacciones-ps5 .gsps5d-policy-card,
    #diagnostico-refacciones-ps5 .gsps5d-parts,
    #diagnostico-refacciones-ps5 .gsps5d-auth-panel,
    #diagnostico-refacciones-ps5 .gsps5d-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-hud {
        min-height: 280px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-core {
        width: 82px;
        height: 82px;

        font-size: 8px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-ring.one {
        width: 145px;
        height: 145px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-ring.two {
        width: 200px;
        height: 200px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-auth-node {
        font-size: 8px;

        padding: 5px;
    }

    #diagnostico-refacciones-ps5 .gsps5d-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #diagnostico-refacciones-ps5 *,
    #diagnostico-refacciones-ps5 *::before,
    #diagnostico-refacciones-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #diagnostico-refacciones-ps5 .gsps5d-scan,
    #diagnostico-refacciones-ps5 .gsps5d-route-line::after,
    #diagnostico-refacciones-ps5
    .gsps5d-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — PROCESO DE SERVICIO
   Migrado a GS Frontend Core 0.16.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — PROCESO DE SERVICIO
 
   ========================================================= */

#proceso-servicio-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 11% 20%,
            rgba(32, 213, 243, 0.065),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 24%,
            rgba(67, 229, 139, 0.050),
            transparent 29%
        ),
        radial-gradient(
            circle at 72% 90%,
            rgba(139, 92, 246, 0.050),
            transparent 27%
        ),
        radial-gradient(
            circle at 22% 88%,
            rgba(50, 134, 255, 0.040),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    color: var(--gs-text);

    font-family: var(--gs-font-sans);

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

#proceso-servicio-ps5 *,
#proceso-servicio-ps5 *::before,
#proceso-servicio-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-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-ps5 .gsps5svc-radar {
    position: absolute;

    left: -230px;
    top: 245px;

    width: 460px;
    height: 460px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5svc-radar-spin 46s linear infinite;
}

#proceso-servicio-ps5 .gsps5svc-radar::before,
#proceso-servicio-ps5 .gsps5svc-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#proceso-servicio-ps5 .gsps5svc-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(67, 229, 139, 0.055);
}

#proceso-servicio-ps5 .gsps5svc-radar::after {
    inset: 148px;

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

@keyframes gsps5svc-radar-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   PAGE SCAN
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#proceso-servicio-ps5 .gsps5svc-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.30),
            rgba(67, 229, 139, 0.13),
            transparent
        );

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

    animation:
        gsps5svc-page-scan 11s linear infinite;
}

@keyframes gsps5svc-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1800px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#proceso-servicio-ps5 .gsps5svc-heading-main {
    min-width: 0;
}

#proceso-servicio-ps5 .gsps5svc-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

    background:
        rgba(10, 39, 28, 0.33);

    color: #94efbd;

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

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

#proceso-servicio-ps5 .gsps5svc-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.80),
        0 0 17px rgba(67, 229, 139, 0.22);
}

#proceso-servicio-ps5 .gsps5svc-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#proceso-servicio-ps5 .gsps5svc-title span {
    color: var(--gs-cyan);
}

#proceso-servicio-ps5 .gsps5svc-intro {
    max-width: 830px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-status {
    position: relative;

    min-width: 0;

    padding: 18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 28, 41, 0.46),
            rgba(4, 13, 23, 0.88)
        );
}

#proceso-servicio-ps5 .gsps5svc-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.24);
}

#proceso-servicio-ps5 .gsps5svc-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #9deeff;

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

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

#proceso-servicio-ps5
.gsps5svc-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--gs-cyan);

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

#proceso-servicio-ps5 .gsps5svc-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECH LINE
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-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-ps5
.gsps5svc-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(32, 213, 243, 0.50),
            rgba(67, 229, 139, 0.38),
            transparent
        );
}


/* =========================================================
   SERVICE WORKFLOW PANEL
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-flow-panel {
    position: relative;

    padding: 30px 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-ps5
.gsps5svc-flow-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(32, 213, 243, 0.06),
            transparent 29%
        ),
        radial-gradient(
            circle at 90% 0%,
            rgba(67, 229, 139, 0.055),
            transparent 29%
        );
}

#proceso-servicio-ps5 .gsps5svc-flow-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 28px;
}

#proceso-servicio-ps5 .gsps5svc-flow-title {
    margin: 0;

    color: #f1faff;

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

#proceso-servicio-ps5 .gsps5svc-flow-state {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;

    padding: 6px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.17);

    border-radius: 999px;

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

    color: #90efba;

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

#proceso-servicio-ps5
.gsps5svc-flow-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.60);
}


/* =========================================================
   SEVEN STEPS
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-flow {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 10px;
}

#proceso-servicio-ps5 .gsps5svc-step {
    position: relative;

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

    padding: 16px 11px 14px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--step-color) 17%,
            transparent
        );

    border-radius: 14px;

    background:
        rgba(5, 17, 30, 0.70);
}

#proceso-servicio-ps5
.gsps5svc-step:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -10px;
    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

    color: rgba(32, 213, 243, 0.52);

    font-size: 20px;
    line-height: 1;
    font-weight: 300;

    text-shadow:
        0 0 10px rgba(32, 213, 243, 0.20);
}

#proceso-servicio-ps5 .gsps5svc-step.receive {
    --step-color: #20d5f3;
}

#proceso-servicio-ps5 .gsps5svc-step.diagnosis {
    --step-color: #3286ff;
}

#proceso-servicio-ps5 .gsps5svc-step.quote {
    --step-color: #8b5cf6;
}

#proceso-servicio-ps5 .gsps5svc-step.authorization {
    --step-color: #ffc857;
}

#proceso-servicio-ps5 .gsps5svc-step.repair {
    --step-color: #ff9f43;
}

#proceso-servicio-ps5 .gsps5svc-step.test {
    --step-color: #20d5f3;
}

#proceso-servicio-ps5 .gsps5svc-step.delivery {
    --step-color: #43e58b;
}

#proceso-servicio-ps5 .gsps5svc-step-code {
    margin-bottom: 12px;

    color: #567086;

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

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

#proceso-servicio-ps5 .gsps5svc-step-icon {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    margin-bottom: 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--step-color) 25%,
            transparent
        );

    border-radius: 11px;

    background:
        color-mix(
            in srgb,
            var(--step-color) 6%,
            transparent
        );

    color: var(--step-color);

    font-size: 13px;
    line-height: 1;
    font-weight: 700;
}

#proceso-servicio-ps5 .gsps5svc-step-title {
    margin: 0 0 6px;

    color: #eaf8ff;

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

#proceso-servicio-ps5 .gsps5svc-step-copy {
    margin: 0;

    color: #718a9e;

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


/* =========================================================
   FLOW LINE
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-flow-line {
    position: relative;
    z-index: 2;

    height: 2px;

    margin: 27px 2px 5px;

    overflow: hidden;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(32,213,243,0.40),
            rgba(50,134,255,0.40),
            rgba(139,92,246,0.40),
            rgba(255,200,87,0.40),
            rgba(255,159,67,0.40),
            rgba(32,213,243,0.40),
            rgba(67,229,139,0.42)
        );
}

#proceso-servicio-ps5 .gsps5svc-flow-line::after {
    content: "";

    position: absolute;

    top: 0;
    left: -18%;

    width: 14%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.92),
            transparent
        );

    box-shadow:
        0 0 10px rgba(67, 229, 139, 0.30);

    animation:
        gsps5svc-flow-move 4s linear infinite;
}

@keyframes gsps5svc-flow-move {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(850%);
    }
}


/* =========================================================
   SERVICE CONDITIONS
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-condition-grid {
    display: grid;

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

    gap: 12px;

    margin-top: 18px;
}

#proceso-servicio-ps5 .gsps5svc-condition {
    position: relative;

    min-width: 0;

    padding: 19px 16px 17px;

    overflow: hidden;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--condition-color) 15%,
            transparent
        );

    border-radius: 15px;

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

#proceso-servicio-ps5 .gsps5svc-condition::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 66px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--condition-color),
            transparent
        );
}

#proceso-servicio-ps5 .gsps5svc-condition.time {
    --condition-color: #20d5f3;
}

#proceso-servicio-ps5 .gsps5svc-condition.order {
    --condition-color: #3286ff;
}

#proceso-servicio-ps5 .gsps5svc-condition.variable {
    --condition-color: #ffc857;
}

#proceso-servicio-ps5 .gsps5svc-condition.payment {
    --condition-color: #43e58b;
}

#proceso-servicio-ps5 .gsps5svc-condition-label {
    display: block;

    margin-bottom: 8px;

    color:
        color-mix(
            in srgb,
            var(--condition-color) 75%,
            white
        );

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#proceso-servicio-ps5 .gsps5svc-condition-value {
    margin: 0;

    color: #edf8ff;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

#proceso-servicio-ps5 .gsps5svc-condition-copy {
    margin: 7px 0 0;

    color: #8096a7;

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


/* =========================================================
   NATIONAL AREA
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-national {
    display: grid;

    grid-template-columns:
        minmax(0, 0.94fr)
        minmax(430px, 1.06fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   NATIONAL INTRO
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-national-info {
    position: relative;

    min-width: 0;

    padding: 28px;

    overflow: hidden;

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

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 28, 42, 0.66),
            rgba(4, 12, 22, 0.97)
        );
}

#proceso-servicio-ps5 .gsps5svc-national-info::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

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

#proceso-servicio-ps5 .gsps5svc-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-ps5
.gsps5svc-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#proceso-servicio-ps5 .gsps5svc-panel-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #f2faff;

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

#proceso-servicio-ps5 .gsps5svc-panel-copy {
    position: relative;
    z-index: 2;

    margin: 10px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   NATIONAL BADGE
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-mexico-badge {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 12px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 13px;

    background:
        rgba(67, 229, 139, 0.035);
}

#proceso-servicio-ps5 .gsps5svc-mexico-icon {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    border:
        1px solid rgba(67, 229, 139, 0.22);

    border-radius: 11px;

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

    color: var(--gs-green);

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

    letter-spacing: 0.05em;
}

#proceso-servicio-ps5 .gsps5svc-mexico-content strong {
    display: block;

    margin-bottom: 5px;

    color: #ddf9e9;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

#proceso-servicio-ps5 .gsps5svc-mexico-content span {
    display: block;

    color: #88a0b0;

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


/* =========================================================
   NATIONAL BENEFITS
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-national-benefits {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#proceso-servicio-ps5 .gsps5svc-national-benefit {
    min-width: 0;

    padding: 12px;

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

    border-radius: 10px;

    background:
        rgba(6, 18, 31, 0.50);
}

#proceso-servicio-ps5 .gsps5svc-national-benefit strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

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

#proceso-servicio-ps5 .gsps5svc-national-benefit span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   WHATSAPP NATIONAL CTA
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-national-cta {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-top: 17px;
    padding-top: 16px;

    border-top:
        1px solid rgba(92, 208, 255, 0.08);
}

#proceso-servicio-ps5 .gsps5svc-national-cta-copy {
    color: #778fa1;

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

#proceso-servicio-ps5 .gsps5svc-national-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    min-height: 38px;

    padding: 9px 13px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            rgba(67, 229, 139, 0.12),
            rgba(32, 213, 243, 0.07)
        );

    color: #a5f3c7;

    text-decoration: none;

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

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

#proceso-servicio-ps5 .gsps5svc-national-button:hover {
    transform: translateY(-2px);

    border-color:
        rgba(67, 229, 139, 0.42);

    box-shadow:
        0 10px 28px rgba(67, 229, 139, 0.08);
}


#proceso-servicio-ps5 .gsps5svc-national-button:focus-visible {
    outline: 2px solid var(--gs-green);
    outline-offset: 3px;
}


/* =========================================================
   SHIPPING PROTOCOL
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-shipping {
    position: relative;

    min-width: 0;

    padding: 28px;

    overflow: hidden;

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

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(25, 18, 45, 0.38),
            rgba(4, 12, 22, 0.97)
        );
}


/* =========================================================
   SHIPPING ROUTE
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-shipping-route {
    position: relative;

    z-index: 2;

    display: grid;

    gap: 9px;

    margin-top: 20px;
}

#proceso-servicio-ps5 .gsps5svc-shipping-step {
    position: relative;

    display: grid;

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

    gap: 12px;

    align-items: start;

    min-width: 0;

    padding: 13px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--ship-color) 14%,
            transparent
        );

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.51);
}

#proceso-servicio-ps5 .gsps5svc-shipping-step.send {
    --ship-color: #20d5f3;
}

#proceso-servicio-ps5 .gsps5svc-shipping-step.receive {
    --ship-color: #3286ff;
}

#proceso-servicio-ps5 .gsps5svc-shipping-step.authorize {
    --ship-color: #ffc857;
}

#proceso-servicio-ps5 .gsps5svc-shipping-step.return {
    --ship-color: #43e58b;
}

#proceso-servicio-ps5 .gsps5svc-shipping-number {
    display: grid;
    place-items: center;

    width: 39px;
    height: 39px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--ship-color) 25%,
            transparent
        );

    border-radius: 10px;

    background:
        color-mix(
            in srgb,
            var(--ship-color) 6%,
            transparent
        );

    color: var(--ship-color);

    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

#proceso-servicio-ps5 .gsps5svc-shipping-title {
    margin: 0 0 4px;

    color: #dfeef7;

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

#proceso-servicio-ps5 .gsps5svc-shipping-copy {
    margin: 0;

    color: #7e95a6;

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


/* =========================================================
   CARRIERS
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-carriers-title {
    position: relative;
    z-index: 2;

    margin-top: 18px;
    margin-bottom: 9px;

    color: #748b9e;

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

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

#proceso-servicio-ps5 .gsps5svc-carriers {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 7px;
}

#proceso-servicio-ps5 .gsps5svc-carrier {
    min-width: 0;

    padding: 9px 7px;

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

    border-radius: 8px;

    background:
        rgba(6, 18, 31, 0.50);

    color: #a3b7c5;

    text-align: center;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   PREPAID LABEL
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-guide {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1fr auto;

    gap: 14px;

    align-items: center;

    margin-top: 16px;
    padding: 14px;

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

    border-radius: 12px;

    background:
        rgba(255, 200, 87, 0.035);
}

#proceso-servicio-ps5 .gsps5svc-guide-label {
    display: block;

    margin-bottom: 4px;

    color: #ffe09a;

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

#proceso-servicio-ps5 .gsps5svc-guide-copy {
    display: block;

    color: #8ea2b0;

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

#proceso-servicio-ps5 .gsps5svc-guide-price {
    display: block;

    color: #f4fbff;

    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;

    white-space: nowrap;
}

#proceso-servicio-ps5 .gsps5svc-guide-price small {
    display: block;

    margin-top: 3px;

    color: #7b91a1;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 500;

    text-align: right;
}


/* =========================================================
   ZIP NOTE
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-zip-note {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 9px;

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

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

    border-radius: 10px;

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

    color: #8299aa;

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

#proceso-servicio-ps5 .gsps5svc-zip-note-icon {
    display: grid;
    place-items: center;

    width: 18px;
    height: 18px;

    flex: 0 0 18px;

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

    border-radius: 50%;

    color: var(--gs-cyan);

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


/* =========================================================
   LOWER
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   SERVICE CRITERIA
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-criteria {
    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-ps5 .gsps5svc-criteria::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#proceso-servicio-ps5 .gsps5svc-criteria-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 21px;
}

#proceso-servicio-ps5 .gsps5svc-criteria-item {
    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-ps5
.gsps5svc-criteria-item strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#proceso-servicio-ps5
.gsps5svc-criteria-item span {
    display: block;

    color: #7890a3;

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


/* =========================================================
   AUTHORIZATION WARNING
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-warning {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 12px;

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

    color: #b8c7d2;

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

#proceso-servicio-ps5 .gsps5svc-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;
}


/* =========================================================
   PAYMENT MESSAGE
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-pay-message {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #a5b9c6;

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

#proceso-servicio-ps5 .gsps5svc-pay-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.23);

    border-radius: 50%;

    color: var(--gs-green);

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


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

#proceso-servicio-ps5 .gsps5svc-terminal {
    min-width: 0;

    overflow: hidden;

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

    border-radius: 21px;

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

#proceso-servicio-ps5 .gsps5svc-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.10);

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

#proceso-servicio-ps5 .gsps5svc-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#proceso-servicio-ps5
.gsps5svc-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#proceso-servicio-ps5
.gsps5svc-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#proceso-servicio-ps5
.gsps5svc-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#proceso-servicio-ps5
.gsps5svc-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#proceso-servicio-ps5 .gsps5svc-terminal-name {
    color: #71889d;

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

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

#proceso-servicio-ps5 .gsps5svc-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#proceso-servicio-ps5
.gsps5svc-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:
        gsps5svc-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5svc-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(340px);
        opacity: 0.68;
    }
}

#proceso-servicio-ps5 .gsps5svc-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-ps5
.gsps5svc-terminal-line:last-child {
    margin-bottom: 0;
}

#proceso-servicio-ps5 .gsps5svc-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#proceso-servicio-ps5
.gsps5svc-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


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

#proceso-servicio-ps5 .gsps5svc-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

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

    color: #b8c8d2;

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

#proceso-servicio-ps5 .gsps5svc-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

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


/* =========================================================
   FOOTER
   ========================================================= */

#proceso-servicio-ps5 .gsps5svc-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-ps5 .gsps5svc-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#proceso-servicio-ps5
.gsps5svc-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-ps5 .gsps5svc-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #proceso-servicio-ps5 .gsps5svc-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #proceso-servicio-ps5 .gsps5svc-status {
        max-width: 650px;
    }

    #proceso-servicio-ps5 .gsps5svc-flow {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-ps5
    .gsps5svc-step:not(:last-child)::after {
        display: none;
    }

    #proceso-servicio-ps5
    .gsps5svc-step.delivery {
        grid-column: 1 / -1;
    }

    #proceso-servicio-ps5 .gsps5svc-condition-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-ps5 .gsps5svc-national,
    #proceso-servicio-ps5 .gsps5svc-lower {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #proceso-servicio-ps5 {
        overflow: hidden;
    }

    #proceso-servicio-ps5 .gsps5svc-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #proceso-servicio-ps5 .gsps5svc-radar,
    #proceso-servicio-ps5 .gsps5svc-scan {
        display: none;
    }

    #proceso-servicio-ps5 .gsps5svc-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #proceso-servicio-ps5 .gsps5svc-heading {
        display: block;

        margin-bottom: 31px;
    }

    #proceso-servicio-ps5 .gsps5svc-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

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

    #proceso-servicio-ps5 .gsps5svc-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #proceso-servicio-ps5 .gsps5svc-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #proceso-servicio-ps5 .gsps5svc-intro {
        margin-top: 14px;

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

    #proceso-servicio-ps5 .gsps5svc-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #proceso-servicio-ps5
    .gsps5svc-techline::after {
        width: 55px;
    }

    #proceso-servicio-ps5 .gsps5svc-flow-panel {
        width: 100%;

        padding: 21px 16px 18px;

        border-radius: 17px;

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

    #proceso-servicio-ps5 .gsps5svc-flow-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 19px;
    }

    #proceso-servicio-ps5 .gsps5svc-flow-title {
        font-size: 18px;
    }

    #proceso-servicio-ps5 .gsps5svc-flow {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #proceso-servicio-ps5 .gsps5svc-step,
    #proceso-servicio-ps5 .gsps5svc-step.delivery {
        grid-column: auto;

        width: 100%;
        min-width: 0;
        min-height: 0;

        padding: 14px;
    }

    #proceso-servicio-ps5 .gsps5svc-flow-line {
        display: none;
    }

    #proceso-servicio-ps5 .gsps5svc-condition-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        margin-top: 14px;
    }

    #proceso-servicio-ps5 .gsps5svc-condition {
        padding: 16px 14px;
    }

    #proceso-servicio-ps5 .gsps5svc-national,
    #proceso-servicio-ps5 .gsps5svc-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;

        margin-top: 14px;
    }

    #proceso-servicio-ps5 .gsps5svc-national-info,
    #proceso-servicio-ps5 .gsps5svc-shipping,
    #proceso-servicio-ps5 .gsps5svc-criteria {
        width: 100%;
        min-width: 0;

        padding: 22px 17px;

        border-radius: 17px;

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

    #proceso-servicio-ps5 .gsps5svc-panel-title {
        font-size: 20px;
    }

    #proceso-servicio-ps5 .gsps5svc-national-benefits {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #proceso-servicio-ps5 .gsps5svc-national-cta {
        flex-direction: column;
        align-items: stretch;
    }

    #proceso-servicio-ps5 .gsps5svc-national-button {
        width: 100%;
    }

    #proceso-servicio-ps5 .gsps5svc-carriers {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-ps5 .gsps5svc-guide {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #proceso-servicio-ps5 .gsps5svc-guide-price {
        font-size: 16px;
    }

    #proceso-servicio-ps5 .gsps5svc-guide-price small {
        text-align: left;
    }

    #proceso-servicio-ps5 .gsps5svc-criteria-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #proceso-servicio-ps5 .gsps5svc-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

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

    #proceso-servicio-ps5 .gsps5svc-terminal-head {
        padding: 10px 12px;
    }

    #proceso-servicio-ps5 .gsps5svc-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #proceso-servicio-ps5 .gsps5svc-terminal-body {
        padding: 19px 15px 17px;
    }

    #proceso-servicio-ps5
    .gsps5svc-terminal-body::before {
        display: none;

        animation: none;
    }

    #proceso-servicio-ps5 .gsps5svc-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #proceso-servicio-ps5 .gsps5svc-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 7px;

        margin-top: 18px;

        font-size: 10px;

        letter-spacing: 0.035em;
    }
}


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

@media (max-width: 390px) {

    #proceso-servicio-ps5 .gsps5svc-shell {
        width: calc(100% - 24px);
    }

    #proceso-servicio-ps5 .gsps5svc-flow-panel,
    #proceso-servicio-ps5 .gsps5svc-national-info,
    #proceso-servicio-ps5 .gsps5svc-shipping,
    #proceso-servicio-ps5 .gsps5svc-criteria {
        padding-left: 15px;
        padding-right: 15px;
    }

    #proceso-servicio-ps5 .gsps5svc-shipping-step {
        grid-template-columns:
            34px minmax(0, 1fr);

        gap: 9px;

        padding: 11px;
    }

    #proceso-servicio-ps5 .gsps5svc-shipping-number {
        width: 34px;
        height: 34px;
    }

    #proceso-servicio-ps5 .gsps5svc-carriers {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
    }

    #proceso-servicio-ps5 .gsps5svc-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


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

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

    #proceso-servicio-ps5 *,
    #proceso-servicio-ps5 *::before,
    #proceso-servicio-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #proceso-servicio-ps5 .gsps5svc-scan,
    #proceso-servicio-ps5 .gsps5svc-flow-line::after,
    #proceso-servicio-ps5
    .gsps5svc-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — FAQ Y GARANTÍA
   Migrado a GS Frontend Core 0.17.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — FAQ & WARRANTY

   ========================================================= */

#preguntas-ps5 {
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--gs-text);

    background:
        radial-gradient(
            circle at 12% 22%,
            rgba(139, 92, 246, 0.06),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 24%,
            rgba(32, 213, 243, 0.06),
            transparent 29%
        ),
        radial-gradient(
            circle at 72% 90%,
            rgba(67, 229, 139, 0.035),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #05101b 50%,
            #030811 100%
        );

    font-family: var(--gs-font-sans);

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

#preguntas-ps5 *,
#preguntas-ps5 *::before,
#preguntas-ps5 *::after {
    box-sizing: border-box;

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


/* =========================================================
   BACKGROUND
   ========================================================= */

#preguntas-ps5 .gsps5faq-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.28;

    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%
        );
}

#preguntas-ps5 .gsps5faq-radar {
    position: absolute;

    right: -230px;
    top: 260px;

    width: 460px;
    height: 460px;

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

    border-radius: 50%;

    pointer-events: none;

    animation:
        gsps5faq-radar 46s linear infinite;
}

#preguntas-ps5 .gsps5faq-radar::before,
#preguntas-ps5 .gsps5faq-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#preguntas-ps5 .gsps5faq-radar::before {
    inset: 72px;

    border:
        1px dashed rgba(32, 213, 243, 0.05);
}

#preguntas-ps5 .gsps5faq-radar::after {
    inset: 148px;

    border:
        1px solid rgba(67, 229, 139, 0.04);
}

@keyframes gsps5faq-radar {
    from {
        transform: rotate(0deg);
    }

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

#preguntas-ps5 .gsps5faq-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#preguntas-ps5 .gsps5faq-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.30),
            rgba(139, 92, 246, 0.15),
            transparent
        );

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

    animation:
        gsps5faq-page-scan 11s linear infinite;
}

@keyframes gsps5faq-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1900px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#preguntas-ps5 .gsps5faq-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 94px 0 98px;
}


/* =========================================================
   HEADER
   ========================================================= */

#preguntas-ps5 .gsps5faq-heading {
    display: grid;

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

    align-items: end;

    gap: 48px;

    margin-bottom: 43px;
}

#preguntas-ps5 .gsps5faq-heading-main {
    min-width: 0;
}

#preguntas-ps5 .gsps5faq-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

    background:
        rgba(28, 17, 50, 0.34);

    color: #c2b2ff;

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

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

#preguntas-ps5 .gsps5faq-kicker-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--gs-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, 0.80),
        0 0 17px rgba(139, 92, 246, 0.22);
}

#preguntas-ps5 .gsps5faq-title {
    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        30px,
        4vw,
        48px
    );

    line-height: 1.09;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#preguntas-ps5 .gsps5faq-title span {
    color: var(--gs-cyan);
}

#preguntas-ps5 .gsps5faq-intro {
    max-width: 830px;

    margin: 17px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   STATUS
   ========================================================= */

#preguntas-ps5 .gsps5faq-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(10, 39, 28, 0.30),
            rgba(4, 13, 23, 0.88)
        );
}

#preguntas-ps5 .gsps5faq-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.24);
}

#preguntas-ps5 .gsps5faq-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 8px;

    color: #92efbb;

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

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

#preguntas-ps5 .gsps5faq-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-ps5 .gsps5faq-status-copy {
    margin: 0;

    color: #b5c8d6;

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


/* =========================================================
   TECH LINE
   ========================================================= */

#preguntas-ps5 .gsps5faq-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-ps5 .gsps5faq-techline::after {
    content: "";

    width: 104px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(139, 92, 246, 0.50),
            rgba(32, 213, 243, 0.40),
            transparent
        );
}


/* =========================================================
   FAQ LAYOUT
   ========================================================= */

#preguntas-ps5 .gsps5faq-main {
    display: grid;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(360px, 0.82fr);

    gap: 18px;
}


/* =========================================================
   FAQ PANEL
   ========================================================= */

#preguntas-ps5 .gsps5faq-list-panel {
    position: relative;

    min-width: 0;

    padding: 26px;

    overflow: hidden;

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

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 23, 40, 0.93),
            rgba(4, 11, 21, 0.97)
        );
}

#preguntas-ps5 .gsps5faq-list-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(139, 92, 246, 0.06),
            transparent 28%
        );
}

#preguntas-ps5 .gsps5faq-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;
}

#preguntas-ps5 .gsps5faq-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: var(--gs-cyan);

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

#preguntas-ps5 .gsps5faq-panel-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #f2faff;

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

#preguntas-ps5 .gsps5faq-panel-copy {
    position: relative;
    z-index: 2;

    margin: 9px 0 0;

    color: var(--gs-muted);

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


/* =========================================================
   DETAILS
   ========================================================= */

#preguntas-ps5 .gsps5faq-details-list {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 9px;

    margin-top: 21px;
}

#preguntas-ps5 details.gsps5faq-item {
    min-width: 0;

    margin: 0;

    overflow: hidden;

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

    border-radius: 12px;

    background:
        rgba(5, 17, 30, 0.66);

    transition:
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

#preguntas-ps5 details.gsps5faq-item[open] {
    border-color:
        rgba(32, 213, 243, 0.20);

    background:
        rgba(6, 21, 36, 0.88);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.02),
        0 8px 24px rgba(0,0,0,0.10);
}


/* =========================================================
   SUMMARY
   ========================================================= */

#preguntas-ps5 .gsps5faq-summary {
    position: relative;

    display: grid;

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

    gap: 10px;

    align-items: center;

    width: 100%;

    min-height: 62px;

    padding: 13px 14px;

    cursor: pointer;

    list-style: none;

    color: #dcecf6;

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

    outline: none;
}

#preguntas-ps5 .gsps5faq-summary::-webkit-details-marker {
    display: none;
}

#preguntas-ps5 .gsps5faq-summary::marker {
    display: none;
    content: "";
}

#preguntas-ps5 .gsps5faq-summary:focus-visible {
    box-shadow:
        inset 0 0 0 2px rgba(32, 213, 243, 0.28);
}

#preguntas-ps5 .gsps5faq-number {
    display: grid;
    place-items: center;

    width: 30px;
    height: 30px;

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

    border-radius: 9px;

    background:
        rgba(139, 92, 246, 0.055);

    color: #b8a5ff;

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

    letter-spacing: 0.03em;
}

#preguntas-ps5 .gsps5faq-question {
    min-width: 0;
}

#preguntas-ps5 .gsps5faq-toggle {
    position: relative;

    width: 26px;
    height: 26px;

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

    border-radius: 8px;

    background:
        rgba(32, 213, 243, 0.035);
}

#preguntas-ps5 .gsps5faq-toggle::before,
#preguntas-ps5 .gsps5faq-toggle::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 10px;
    height: 1px;

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

    background: var(--gs-cyan);

    border-radius: 999px;

    transition:
        transform 0.20s ease,
        opacity 0.20s ease;
}

#preguntas-ps5 .gsps5faq-toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}

#preguntas-ps5
details.gsps5faq-item[open]
.gsps5faq-toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(0deg);

    opacity: 0;
}


/* =========================================================
   ANSWER
   ========================================================= */

#preguntas-ps5 .gsps5faq-answer {
    padding:
        0 15px 16px 54px;

    color: #8ea5b5;

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

#preguntas-ps5 .gsps5faq-answer p {
    margin: 0;
}

#preguntas-ps5 .gsps5faq-answer strong {
    color: #d9edf8;

    font-weight: 600;
}

#preguntas-ps5 .gsps5faq-answer a {
    color: var(--gs-cyan-soft);

    text-decoration: none;
}

#preguntas-ps5 .gsps5faq-answer a:hover {
    text-decoration: underline;
}


/* =========================================================
   WARRANTY PANEL
   ========================================================= */

#preguntas-ps5 .gsps5faq-warranty {
    position: relative;

    min-width: 0;

    padding: 27px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(11, 40, 29, 0.25),
            rgba(4, 12, 22, 0.97)
        );
}

#preguntas-ps5 .gsps5faq-warranty::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 50% 12%,
            rgba(67, 229, 139, 0.07),
            transparent 30%
        );
}


/* =========================================================
   WARRANTY BADGE
   ========================================================= */

#preguntas-ps5 .gsps5faq-warranty-badge {
    position: relative;
    z-index: 2;

    display: grid;
    place-items: center;

    width: 150px;
    height: 150px;

    margin:
        22px auto 22px;

    border:
        1px solid rgba(67, 229, 139, 0.23);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(67, 229, 139, 0.12),
            rgba(32, 213, 243, 0.045) 46%,
            rgba(4, 14, 24, 0.96) 72%
        );

    box-shadow:
        0 0 42px rgba(67, 229, 139, 0.08);

    animation:
        gsps5faq-warranty-pulse 4.5s ease-in-out infinite;
}

#preguntas-ps5 .gsps5faq-warranty-badge::before {
    content: "";

    position: absolute;

    inset: 15px;

    border:
        1px dashed rgba(32, 213, 243, 0.10);

    border-radius: 50%;

    animation:
        gsps5faq-warranty-spin 20s linear infinite;
}

@keyframes gsps5faq-warranty-pulse {

    0%,
    100% {
        box-shadow:
            0 0 28px rgba(67, 229, 139, 0.05);
    }

    50% {
        box-shadow:
            0 0 50px rgba(67, 229, 139, 0.13);
    }
}

@keyframes gsps5faq-warranty-spin {

    from {
        transform: rotate(0deg);
    }

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

#preguntas-ps5 .gsps5faq-warranty-badge-content {
    position: relative;
    z-index: 2;

    text-align: center;
}

#preguntas-ps5 .gsps5faq-warranty-days {
    display: block;

    color: #a6f4c7;

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

    letter-spacing: -0.04em;
}

#preguntas-ps5 .gsps5faq-warranty-label {
    display: block;

    margin-top: 6px;

    color: #749487;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

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


/* =========================================================
   WARRANTY MESSAGE
   ========================================================= */

#preguntas-ps5 .gsps5faq-warranty-title {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #edf9f2;

    font-size: 21px;
    line-height: 1.32;
    font-weight: 700;

    text-align: center;
}

#preguntas-ps5 .gsps5faq-warranty-copy {
    position: relative;
    z-index: 2;

    margin: 10px auto 0;

    max-width: 420px;

    color: #8fa7b5;

    font-size: 11px;
    line-height: 1.68;

    text-align: center;
}


/* =========================================================
   COVERAGE BLOCKS
   ========================================================= */

#preguntas-ps5 .gsps5faq-coverage {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 9px;

    margin-top: 22px;
}

#preguntas-ps5 .gsps5faq-coverage-card {
    min-width: 0;

    padding: 13px 12px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--coverage-color) 15%,
            transparent
        );

    border-radius: 11px;

    background:
        rgba(6, 18, 31, 0.52);
}

#preguntas-ps5 .gsps5faq-coverage-card.cover {
    --coverage-color: #43e58b;
}

#preguntas-ps5 .gsps5faq-coverage-card.exclude {
    --coverage-color: #ff637d;
}

#preguntas-ps5 .gsps5faq-coverage-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color:
        color-mix(
            in srgb,
            var(--coverage-color) 76%,
            white
        );

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

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

#preguntas-ps5 .gsps5faq-coverage-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--coverage-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--coverage-color) 45%,
            transparent
        );
}

#preguntas-ps5 .gsps5faq-coverage-list {
    display: grid;

    gap: 7px;
}

#preguntas-ps5 .gsps5faq-coverage-item {
    display: grid;

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

    gap: 7px;

    align-items: start;

    color: #8299aa;

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

#preguntas-ps5
.gsps5faq-coverage-card.cover
.gsps5faq-coverage-item::before {
    content: "✓";

    color: var(--gs-green);

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

#preguntas-ps5
.gsps5faq-coverage-card.exclude
.gsps5faq-coverage-item::before {
    content: "×";

    color: var(--gs-red);

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


/* =========================================================
   WARRANTY NOTICE
   ========================================================= */

#preguntas-ps5 .gsps5faq-warranty-note {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 11px;

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

    color: #a3b4bf;

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

#preguntas-ps5 .gsps5faq-warranty-note-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.23);

    border-radius: 50%;

    color: var(--gs-yellow);

    font-size: 9px;
    font-weight: 700;
}


/* =========================================================
   LOWER
   ========================================================= */

#preguntas-ps5 .gsps5faq-lower {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   CONDITIONS
   ========================================================= */

#preguntas-ps5 .gsps5faq-conditions {
    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)
        );
}

#preguntas-ps5 .gsps5faq-conditions::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(32, 213, 243, 0.07),
            transparent 30%
        );
}

#preguntas-ps5 .gsps5faq-condition-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;

    margin-top: 21px;
}

#preguntas-ps5 .gsps5faq-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);
}

#preguntas-ps5 .gsps5faq-condition strong {
    display: block;

    margin-bottom: 5px;

    color: #dcecf6;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#preguntas-ps5 .gsps5faq-condition span {
    display: block;

    color: #7890a3;

    font-size: 10px;
    line-height: 1.55;
}


/* =========================================================
   CONDITIONS NOTE
   ========================================================= */

#preguntas-ps5 .gsps5faq-condition-note {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 18px;
    padding: 13px 14px;

    border:
        1px solid rgba(32, 213, 243, 0.13);

    border-radius: 12px;

    background:
        rgba(32, 213, 243, 0.03);

    color: #a4b6c1;

    font-size: 11px;
    line-height: 1.55;
}

#preguntas-ps5 .gsps5faq-condition-note-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(32, 213, 243, 0.23);

    border-radius: 50%;

    color: var(--gs-cyan);

    font-size: 9px;
    font-weight: 700;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#preguntas-ps5 .gsps5faq-terminal {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.20);

    border-radius: 21px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.95),
            rgba(4, 9, 20, 0.98)
        );
}

#preguntas-ps5 .gsps5faq-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.10);

    background:
        rgba(8, 18, 34, 0.75);
}

#preguntas-ps5 .gsps5faq-terminal-dots {
    display: flex;
    align-items: center;

    gap: 6px;
}

#preguntas-ps5 .gsps5faq-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#preguntas-ps5
.gsps5faq-terminal-dots span:nth-child(1) {
    background: var(--gs-red);
}

#preguntas-ps5
.gsps5faq-terminal-dots span:nth-child(2) {
    background: var(--gs-yellow);
}

#preguntas-ps5
.gsps5faq-terminal-dots span:nth-child(3) {
    background: var(--gs-green);
}

#preguntas-ps5 .gsps5faq-terminal-name {
    color: #71889d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#preguntas-ps5 .gsps5faq-terminal-body {
    position: relative;

    padding: 23px 21px 21px;
}

#preguntas-ps5 .gsps5faq-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:
        gsps5faq-terminal-scan 4.9s ease-in-out infinite;
}

@keyframes gsps5faq-terminal-scan {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.12;
    }

    50% {
        transform: translateY(350px);
        opacity: 0.68;
    }
}

#preguntas-ps5 .gsps5faq-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;
}

#preguntas-ps5
.gsps5faq-terminal-line:last-child {
    margin-bottom: 0;
}

#preguntas-ps5 .gsps5faq-terminal-prompt {
    color: var(--gs-cyan);

    font-weight: 700;
}

#preguntas-ps5
.gsps5faq-terminal-line strong {
    color: #d9eef9;

    font-weight: 600;
}


/* =========================================================
   TERMINAL RESULT
   ========================================================= */

#preguntas-ps5 .gsps5faq-result {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 12px;

    background:
        rgba(67, 229, 139, 0.04);

    color: #b8c8d2;

    font-size: 11px;
    line-height: 1.55;
}

#preguntas-ps5 .gsps5faq-result-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    margin-top: 1px;

    border:
        1px solid rgba(67, 229, 139, 0.24);

    border-radius: 50%;

    color: var(--gs-green);

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   FOOTER
   ========================================================= */

#preguntas-ps5 .gsps5faq-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-ps5 .gsps5faq-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#preguntas-ps5 .gsps5faq-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-ps5 .gsps5faq-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 82px;
    }

    #preguntas-ps5 .gsps5faq-heading {
        grid-template-columns: 1fr;

        gap: 22px;
    }

    #preguntas-ps5 .gsps5faq-status {
        max-width: 650px;
    }

    #preguntas-ps5 .gsps5faq-main,
    #preguntas-ps5 .gsps5faq-lower {
        grid-template-columns: 1fr;
    }

    #preguntas-ps5 .gsps5faq-warranty {
        max-width: 100%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #preguntas-ps5 {
        overflow: hidden;
    }

    #preguntas-ps5 .gsps5faq-grid {
        opacity: 0.19;

        background-size: 32px 32px;
    }

    #preguntas-ps5 .gsps5faq-radar,
    #preguntas-ps5 .gsps5faq-scan {
        display: none;
    }

    #preguntas-ps5 .gsps5faq-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 66px;
    }

    #preguntas-ps5 .gsps5faq-heading {
        display: block;

        margin-bottom: 31px;
    }

    #preguntas-ps5 .gsps5faq-status {
        margin-top: 21px;

        padding: 15px 16px;

        border-radius: 14px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #preguntas-ps5 .gsps5faq-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #preguntas-ps5 .gsps5faq-title {
        font-size:
            clamp(
                29px,
                9.3vw,
                38px
            );

        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    #preguntas-ps5 .gsps5faq-intro {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #preguntas-ps5 .gsps5faq-techline {
        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #preguntas-ps5 .gsps5faq-techline::after {
        width: 55px;
    }

    #preguntas-ps5 .gsps5faq-main,
    #preguntas-ps5 .gsps5faq-lower {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #preguntas-ps5 .gsps5faq-list-panel,
    #preguntas-ps5 .gsps5faq-warranty,
    #preguntas-ps5 .gsps5faq-conditions {
        width: 100%;
        min-width: 0;

        padding: 21px 16px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #preguntas-ps5 .gsps5faq-panel-title {
        font-size: 20px;
    }

    #preguntas-ps5 .gsps5faq-summary {
        grid-template-columns:
            29px minmax(0, 1fr) 25px;

        gap: 8px;

        min-height: 58px;

        padding: 12px 11px;

        font-size: 11px;
    }

    #preguntas-ps5 .gsps5faq-number {
        width: 29px;
        height: 29px;
    }

    #preguntas-ps5 .gsps5faq-toggle {
        width: 25px;
        height: 25px;
    }

    #preguntas-ps5 .gsps5faq-answer {
        padding:
            0 12px 14px 48px;

        font-size: 11px;
    }

    #preguntas-ps5 .gsps5faq-warranty-badge {
        width: 132px;
        height: 132px;

        animation: none;
    }

    #preguntas-ps5
    .gsps5faq-warranty-badge::before {
        animation: none;
    }

    #preguntas-ps5 .gsps5faq-warranty-days {
        font-size: 30px;
    }

    #preguntas-ps5 .gsps5faq-warranty-title {
        font-size: 19px;
    }

    #preguntas-ps5 .gsps5faq-coverage {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #preguntas-ps5 .gsps5faq-condition-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;

        margin-top: 18px;
    }

    #preguntas-ps5 .gsps5faq-terminal {
        width: 100%;
        min-width: 0;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #preguntas-ps5 .gsps5faq-terminal-head {
        padding: 10px 12px;
    }

    #preguntas-ps5 .gsps5faq-terminal-name {
        font-size: 10px;

        letter-spacing: 0.05em;
    }

    #preguntas-ps5 .gsps5faq-terminal-body {
        padding: 19px 15px 17px;
    }

    #preguntas-ps5
    .gsps5faq-terminal-body::before {
        display: none;

        animation: none;
    }

    #preguntas-ps5 .gsps5faq-terminal-line {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 7px;

        font-size: 11px;
    }

    #preguntas-ps5 .gsps5faq-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-ps5 .gsps5faq-shell {
        width: calc(100% - 24px);
    }

    #preguntas-ps5 .gsps5faq-list-panel,
    #preguntas-ps5 .gsps5faq-warranty,
    #preguntas-ps5 .gsps5faq-conditions {
        padding-left: 14px;
        padding-right: 14px;
    }

    #preguntas-ps5 .gsps5faq-summary {
        grid-template-columns:
            27px minmax(0, 1fr) 24px;

        padding-left: 9px;
        padding-right: 9px;

        gap: 7px;

        font-size: 10.5px;
    }

    #preguntas-ps5 .gsps5faq-number {
        width: 27px;
        height: 27px;

        font-size: 9px;
    }

    #preguntas-ps5 .gsps5faq-answer {
        padding-left: 43px;
        padding-right: 10px;
    }

    #preguntas-ps5 .gsps5faq-terminal-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #preguntas-ps5 *,
    #preguntas-ps5 *::before,
    #preguntas-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #preguntas-ps5 .gsps5faq-scan,
    #preguntas-ps5
    .gsps5faq-terminal-body::before {
        display: none !important;
    }
}

/* =========================================================
   PLAYSTATION 5 — CTA FINAL
   Migrado a GS Frontend Core 0.18.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PLAYSTATION 5 — CTA FINAL
   CSS ID ELEMENTOR: cta-ps5
   ========================================================= */

#cta-ps5 {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--gs-text);

    background:
        radial-gradient(
            circle at 14% 25%,
            rgba(32, 213, 243, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 86% 26%,
            rgba(139, 92, 246, 0.07),
            transparent 30%
        ),
        radial-gradient(
            circle at 68% 87%,
            rgba(67, 229, 139, 0.045),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06111c 48%,
            #030811 100%
        );

    font-family: var(--gs-font-sans);

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#cta-ps5 *,
#cta-ps5 *::before,
#cta-ps5 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

#cta-ps5 .gsps5cta-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 90%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 90%,
            transparent 100%
        );
}


/* =========================================================
   LARGE HALO
   ========================================================= */

#cta-ps5 .gsps5cta-halo {
    position: absolute;

    right: -210px;
    top: 50%;

    width: 560px;
    height: 560px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    border:
        1px solid rgba(32, 213, 243, 0.045);

    pointer-events: none;

    animation:
        gsps5cta-halo-spin 48s linear infinite;
}

#cta-ps5 .gsps5cta-halo::before,
#cta-ps5 .gsps5cta-halo::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#cta-ps5 .gsps5cta-halo::before {
    inset: 72px;

    border:
        1px dashed rgba(139, 92, 246, 0.05);
}

#cta-ps5 .gsps5cta-halo::after {
    inset: 155px;

    border:
        1px solid rgba(67, 229, 139, 0.045);
}

@keyframes gsps5cta-halo-spin {

    from {
        transform:
            translateY(-50%)
            rotate(0deg);
    }

    to {
        transform:
            translateY(-50%)
            rotate(360deg);
    }
}


/* =========================================================
   PAGE SCAN
   ========================================================= */

#cta-ps5 .gsps5cta-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#cta-ps5 .gsps5cta-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.30),
            rgba(67, 229, 139, 0.14),
            transparent
        );

    box-shadow:
        0 0 18px rgba(32, 213, 243, 0.10);

    animation:
        gsps5cta-page-scan 10.8s linear infinite;
}

@keyframes gsps5cta-page-scan {

    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.48;
    }

    92% {
        opacity: 0.18;
    }

    100% {
        transform: translateY(1500px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#cta-ps5 .gsps5cta-shell {
    position: relative;
    z-index: 2;

    width: min(
        var(--gs-content-max),
        calc(100% - 48px)
    );

    margin: 0 auto;

    padding: 98px 0 84px;
}


/* =========================================================
   MAIN CARD
   ========================================================= */

#cta-ps5 .gsps5cta-main {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(420px, 0.96fr);

    gap: 24px;

    padding: 34px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.16);

    border-radius: 26px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 23, 40, 0.95),
            rgba(4, 11, 21, 0.98)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 26px 70px rgba(0,0,0,0.23);
}

#cta-ps5 .gsps5cta-main::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 5% 4%,
            rgba(32, 213, 243, 0.075),
            transparent 31%
        ),
        radial-gradient(
            circle at 92% 12%,
            rgba(139, 92, 246, 0.07),
            transparent 34%
        );
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

#cta-ps5 .gsps5cta-content {
    position: relative;
    z-index: 2;

    min-width: 0;

    padding: 10px 2px;
}


/* =========================================================
   KICKER
   ========================================================= */

#cta-ps5 .gsps5cta-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    margin-bottom: 17px;
    padding: 7px 11px;

    border:
        1px solid rgba(32, 213, 243, 0.20);

    border-radius: 999px;

    background:
        rgba(8, 27, 43, 0.60);

    color: var(--gs-cyan-soft);

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.13em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-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.82),
        0 0 17px rgba(32, 213, 243, 0.24);
}


/* =========================================================
   TITLE
   ========================================================= */

#cta-ps5 .gsps5cta-title {
    max-width: 680px;

    margin: 0;

    color: #f4fbff;

    font-size: clamp(
        34px,
        4.6vw,
        55px
    );

    line-height: 1.07;
    font-weight: 700;

    letter-spacing: -0.04em;
}

#cta-ps5 .gsps5cta-title span {
    color: var(--gs-cyan);
}

#cta-ps5 .gsps5cta-copy {
    max-width: 710px;

    margin: 18px 0 0;

    color: var(--gs-muted);

    font-size: 14px;
    line-height: 1.78;
}


/* =========================================================
   MODELS
   ========================================================= */

#cta-ps5 .gsps5cta-models-label {
    margin-top: 24px;

    color: #667e91;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-models {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 10px;
}

#cta-ps5 .gsps5cta-model {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding: 7px 9px;

    border:
        1px solid rgba(50, 134, 255, 0.14);

    border-radius: 8px;

    background:
        rgba(50, 134, 255, 0.035);

    color: #9fb6ca;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 500;
}

#cta-ps5 .gsps5cta-model::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-blue);

    box-shadow:
        0 0 6px rgba(50, 134, 255, 0.55);
}


/* =========================================================
   BUTTONS
   ========================================================= */

#cta-ps5 .gsps5cta-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 11px;

    margin-top: 27px;
}

#cta-ps5 .gsps5cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 48px;

    padding: 12px 17px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

#cta-ps5 .gsps5cta-button.whatsapp {
    border:
        1px solid rgba(67, 229, 139, 0.26);

    background:
        linear-gradient(
            135deg,
            rgba(67, 229, 139, 0.14),
            rgba(32, 213, 243, 0.07)
        );

    color: #a5f3c7;
}

#cta-ps5 .gsps5cta-button.phone {
    border:
        1px solid rgba(50, 134, 255, 0.22);

    background:
        rgba(50, 134, 255, 0.07);

    color: #a8c7ff;
}

#cta-ps5 .gsps5cta-button:hover {
    transform: translateY(-2px);
}

#cta-ps5 .gsps5cta-button.whatsapp:hover {
    border-color:
        rgba(67, 229, 139, 0.43);

    box-shadow:
        0 12px 30px rgba(67, 229, 139, 0.08);
}

#cta-ps5 .gsps5cta-button.phone:hover {
    border-color:
        rgba(50, 134, 255, 0.40);

    box-shadow:
        0 12px 30px rgba(50, 134, 255, 0.08);
}


#cta-ps5 .gsps5cta-button:focus-visible,
#cta-ps5 .gsps5cta-map-button:focus-visible,
#cta-ps5 .gsps5cta-contact a:focus-visible {
    outline: 2px solid var(--gs-cyan);
    outline-offset: 3px;
}

#cta-ps5 .gsps5cta-button-icon {
    display: grid;
    place-items: center;

    width: 23px;
    height: 23px;

    border:
        1px solid currentColor;

    border-radius: 50%;

    opacity: 0.78;

    font-size: 9px;
    line-height: 1;
}


/* =========================================================
   NATIONAL SERVICE
   ========================================================= */

#cta-ps5 .gsps5cta-national {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    max-width: 660px;

    margin-top: 20px;
    padding: 13px 14px;

    border:
        1px solid rgba(32, 213, 243, 0.12);

    border-radius: 11px;

    background:
        rgba(32, 213, 243, 0.028);

    color: #8fa6b6;

    font-size: 10px;
    line-height: 1.58;
}

#cta-ps5 .gsps5cta-national-icon {
    display: grid;
    place-items: center;

    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    border:
        1px solid rgba(32, 213, 243, 0.20);

    border-radius: 7px;

    color: var(--gs-cyan);

    font-size: 8px;
    font-weight: 700;
}

#cta-ps5 .gsps5cta-national strong {
    color: #d9edf8;
    font-weight: 600;
}


/* =========================================================
   TRUST BAR
   ========================================================= */

#cta-ps5 .gsps5cta-trust {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    max-width: 660px;

    margin-top: 18px;
}

#cta-ps5 .gsps5cta-trust-item {
    min-width: 0;

    padding: 10px 9px;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 9px;

    background:
        rgba(6, 18, 31, 0.46);
}

#cta-ps5 .gsps5cta-trust-label {
    display: block;

    margin-bottom: 4px;

    color: #9cb7c8;

    font-size: 9px;
    line-height: 1.25;
    font-weight: 600;
}

#cta-ps5 .gsps5cta-trust-value {
    display: block;

    color: #637c8e;

    font-size: 9px;
    line-height: 1.4;
}


/* =========================================================
   RIGHT HUD PANEL
   ========================================================= */

#cta-ps5 .gsps5cta-hud-panel {
    position: relative;
    z-index: 2;

    min-width: 0;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.16);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(24, 18, 45, 0.37),
            rgba(4, 12, 22, 0.97)
        );
}

#cta-ps5 .gsps5cta-hud-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

#cta-ps5 .gsps5cta-hud-code {
    color: #bcaaff;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding: 5px 8px;

    border:
        1px solid rgba(67, 229, 139, 0.17);

    border-radius: 999px;

    background:
        rgba(67, 229, 139, 0.035);

    color: #92efba;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 600;
}

#cta-ps5 .gsps5cta-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--gs-green);

    box-shadow:
        0 0 6px rgba(67, 229, 139, 0.62);
}


/* =========================================================
   HUD CORE
   ========================================================= */

#cta-ps5 .gsps5cta-hud {
    position: relative;

    min-height: 325px;

    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(139, 92, 246, 0.085),
            transparent 44%
        ),
        rgba(3, 12, 22, 0.65);
}

#cta-ps5 .gsps5cta-core {
    position: absolute;

    z-index: 7;

    left: 50%;
    top: 50%;

    width: 125px;
    height: 125px;

    transform:
        translate(-50%, -50%);

    display: grid;
    place-items: center;

    border:
        1px solid rgba(32, 213, 243, 0.25);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(32, 213, 243, 0.10),
            rgba(139, 92, 246, 0.07) 45%,
            rgba(5, 16, 29, 0.97) 72%
        );

    color: #c8f8ff;

    text-align: center;

    box-shadow:
        0 0 39px rgba(32, 213, 243, 0.08);

    animation:
        gsps5cta-core-pulse 4.1s ease-in-out infinite;
}

#cta-ps5 .gsps5cta-core strong {
    display: block;

    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-core span {
    display: block;

    margin-top: 5px;

    color: #7797a8;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

@keyframes gsps5cta-core-pulse {

    0%,
    100% {
        box-shadow:
            0 0 28px rgba(32, 213, 243, 0.05);
    }

    50% {
        box-shadow:
            0 0 52px rgba(32, 213, 243, 0.13);
    }
}


/* =========================================================
   HUD RINGS
   ========================================================= */

#cta-ps5 .gsps5cta-ring {
    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    border-radius: 50%;

    pointer-events: none;
}

#cta-ps5 .gsps5cta-ring.one {
    width: 195px;
    height: 195px;

    border:
        1px solid rgba(32, 213, 243, 0.08);

    animation:
        gsps5cta-ring-spin 18s linear infinite;
}

#cta-ps5 .gsps5cta-ring.two {
    width: 270px;
    height: 270px;

    border:
        1px dashed rgba(139, 92, 246, 0.07);

    animation:
        gsps5cta-ring-spin 25s linear infinite reverse;
}

@keyframes gsps5cta-ring-spin {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}


/* =========================================================
   HUD NODES
   ========================================================= */

#cta-ps5 .gsps5cta-node {
    position: absolute;
    z-index: 8;

    display: flex;
    align-items: center;

    gap: 6px;

    padding: 6px 8px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--node-color) 18%,
            transparent
        );

    border-radius: 8px;

    background:
        rgba(5, 16, 29, 0.90);

    color: #91a8b8;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 600;

    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-node::before {
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: var(--node-color);

    box-shadow:
        0 0 6px var(--node-color);
}

#cta-ps5 .gsps5cta-node.diagnostic {
    --node-color: #20d5f3;

    left: 6%;
    top: 15%;
}

#cta-ps5 .gsps5cta-node.quote {
    --node-color: #8b5cf6;

    right: 6%;
    top: 15%;
}

#cta-ps5 .gsps5cta-node.payment {
    --node-color: #ffc857;

    left: 6%;
    bottom: 14%;
}

#cta-ps5 .gsps5cta-node.warranty {
    --node-color: #43e58b;

    right: 6%;
    bottom: 14%;
}


/* =========================================================
   HUD PATHS
   ========================================================= */

#cta-ps5 .gsps5cta-path {
    position: absolute;

    z-index: 3;

    height: 1px;

    transform-origin: left center;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(32, 213, 243, 0.43),
            transparent
        );

    animation:
        gsps5cta-path-pulse 2.9s ease-in-out infinite;
}

#cta-ps5 .gsps5cta-path.one {
    left: 20%;
    top: 30%;

    width: 33%;

    transform: rotate(21deg);
}

#cta-ps5 .gsps5cta-path.two {
    left: 50%;
    top: 50%;

    width: 32%;

    transform: rotate(-23deg);
}

#cta-ps5 .gsps5cta-path.three {
    left: 20%;
    bottom: 28%;

    width: 33%;

    transform: rotate(-21deg);
}

#cta-ps5 .gsps5cta-path.four {
    left: 49%;
    bottom: 28%;

    width: 33%;

    transform: rotate(22deg);
}

@keyframes gsps5cta-path-pulse {

    0%,
    100% {
        opacity: 0.18;
    }

    50% {
        opacity: 0.80;
    }
}


/* =========================================================
   HUD BENEFITS
   ========================================================= */

#cta-ps5 .gsps5cta-benefits {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 16px;
}

#cta-ps5 .gsps5cta-benefit {
    min-width: 0;

    padding: 11px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--benefit-color) 13%,
            transparent
        );

    border-radius: 10px;

    background:
        rgba(6, 18, 31, 0.50);
}

#cta-ps5 .gsps5cta-benefit.diagnostic {
    --benefit-color: #20d5f3;
}

#cta-ps5 .gsps5cta-benefit.quote {
    --benefit-color: #8b5cf6;
}

#cta-ps5 .gsps5cta-benefit.payment {
    --benefit-color: #ffc857;
}

#cta-ps5 .gsps5cta-benefit.warranty {
    --benefit-color: #43e58b;
}

#cta-ps5 .gsps5cta-benefit-label {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-bottom: 5px;

    color:
        color-mix(
            in srgb,
            var(--benefit-color) 72%,
            white
        );

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}

#cta-ps5 .gsps5cta-benefit-label::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--benefit-color);

    box-shadow:
        0 0 6px var(--benefit-color);
}

#cta-ps5 .gsps5cta-benefit-copy {
    color: #788f9f;

    font-size: 10px;
    line-height: 1.48;
}


/* =========================================================
   CONTACT GRID
   ========================================================= */

#cta-ps5 .gsps5cta-contact-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin-top: 18px;
}

#cta-ps5 .gsps5cta-contact {
    position: relative;

    min-width: 0;

    padding: 18px 16px;

    border:
        1px solid rgba(92, 208, 255, 0.095);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8,22,39,0.91),
            rgba(4,12,22,0.97)
        );
}

#cta-ps5 .gsps5cta-contact-label {
    display: block;

    margin-bottom: 7px;

    color: #657f93;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-contact-value {
    display: block;

    color: #e5f3fa;

    font-size: 11px;
    line-height: 1.55;
    font-weight: 600;
}

#cta-ps5 .gsps5cta-contact-copy {
    display: block;

    margin-top: 5px;

    color: #788fa0;

    font-size: 10px;
    line-height: 1.55;
}

#cta-ps5 .gsps5cta-contact a {
    color: inherit;

    text-decoration: none;
}

#cta-ps5 .gsps5cta-contact a:hover {
    color: var(--gs-cyan-soft);
}


/* =========================================================
   ADDRESS
   ========================================================= */

#cta-ps5 .gsps5cta-address {
    display: grid;

    grid-template-columns:
        1fr auto;

    gap: 14px;

    align-items: center;

    margin-top: 12px;
    padding: 16px 17px;

    border:
        1px solid rgba(92, 208, 255, 0.095);

    border-radius: 14px;

    background:
        rgba(6, 18, 31, 0.50);
}

#cta-ps5 .gsps5cta-address-label {
    display: block;

    margin-bottom: 5px;

    color: #657f93;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-address-copy {
    display: block;

    color: #a1b5c3;

    font-size: 10px;
    line-height: 1.62;
}

#cta-ps5 .gsps5cta-map-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 9px 13px;

    border:
        1px solid rgba(50, 134, 255, 0.20);

    border-radius: 10px;

    background:
        rgba(50, 134, 255, 0.06);

    color: #a9c7ff;

    text-decoration: none;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    white-space: nowrap;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease;
}

#cta-ps5 .gsps5cta-map-button:hover {
    transform: translateY(-2px);

    border-color:
        rgba(50, 134, 255, 0.40);
}


/* =========================================================
   INDEPENDENT NOTE
   ========================================================= */

#cta-ps5 .gsps5cta-independent {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 12px;
    padding: 13px 14px;

    border:
        1px solid rgba(139, 92, 246, 0.10);

    border-radius: 11px;

    background:
        rgba(139, 92, 246, 0.025);

    color: #7f95a5;

    font-size: 10px;
    line-height: 1.55;
}

#cta-ps5 .gsps5cta-independent-icon {
    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    border:
        1px solid rgba(139, 92, 246, 0.19);

    border-radius: 50%;

    color: #ad9cff;

    font-size: 8px;
    font-weight: 700;
}


/* =========================================================
   FOOTER STRIP
   ========================================================= */

#cta-ps5 .gsps5cta-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 23px;
    padding: 0 3px;

    color: #60788c;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#cta-ps5 .gsps5cta-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#cta-ps5 .gsps5cta-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-ps5 .gsps5cta-shell {
        width: min(
            100% - 40px,
            920px
        );

        padding: 78px 0 76px;
    }

    #cta-ps5 .gsps5cta-main {
        grid-template-columns: 1fr;

        padding: 28px;

        gap: 22px;
    }

    #cta-ps5 .gsps5cta-hud-panel {
        max-width: 720px;

        width: 100%;

        margin: 0 auto;
    }

    #cta-ps5 .gsps5cta-contact-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #cta-ps5 .gsps5cta-contact.address-card {
        grid-column: 1 / -1;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #cta-ps5 {
        overflow: hidden;
    }

    #cta-ps5 .gsps5cta-grid {
        opacity: 0.18;

        background-size: 32px 32px;
    }

    #cta-ps5 .gsps5cta-halo,
    #cta-ps5 .gsps5cta-scan {
        display: none;
    }

    #cta-ps5 .gsps5cta-shell {
        width: calc(100% - 30px);
        max-width: 100%;

        padding: 62px 0 60px;
    }

    #cta-ps5 .gsps5cta-main {
        width: 100%;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 18px;

        padding: 22px 17px;

        border-radius: 19px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #cta-ps5 .gsps5cta-content {
        padding: 3px 0;
    }

    #cta-ps5 .gsps5cta-kicker {
        margin-bottom: 13px;

        padding: 6px 9px;

        font-size: 10px;

        letter-spacing: 0.095em;
    }

    #cta-ps5 .gsps5cta-title {
        font-size:
            clamp(
                30px,
                9.6vw,
                40px
            );

        line-height: 1.08;

        letter-spacing: -0.035em;
    }

    #cta-ps5 .gsps5cta-copy {
        margin-top: 14px;

        font-size: 14px;
        line-height: 1.7;
    }

    #cta-ps5 .gsps5cta-models {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #cta-ps5 .gsps5cta-model {
        width: 100%;
    }

    #cta-ps5 .gsps5cta-actions {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        margin-top: 22px;
    }

    #cta-ps5 .gsps5cta-button {
        width: 100%;

        min-height: 48px;
    }

    #cta-ps5 .gsps5cta-trust {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #cta-ps5 .gsps5cta-hud-panel {
        width: 100%;
        min-width: 0;

        padding: 20px 15px;

        border-radius: 17px;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #cta-ps5 .gsps5cta-hud {
        min-height: 295px;
    }

    #cta-ps5 .gsps5cta-core,
    #cta-ps5 .gsps5cta-ring,
    #cta-ps5 .gsps5cta-path {
        animation: none;
    }

    #cta-ps5 .gsps5cta-core {
        width: 98px;
        height: 98px;
    }

    #cta-ps5 .gsps5cta-ring.one {
        width: 160px;
        height: 160px;
    }

    #cta-ps5 .gsps5cta-ring.two {
        width: 220px;
        height: 220px;
    }

    #cta-ps5 .gsps5cta-node {
        padding: 5px 6px;

        font-size: 8px;
    }

    #cta-ps5 .gsps5cta-path {
        opacity: 0.20;
    }

    #cta-ps5 .gsps5cta-benefits {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #cta-ps5 .gsps5cta-contact-grid {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #cta-ps5 .gsps5cta-contact,
    #cta-ps5 .gsps5cta-contact.address-card {
        grid-column: auto;

        width: 100%;
        min-width: 0;
    }

    #cta-ps5 .gsps5cta-address {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 11px;
    }

    #cta-ps5 .gsps5cta-map-button {
        width: 100%;

        white-space: normal;
    }

    #cta-ps5 .gsps5cta-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-ps5 .gsps5cta-shell {
        width: calc(100% - 24px);
    }

    #cta-ps5 .gsps5cta-main {
        padding-left: 14px;
        padding-right: 14px;
    }

    #cta-ps5 .gsps5cta-hud-panel {
        padding-left: 13px;
        padding-right: 13px;
    }

    #cta-ps5 .gsps5cta-hud {
        min-height: 275px;
    }

    #cta-ps5 .gsps5cta-core {
        width: 84px;
        height: 84px;
    }

    #cta-ps5 .gsps5cta-core strong {
        font-size: 9px;
    }

    #cta-ps5 .gsps5cta-core span {
        font-size: 8px;
    }

    #cta-ps5 .gsps5cta-ring.one {
        width: 145px;
        height: 145px;
    }

    #cta-ps5 .gsps5cta-ring.two {
        width: 195px;
        height: 195px;
    }

    #cta-ps5 .gsps5cta-node {
        padding: 5px;

        font-size: 8px;
    }

    #cta-ps5 .gsps5cta-national {
        padding-left: 11px;
        padding-right: 11px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #cta-ps5 *,
    #cta-ps5 *::before,
    #cta-ps5 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #cta-ps5 .gsps5cta-scan {
        display: none !important;
    }
}

#cta-ps5 .gsps5cta-hud-dynamic {
    min-width: 0;
}

#cta-ps5 .gsps5cta-hud-loading {
    margin: 0;
    color: var(--gs-muted);
    font-size: 11px;
    line-height: 1.55;
}