/*
GS FRONTEND CORE — Xbox 360
Migración 0.67.0.
Estilos extraídos de los 11 widgets Elementor originales.
*/

.gs360__loading,
.gs360__noscript {
    min-height: 84px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 18px;
    color: #71846f;
    font: 700 10px/1.55 "Poppins", Arial, sans-serif;
    letter-spacing: .03em;
    text-align: center;
}
.gs360__noscript { min-height: 0; }
@media (max-width: 767px) { .gs360__loading { min-height: 70px; } }


/* ===== Hero ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — HERO AUDITADO
   ID INTERNO HTML: xbox-360-inicio
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — HERO

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

#xbox-360-inicio {
    --gs360-bg: #020502;
    --gs360-bg2: #061007;
    --gs360-bg3: #09140a;

    --gs360-green: #52e000;
    --gs360-green2: #7cff3a;
    --gs360-green3: #9dff73;
    --gs360-darkgreen: #1f6f13;

    --gs360-cyan: #25d8f4;
    --gs360-blue: #3587ff;
    --gs360-violet: #8b5cf6;

    --gs360-yellow: #ffc857;
    --gs360-red: #ff637d;

    --gs360-white: #f5fff2;
    --gs360-text: #edf7ec;
    --gs360-muted: #97aa96;
    --gs360-muted2: #6e826d;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360-text);

    background:
        radial-gradient(
            circle at 11% 18%,
            rgba(82, 224, 0, 0.12),
            transparent 31%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(124, 255, 58, 0.085),
            transparent 34%
        ),
        radial-gradient(
            circle at 70% 91%,
            rgba(37, 216, 244, 0.035),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #010301 0%,
            #061007 46%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

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

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


/* =========================================================
   FONDO — GRID
   ========================================================= */

#xbox-360-inicio .gs360hero-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.30;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.040) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.040) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 91%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 91%,
            transparent 100%
        );
}


/* =========================================================
   BRILLO AMBIENTAL
   ========================================================= */

#xbox-360-inicio .gs360hero-glow {
    position: absolute;

    right: -220px;
    top: 80px;

    width: 620px;
    height: 620px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, 0.055);

    border-radius: 50%;

    animation:
        gs360hero-orbit
        54s linear infinite;
}

#xbox-360-inicio .gs360hero-glow::before,
#xbox-360-inicio .gs360hero-glow::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#xbox-360-inicio .gs360hero-glow::before {
    inset: 94px;

    border:
        1px dashed rgba(124, 255, 58, 0.075);
}

#xbox-360-inicio .gs360hero-glow::after {
    inset: 190px;

    border:
        1px solid rgba(37, 216, 244, 0.045);
}

@keyframes gs360hero-orbit {
    from {
        transform:
            rotate(0deg);
    }

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


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

#xbox-360-inicio .gs360hero-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#xbox-360-inicio .gs360hero-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.12),
            rgba(124, 255, 58, 0.30),
            rgba(37, 216, 244, 0.10),
            transparent
        );

    box-shadow:
        0 0 18px rgba(82, 224, 0, 0.12);

    animation:
        gs360hero-scan
        9s linear infinite;
}

@keyframes gs360hero-scan {
    0% {
        transform:
            translateY(0);

        opacity: 0;
    }

    8% {
        opacity: 0.32;
    }

    91% {
        opacity: 0.12;
    }

    100% {
        transform:
            translateY(1800px);

        opacity: 0;
    }
}


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

#xbox-360-inicio .gs360hero-shell {
    position: relative;
    z-index: 3;

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

    margin:
        0 auto;

    padding:
        74px 0 82px;
}


/* =========================================================
   TOPBAR
   ========================================================= */

#xbox-360-inicio .gs360hero-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 26px;

    padding-bottom: 13px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.10);
}

#xbox-360-inicio .gs360hero-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;

    color: #758b74;

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

#xbox-360-inicio .gs360hero-breadcrumb span {
    color: #4e644d;
}

#xbox-360-inicio .gs360hero-breadcrumb a {
    color: #758b74 !important;
    text-decoration: none !important;
    transition:
        color 0.22s ease,
        border-color 0.22s ease;
}

#xbox-360-inicio .gs360hero-breadcrumb a:hover {
    color: #a9f68b !important;
}

#xbox-360-inicio .gs360hero-independent {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding:
        6px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.025);

    color: #95ba89;

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

    white-space: nowrap;
}

#xbox-360-inicio .gs360hero-independent::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.65);
}


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

#xbox-360-inicio .gs360hero-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.90fr)
        minmax(500px, 1.10fr);

    gap: 38px;

    align-items: center;
}


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

#xbox-360-inicio .gs360hero-copy {
    position: relative;
    z-index: 8;

    min-width: 0;
}

#xbox-360-inicio .gs360hero-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

    border:
        1px solid rgba(82, 224, 0, 0.20);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.04);

    color: #a9f68b;

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

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

#xbox-360-inicio .gs360hero-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360-green);

    box-shadow:
        0 0 9px rgba(82, 224, 0, 0.72);
}

#xbox-360-inicio .gs360hero-title {
    max-width: 720px;

    margin: 0;
    padding-bottom: .07em;

    overflow: visible;

    color:
        var(--gs360-white);

    font-size:
        clamp(
            39px,
            5vw,
            63px
        );

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

    letter-spacing: -0.045em;
}

#xbox-360-inicio .gs360hero-title span {
    color:
        var(--gs360-green2);

    text-shadow:
        0 0 25px rgba(82, 224, 0, 0.13);
}

#xbox-360-inicio .gs360hero-lead {
    max-width: 720px;

    margin:
        19px 0 0;

    color:
        var(--gs360-muted);

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


/* =========================================================
   PRINCIPIO
   ========================================================= */

#xbox-360-inicio .gs360hero-principle {
    position: relative;

    margin-top: 20px;
    padding:
        16px 17px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(37, 216, 244, 0.012)
        );
}

#xbox-360-inicio .gs360hero-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 11px;
    bottom: 11px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs360-green),
            transparent
        );
}

#xbox-360-inicio .gs360hero-principle strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd1;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}

#xbox-360-inicio .gs360hero-principle span {
    display: block;

    color: #7b9079;

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


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

#xbox-360-inicio .gs360hero-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 22px;
}

#xbox-360-inicio .gs360hero-btn {
    min-height: 52px;

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

    gap: 9px;

    padding:
        13px 19px;

    border-radius: 12px;

    text-decoration: none;

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

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

#xbox-360-inicio .gs360hero-btn-primary {
    border:
        1px solid rgba(82, 224, 0, 0.38);

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.22),
            rgba(30, 105, 16, 0.14)
        );

    color: #d8ffc8;

    box-shadow:
        0 0 28px rgba(82, 224, 0, 0.07);
}

#xbox-360-inicio .gs360hero-btn-secondary {
    border:
        1px solid rgba(124, 255, 58, 0.18);

    background:
        rgba(82, 224, 0, 0.035);

    color: #c5eab8;
}


#xbox-360-inicio .gs360hero-btn:focus-visible,
#xbox-360-inicio .gs360hero-breadcrumb a:focus-visible {
    outline:
        2px solid rgba(124, 255, 58, 0.88);

    outline-offset:
        4px;
}

#xbox-360-inicio .gs360hero-btn-primary.button--whatsapp .gs-global-wa-icon {
    align-self: center;
    margin-right: 0 !important;
}

/* El icono de WhatsApp lo inserta el Custom Code global del sitio.
   Este widget no agrega SVG, span manual ni fallback local. */

#xbox-360-inicio .gs360hero-btn-icon {
    display: grid;
    place-items: center;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    border:
        1px solid currentColor;

    border-radius: 7px;

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

    opacity: 0.88;
}


/* =========================================================
   MICRODATOS
   ========================================================= */

#xbox-360-inicio .gs360hero-meta {
    display: grid;

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

    gap: 8px;

    margin-top: 21px;
}

#xbox-360-inicio .gs360hero-meta-item {
    --meta-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        11px 10px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.08);

    border-radius: 9px;

    background:
        rgba(5, 16, 6, 0.50);
}

#xbox-360-inicio
.gs360hero-meta-item:nth-child(2) {
    --meta-color: #9dff73;
}

#xbox-360-inicio
.gs360hero-meta-item:nth-child(3) {
    --meta-color: #25d8f4;
}

#xbox-360-inicio .gs360hero-meta-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 45px;
    height: 1px;

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

#xbox-360-inicio .gs360hero-meta-item strong {
    display: block;

    margin-bottom: 3px;

    color:
        var(--meta-color);

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

    text-transform: uppercase;
}

#xbox-360-inicio .gs360hero-meta-item span {
    display: block;

    color: #72856f;

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


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

#xbox-360-inicio .gs360hero-visual {
    position: relative;

    min-width: 0;

    padding:
        14px;
}

#xbox-360-inicio .gs360hero-frame {
    position: relative;

    min-height: 630px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.20);

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 50% 52%,
            rgba(82, 224, 0, 0.09),
            transparent 42%
        ),
        radial-gradient(
            circle at 78% 23%,
            rgba(37, 216, 244, 0.035),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );

    box-shadow:
        0 32px 70px rgba(0, 0, 0, 0.28),
        0 0 42px rgba(82, 224, 0, 0.035);
}


/* =========================================================
   DOBLE PERÍMETRO
   ========================================================= */

#xbox-360-inicio .gs360hero-frame::before {
    content: "";

    position: absolute;

    inset: 9px;

    z-index: 2;

    pointer-events: none;

    border:
        1px solid rgba(124, 255, 58, 0.075);

    border-radius: 16px;
}

#xbox-360-inicio .gs360hero-frame::after {
    content: "";

    position: absolute;

    left: 8%;
    right: 8%;
    top: 8px;

    z-index: 4;

    height: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.35),
            rgba(124, 255, 58, 0.84),
            rgba(37, 216, 244, 0.24),
            rgba(82, 224, 0, 0.40),
            transparent
        );

    box-shadow:
        0 0 14px rgba(82, 224, 0, 0.34);
}


/* =========================================================
   CABECERA DEL HUD
   ========================================================= */

#xbox-360-inicio .gs360hero-visual-head {
    position: relative;
    z-index: 12;

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

    gap: 12px;

    padding:
        17px 18px 10px;
}

#xbox-360-inicio .gs360hero-visual-code {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: #9ff680;

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

    text-transform: uppercase;
}

#xbox-360-inicio .gs360hero-visual-code::before {
    content: "";

    width: 12px;
    height: 1px;

    background:
        var(--gs360-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.55);
}

#xbox-360-inicio .gs360hero-visual-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        5px 8px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 999px;

    color: #90c8d2;

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

#xbox-360-inicio .gs360hero-visual-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, 0.48);
}


/* =========================================================
   VISOR DE PRODUCTO
   ========================================================= */

#xbox-360-inicio .gs360hero-product {
    position: relative;

    flex: 1;

    min-height: 500px;

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

    overflow: hidden;

    margin:
        0 14px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 15px;

    background:
        radial-gradient(
            ellipse at 52% 65%,
            rgba(82, 224, 0, 0.10),
            transparent 40%
        ),
        radial-gradient(
            circle at 50% 50%,
            rgba(124, 255, 58, 0.045),
            transparent 58%
        ),
        rgba(1, 6, 2, 0.50);
}


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

#xbox-360-inicio .gs360hero-product::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.30;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        );

    background-size:
        28px 28px;
}

#xbox-360-inicio .gs360hero-product::after {
    content: "";

    position: absolute;

    left: 7%;
    right: 7%;
    bottom: 2px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.24),
            rgba(124, 255, 58, 0.60),
            rgba(82, 224, 0, 0.24),
            transparent
        );

    box-shadow:
        0 0 13px rgba(82, 224, 0, 0.28);
}


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

#xbox-360-inicio .gs360hero-image-wrap {
    position: relative;
    z-index: 7;

    width: 92%;
    height: 100%;
    min-height: 480px;

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

    padding:
        30px 15px 14px;
}

#xbox-360-inicio .gs360hero-image {
    position: relative;
    z-index: 5;

    display: block;

    width: 100%;
    max-width: 690px;
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 32px 30px rgba(0, 0, 0, 0.50)
        )
        drop-shadow(
            0 0 22px rgba(82, 224, 0, 0.06)
        );
}


/* =========================================================
   ANILLOS RADAR
   ========================================================= */

#xbox-360-inicio .gs360hero-radar {
    position: absolute;

    left: 53%;
    top: 53%;

    z-index: 3;

    width: 360px;
    height: 360px;

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

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, 0.095);

    border-radius: 50%;

    animation:
        gs360hero-radar
        28s linear infinite;
}

#xbox-360-inicio .gs360hero-radar::before,
#xbox-360-inicio .gs360hero-radar::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#xbox-360-inicio .gs360hero-radar::before {
    inset: 55px;

    border:
        1px dashed rgba(124, 255, 58, 0.10);
}

#xbox-360-inicio .gs360hero-radar::after {
    inset: 116px;

    border:
        1px solid rgba(37, 216, 244, 0.07);
}

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

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


/* =========================================================
   RETÍCULA
   ========================================================= */

#xbox-360-inicio .gs360hero-crosshair {
    position: absolute;

    left: 53%;
    top: 53%;

    z-index: 3;

    width: 420px;
    height: 420px;

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

    pointer-events: none;
}

#xbox-360-inicio .gs360hero-crosshair::before,
#xbox-360-inicio .gs360hero-crosshair::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    background:
        rgba(82, 224, 0, 0.055);
}

#xbox-360-inicio .gs360hero-crosshair::before {
    width: 100%;
    height: 1px;

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

#xbox-360-inicio .gs360hero-crosshair::after {
    width: 1px;
    height: 100%;

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


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

#xbox-360-inicio .gs360hero-corner {
    position: absolute;

    z-index: 10;

    width: 34px;
    height: 34px;

    pointer-events: none;
}

#xbox-360-inicio .gs360hero-corner::before,
#xbox-360-inicio .gs360hero-corner::after {
    content: "";

    position: absolute;

    background:
        var(--gs360-green2);

    box-shadow:
        0 0 9px rgba(82, 224, 0, 0.48);
}

#xbox-360-inicio .gs360hero-corner::before {
    width: 24px;
    height: 1px;
}

#xbox-360-inicio .gs360hero-corner::after {
    width: 1px;
    height: 24px;
}

#xbox-360-inicio .gs360hero-corner-tl {
    left: 20px;
    top: 20px;
}

#xbox-360-inicio .gs360hero-corner-tr {
    right: 20px;
    top: 20px;

    transform:
        rotate(90deg);
}

#xbox-360-inicio .gs360hero-corner-br {
    right: 20px;
    bottom: 20px;

    transform:
        rotate(180deg);
}

#xbox-360-inicio .gs360hero-corner-bl {
    left: 20px;
    bottom: 20px;

    transform:
        rotate(270deg);
}


/* =========================================================
   ESCALAS LATERALES
   ========================================================= */

#xbox-360-inicio .gs360hero-scale {
    position: absolute;

    z-index: 4;

    top: 90px;
    bottom: 58px;

    width: 16px;

    pointer-events: none;

    opacity: 0.55;

    background:
        repeating-linear-gradient(
            to bottom,
            rgba(82, 224, 0, 0.48) 0,
            rgba(82, 224, 0, 0.48) 1px,
            transparent 1px,
            transparent 10px
        );
}

#xbox-360-inicio .gs360hero-scale-left {
    left: 10px;
}

#xbox-360-inicio .gs360hero-scale-right {
    right: 10px;
}


/* =========================================================
   ETIQUETAS SUPERIOR / INFERIOR
   ========================================================= */

#xbox-360-inicio .gs360hero-frame-label {
    position: absolute;

    z-index: 9;

    color: #638060;

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

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

    pointer-events: none;
}

#xbox-360-inicio .gs360hero-frame-label-top {
    left: 30px;
    top: 62px;
}

#xbox-360-inicio .gs360hero-frame-label-bottom {
    right: 28px;
    bottom: 48px;
}


/* =========================================================
   CALLOUTS
   ========================================================= */

#xbox-360-inicio .gs360hero-callout {
    --callout-color: #52e000;

    position: absolute;

    z-index: 12;

    width: 158px;

    pointer-events: none;
}

#xbox-360-inicio .gs360hero-callout-box {
    position: relative;

    padding:
        8px 9px;

    border:
        1px solid rgba(82, 224, 0, 0.16);

    border-radius: 8px;

    background:
        rgba(2, 8, 3, 0.83);

    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.18);
}

#xbox-360-inicio .gs360hero-callout strong {
    display: block;

    margin-bottom: 2px;

    color:
        var(--callout-color);

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

    text-transform: uppercase;
}

#xbox-360-inicio .gs360hero-callout span {
    display: block;

    color: #71846f;

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


/* =========================================================
   CALLOUT — LÍNEA
   ========================================================= */

#xbox-360-inicio .gs360hero-callout-line {
    position: absolute;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--callout-color),
            rgba(82, 224, 0, 0.10)
        );

    transform-origin:
        left center;

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.15);
}

#xbox-360-inicio .gs360hero-callout-line::after {
    content: "";

    position: absolute;

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

    width: 7px;
    height: 7px;

    border:
        1px solid var(--callout-color);

    border-radius: 50%;

    background:
        #061007;

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.40);
}


/* =========================================================
   CALLOUT 1 — CONSOLA
   ========================================================= */

#xbox-360-inicio .gs360hero-callout-1 {
    --callout-color: #7cff3a;

    left: 24px;
    top: 124px;
}

#xbox-360-inicio
.gs360hero-callout-1
.gs360hero-callout-line {
    left: 145px;
    top: 33px;

    width: 92px;

    transform:
        rotate(15deg);
}


/* =========================================================
   CALLOUT 2 — LECTOR
   ========================================================= */

#xbox-360-inicio .gs360hero-callout-2 {
    --callout-color: #25d8f4;

    left: 20px;
    top: 278px;
}

#xbox-360-inicio
.gs360hero-callout-2
.gs360hero-callout-line {
    left: 146px;
    top: 27px;

    width: 75px;

    transform:
        rotate(-8deg);
}


/* =========================================================
   CALLOUT 3 — INDICADOR
   ========================================================= */

#xbox-360-inicio .gs360hero-callout-3 {
    --callout-color: #52e000;

    left: 35px;
    bottom: 108px;
}

#xbox-360-inicio
.gs360hero-callout-3
.gs360hero-callout-line {
    left: 145px;
    top: 18px;

    width: 88px;

    transform:
        rotate(-24deg);
}


/* =========================================================
   CALLOUT 4 — VENTILACIÓN
   ========================================================= */

#xbox-360-inicio .gs360hero-callout-4 {
    --callout-color: #8b5cf6;

    right: 18px;
    top: 205px;
}

#xbox-360-inicio
.gs360hero-callout-4
.gs360hero-callout-line {
    right: 145px;
    left: auto;
    top: 27px;

    width: 90px;

    transform-origin:
        right center;

    transform:
        rotate(-16deg);

    background:
        linear-gradient(
            270deg,
            var(--callout-color),
            rgba(139, 92, 246, 0.10)
        );
}

#xbox-360-inicio
.gs360hero-callout-4
.gs360hero-callout-line::after {
    left: -3px;
    right: auto;
}


/* =========================================================
   CALLOUT 5 — CONTROL
   ========================================================= */

#xbox-360-inicio .gs360hero-callout-5 {
    --callout-color: #ffc857;

    right: 18px;
    bottom: 125px;
}

#xbox-360-inicio
.gs360hero-callout-5
.gs360hero-callout-line {
    right: 145px;
    left: auto;
    top: 18px;

    width: 92px;

    transform-origin:
        right center;

    transform:
        rotate(20deg);

    background:
        linear-gradient(
            270deg,
            var(--callout-color),
            rgba(255, 200, 87, 0.10)
        );
}

#xbox-360-inicio
.gs360hero-callout-5
.gs360hero-callout-line::after {
    left: -3px;
    right: auto;
}


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

#xbox-360-inicio .gs360hero-visual-foot {
    position: relative;
    z-index: 11;

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

    gap: 12px;

    padding:
        11px 17px 16px;
}

#xbox-360-inicio .gs360hero-visual-foot-copy {
    color: #687d66;

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

#xbox-360-inicio .gs360hero-visual-foot-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    color: #8cbd7a;

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

#xbox-360-inicio .gs360hero-visual-foot-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#xbox-360-inicio .gs360hero-mobile-legend {
    display: none;
}


/* =========================================================
   SUBSISTEMAS
   ========================================================= */

#xbox-360-inicio .gs360hero-systems {
    display: grid;

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

    gap: 9px;

    margin-top: 20px;
}

#xbox-360-inicio .gs360hero-system {
    --system-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 14px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.08);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.76),
            rgba(2, 8, 3, 0.94)
        );
}

#xbox-360-inicio
.gs360hero-system:nth-child(2) {
    --system-color: #25d8f4;
}

#xbox-360-inicio
.gs360hero-system:nth-child(3) {
    --system-color: #8b5cf6;
}

#xbox-360-inicio
.gs360hero-system:nth-child(4) {
    --system-color: #ffc857;
}

#xbox-360-inicio
.gs360hero-system:nth-child(5) {
    --system-color: #7cff3a;
}

#xbox-360-inicio .gs360hero-system::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#xbox-360-inicio .gs360hero-system strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--system-color);

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

    text-transform: uppercase;
}

#xbox-360-inicio .gs360hero-system span {
    display: block;

    color: #70816e;

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


/* =========================================================
   CONDICIONES
   ========================================================= */

#xbox-360-inicio .gs360hero-conditions {
    display: grid;

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

    gap: 9px;

    margin-top: 10px;
}

#xbox-360-inicio .gs360hero-condition {
    --condition-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        14px 13px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 10px;

    background:
        rgba(4, 14, 5, 0.54);
}

#xbox-360-inicio
.gs360hero-condition:nth-child(2) {
    --condition-color: #7cff3a;
}

#xbox-360-inicio
.gs360hero-condition:nth-child(3) {
    --condition-color: #ffc857;
}

#xbox-360-inicio
.gs360hero-condition:nth-child(4) {
    --condition-color: #25d8f4;
}

#xbox-360-inicio .gs360hero-condition strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--condition-color);

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

    text-transform: uppercase;
}

#xbox-360-inicio .gs360hero-condition span {
    display: block;

    color: #6f806d;

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


/* =========================================================
   NOTA DE PLATAFORMA
   ========================================================= */

#xbox-360-inicio .gs360hero-platform {
    display: grid;

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

    gap: 14px;

    align-items: center;

    margin-top: 10px;
    padding:
        16px;

    border:
        1px solid rgba(82, 224, 0, 0.10);

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.025),
            rgba(37, 216, 244, 0.008)
        );
}

#xbox-360-inicio .gs360hero-platform-icon {
    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 9px;

    color: #a7f58a;

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

#xbox-360-inicio .gs360hero-platform-copy {
    min-width: 0;
}

#xbox-360-inicio .gs360hero-platform-copy strong {
    display: block;

    margin-bottom: 3px;

    color: #ccedc1;

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

#xbox-360-inicio .gs360hero-platform-copy span {
    display: block;

    color: #70806d;

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

#xbox-360-inicio .gs360hero-platform-state {
    flex-shrink: 0;

    padding:
        6px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.13);

    border-radius: 999px;

    color: #93b985;

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


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

#xbox-360-inicio .gs360hero-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #566953;

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

    text-transform: uppercase;
}

#xbox-360-inicio .gs360hero-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6e836b;
}

#xbox-360-inicio .gs360hero-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.50);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #xbox-360-inicio .gs360hero-btn:hover {
        transform:
            translateY(-2px);
    }

    #xbox-360-inicio .gs360hero-btn-primary:hover {
        border-color:
            rgba(124, 255, 58, 0.52);

        box-shadow:
            0 12px 30px rgba(82, 224, 0, 0.11);
    }

    #xbox-360-inicio .gs360hero-btn-secondary:hover {
        border-color:
            rgba(124, 255, 58, 0.35);

        box-shadow:
            0 10px 28px rgba(82, 224, 0, 0.07);
    }

    #xbox-360-inicio .gs360hero-system,
    #xbox-360-inicio .gs360hero-condition {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #xbox-360-inicio .gs360hero-system:hover,
    #xbox-360-inicio .gs360hero-condition:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.17);
    }
}


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

@media (max-width: 1050px) {

    #xbox-360-inicio .gs360hero-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            70px 0 76px;
    }

    #xbox-360-inicio .gs360hero-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            28px;
    }

    #xbox-360-inicio .gs360hero-copy {
        max-width:
            820px;
    }

    #xbox-360-inicio .gs360hero-visual {
        width:
            min(
                100%,
                840px
            );

        margin:
            0 auto;
    }

    #xbox-360-inicio .gs360hero-frame {
        min-height:
            660px;
    }

    #xbox-360-inicio .gs360hero-product {
        min-height:
            530px;
    }

    #xbox-360-inicio .gs360hero-systems {
        grid-template-columns:
            repeat(5, minmax(0, 1fr));
    }

    #xbox-360-inicio .gs360hero-conditions {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #xbox-360-inicio {
        overflow:
            hidden;
    }

    #xbox-360-inicio .gs360hero-grid {
        opacity:
            0.18;

        background-size:
            32px 32px;
    }

    #xbox-360-inicio .gs360hero-glow,
    #xbox-360-inicio .gs360hero-scan {
        display:
            none;
    }

    #xbox-360-inicio .gs360hero-shell {
        width:
            calc(100% - 30px);

        max-width:
            100%;

        padding:
            54px 0 62px;
    }

    #xbox-360-inicio .gs360hero-topbar {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            9px;

        margin-bottom:
            22px;
    }

    #xbox-360-inicio .gs360hero-independent {
        white-space:
            normal;
    }

    #xbox-360-inicio .gs360hero-title {
        font-size:
            clamp(
                35px,
                11vw,
                47px
            );
    }

    #xbox-360-inicio .gs360hero-lead {
        font-size:
            14px;

        line-height:
            1.70;
    }

    #xbox-360-inicio .gs360hero-principle strong {
        font-size:
            12px;
    }

    #xbox-360-inicio .gs360hero-actions {
        display:
            grid;

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

    #xbox-360-inicio .gs360hero-btn {
        width:
            100%;

        justify-content:
            flex-start;

        min-height:
            54px;
    }

    #xbox-360-inicio .gs360hero-btn-primary.button--whatsapp .gs-global-wa-icon {
        flex:
            0 0 auto;
    }

    #xbox-360-inicio .gs360hero-meta {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #xbox-360-inicio .gs360hero-visual {
        width:
            100%;

        padding:
            0;
    }

    #xbox-360-inicio .gs360hero-frame {
        min-height:
            0;

        border-radius:
            17px;
    }

    #xbox-360-inicio .gs360hero-visual-head {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            7px;

        padding:
            15px 15px 10px;
    }

    #xbox-360-inicio .gs360hero-product {
        min-height:
            410px;

        margin:
            0 10px;
    }

    #xbox-360-inicio .gs360hero-image-wrap {
        min-height:
            390px;

        width:
            100%;

        padding:
            20px 4px 10px;
    }

    #xbox-360-inicio .gs360hero-image {
        width:
            108%;

        max-width:
            none;
    }

    #xbox-360-inicio .gs360hero-radar {
        width:
            285px;

        height:
            285px;

        animation:
            none;
    }

    #xbox-360-inicio .gs360hero-crosshair {
        width:
            330px;

        height:
            330px;
    }

    #xbox-360-inicio .gs360hero-scale,
    #xbox-360-inicio .gs360hero-frame-label,
    #xbox-360-inicio .gs360hero-callout {
        display:
            none;
    }

    #xbox-360-inicio .gs360hero-mobile-legend {
        position: relative;
        z-index: 12;

        display: grid;

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

        gap:
            7px;

        margin:
            10px 10px 0;
    }

    #xbox-360-inicio .gs360hero-mobile-legend span {
        min-width: 0;

        padding:
            8px;

        border:
            1px solid rgba(82, 224, 0, 0.08);

        border-radius:
            8px;

        background:
            rgba(4, 15, 5, 0.62);

        color:
            #7f9978;

        font-size:
            10px;

        line-height:
            1.4;

        text-align:
            center;
    }

    #xbox-360-inicio .gs360hero-mobile-legend span:nth-child(2) {
        border-color:
            rgba(37, 216, 244, 0.09);

        color:
            #77a0a6;
    }

    #xbox-360-inicio .gs360hero-mobile-legend span:nth-child(3) {
        border-color:
            rgba(139, 92, 246, 0.09);

        color:
            #8d80a4;
    }

    #xbox-360-inicio .gs360hero-mobile-legend span:nth-child(4) {
        border-color:
            rgba(255, 200, 87, 0.09);

        color:
            #9b8a61;
    }

    #xbox-360-inicio .gs360hero-mobile-legend span:nth-child(5) {
        border-color:
            rgba(124, 255, 58, 0.09);

        color:
            #7d9f71;

        grid-column:
            1 / -1;
    }

    #xbox-360-inicio .gs360hero-visual-foot {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            5px;

        padding:
            11px 14px 15px;
    }

    #xbox-360-inicio .gs360hero-systems {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #xbox-360-inicio .gs360hero-conditions {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #xbox-360-inicio .gs360hero-platform {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            8px;
    }

    #xbox-360-inicio .gs360hero-platform-state {
        width:
            fit-content;
    }

    #xbox-360-inicio .gs360hero-footer {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            6px;
    }
}


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

@media (max-width: 390px) {

    #xbox-360-inicio .gs360hero-title {
        font-size:
            38px;

        line-height:
            1.08;

        letter-spacing:
            -0.035em;
    }

    #xbox-360-inicio .gs360hero-shell {
        width:
            calc(100% - 24px);
    }

    #xbox-360-inicio .gs360hero-meta,
    #xbox-360-inicio .gs360hero-systems,
    #xbox-360-inicio .gs360hero-mobile-legend {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #xbox-360-inicio
    .gs360hero-mobile-legend span:nth-child(5) {
        grid-column:
            auto;
    }

    #xbox-360-inicio .gs360hero-product {
        min-height:
            345px;
    }

    #xbox-360-inicio .gs360hero-image-wrap {
        min-height:
            330px;
    }

    #xbox-360-inicio .gs360hero-image {
        width:
            108%;
    }

    #xbox-360-inicio .gs360hero-radar {
        width:
            245px;

        height:
            245px;
    }

    #xbox-360-inicio .gs360hero-crosshair {
        width:
            275px;

        height:
            275px;
    }
}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    #xbox-360-inicio,
    #xbox-360-inicio *,
    #xbox-360-inicio *::before,
    #xbox-360-inicio *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #xbox-360-inicio .gs360hero-scan {
        display:
            none !important;
    }
}


/* ===== Modelos y Alcance Xbox 360 ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — MODELOS Y ALCANCE

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

#modelos-alcance-xbox-360 {
    --gs360mod-bg: #020502;
    --gs360mod-bg2: #061007;

    --gs360mod-green: #52e000;
    --gs360mod-green2: #7cff3a;
    --gs360mod-green3: #a6ff82;

    --gs360mod-cyan: #25d8f4;
    --gs360mod-blue: #3587ff;
    --gs360mod-violet: #8b5cf6;

    --gs360mod-yellow: #ffc857;
    --gs360mod-orange: #ff9f43;
    --gs360mod-red: #ff637d;

    --gs360mod-white: #f4fff1;
    --gs360mod-text: #edf7ec;
    --gs360mod-muted: #93a892;
    --gs360mod-muted2: #71816f;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360mod-text);

    background:
        radial-gradient(
            circle at 12% 13%,
            rgba(82, 224, 0, 0.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 20%,
            rgba(124, 255, 58, 0.055),
            transparent 32%
        ),
        radial-gradient(
            circle at 72% 88%,
            rgba(37, 216, 244, 0.025),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

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

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


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

#modelos-alcance-xbox-360 .gs360mod-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-orbit {
    position: absolute;

    left: -300px;
    top: 980px;

    width: 600px;
    height: 600px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, 0.045);

    border-radius: 50%;

    animation:
        gs360mod-orbit
        64s linear infinite;
}

#modelos-alcance-xbox-360 .gs360mod-orbit::before,
#modelos-alcance-xbox-360 .gs360mod-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#modelos-alcance-xbox-360 .gs360mod-orbit::before {
    inset: 92px;

    border:
        1px dashed rgba(124, 255, 58, 0.055);
}

#modelos-alcance-xbox-360 .gs360mod-orbit::after {
    inset: 188px;

    border:
        1px solid rgba(37, 216, 244, 0.035);
}

@keyframes gs360mod-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#modelos-alcance-xbox-360 .gs360mod-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#modelos-alcance-xbox-360 .gs360mod-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.16),
            rgba(124, 255, 58, 0.22),
            rgba(37, 216, 244, 0.09),
            transparent
        );

    box-shadow:
        0 0 15px rgba(82, 224, 0, 0.08);

    animation:
        gs360mod-scan
        12s linear infinite;
}

@keyframes gs360mod-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.28;
    }

    92% {
        opacity: 0.10;
    }

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


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

#modelos-alcance-xbox-360 .gs360mod-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#modelos-alcance-xbox-360 .gs360mod-heading-main {
    min-width: 0;
}

#modelos-alcance-xbox-360 .gs360mod-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

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

#modelos-alcance-xbox-360 .gs360mod-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360mod-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.68);
}

#modelos-alcance-xbox-360 .gs360mod-title {
    max-width: 980px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360mod-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -0.035em;
}

#modelos-alcance-xbox-360 .gs360mod-title span {
    color:
        var(--gs360mod-green2);
}

#modelos-alcance-xbox-360 .gs360mod-intro {
    max-width: 900px;

    margin:
        16px 0 0;

    color:
        var(--gs360mod-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.025),
            rgba(4, 13, 5, 0.92)
        );
}

#modelos-alcance-xbox-360 .gs360mod-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs360mod-yellow),
            transparent
        );
}

#modelos-alcance-xbox-360 .gs360mod-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e0c986;

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360mod-yellow);

    box-shadow:
        0 0 7px rgba(255, 200, 87, 0.46);
}

#modelos-alcance-xbox-360 .gs360mod-status p {
    margin: 0;

    color: #9a947a;

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


/* =========================================================
   PRINCIPIO
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

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

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(37, 216, 244, 0.010)
        );
}

#modelos-alcance-xbox-360 .gs360mod-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360mod-green),
            transparent
        );
}

#modelos-alcance-xbox-360 .gs360mod-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(82, 224, 0, 0.18);

    border-radius: 14px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

    text-align: center;
}

#modelos-alcance-xbox-360 .gs360mod-principle-copy {
    min-width: 0;
}

#modelos-alcance-xbox-360 .gs360mod-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#modelos-alcance-xbox-360 .gs360mod-principle-copy span {
    display: block;

    color: #7d917a;

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

#modelos-alcance-xbox-360 .gs360mod-principle-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CADENA DE IDENTIFICACIÓN
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-chain {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#modelos-alcance-xbox-360 .gs360mod-chain-card {
    --chain-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 10px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.82),
            rgba(2, 8, 3, 0.97)
        );

    text-align: center;
}

#modelos-alcance-xbox-360
.gs360mod-chain-card:nth-child(2) {
    --chain-color: #7cff3a;
}

#modelos-alcance-xbox-360
.gs360mod-chain-card:nth-child(3) {
    --chain-color: #25d8f4;
}

#modelos-alcance-xbox-360
.gs360mod-chain-card:nth-child(4) {
    --chain-color: #8b5cf6;
}

#modelos-alcance-xbox-360
.gs360mod-chain-card:nth-child(5) {
    --chain-color: #ffc857;
}

#modelos-alcance-xbox-360
.gs360mod-chain-card:nth-child(6) {
    --chain-color: #52e000;
}

#modelos-alcance-xbox-360 .gs360mod-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 50px;
    height: 2px;

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

#modelos-alcance-xbox-360 .gs360mod-chain-number {
    display: block;

    margin-bottom: 5px;

    color:
        var(--chain-color);

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

#modelos-alcance-xbox-360 .gs360mod-chain-title {
    display: block;

    color: #d9ead4;

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

#modelos-alcance-xbox-360 .gs360mod-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


/* =========================================================
   FAMILIAS
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-families {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.12);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(82, 224, 0, 0.055),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.91),
            rgba(2, 8, 3, 0.98)
        );
}

#modelos-alcance-xbox-360 .gs360mod-families::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 210px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360mod-green),
            var(--gs360mod-green2),
            transparent
        );
}

#modelos-alcance-xbox-360 .gs360mod-families-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#modelos-alcance-xbox-360 .gs360mod-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-section-title {
    margin: 0;

    color: #efffeb;

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

#modelos-alcance-xbox-360 .gs360mod-section-copy {
    max-width: 850px;

    margin:
        8px 0 0;

    color: #81927f;

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

#modelos-alcance-xbox-360 .gs360mod-section-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 999px;

    color: #85b6bc;

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


/* =========================================================
   TARJETAS FAMILIAS
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-family-grid {
    display: grid;

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

    gap: 11px;
}

#modelos-alcance-xbox-360 .gs360mod-family {
    --family-color: #52e000;

    position: relative;

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

    display: flex;
    flex-direction: column;

    padding:
        20px 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.10);

    border-radius: 15px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, 0.050),
            transparent 40%
        ),
        rgba(4, 15, 4, 0.63);
}

#modelos-alcance-xbox-360
.gs360mod-family:nth-child(2) {
    --family-color: #7cff3a;
}

#modelos-alcance-xbox-360
.gs360mod-family:nth-child(3) {
    --family-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, 0.10);
}

#modelos-alcance-xbox-360 .gs360mod-family::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 92px;
    height: 2px;

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

#modelos-alcance-xbox-360 .gs360mod-family-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 15px;
}

#modelos-alcance-xbox-360 .gs360mod-family-code {
    display: inline-flex;
    align-items: center;

    min-height: 29px;

    padding:
        6px 9px;

    border:
        1px solid rgba(82, 224, 0, 0.10);

    border-radius: 999px;

    color:
        var(--family-color);

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-family-index {
    color: #50634d;

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

#modelos-alcance-xbox-360 .gs360mod-family h3 {
    margin:
        0 0 8px;

    color: #e8f7e4;

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

#modelos-alcance-xbox-360 .gs360mod-family > p {
    margin: 0;

    color: #798b76;

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

#modelos-alcance-xbox-360 .gs360mod-family-data {
    display: grid;

    gap: 7px;

    margin-top: 18px;
}

#modelos-alcance-xbox-360 .gs360mod-family-row {
    display: grid;

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

    gap: 10px;

    align-items: start;

    padding:
        9px 10px;

    border:
        1px solid rgba(82, 224, 0, 0.055);

    border-radius: 8px;

    background:
        rgba(2, 8, 3, 0.55);
}

#modelos-alcance-xbox-360 .gs360mod-family-row strong {
    color:
        var(--family-color);

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

#modelos-alcance-xbox-360 .gs360mod-family-row span {
    color: #6f816d;

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

#modelos-alcance-xbox-360 .gs360mod-family-note {
    margin-top: auto;
    padding-top: 15px;

    color: #768d72;

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


/* =========================================================
   ECUACIÓN PRINCIPAL
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-equation {
    margin-top: 12px;
    padding:
        14px;

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

    border-radius: 11px;

    background:
        rgba(19, 16, 5, 0.28);

    color: #a69a73;

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

    text-align: center;
}

#modelos-alcance-xbox-360 .gs360mod-equation strong {
    color: #e5cf88;
}


/* =========================================================
   IDENTIFICACIÓN + HUD
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-identify-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   IDENTIFICACIÓN
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-identify {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.97)
        );
}

#modelos-alcance-xbox-360 .gs360mod-identify::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 145px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360mod-green),
            transparent
        );
}

#modelos-alcance-xbox-360 .gs360mod-identify-list {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#modelos-alcance-xbox-360 .gs360mod-identify-row {
    --id-color: #52e000;

    display: grid;

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

    gap: 11px;

    align-items: start;

    min-width: 0;

    padding:
        13px;

    border:
        1px solid rgba(82, 224, 0, 0.065);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, 0.52);
}

#modelos-alcance-xbox-360
.gs360mod-identify-row:nth-child(2) {
    --id-color: #25d8f4;
}

#modelos-alcance-xbox-360
.gs360mod-identify-row:nth-child(3) {
    --id-color: #8b5cf6;
}

#modelos-alcance-xbox-360
.gs360mod-identify-row:nth-child(4) {
    --id-color: #ffc857;
}

#modelos-alcance-xbox-360
.gs360mod-identify-row:nth-child(5) {
    --id-color: #7cff3a;
}

#modelos-alcance-xbox-360 .gs360mod-identify-icon {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, 0.12);

    border-radius: 9px;

    color:
        var(--id-color);

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

#modelos-alcance-xbox-360 .gs360mod-identify-row strong {
    display: block;

    margin-bottom: 4px;

    color: #dcebd8;

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

#modelos-alcance-xbox-360 .gs360mod-identify-row span {
    display: block;

    color: #71816f;

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


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

#modelos-alcance-xbox-360 .gs360mod-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(124, 255, 58, 0.13);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(82, 224, 0, 0.075),
            transparent 38%
        ),
        radial-gradient(
            circle at 70% 78%,
            rgba(37, 216, 244, 0.025),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 24, 7, 0.75),
            rgba(2, 8, 3, 0.98)
        );
}

#modelos-alcance-xbox-360 .gs360mod-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#modelos-alcance-xbox-360 .gs360mod-hud-head {
    position: relative;
    z-index: 5;

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

    gap: 10px;

    margin-bottom: 14px;
}

#modelos-alcance-xbox-360 .gs360mod-hud-code {
    color: #a5f188;

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        5px 8px;

    border:
        1px solid rgba(37, 216, 244, 0.11);

    border-radius: 999px;

    color: #81afb5;

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


/* =========================================================
   HUD SCREEN
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 570px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        18px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(82, 224, 0, 0.070),
            transparent 50%
        ),
        rgba(2, 9, 3, 0.72);
}

#modelos-alcance-xbox-360 .gs360mod-hud-screen::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 44%;

    width: 370px;
    height: 370px;

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

    border:
        1px solid rgba(82, 224, 0, 0.08);

    border-radius: 50%;

    animation:
        gs360mod-hud-spin
        34s linear infinite;
}

#modelos-alcance-xbox-360 .gs360mod-hud-screen::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 44%;

    width: 455px;
    height: 455px;

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

    border:
        1px dashed rgba(124, 255, 58, 0.055);

    border-radius: 50%;

    animation:
        gs360mod-hud-spin-reverse
        46s linear infinite;
}

@keyframes gs360mod-hud-spin {
    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

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

@keyframes gs360mod-hud-spin-reverse {
    from {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

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


/* =========================================================
   NÚCLEO HUD
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-hud-core {
    position: relative;
    z-index: 5;

    width: 180px;
    height: 180px;

    display: grid;
    place-items: center;

    margin:
        0 auto 28px;

    border:
        1px solid rgba(82, 224, 0, 0.21);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, 0.09),
            transparent 66%
        );

    box-shadow:
        0 0 35px rgba(82, 224, 0, 0.055);
}

#modelos-alcance-xbox-360 .gs360mod-hud-core::before {
    content: "";

    position: absolute;

    inset: 22px;

    border:
        1px dashed rgba(124, 255, 58, 0.17);

    border-radius: 50%;

    animation:
        gs360mod-core-spin
        18s linear infinite;
}

#modelos-alcance-xbox-360 .gs360mod-hud-core::after {
    content: "";

    position: absolute;

    inset: 50px;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 50%;
}

@keyframes gs360mod-core-spin {
    from {
        transform: rotate(0deg);
    }

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

#modelos-alcance-xbox-360 .gs360mod-hud-core-copy {
    position: relative;
    z-index: 3;

    text-align: center;
}

#modelos-alcance-xbox-360 .gs360mod-hud-core-copy strong {
    display: block;

    color:
        var(--gs360mod-green2);

    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-hud-core-copy span {
    display: block;

    margin-top: 5px;

    color: #71816f;

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


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

#modelos-alcance-xbox-360 .gs360mod-hud-route {
    position: relative;
    z-index: 5;

    display: grid;

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

    gap: 8px;
}

#modelos-alcance-xbox-360 .gs360mod-hud-node {
    --node-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 9px;

    background:
        rgba(3, 12, 3, 0.68);

    text-align: center;
}

#modelos-alcance-xbox-360
.gs360mod-hud-node:nth-child(2) {
    --node-color: #25d8f4;
}

#modelos-alcance-xbox-360
.gs360mod-hud-node:nth-child(3) {
    --node-color: #8b5cf6;
}

#modelos-alcance-xbox-360
.gs360mod-hud-node:nth-child(4) {
    --node-color: #ffc857;
}

#modelos-alcance-xbox-360
.gs360mod-hud-node:nth-child(5) {
    --node-color: #7cff3a;
}

#modelos-alcance-xbox-360
.gs360mod-hud-node:nth-child(6) {
    --node-color: #52e000;
}

#modelos-alcance-xbox-360 .gs360mod-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.18);
}

#modelos-alcance-xbox-360 .gs360mod-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-hud-node span {
    display: block;

    color: #6d7e6b;

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


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-hud-equation {
    position: relative;
    z-index: 5;

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

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

    border-radius: 9px;

    background:
        rgba(18, 15, 4, 0.36);

    color: #a39570;

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

    text-align: center;
}

#modelos-alcance-xbox-360 .gs360mod-hud-equation strong {
    color: #e7cf85;
}


/* =========================================================
   DATOS DE IDENTIFICACIÓN
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-label-block {
    position: relative;

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

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.11);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(4, 17, 18, 0.36),
            rgba(2, 8, 3, 0.96)
        );
}

#modelos-alcance-xbox-360 .gs360mod-label-block::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 165px;
    height: 2px;

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

#modelos-alcance-xbox-360 .gs360mod-label-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#modelos-alcance-xbox-360 .gs360mod-label-card {
    --label-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        16px 14px;

    border:
        1px solid rgba(37, 216, 244, 0.075);

    border-radius: 11px;

    background:
        rgba(3, 13, 13, 0.40);
}

#modelos-alcance-xbox-360
.gs360mod-label-card:nth-child(2) {
    --label-color: #52e000;
}

#modelos-alcance-xbox-360
.gs360mod-label-card:nth-child(3) {
    --label-color: #8b5cf6;
}

#modelos-alcance-xbox-360
.gs360mod-label-card:nth-child(4) {
    --label-color: #ffc857;
}

#modelos-alcance-xbox-360 .gs360mod-label-card strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--label-color);

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-label-card span {
    display: block;

    color: #72827a;

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


/* =========================================================
   EJEMPLOS DE DIFERENCIAS
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-differences {
    position: relative;

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

    overflow: hidden;

    border:
        1px solid rgba(124, 255, 58, 0.10);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 85% 18%,
            rgba(82, 224, 0, 0.045),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.88),
            rgba(2, 8, 3, 0.97)
        );
}

#modelos-alcance-xbox-360 .gs360mod-differences::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360mod-green2),
            transparent
        );
}

#modelos-alcance-xbox-360 .gs360mod-difference-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#modelos-alcance-xbox-360 .gs360mod-difference {
    --difference-color: #52e000;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, 0.53);
}

#modelos-alcance-xbox-360
.gs360mod-difference:nth-child(2) {
    --difference-color: #25d8f4;
}

#modelos-alcance-xbox-360
.gs360mod-difference:nth-child(3) {
    --difference-color: #ffc857;
}

#modelos-alcance-xbox-360
.gs360mod-difference:nth-child(4) {
    --difference-color: #8b5cf6;
}

#modelos-alcance-xbox-360 .gs360mod-difference strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--difference-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#modelos-alcance-xbox-360 .gs360mod-difference span {
    display: block;

    color: #738271;

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


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

#modelos-alcance-xbox-360 .gs360mod-scope {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#modelos-alcance-xbox-360 .gs360mod-scope-card {
    --scope-color: #52e000;

    position: relative;

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

    padding:
        17px 14px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 19, 6, 0.78),
            rgba(2, 8, 3, 0.96)
        );
}

#modelos-alcance-xbox-360
.gs360mod-scope-card:nth-child(2) {
    --scope-color: #25d8f4;
}

#modelos-alcance-xbox-360
.gs360mod-scope-card:nth-child(3) {
    --scope-color: #8b5cf6;
}

#modelos-alcance-xbox-360
.gs360mod-scope-card:nth-child(4) {
    --scope-color: #ffc857;
}

#modelos-alcance-xbox-360
.gs360mod-scope-card:nth-child(5) {
    --scope-color: #7cff3a;
}

#modelos-alcance-xbox-360 .gs360mod-scope-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#modelos-alcance-xbox-360 .gs360mod-scope-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--scope-color);

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-scope-card b {
    display: block;

    margin-bottom: 5px;

    color: #d9ead4;

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

#modelos-alcance-xbox-360 .gs360mod-scope-card span {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

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

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

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.024),
            rgba(255, 99, 125, 0.010)
        );
}

#modelos-alcance-xbox-360 .gs360mod-warning-icon {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;

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

    border-radius: 9px;

    color: #efd58b;

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

#modelos-alcance-xbox-360 .gs360mod-warning-copy {
    color: #8f866e;

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

#modelos-alcance-xbox-360 .gs360mod-warning-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#modelos-alcance-xbox-360 .gs360mod-warning-state {
    flex-shrink: 0;

    color: #baa970;

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

    text-transform: uppercase;
}


/* =========================================================
   INTERVENCIÓN PREVIA
   ========================================================= */

#modelos-alcance-xbox-360 .gs360mod-history {
    display: grid;

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

    gap: 12px;

    margin-top: 18px;
}

#modelos-alcance-xbox-360 .gs360mod-history-main,
#modelos-alcance-xbox-360 .gs360mod-history-side {
    position: relative;

    min-width: 0;

    padding:
        20px;

    overflow: hidden;

    border-radius: 14px;
}

#modelos-alcance-xbox-360 .gs360mod-history-main {
    border:
        1px solid rgba(255, 159, 67, 0.11);

    background:
        rgba(25, 15, 5, 0.26);
}

#modelos-alcance-xbox-360 .gs360mod-history-side {
    border:
        1px solid rgba(139, 92, 246, 0.11);

    background:
        rgba(17, 11, 27, 0.25);
}

#modelos-alcance-xbox-360 .gs360mod-history-label {
    display: block;

    margin-bottom: 6px;

    color: #e8ad70;

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-history-main strong {
    display: block;

    margin-bottom: 6px;

    color: #f0dbc5;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

#modelos-alcance-xbox-360 .gs360mod-history-main p {
    margin: 0;

    color: #93806c;

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

#modelos-alcance-xbox-360 .gs360mod-history-side strong {
    display: block;

    margin-bottom: 6px;

    color: #cabbf4;

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

#modelos-alcance-xbox-360 .gs360mod-history-side span {
    display: block;

    color: #80738f;

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


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

#modelos-alcance-xbox-360 .gs360mod-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );
}

#modelos-alcance-xbox-360 .gs360mod-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.08);

    background:
        rgba(5, 17, 5, 0.72);
}

#modelos-alcance-xbox-360 .gs360mod-terminal-dots {
    display: flex;

    gap: 6px;
}

#modelos-alcance-xbox-360 .gs360mod-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#modelos-alcance-xbox-360
.gs360mod-terminal-dots span:nth-child(1) {
    background:
        var(--gs360mod-red);
}

#modelos-alcance-xbox-360
.gs360mod-terminal-dots span:nth-child(2) {
    background:
        var(--gs360mod-yellow);
}

#modelos-alcance-xbox-360
.gs360mod-terminal-dots span:nth-child(3) {
    background:
        var(--gs360mod-green);
}

#modelos-alcance-xbox-360 .gs360mod-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#modelos-alcance-xbox-360 .gs360mod-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#modelos-alcance-xbox-360 .gs360mod-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 29px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, 0.50);

    color: #71816f;

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

#modelos-alcance-xbox-360 .gs360mod-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.12);

    border-radius: 9px;

    color: #96c487;

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

#modelos-alcance-xbox-360
.gs360mod-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360mod-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#modelos-alcance-xbox-360 .gs360mod-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #566653;

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

    text-transform: uppercase;
}

#modelos-alcance-xbox-360 .gs360mod-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#modelos-alcance-xbox-360
.gs360mod-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360mod-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #modelos-alcance-xbox-360 .gs360mod-family,
    #modelos-alcance-xbox-360 .gs360mod-difference,
    #modelos-alcance-xbox-360 .gs360mod-scope-card {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #modelos-alcance-xbox-360 .gs360mod-family:hover,
    #modelos-alcance-xbox-360 .gs360mod-difference:hover,
    #modelos-alcance-xbox-360 .gs360mod-scope-card:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.17);
    }
}


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

@media (max-width: 1024px) {

    #modelos-alcance-xbox-360 .gs360mod-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #modelos-alcance-xbox-360 .gs360mod-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #modelos-alcance-xbox-360 .gs360mod-status {
        max-width:
            650px;
    }

    #modelos-alcance-xbox-360 .gs360mod-chain {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #modelos-alcance-xbox-360 .gs360mod-family-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #modelos-alcance-xbox-360 .gs360mod-identify-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #modelos-alcance-xbox-360 .gs360mod-hud {
        max-width:
            820px;

        width:
            100%;

        margin:
            0 auto;
    }

    #modelos-alcance-xbox-360 .gs360mod-label-grid,
    #modelos-alcance-xbox-360 .gs360mod-difference-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #modelos-alcance-xbox-360 .gs360mod-scope {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #modelos-alcance-xbox-360 {
        overflow: hidden;
    }

    #modelos-alcance-xbox-360 .gs360mod-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #modelos-alcance-xbox-360 .gs360mod-orbit,
    #modelos-alcance-xbox-360 .gs360mod-scan {
        display: none;
    }

    #modelos-alcance-xbox-360 .gs360mod-shell {
        width:
            calc(100% - 30px);

        max-width:
            100%;

        padding:
            61px 0 65px;
    }

    #modelos-alcance-xbox-360 .gs360mod-heading {
        display: block;

        margin-bottom:
            28px;
    }

    #modelos-alcance-xbox-360 .gs360mod-status {
        margin-top:
            20px;

        padding:
            15px 16px;
    }

    #modelos-alcance-xbox-360 .gs360mod-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #modelos-alcance-xbox-360 .gs360mod-intro {
        font-size:
            14px;

        line-height:
            1.70;
    }

    #modelos-alcance-xbox-360 .gs360mod-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            9px;

        padding:
            15px;
    }

    #modelos-alcance-xbox-360 .gs360mod-principle-state {
        width:
            fit-content;
    }

    #modelos-alcance-xbox-360 .gs360mod-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #modelos-alcance-xbox-360 .gs360mod-families,
    #modelos-alcance-xbox-360 .gs360mod-identify,
    #modelos-alcance-xbox-360 .gs360mod-hud,
    #modelos-alcance-xbox-360 .gs360mod-label-block,
    #modelos-alcance-xbox-360 .gs360mod-differences {
        width:
            100%;

        min-width:
            0;

        padding:
            19px 15px;

        border-radius:
            16px;
    }

    #modelos-alcance-xbox-360 .gs360mod-families-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            10px;
    }

    #modelos-alcance-xbox-360 .gs360mod-section-state {
        width:
            fit-content;
    }

    #modelos-alcance-xbox-360 .gs360mod-family-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #modelos-alcance-xbox-360 .gs360mod-family {
        min-height:
            0;
    }

    #modelos-alcance-xbox-360 .gs360mod-family-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            4px;
    }

    #modelos-alcance-xbox-360 .gs360mod-hud-head {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            8px;
    }

    #modelos-alcance-xbox-360 .gs360mod-hud-screen {
        min-height:
            0;
    }

    #modelos-alcance-xbox-360 .gs360mod-hud-screen::before,
    #modelos-alcance-xbox-360 .gs360mod-hud-screen::after,
    #modelos-alcance-xbox-360 .gs360mod-hud-core::before {
        animation:
            none;
    }

    #modelos-alcance-xbox-360 .gs360mod-hud-core {
        width:
            155px;

        height:
            155px;
    }

    #modelos-alcance-xbox-360 .gs360mod-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #modelos-alcance-xbox-360 .gs360mod-label-grid,
    #modelos-alcance-xbox-360 .gs360mod-difference-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #modelos-alcance-xbox-360 .gs360mod-scope {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #modelos-alcance-xbox-360 .gs360mod-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            8px;
    }

    #modelos-alcance-xbox-360 .gs360mod-warning-state {
        width:
            fit-content;
    }

    #modelos-alcance-xbox-360 .gs360mod-history {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #modelos-alcance-xbox-360 .gs360mod-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap:
            13px;

        padding:
            17px 15px;
    }

    #modelos-alcance-xbox-360 .gs360mod-terminal-state {
        width:
            fit-content;
    }

    #modelos-alcance-xbox-360 .gs360mod-footer {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            6px;
    }
}


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

@media (max-width: 390px) {

    #modelos-alcance-xbox-360 .gs360mod-shell {
        width:
            calc(100% - 24px);
    }

    #modelos-alcance-xbox-360 .gs360mod-chain,
    #modelos-alcance-xbox-360 .gs360mod-scope,
    #modelos-alcance-xbox-360 .gs360mod-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #modelos-alcance-xbox-360 .gs360mod-families,
    #modelos-alcance-xbox-360 .gs360mod-identify,
    #modelos-alcance-xbox-360 .gs360mod-hud,
    #modelos-alcance-xbox-360 .gs360mod-label-block,
    #modelos-alcance-xbox-360 .gs360mod-differences {
        padding-left:
            12px;

        padding-right:
            12px;
    }

    #modelos-alcance-xbox-360 .gs360mod-hud-screen {
        min-height:
            0;
    }

    #modelos-alcance-xbox-360 .gs360mod-terminal-route {
        display:
            grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    #modelos-alcance-xbox-360,
    #modelos-alcance-xbox-360 *,
    #modelos-alcance-xbox-360 *::before,
    #modelos-alcance-xbox-360 *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #modelos-alcance-xbox-360 .gs360mod-scan {
        display:
            none !important;
    }
}


/* ===== Fallas Xbox 360 ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — FALLAS Y SÍNTOMAS

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

#fallas-xbox-360 {
    --gs360fail-bg: #020502;
    --gs360fail-bg2: #061007;

    --gs360fail-green: #52e000;
    --gs360fail-green2: #7cff3a;
    --gs360fail-green3: #a6ff82;

    --gs360fail-cyan: #25d8f4;
    --gs360fail-blue: #3587ff;
    --gs360fail-violet: #8b5cf6;

    --gs360fail-yellow: #ffc857;
    --gs360fail-orange: #ff9f43;
    --gs360fail-red: #ff637d;
    --gs360fail-red2: #ff365d;

    --gs360fail-white: #f4fff1;
    --gs360fail-text: #edf7ec;
    --gs360fail-muted: #93a892;
    --gs360fail-muted2: #71816f;

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

    color: var(--gs360fail-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(82, 224, 0, 0.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 17%,
            rgba(255, 99, 125, 0.035),
            transparent 30%
        ),
        radial-gradient(
            circle at 75% 87%,
            rgba(37, 216, 244, 0.025),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

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


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

#fallas-xbox-360 .gs360fail-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#fallas-xbox-360 .gs360fail-orbit {
    position: absolute;
    right: -300px;
    top: 920px;

    width: 600px;
    height: 600px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, 0.045);

    border-radius: 50%;

    animation:
        gs360fail-orbit
        64s linear infinite;
}

#fallas-xbox-360 .gs360fail-orbit::before,
#fallas-xbox-360 .gs360fail-orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

#fallas-xbox-360 .gs360fail-orbit::before {
    inset: 92px;

    border:
        1px dashed rgba(255, 99, 125, 0.055);
}

#fallas-xbox-360 .gs360fail-orbit::after {
    inset: 188px;

    border:
        1px solid rgba(37, 216, 244, 0.035);
}

@keyframes gs360fail-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#fallas-xbox-360 .gs360fail-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#fallas-xbox-360 .gs360fail-scan::before {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.16),
            rgba(124, 255, 58, 0.22),
            rgba(255, 99, 125, 0.10),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, 0.08);

    animation:
        gs360fail-scan
        12s linear infinite;
}

@keyframes gs360fail-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.28;
    }

    92% {
        opacity: 0.10;
    }

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


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

#fallas-xbox-360 .gs360fail-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#fallas-xbox-360 .gs360fail-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#fallas-xbox-360 .gs360fail-heading-main {
    min-width: 0;
}

#fallas-xbox-360 .gs360fail-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

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

#fallas-xbox-360 .gs360fail-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360fail-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.68);
}

#fallas-xbox-360 .gs360fail-title {
    max-width: 980px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360fail-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -0.035em;
}

#fallas-xbox-360 .gs360fail-title span {
    color:
        var(--gs360fail-green2);
}

#fallas-xbox-360 .gs360fail-intro {
    max-width: 900px;

    margin:
        16px 0 0;

    color:
        var(--gs360fail-muted);

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


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

#fallas-xbox-360 .gs360fail-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 99, 125, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 99, 125, 0.03),
            rgba(4, 13, 5, 0.92)
        );
}

#fallas-xbox-360 .gs360fail-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs360fail-red),
            transparent
        );
}

#fallas-xbox-360 .gs360fail-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e7a0ad;

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360fail-red);

    box-shadow:
        0 0 7px rgba(255, 99, 125, 0.50);
}

#fallas-xbox-360 .gs360fail-status p {
    margin: 0;

    color: #9d8187;

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

#fallas-xbox-360 .gs360fail-status-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin-top: 11px;

    color: #b9ef9d !important;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;

    text-decoration: none !important;

    border-bottom:
        1px solid rgba(124, 255, 58, 0.24);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

#fallas-xbox-360 .gs360fail-status-link:hover {
    color: #dcffca !important;

    border-color:
        rgba(124, 255, 58, 0.68);
}

#fallas-xbox-360 .gs360fail-status-link:focus-visible {
    outline:
        2px solid rgba(124, 255, 58, 0.88);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#fallas-xbox-360 .gs360fail-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(37, 216, 244, 0.010)
        );
}

#fallas-xbox-360 .gs360fail-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360fail-green),
            transparent
        );
}

#fallas-xbox-360 .gs360fail-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(82, 224, 0, 0.18);

    border-radius: 14px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

    text-align: center;
}

#fallas-xbox-360 .gs360fail-principle-copy {
    min-width: 0;
}

#fallas-xbox-360 .gs360fail-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#fallas-xbox-360 .gs360fail-principle-copy span {
    display: block;

    color: #7d917a;

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

#fallas-xbox-360 .gs360fail-principle-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   FAMILIAS
   ========================================================= */

#fallas-xbox-360 .gs360fail-families {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#fallas-xbox-360 .gs360fail-family {
    --family-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 9px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.82),
            rgba(2, 8, 3, 0.97)
        );

    text-align: center;
}

#fallas-xbox-360 .gs360fail-family:nth-child(2) {
    --family-color: #7cff3a;
}

#fallas-xbox-360 .gs360fail-family:nth-child(3) {
    --family-color: #ff637d;
}

#fallas-xbox-360 .gs360fail-family:nth-child(4) {
    --family-color: #25d8f4;
}

#fallas-xbox-360 .gs360fail-family:nth-child(5) {
    --family-color: #8b5cf6;
}

#fallas-xbox-360 .gs360fail-family:nth-child(6) {
    --family-color: #ffc857;
}

#fallas-xbox-360 .gs360fail-family:nth-child(7) {
    --family-color: #3587ff;
}

#fallas-xbox-360 .gs360fail-family::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 50px;
    height: 2px;

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

#fallas-xbox-360 .gs360fail-family-code {
    display: block;

    margin-bottom: 5px;

    color:
        var(--family-color);

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

#fallas-xbox-360 .gs360fail-family-title {
    display: block;

    color: #d9ead4;

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

#fallas-xbox-360 .gs360fail-family-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


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

#fallas-xbox-360 .gs360fail-symptoms {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, 0.050),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.98)
        );
}

#fallas-xbox-360 .gs360fail-symptoms::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360fail-green),
            var(--gs360fail-green2),
            transparent
        );
}

#fallas-xbox-360 .gs360fail-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#fallas-xbox-360 .gs360fail-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-section-title {
    margin: 0;

    color: #efffeb;

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

#fallas-xbox-360 .gs360fail-section-copy {
    max-width: 850px;

    margin:
        8px 0 0;

    color: #81927f;

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

#fallas-xbox-360 .gs360fail-section-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(255, 99, 125, 0.13);

    border-radius: 999px;

    color: #d69aa5;

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


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

#fallas-xbox-360 .gs360fail-symptom-grid {
    display: grid;

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

    gap: 9px;
}

#fallas-xbox-360 .gs360fail-symptom {
    --symptom-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 12px;

    background:
        rgba(3, 12, 3, 0.58);
}

#fallas-xbox-360 .gs360fail-symptom[data-group="indicador"] {
    --symptom-color: #ff637d;

    border-color:
        rgba(255, 99, 125, 0.08);
}

#fallas-xbox-360 .gs360fail-symptom[data-group="video"] {
    --symptom-color: #25d8f4;
}

#fallas-xbox-360 .gs360fail-symptom[data-group="lector"] {
    --symptom-color: #8b5cf6;
}

#fallas-xbox-360 .gs360fail-symptom[data-group="temperatura"] {
    --symptom-color: #ffc857;
}

#fallas-xbox-360 .gs360fail-symptom[data-group="sistema"] {
    --symptom-color: #3587ff;
}

#fallas-xbox-360 .gs360fail-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#fallas-xbox-360 .gs360fail-symptom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 7px;
}

#fallas-xbox-360 .gs360fail-symptom-code {
    color:
        var(--symptom-color);

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

#fallas-xbox-360 .gs360fail-symptom-tag {
    padding:
        4px 6px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 999px;

    color: #6f806d;

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

#fallas-xbox-360 .gs360fail-symptom-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#fallas-xbox-360 .gs360fail-symptom-copy {
    display: block;

    color: #738371;

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

#fallas-xbox-360 .gs360fail-symptom-check {
    display: block;

    margin-top: 10px;
    padding-top: 9px;

    border-top:
        1px solid rgba(255, 255, 255, 0.045);

    color: #859382;

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

#fallas-xbox-360 .gs360fail-symptom-check strong {
    color:
        var(--symptom-color);

    font-weight: 600;
}


/* =========================================================
   INDICADORES
   ========================================================= */

#fallas-xbox-360 .gs360fail-indicators {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(255, 99, 125, 0.13);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(255, 99, 125, 0.055),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(28, 7, 10, 0.36),
            rgba(3, 9, 3, 0.97)
        );
}

#fallas-xbox-360 .gs360fail-indicators::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360fail-red),
            var(--gs360fail-red2),
            transparent
        );
}

#fallas-xbox-360 .gs360fail-indicator-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#fallas-xbox-360 .gs360fail-indicator {
    --indicator-color: #ff637d;

    position: relative;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(255, 99, 125, 0.085);

    border-radius: 11px;

    background:
        rgba(23, 5, 8, 0.32);
}

#fallas-xbox-360 .gs360fail-indicator:nth-child(2) {
    --indicator-color: #ff365d;
}

#fallas-xbox-360 .gs360fail-indicator:nth-child(3) {
    --indicator-color: #ffc857;
}

#fallas-xbox-360 .gs360fail-indicator:nth-child(4) {
    --indicator-color: #25d8f4;
}


/* =========================================================
   CÍRCULOS DE INDICADOR
   CORRECCIÓN DE ALINEACIÓN
   ========================================================= */

#fallas-xbox-360 .gs360fail-indicator > .gs360fail-indicator-light {
    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    margin:
        0 0 16px 0;

    padding: 0;

    border:
        2px solid var(--indicator-color);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.025),
            transparent 68%
        );

    color:
        var(--indicator-color);

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

    text-align: center;
    vertical-align: middle;

    box-shadow:
        0 0 18px rgba(255, 99, 125, 0.10),
        inset 0 0 14px rgba(255, 255, 255, 0.018);
}


/* PSU ligeramente más pequeño para que quede centrado */
#fallas-xbox-360
.gs360fail-indicator:nth-child(4)
> .gs360fail-indicator-light {
    font-size: 13px;
}


/* =========================================================
   TEXTO DE INDICADORES
   IMPORTANTE: YA NO AFECTA AL CÍRCULO
   ========================================================= */

#fallas-xbox-360 .gs360fail-indicator strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--indicator-color);

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

#fallas-xbox-360
.gs360fail-indicator
> span:not(.gs360fail-indicator-light) {
    display: block;

    color: #8d7377;

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

#fallas-xbox-360
.gs360fail-indicator:nth-child(3)
> span:not(.gs360fail-indicator-light) {
    color: #8e846d;
}

#fallas-xbox-360
.gs360fail-indicator:nth-child(4)
> span:not(.gs360fail-indicator-light) {
    color: #748b8e;
}


/* =========================================================
   NOTA INDICADORES
   ========================================================= */

#fallas-xbox-360 .gs360fail-indicator-note {
    display: grid;

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

    gap: 12px;

    align-items: center;

    margin-top: 12px;

    padding:
        15px;

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

    border-radius: 11px;

    background:
        rgba(22, 17, 5, 0.23);
}

#fallas-xbox-360 .gs360fail-indicator-note-icon {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;

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

    border-radius: 9px;

    color: #efd58b;

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

#fallas-xbox-360 .gs360fail-indicator-note-copy {
    color: #8e856e;

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

#fallas-xbox-360 .gs360fail-indicator-note-copy strong {
    color: #e9deb7;
    font-weight: 600;
}

#fallas-xbox-360 .gs360fail-indicator-note-state {
    color: #baa970;

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

    text-transform: uppercase;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

#fallas-xbox-360 .gs360fail-analysis-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#fallas-xbox-360 .gs360fail-analysis {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.97)
        );
}

#fallas-xbox-360 .gs360fail-analysis::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 145px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360fail-green),
            transparent
        );
}

#fallas-xbox-360 .gs360fail-analysis-list {
    display: grid;

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

    gap: 8px;

    margin-top: 18px;
}

#fallas-xbox-360 .gs360fail-analysis-card {
    --analysis-color: #52e000;

    min-width: 0;

    padding:
        14px 12px;

    border:
        1px solid rgba(82, 224, 0, 0.065);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, 0.52);
}

#fallas-xbox-360 .gs360fail-analysis-card:nth-child(2) {
    --analysis-color: #ff637d;
}

#fallas-xbox-360 .gs360fail-analysis-card:nth-child(3) {
    --analysis-color: #25d8f4;
}

#fallas-xbox-360 .gs360fail-analysis-card:nth-child(4) {
    --analysis-color: #8b5cf6;
}

#fallas-xbox-360 .gs360fail-analysis-card:nth-child(5) {
    --analysis-color: #ffc857;
}

#fallas-xbox-360 .gs360fail-analysis-card:nth-child(6) {
    --analysis-color: #7cff3a;
}

#fallas-xbox-360 .gs360fail-analysis-card strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--analysis-color);

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-analysis-card span {
    display: block;

    color: #71816f;

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


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

#fallas-xbox-360 .gs360fail-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(124, 255, 58, 0.13);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(82, 224, 0, 0.075),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(255, 99, 125, 0.025),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 24, 7, 0.75),
            rgba(2, 8, 3, 0.98)
        );
}

#fallas-xbox-360 .gs360fail-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#fallas-xbox-360 .gs360fail-hud-head {
    position: relative;
    z-index: 5;

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

    gap: 10px;

    margin-bottom: 14px;
}

#fallas-xbox-360 .gs360fail-hud-code {
    color: #a5f188;

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        5px 8px;

    border:
        1px solid rgba(255, 99, 125, 0.12);

    border-radius: 999px;

    color: #d795a1;

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


/* =========================================================
   HUD SCREEN
   ========================================================= */

#fallas-xbox-360 .gs360fail-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 550px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        18px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(82, 224, 0, 0.070),
            transparent 50%
        ),
        rgba(2, 9, 3, 0.72);
}

#fallas-xbox-360 .gs360fail-hud-screen::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 42%;

    width: 360px;
    height: 360px;

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

    border:
        1px solid rgba(82, 224, 0, 0.08);

    border-radius: 50%;

    animation:
        gs360fail-hud-spin
        34s linear infinite;
}

#fallas-xbox-360 .gs360fail-hud-screen::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 42%;

    width: 445px;
    height: 445px;

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

    border:
        1px dashed rgba(255, 99, 125, 0.055);

    border-radius: 50%;

    animation:
        gs360fail-hud-spin-reverse
        46s linear infinite;
}

@keyframes gs360fail-hud-spin {
    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

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

@keyframes gs360fail-hud-spin-reverse {
    from {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

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


/* =========================================================
   NÚCLEO HUD
   ========================================================= */

#fallas-xbox-360 .gs360fail-hud-core {
    position: relative;
    z-index: 5;

    width: 178px;
    height: 178px;

    display: grid;
    place-items: center;

    margin:
        0 auto 28px;

    border:
        1px solid rgba(82, 224, 0, 0.21);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, 0.09),
            transparent 66%
        );

    box-shadow:
        0 0 35px rgba(82, 224, 0, 0.055);
}

#fallas-xbox-360 .gs360fail-hud-core::before {
    content: "";

    position: absolute;

    inset: 22px;

    border:
        1px dashed rgba(255, 99, 125, 0.15);

    border-radius: 50%;

    animation:
        gs360fail-core-spin
        18s linear infinite;
}

#fallas-xbox-360 .gs360fail-hud-core::after {
    content: "";

    position: absolute;

    inset: 50px;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 50%;
}

@keyframes gs360fail-core-spin {
    from {
        transform: rotate(0deg);
    }

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

#fallas-xbox-360 .gs360fail-hud-core-copy {
    position: relative;
    z-index: 3;

    text-align: center;
}

#fallas-xbox-360 .gs360fail-hud-core-copy strong {
    display: block;

    color:
        var(--gs360fail-green2);

    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-hud-core-copy span {
    display: block;

    margin-top: 5px;

    color: #71816f;

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


/* =========================================================
   HUD ROUTE
   ========================================================= */

#fallas-xbox-360 .gs360fail-hud-route {
    position: relative;
    z-index: 5;

    display: grid;

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

    gap: 8px;
}

#fallas-xbox-360 .gs360fail-hud-node {
    --node-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 9px;

    background:
        rgba(3, 12, 3, 0.68);

    text-align: center;
}

#fallas-xbox-360 .gs360fail-hud-node:nth-child(2) {
    --node-color: #ff637d;
}

#fallas-xbox-360 .gs360fail-hud-node:nth-child(3) {
    --node-color: #25d8f4;
}

#fallas-xbox-360 .gs360fail-hud-node:nth-child(4) {
    --node-color: #8b5cf6;
}

#fallas-xbox-360 .gs360fail-hud-node:nth-child(5) {
    --node-color: #ffc857;
}

#fallas-xbox-360 .gs360fail-hud-node:nth-child(6) {
    --node-color: #7cff3a;
}

#fallas-xbox-360 .gs360fail-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.18);
}

#fallas-xbox-360 .gs360fail-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-hud-node span {
    display: block;

    color: #6d7e6b;

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


/* =========================================================
   ECUACIÓN
   ========================================================= */

#fallas-xbox-360 .gs360fail-hud-equation {
    position: relative;
    z-index: 5;

    margin-top: 12px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(18, 15, 4, 0.36);

    color: #a39570;

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

    text-align: center;
}

#fallas-xbox-360 .gs360fail-hud-equation strong {
    color: #e7cf85;
}


/* =========================================================
   REGLAS
   ========================================================= */

#fallas-xbox-360 .gs360fail-rules {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#fallas-xbox-360 .gs360fail-rule {
    --rule-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 19, 6, 0.78),
            rgba(2, 8, 3, 0.96)
        );
}

#fallas-xbox-360 .gs360fail-rule:nth-child(2) {
    --rule-color: #ff637d;
}

#fallas-xbox-360 .gs360fail-rule:nth-child(3) {
    --rule-color: #25d8f4;
}

#fallas-xbox-360 .gs360fail-rule:nth-child(4) {
    --rule-color: #8b5cf6;
}

#fallas-xbox-360 .gs360fail-rule::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#fallas-xbox-360 .gs360fail-rule-code {
    display: block;

    margin-bottom: 6px;

    color:
        var(--rule-color);

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-rule-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#fallas-xbox-360 .gs360fail-rule-copy {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#fallas-xbox-360 .gs360fail-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

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

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.024),
            rgba(255, 99, 125, 0.010)
        );
}

#fallas-xbox-360 .gs360fail-warning-icon {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;

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

    border-radius: 9px;

    color: #efd58b;

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

#fallas-xbox-360 .gs360fail-warning-copy {
    color: #8f866e;

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

#fallas-xbox-360 .gs360fail-warning-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#fallas-xbox-360 .gs360fail-warning-state {
    flex-shrink: 0;

    color: #baa970;

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

    text-transform: uppercase;
}


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

#fallas-xbox-360 .gs360fail-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );
}

#fallas-xbox-360 .gs360fail-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.08);

    background:
        rgba(5, 17, 5, 0.72);
}

#fallas-xbox-360 .gs360fail-terminal-dots {
    display: flex;

    gap: 6px;
}

#fallas-xbox-360 .gs360fail-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#fallas-xbox-360 .gs360fail-terminal-dots span:nth-child(1) {
    background:
        var(--gs360fail-red);
}

#fallas-xbox-360 .gs360fail-terminal-dots span:nth-child(2) {
    background:
        var(--gs360fail-yellow);
}

#fallas-xbox-360 .gs360fail-terminal-dots span:nth-child(3) {
    background:
        var(--gs360fail-green);
}

#fallas-xbox-360 .gs360fail-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#fallas-xbox-360 .gs360fail-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#fallas-xbox-360 .gs360fail-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 29px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, 0.50);

    color: #71816f;

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

#fallas-xbox-360 .gs360fail-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.12);

    border-radius: 9px;

    color: #96c487;

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

#fallas-xbox-360 .gs360fail-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360fail-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#fallas-xbox-360 .gs360fail-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

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

    text-transform: uppercase;
}

#fallas-xbox-360 .gs360fail-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#fallas-xbox-360 .gs360fail-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360fail-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #fallas-xbox-360 .gs360fail-symptom,
    #fallas-xbox-360 .gs360fail-rule {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #fallas-xbox-360 .gs360fail-symptom:hover,
    #fallas-xbox-360 .gs360fail-rule:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.17);
    }
}


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

@media (max-width: 1024px) {

    #fallas-xbox-360 .gs360fail-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #fallas-xbox-360 .gs360fail-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #fallas-xbox-360 .gs360fail-status {
        max-width: 650px;
    }

    #fallas-xbox-360 .gs360fail-families {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #fallas-xbox-360 .gs360fail-symptom-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #fallas-xbox-360 .gs360fail-indicator-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-xbox-360 .gs360fail-analysis-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-xbox-360 .gs360fail-hud {
        max-width: 820px;

        width: 100%;

        margin:
            0 auto;
    }

    #fallas-xbox-360 .gs360fail-rules {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #fallas-xbox-360 {
        overflow: hidden;
    }

    #fallas-xbox-360 .gs360fail-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #fallas-xbox-360 .gs360fail-orbit,
    #fallas-xbox-360 .gs360fail-scan {
        display: none;
    }

    #fallas-xbox-360 .gs360fail-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #fallas-xbox-360 .gs360fail-heading {
        display: block;

        margin-bottom: 28px;
    }

    #fallas-xbox-360 .gs360fail-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #fallas-xbox-360 .gs360fail-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #fallas-xbox-360 .gs360fail-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #fallas-xbox-360 .gs360fail-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #fallas-xbox-360 .gs360fail-principle-state {
        width: fit-content;
    }

    #fallas-xbox-360 .gs360fail-families {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-xbox-360 .gs360fail-symptoms,
    #fallas-xbox-360 .gs360fail-indicators,
    #fallas-xbox-360 .gs360fail-analysis,
    #fallas-xbox-360 .gs360fail-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #fallas-xbox-360 .gs360fail-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #fallas-xbox-360 .gs360fail-section-state {
        width: fit-content;
    }

    #fallas-xbox-360 .gs360fail-symptom-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-xbox-360 .gs360fail-indicator-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-xbox-360
    .gs360fail-indicator
    > .gs360fail-indicator-light {
        width: 54px;
        height: 54px;

        font-size: 14px;
    }

    #fallas-xbox-360
    .gs360fail-indicator:nth-child(4)
    > .gs360fail-indicator-light {
        font-size: 12px;
    }

    #fallas-xbox-360 .gs360fail-indicator-note {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #fallas-xbox-360 .gs360fail-indicator-note-state {
        width: fit-content;
    }

    #fallas-xbox-360 .gs360fail-analysis-list {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-xbox-360 .gs360fail-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #fallas-xbox-360 .gs360fail-hud-screen {
        min-height: 0;
    }

    #fallas-xbox-360 .gs360fail-hud-screen::before,
    #fallas-xbox-360 .gs360fail-hud-screen::after,
    #fallas-xbox-360 .gs360fail-hud-core::before {
        animation: none;
    }

    #fallas-xbox-360 .gs360fail-hud-core {
        width: 155px;
        height: 155px;
    }

    #fallas-xbox-360 .gs360fail-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-xbox-360 .gs360fail-rules {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-xbox-360 .gs360fail-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #fallas-xbox-360 .gs360fail-warning-state {
        width: fit-content;
    }

    #fallas-xbox-360 .gs360fail-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #fallas-xbox-360 .gs360fail-terminal-state {
        width: fit-content;
    }

    #fallas-xbox-360 .gs360fail-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #fallas-xbox-360 .gs360fail-shell {
        width:
            calc(100% - 24px);
    }

    #fallas-xbox-360 .gs360fail-families,
    #fallas-xbox-360 .gs360fail-symptom-grid,
    #fallas-xbox-360 .gs360fail-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-xbox-360 .gs360fail-symptoms,
    #fallas-xbox-360 .gs360fail-indicators,
    #fallas-xbox-360 .gs360fail-analysis,
    #fallas-xbox-360 .gs360fail-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #fallas-xbox-360 .gs360fail-hud-screen {
        min-height: 0;
    }

    #fallas-xbox-360 .gs360fail-terminal-route {
        display: grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    #fallas-xbox-360,
    #fallas-xbox-360 *,
    #fallas-xbox-360 *::before,
    #fallas-xbox-360 *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #fallas-xbox-360 .gs360fail-scan {
        display:
            none !important;
    }
}


/* ===== Encendido Alimentación Video ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — ENCENDIDO, ALIMENTACIÓN Y VIDEO

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

#encendido-alimentacion-video-xbox-360 {
    --gs360pwr-bg: #020502;
    --gs360pwr-bg2: #061007;

    --gs360pwr-green: #52e000;
    --gs360pwr-green2: #7cff3a;
    --gs360pwr-green3: #a6ff82;

    --gs360pwr-cyan: #25d8f4;
    --gs360pwr-blue: #3587ff;
    --gs360pwr-violet: #8b5cf6;

    --gs360pwr-yellow: #ffc857;
    --gs360pwr-orange: #ff9f43;
    --gs360pwr-red: #ff637d;

    --gs360pwr-white: #f4fff1;
    --gs360pwr-text: #edf7ec;
    --gs360pwr-muted: #93a892;
    --gs360pwr-muted2: #70816e;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360pwr-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(82, 224, 0, 0.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 20%,
            rgba(37, 216, 244, 0.040),
            transparent 30%
        ),
        radial-gradient(
            circle at 70% 88%,
            rgba(139, 92, 246, 0.022),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

#encendido-alimentacion-video-xbox-360 *,
#encendido-alimentacion-video-xbox-360 *::before,
#encendido-alimentacion-video-xbox-360 *::after {
    box-sizing: border-box;

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-orbit {
    position: absolute;

    left: -300px;
    top: 1050px;

    width: 620px;
    height: 620px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, 0.045);

    border-radius: 50%;

    animation:
        gs360pwr-orbit
        64s linear infinite;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-orbit::before,
#encendido-alimentacion-video-xbox-360 .gs360pwr-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-orbit::before {
    inset: 95px;

    border:
        1px dashed rgba(37, 216, 244, 0.055);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-orbit::after {
    inset: 195px;

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

@keyframes gs360pwr-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.15),
            rgba(124, 255, 58, 0.22),
            rgba(37, 216, 244, 0.10),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, 0.08);

    animation:
        gs360pwr-scan
        12s linear infinite;
}

@keyframes gs360pwr-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.28;
    }

    92% {
        opacity: 0.10;
    }

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-heading-main {
    min-width: 0;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360pwr-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.68);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-title {
    max-width: 990px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360pwr-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -0.035em;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-title span {
    color:
        var(--gs360pwr-green2);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-intro {
    max-width: 900px;

    margin:
        16px 0 0;

    color:
        var(--gs360pwr-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.13);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, 0.025),
            rgba(4, 13, 5, 0.92)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #89c5cc;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360pwr-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, 0.48);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-status p {
    margin: 0;

    color: #7f999b;

    font-size: 11px;
    line-height: 1.62;
}
#encendido-alimentacion-video-xbox-360 .gs360pwr-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 11px;
    color: #a7e4e9 !important;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(37, 216, 244, 0.25);
    transition: color 0.2s ease, border-color 0.2s ease;
}
#encendido-alimentacion-video-xbox-360 .gs360pwr-inline-link:hover {
    color: #d5fbff !important;
    border-color: rgba(37, 216, 244, 0.70);
}
#encendido-alimentacion-video-xbox-360 .gs360pwr-inline-link:focus-visible {
    outline: 2px solid rgba(124, 255, 58, 0.88);
    outline-offset: 4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(37, 216, 244, 0.010)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360pwr-green),
            transparent
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(82, 224, 0, 0.18);

    border-radius: 14px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

    text-align: center;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle-copy {
    min-width: 0;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle-copy span {
    display: block;

    color: #7d917a;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-principle-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CADENA
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-chain {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-chain-card {
    --chain-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 9px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.82),
            rgba(2, 8, 3, 0.97)
        );

    text-align: center;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-chain-card:nth-child(2) {
    --chain-color: #7cff3a;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-chain-card:nth-child(3) {
    --chain-color: #ffc857;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-chain-card:nth-child(4) {
    --chain-color: #52e000;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-chain-card:nth-child(5) {
    --chain-color: #8b5cf6;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-chain-card:nth-child(6) {
    --chain-color: #25d8f4;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-chain-card:nth-child(7) {
    --chain-color: #3587ff;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 48px;
    height: 2px;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-chain-num {
    display: block;

    margin-bottom: 5px;

    color:
        var(--chain-color);

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-chain-title {
    display: block;

    color: #d9ead4;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptoms {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, 0.050),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.98)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptoms::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 195px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360pwr-green),
            var(--gs360pwr-green2),
            transparent
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-section-title {
    margin: 0;

    color: #efffeb;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-section-copy {
    max-width: 850px;

    margin:
        8px 0 0;

    color: #81927f;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-section-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 999px;

    color: #85b9bf;

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-grid {
    display: grid;

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

    gap: 9px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom {
    --symptom-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 12px;

    background:
        rgba(3, 12, 3, 0.58);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-symptom[data-type="fuente"] {
    --symptom-color: #ffc857;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-symptom[data-type="arranque"] {
    --symptom-color: #8b5cf6;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-symptom[data-type="video"] {
    --symptom-color: #25d8f4;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-symptom[data-type="fisico"] {
    --symptom-color: #ff637d;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 7px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-code {
    color:
        var(--symptom-color);

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-tag {
    padding:
        4px 7px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 999px;

    color: #758773;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-copy {
    display: block;

    color: #738371;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-check {
    display: block;

    margin-top: 10px;
    padding-top: 9px;

    border-top:
        1px solid rgba(255, 255, 255, 0.045);

    color: #859382;

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

#encendido-alimentacion-video-xbox-360
.gs360pwr-symptom-check strong {
    color:
        var(--symptom-color);

    font-weight: 600;
}


/* =========================================================
   FUENTE
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

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

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(255, 200, 87, 0.045),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(22, 17, 5, 0.30),
            rgba(3, 9, 3, 0.97)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360pwr-yellow),
            var(--gs360pwr-green),
            transparent
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-card {
    --psu-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        18px 15px;

    border:
        1px solid rgba(82, 224, 0, 0.08);

    border-radius: 12px;

    background:
        rgba(3, 12, 3, 0.55);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-psu-card:nth-child(2) {
    --psu-color: #ff9f43;

    border-color:
        rgba(255, 159, 67, 0.09);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-psu-card:nth-child(3) {
    --psu-color: #ff637d;

    border-color:
        rgba(255, 99, 125, 0.09);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-psu-card:nth-child(4) {
    --psu-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, 0.09);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-light {
    width: 54px;
    height: 54px;

    display: grid;
    place-items: center;

    margin-bottom: 14px;

    padding: 0;

    border:
        2px solid var(--psu-color);

    border-radius: 50%;

    color:
        var(--psu-color);

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

    text-align: center;

    box-shadow:
        0 0 17px rgba(82, 224, 0, 0.08);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--psu-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-card p {
    margin: 0;

    color: #7c8876;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note {
    display: grid;

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

    gap: 12px;

    align-items: center;

    margin-top: 12px;

    padding:
        15px;

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

    border-radius: 11px;

    background:
        rgba(20, 16, 5, 0.24);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note-icon {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note-copy {
    color: #8e856e;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note-copy strong {
    color: #e9deb7;
    font-weight: 600;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note-state {
    color: #baa970;

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

    text-transform: uppercase;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-analysis-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-analysis {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.97)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-analysis::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 145px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360pwr-green),
            transparent
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-checks {
    display: grid;

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

    gap: 8px;

    margin-top: 18px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-check {
    --check-color: #52e000;

    min-width: 0;

    padding:
        14px 12px;

    border:
        1px solid rgba(82, 224, 0, 0.065);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, 0.52);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-check:nth-child(2) {
    --check-color: #ffc857;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-check:nth-child(3) {
    --check-color: #7cff3a;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-check:nth-child(4) {
    --check-color: #8b5cf6;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-check:nth-child(5) {
    --check-color: #25d8f4;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-check:nth-child(6) {
    --check-color: #3587ff;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-check strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--check-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-check span {
    display: block;

    color: #71816f;

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(124, 255, 58, 0.13);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(82, 224, 0, 0.075),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(37, 216, 244, 0.025),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 24, 7, 0.75),
            rgba(2, 8, 3, 0.98)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.035) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-head {
    position: relative;
    z-index: 5;

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

    gap: 10px;

    margin-bottom: 14px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-code {
    color: #a5f188;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-state {
    padding:
        5px 8px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 999px;

    color: #82b5bb;

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


/* =========================================================
   PANTALLA HUD
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 560px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        18px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(82, 224, 0, 0.070),
            transparent 50%
        ),
        rgba(2, 9, 3, 0.72);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 42%;

    width: 365px;
    height: 365px;

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

    border:
        1px solid rgba(82, 224, 0, 0.08);

    border-radius: 50%;

    animation:
        gs360pwr-hud-spin
        34s linear infinite;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 42%;

    width: 450px;
    height: 450px;

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

    border:
        1px dashed rgba(37, 216, 244, 0.055);

    border-radius: 50%;

    animation:
        gs360pwr-hud-spin-reverse
        46s linear infinite;
}

@keyframes gs360pwr-hud-spin {
    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

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

@keyframes gs360pwr-hud-spin-reverse {
    from {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

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


/* =========================================================
   NÚCLEO
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core {
    position: relative;
    z-index: 5;

    width: 180px;
    height: 180px;

    display: grid;
    place-items: center;

    margin:
        0 auto 28px;

    border:
        1px solid rgba(82, 224, 0, 0.21);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, 0.09),
            transparent 66%
        );

    box-shadow:
        0 0 35px rgba(82, 224, 0, 0.055);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core::before {
    content: "";

    position: absolute;

    inset: 22px;

    border:
        1px dashed rgba(124, 255, 58, 0.16);

    border-radius: 50%;

    animation:
        gs360pwr-core-spin
        18s linear infinite;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core::after {
    content: "";

    position: absolute;

    inset: 51px;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 50%;
}

@keyframes gs360pwr-core-spin {
    from {
        transform: rotate(0deg);
    }

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core-copy {
    position: relative;
    z-index: 3;

    text-align: center;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core-copy strong {
    display: block;

    color:
        var(--gs360pwr-green2);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core-copy span {
    display: block;

    margin-top: 5px;

    color: #71816f;

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


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-route {
    position: relative;
    z-index: 5;

    display: grid;

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

    gap: 8px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-node {
    --node-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 9px;

    background:
        rgba(3, 12, 3, 0.68);

    text-align: center;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-hud-node:nth-child(2) {
    --node-color: #ffc857;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-hud-node:nth-child(3) {
    --node-color: #7cff3a;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-hud-node:nth-child(4) {
    --node-color: #8b5cf6;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-hud-node:nth-child(5) {
    --node-color: #25d8f4;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-hud-node:nth-child(6) {
    --node-color: #3587ff;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.18);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-node span {
    display: block;

    color: #6d7e6b;

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


/* =========================================================
   ECUACIÓN
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-equation {
    position: relative;
    z-index: 5;

    margin-top: 12px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(18, 15, 4, 0.36);

    color: #a39570;

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

    text-align: center;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-hud-equation strong {
    color: #e7cf85;
}


/* =========================================================
   VIDEO
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-video {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 80% 12%,
            rgba(37, 216, 244, 0.050),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(4, 16, 18, 0.40),
            rgba(2, 8, 3, 0.97)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-video::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-video-grid {
    display: grid;

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

    gap: 10px;

    margin-top: 17px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-video-card {
    --video-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    border:
        1px solid rgba(37, 216, 244, 0.08);

    border-radius: 12px;

    background:
        rgba(3, 13, 14, 0.44);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-video-card:nth-child(2) {
    --video-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.08);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-video-card:nth-child(3) {
    --video-color: #7cff3a;

    border-color:
        rgba(124, 255, 58, 0.08);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-video-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--video-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-video-card span {
    display: block;

    color: #748584;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-video-note {
    margin-top: 12px;

    padding:
        14px 15px;

    border:
        1px solid rgba(37, 216, 244, 0.08);

    border-radius: 10px;

    background:
        rgba(3, 13, 14, 0.30);

    color: #789093;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-video-note strong {
    color: #b0dfe3;
    font-weight: 600;
}


/* =========================================================
   REGLAS
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-rules {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-rule {
    --rule-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.07);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 19, 6, 0.78),
            rgba(2, 8, 3, 0.96)
        );
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-rule:nth-child(2) {
    --rule-color: #ffc857;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-rule:nth-child(3) {
    --rule-color: #8b5cf6;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-rule:nth-child(4) {
    --rule-color: #25d8f4;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-rule::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-rule-code {
    display: block;

    margin-bottom: 6px;

    color:
        var(--rule-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-rule-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-rule-copy {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#encendido-alimentacion-video-xbox-360 .gs360pwr-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

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

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.024),
            rgba(255, 99, 125, 0.010)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-warning-icon {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-warning-copy {
    color: #8f866e;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-warning-copy strong {
    color: #e9deb7;
    font-weight: 600;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-warning-state {
    flex-shrink: 0;

    color: #baa970;

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

    text-transform: uppercase;
}


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.08);

    background:
        rgba(5, 17, 5, 0.72);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-dots {
    display: flex;

    gap: 6px;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-terminal-dots span:nth-child(1) {
    background:
        var(--gs360pwr-red);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-terminal-dots span:nth-child(2) {
    background:
        var(--gs360pwr-yellow);
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-terminal-dots span:nth-child(3) {
    background:
        var(--gs360pwr-green);
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 29px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, 0.50);

    color: #71816f;

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

#encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.12);

    border-radius: 9px;

    color: #96c487;

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

#encendido-alimentacion-video-xbox-360
.gs360pwr-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360pwr-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#encendido-alimentacion-video-xbox-360 .gs360pwr-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #566653;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-xbox-360 .gs360pwr-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#encendido-alimentacion-video-xbox-360
.gs360pwr-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360pwr-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptom,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu-card,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-video-card,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-rule {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptom:hover,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu-card:hover,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-video-card:hover,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-rule:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.17);
    }
}


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

@media (max-width: 1024px) {

    #encendido-alimentacion-video-xbox-360 .gs360pwr-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-status {
        max-width: 650px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-analysis-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud {
        max-width: 820px;

        width: 100%;

        margin: 0 auto;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-rules {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #encendido-alimentacion-video-xbox-360 {
        overflow: hidden;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-orbit,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-scan {
        display: none;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-heading {
        display: block;

        margin-bottom: 28px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-principle-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptoms,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-analysis,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-video {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-section-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu-grid,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-video-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu-note-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-checks {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-head {
        flex-direction: column;

        align-items: flex-start;

        gap: 8px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen {
        min-height: 0;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen::before,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen::after,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core::before {
        animation: none;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-core {
        width: 155px;
        height: 155px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-rules {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-warning-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #encendido-alimentacion-video-xbox-360 .gs360pwr-shell {
        width:
            calc(100% - 24px);
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-chain,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptom-grid,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-symptoms,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-psu,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-analysis,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud,
    #encendido-alimentacion-video-xbox-360 .gs360pwr-video {
        padding-left: 12px;
        padding-right: 12px;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-hud-screen {
        min-height: 0;
    }

    #encendido-alimentacion-video-xbox-360 .gs360pwr-terminal-route {
        display: grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    #encendido-alimentacion-video-xbox-360,
    #encendido-alimentacion-video-xbox-360 *,
    #encendido-alimentacion-video-xbox-360 *::before,
    #encendido-alimentacion-video-xbox-360 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }
    #encendido-alimentacion-video-xbox-360 .gs360pwr-scan {
        display: none !important;
    }
}


/* ===== Lector de Discos ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — LECTOR DE DISCOS
   CSS ID: lector-discos-xbox-360
   PREFIX: gs360disc-
   V2 — HUD ÓPTICO CON MOVIMIENTO VISIBLE
   ========================================================= */

#lector-discos-xbox-360 {
    --gs360disc-bg: #020502;
    --gs360disc-bg2: #061007;

    --gs360disc-green: #52e000;
    --gs360disc-green2: #7cff3a;
    --gs360disc-green3: #a6ff82;

    --gs360disc-cyan: #25d8f4;
    --gs360disc-blue: #3587ff;
    --gs360disc-violet: #8b5cf6;

    --gs360disc-yellow: #ffc857;
    --gs360disc-orange: #ff9f43;
    --gs360disc-red: #ff637d;

    --gs360disc-white: #f4fff1;
    --gs360disc-text: #edf7ec;
    --gs360disc-muted: #93a892;
    --gs360disc-muted2: #70816e;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360disc-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(82, 224, 0, 0.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 17%,
            rgba(139, 92, 246, 0.035),
            transparent 30%
        ),
        radial-gradient(
            circle at 72% 88%,
            rgba(37, 216, 244, 0.026),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

#lector-discos-xbox-360 *,
#lector-discos-xbox-360 *::before,
#lector-discos-xbox-360 *::after {
    box-sizing: border-box;

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


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

#lector-discos-xbox-360 .gs360disc-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA GLOBAL
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-orbit {
    position: absolute;

    right: -300px;
    top: 1120px;

    width: 620px;
    height: 620px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, 0.045);

    border-radius: 50%;

    animation:
        gs360disc-orbit
        64s linear infinite;
}

#lector-discos-xbox-360 .gs360disc-orbit::before,
#lector-discos-xbox-360 .gs360disc-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#lector-discos-xbox-360 .gs360disc-orbit::before {
    inset: 94px;

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

#lector-discos-xbox-360 .gs360disc-orbit::after {
    inset: 192px;

    border:
        1px solid rgba(37, 216, 244, 0.035);
}

@keyframes gs360disc-orbit {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   SCAN GLOBAL
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#lector-discos-xbox-360 .gs360disc-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.15),
            rgba(124, 255, 58, 0.22),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, 0.08);

    animation:
        gs360disc-scan
        12s linear infinite;
}

@keyframes gs360disc-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.28;
    }

    92% {
        opacity: 0.10;
    }

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


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

#lector-discos-xbox-360 .gs360disc-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#lector-discos-xbox-360 .gs360disc-heading-main {
    min-width: 0;
}

#lector-discos-xbox-360 .gs360disc-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

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

#lector-discos-xbox-360 .gs360disc-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360disc-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.68);
}

#lector-discos-xbox-360 .gs360disc-title {
    max-width: 980px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360disc-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -0.035em;
}

#lector-discos-xbox-360 .gs360disc-title span {
    color:
        var(--gs360disc-green2);
}

#lector-discos-xbox-360 .gs360disc-intro {
    max-width: 900px;

    margin:
        16px 0 0;

    color:
        var(--gs360disc-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(139, 92, 246, 0.025),
            rgba(4, 13, 5, 0.92)
        );
}

#lector-discos-xbox-360 .gs360disc-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#lector-discos-xbox-360 .gs360disc-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #b7a5e8;

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

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360disc-violet);

    box-shadow:
        0 0 7px rgba(139, 92, 246, 0.50);
}

#lector-discos-xbox-360 .gs360disc-status p {
    margin: 0;

    color: #8d839e;

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

#lector-discos-xbox-360 .gs360disc-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin-top: 11px;

    color: #b9ef9d !important;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;

    text-decoration: none !important;

    border-bottom:
        1px solid rgba(124, 255, 58, 0.24);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

#lector-discos-xbox-360 .gs360disc-inline-link:hover {
    color: #dcffca !important;

    border-color:
        rgba(124, 255, 58, 0.68);
}

#lector-discos-xbox-360 .gs360disc-inline-link:focus-visible {
    outline:
        2px solid rgba(124, 255, 58, 0.88);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(139, 92, 246, 0.012)
        );
}

#lector-discos-xbox-360 .gs360disc-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360disc-green),
            transparent
        );
}

#lector-discos-xbox-360 .gs360disc-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(139, 92, 246, 0.08),
            transparent 68%
        );

    color: #c2b3ec;

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

    text-align: center;
}

#lector-discos-xbox-360 .gs360disc-principle-copy {
    min-width: 0;
}

#lector-discos-xbox-360 .gs360disc-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#lector-discos-xbox-360 .gs360disc-principle-copy span {
    display: block;

    color: #7d917a;

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

#lector-discos-xbox-360 .gs360disc-principle-state {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CADENA
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-chain {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#lector-discos-xbox-360 .gs360disc-chain-card {
    --chain-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 8px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.82),
            rgba(2, 8, 3, 0.97)
        );

    text-align: center;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(2) {
    --chain-color: #ffc857;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(3) {
    --chain-color: #ff9f43;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(4) {
    --chain-color: #25d8f4;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(5) {
    --chain-color: #3587ff;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(6) {
    --chain-color: #8b5cf6;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(7) {
    --chain-color: #7cff3a;
}

#lector-discos-xbox-360 .gs360disc-chain-card:nth-child(8) {
    --chain-color: #52e000;
}

#lector-discos-xbox-360 .gs360disc-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 48px;
    height: 2px;

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

#lector-discos-xbox-360 .gs360disc-chain-number {
    display: block;

    margin-bottom: 5px;

    color:
        var(--chain-color);

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

#lector-discos-xbox-360 .gs360disc-chain-title {
    display: block;

    color: #d9ead4;

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

#lector-discos-xbox-360 .gs360disc-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


/* =========================================================
   CABECERAS INTERNAS
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#lector-discos-xbox-360 .gs360disc-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-section-title {
    margin: 0;

    color: #efffeb;

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

#lector-discos-xbox-360 .gs360disc-section-copy {
    max-width: 860px;

    margin:
        8px 0 0;

    color: #81927f;

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

#lector-discos-xbox-360 .gs360disc-section-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

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

    border-radius: 999px;

    color: #b1a1dd;

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


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

#lector-discos-xbox-360 .gs360disc-symptoms {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, 0.05),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.98)
        );
}

#lector-discos-xbox-360 .gs360disc-symptoms::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 200px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360disc-green),
            var(--gs360disc-violet),
            transparent
        );
}

#lector-discos-xbox-360 .gs360disc-symptom-grid {
    display: grid;

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

    gap: 9px;
}

#lector-discos-xbox-360 .gs360disc-symptom {
    --symptom-color: #8b5cf6;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

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

    border-radius: 12px;

    background:
        rgba(6, 7, 13, 0.56);
}

#lector-discos-xbox-360
.gs360disc-symptom[data-type="mecanica"] {
    --symptom-color: #ffc857;

    border-color:
        rgba(255, 200, 87, 0.08);
}

#lector-discos-xbox-360
.gs360disc-symptom[data-type="giro"] {
    --symptom-color: #3587ff;
}

#lector-discos-xbox-360
.gs360disc-symptom[data-type="control"] {
    --symptom-color: #25d8f4;
}

#lector-discos-xbox-360
.gs360disc-symptom[data-type="antecedente"] {
    --symptom-color: #ff637d;
}

#lector-discos-xbox-360 .gs360disc-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#lector-discos-xbox-360 .gs360disc-symptom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 7px;
}

#lector-discos-xbox-360 .gs360disc-symptom-code {
    color:
        var(--symptom-color);

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

#lector-discos-xbox-360 .gs360disc-symptom-tag {
    padding:
        4px 7px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 999px;

    color: #788674;

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

#lector-discos-xbox-360 .gs360disc-symptom-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#lector-discos-xbox-360 .gs360disc-symptom-copy {
    display: block;

    color: #748371;

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

#lector-discos-xbox-360 .gs360disc-symptom-check {
    display: block;

    margin-top: 10px;
    padding-top: 9px;

    border-top:
        1px solid rgba(255, 255, 255, 0.045);

    color: #859382;

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

#lector-discos-xbox-360 .gs360disc-symptom-check strong {
    color:
        var(--symptom-color);

    font-weight: 600;
}


/* =========================================================
   VARIABLES EXTERNAS
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-precheck {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(37, 216, 244, 0.045),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(4, 16, 18, 0.34),
            rgba(2, 8, 3, 0.97)
        );
}

#lector-discos-xbox-360 .gs360disc-precheck::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

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

#lector-discos-xbox-360 .gs360disc-precheck-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#lector-discos-xbox-360 .gs360disc-precheck-card {
    --pre-color: #25d8f4;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(37, 216, 244, 0.075);

    border-radius: 11px;

    background:
        rgba(3, 13, 14, 0.38);
}

#lector-discos-xbox-360 .gs360disc-precheck-card:nth-child(2) {
    --pre-color: #52e000;
}

#lector-discos-xbox-360 .gs360disc-precheck-card:nth-child(3) {
    --pre-color: #ffc857;
}

#lector-discos-xbox-360 .gs360disc-precheck-card:nth-child(4) {
    --pre-color: #8b5cf6;
}

#lector-discos-xbox-360 .gs360disc-precheck-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--pre-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#lector-discos-xbox-360 .gs360disc-precheck-card span {
    display: block;

    color: #758684;

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


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-analysis-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-analysis {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

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

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(20, 16, 5, 0.30),
            rgba(2, 8, 3, 0.97)
        );
}

#lector-discos-xbox-360 .gs360disc-analysis::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 150px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360disc-yellow),
            transparent
        );
}

#lector-discos-xbox-360 .gs360disc-analysis-list {
    display: grid;

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

    gap: 8px;

    margin-top: 18px;
}

#lector-discos-xbox-360 .gs360disc-analysis-card {
    --analysis-color: #ffc857;

    min-width: 0;

    padding:
        14px 12px;

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

    border-radius: 10px;

    background:
        rgba(13, 11, 3, 0.44);
}

#lector-discos-xbox-360 .gs360disc-analysis-card:nth-child(2) {
    --analysis-color: #ff9f43;
}

#lector-discos-xbox-360 .gs360disc-analysis-card:nth-child(3) {
    --analysis-color: #25d8f4;
}

#lector-discos-xbox-360 .gs360disc-analysis-card:nth-child(4) {
    --analysis-color: #3587ff;
}

#lector-discos-xbox-360 .gs360disc-analysis-card:nth-child(5) {
    --analysis-color: #8b5cf6;
}

#lector-discos-xbox-360 .gs360disc-analysis-card:nth-child(6) {
    --analysis-color: #52e000;
}

#lector-discos-xbox-360 .gs360disc-analysis-card strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--analysis-color);

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-analysis-card span {
    display: block;

    color: #7a8373;

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


/* =========================================================
   HUD EXTERIOR
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(139, 92, 246, 0.075),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(82, 224, 0, 0.028),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(10, 8, 20, 0.72),
            rgba(2, 8, 3, 0.98)
        );
}

#lector-discos-xbox-360 .gs360disc-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(139, 92, 246, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.025) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}


/* =========================================================
   CABECERA HUD
   CORREGIDA PARA NO RECORTAR EL ESTADO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-hud-head {
    position: relative;
    z-index: 20;

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

    gap: 10px 14px;

    width: 100%;

    margin-bottom: 14px;
}

#lector-discos-xbox-360 .gs360disc-hud-code {
    min-width: 0;
    flex: 1 1 230px;

    color: #c2b2eb;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-hud-state {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    max-width: 100%;

    padding:
        6px 10px;

    border:
        1px solid rgba(82, 224, 0, 0.15);

    border-radius: 999px;

    background:
        rgba(4, 16, 4, 0.52);

    color: #9fd18f;

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

    white-space: nowrap;
}


/* =========================================================
   PANTALLA HUD
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 610px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        26px 18px 18px;

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

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 37%,
            rgba(139, 92, 246, 0.075),
            transparent 43%
        ),
        linear-gradient(
            180deg,
            rgba(2, 5, 8, 0.88),
            rgba(2, 9, 3, 0.76)
        );
}


/* =========================================================
   REJILLA INTERNA HUD
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-hud-screen-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.35;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139, 92, 246, 0.028) 1px,
            transparent 1px
        );

    background-size:
        32px 32px;

    -webkit-mask-image:
        radial-gradient(
            circle at 50% 39%,
            #000 0%,
            transparent 72%
        );

    mask-image:
        radial-gradient(
            circle at 50% 39%,
            #000 0%,
            transparent 72%
        );
}


/* =========================================================
   SISTEMA ÓPTICO ANIMADO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-optical-system {
    position: relative;
    z-index: 8;

    width:
        min(
            390px,
            90%
        );

    aspect-ratio: 1 / 1;

    margin:
        2px auto 24px;

    display: grid;
    place-items: center;
}


/* =========================================================
   ANILLO EXTERIOR CON TICKS
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-optical-ring-a {
    position: absolute;

    inset: 0;

    border-radius: 50%;

    border:
        1px dashed rgba(82, 224, 0, 0.15);

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(82, 224, 0, 0.34) 0deg 1deg,
            transparent 1deg 8deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    animation:
        gs360disc-ring-a
        20s linear infinite;
}

@keyframes gs360disc-ring-a {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   SEGUNDO ANILLO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-optical-ring-b {
    position: absolute;

    inset: 34px;

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

    border-radius: 50%;

    box-shadow:
        0 0 24px rgba(139, 92, 246, 0.035);

    animation:
        gs360disc-ring-b
        28s linear infinite reverse;
}

#lector-discos-xbox-360 .gs360disc-optical-ring-b::before {
    content: "";

    position: absolute;

    width: 10px;
    height: 10px;

    left: 50%;
    top: -5px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360disc-violet);

    box-shadow:
        0 0 10px rgba(139, 92, 246, 0.75);
}

#lector-discos-xbox-360 .gs360disc-optical-ring-b::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    right: 16%;
    bottom: 10%;

    border-radius: 50%;

    background:
        var(--gs360disc-green);

    box-shadow:
        0 0 10px rgba(82, 224, 0, 0.70);
}

@keyframes gs360disc-ring-b {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   DISCO PRINCIPAL
   ASIMÉTRICO PARA QUE EL GIRO SEA VISIBLE
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-disc-rotor {
    position: absolute;

    width: 250px;
    height: 250px;

    border-radius: 50%;

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

    background:
        radial-gradient(
            circle at center,
            transparent 0 23px,
            rgba(37, 216, 244, 0.14) 24px 26px,
            transparent 27px 56px,
            rgba(139, 92, 246, 0.10) 57px 59px,
            transparent 60px
        ),
        conic-gradient(
            from 18deg,
            transparent 0deg 22deg,
            rgba(139, 92, 246, 0.25) 22deg 29deg,
            transparent 29deg 78deg,
            rgba(37, 216, 244, 0.16) 78deg 83deg,
            transparent 83deg 142deg,
            rgba(82, 224, 0, 0.12) 142deg 147deg,
            transparent 147deg 224deg,
            rgba(139, 92, 246, 0.18) 224deg 239deg,
            transparent 239deg 314deg,
            rgba(37, 216, 244, 0.13) 314deg 319deg,
            transparent 319deg 360deg
        ),
        radial-gradient(
            circle,
            rgba(139, 92, 246, 0.10),
            rgba(5, 6, 13, 0.92) 68%
        );

    box-shadow:
        0 0 34px rgba(139, 92, 246, 0.10),
        inset 0 0 30px rgba(139, 92, 246, 0.08);

    animation:
        gs360disc-rotor
        8s linear infinite;
}

#lector-discos-xbox-360 .gs360disc-disc-rotor::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 8px;
    height: 70px;

    transform-origin:
        50% 100%;

    transform:
        translate(-50%, -100%)
        rotate(32deg);

    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            rgba(37, 216, 244, 0.80),
            rgba(139, 92, 246, 0.20),
            transparent
        );

    filter:
        drop-shadow(
            0 0 6px rgba(37, 216, 244, 0.45)
        );
}

#lector-discos-xbox-360 .gs360disc-disc-rotor::after {
    content: "";

    position: absolute;

    left: 28px;
    top: 78px;

    width: 16px;
    height: 16px;

    border:
        2px solid var(--gs360disc-green);

    border-radius: 50%;

    background:
        #020502;

    box-shadow:
        0 0 12px rgba(82, 224, 0, 0.58);
}

@keyframes gs360disc-rotor {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   REFLEJO ROTATORIO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-disc-reflection {
    position: absolute;

    width: 270px;
    height: 270px;

    border-radius: 50%;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg 260deg,
            rgba(139, 92, 246, 0.00) 260deg,
            rgba(139, 92, 246, 0.15) 292deg,
            rgba(37, 216, 244, 0.08) 316deg,
            transparent 338deg 360deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 35%,
            #000 39% 49%,
            transparent 52%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0 35%,
            #000 39% 49%,
            transparent 52%
        );

    animation:
        gs360disc-reflection
        5.5s linear infinite;
}

@keyframes gs360disc-reflection {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   NÚCLEO DEL DISCO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-disc-core {
    position: absolute;

    z-index: 10;

    width: 64px;
    height: 64px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, 0.38);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #030805 0 44%,
            rgba(82, 224, 0, 0.11) 46%,
            #020502 68%
        );

    box-shadow:
        0 0 20px rgba(82, 224, 0, 0.12);

    animation:
        gs360disc-core-pulse
        2.2s ease-in-out infinite;
}

#lector-discos-xbox-360 .gs360disc-disc-core::before {
    content: "";

    width: 22px;
    height: 22px;

    border:
        2px solid rgba(37, 216, 244, 0.42);

    border-radius: 50%;

    background:
        #020502;

    box-shadow:
        0 0 11px rgba(37, 216, 244, 0.16);
}

@keyframes gs360disc-core-pulse {
    0%,
    100% {
        transform: scale(1);
        box-shadow:
            0 0 14px rgba(82, 224, 0, 0.08);
    }

    50% {
        transform: scale(1.045);
        box-shadow:
            0 0 28px rgba(82, 224, 0, 0.20);
    }
}


/* =========================================================
   BRAZO ÓPTICO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-laser-arm {
    position: absolute;

    z-index: 12;

    right: 18%;
    bottom: 21%;

    width: 126px;
    height: 5px;

    transform-origin:
        100% 50%;

    transform:
        rotate(-28deg);

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.10),
            rgba(37, 216, 244, 0.70),
            rgba(82, 224, 0, 0.45)
        );

    box-shadow:
        0 0 10px rgba(37, 216, 244, 0.18);

    animation:
        gs360disc-laser-arm
        4.6s ease-in-out infinite alternate;
}

#lector-discos-xbox-360 .gs360disc-laser-arm::before {
    content: "";

    position: absolute;

    left: -5px;
    top: 50%;

    width: 13px;
    height: 13px;

    transform:
        translateY(-50%);

    border:
        2px solid var(--gs360disc-cyan);

    border-radius: 50%;

    background:
        #020607;

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.60);
}

#lector-discos-xbox-360 .gs360disc-laser-arm::after {
    content: "";

    position: absolute;

    right: -9px;
    top: 50%;

    width: 22px;
    height: 22px;

    transform:
        translateY(-50%);

    border:
        1px solid rgba(82, 224, 0, 0.40);

    border-radius: 5px;

    background:
        rgba(4, 15, 4, 0.94);

    box-shadow:
        0 0 10px rgba(82, 224, 0, 0.16);
}

@keyframes gs360disc-laser-arm {
    0% {
        transform:
            rotate(-34deg);
    }

    100% {
        transform:
            rotate(-17deg);
    }
}


/* =========================================================
   BARRIDO LÁSER
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-laser-sweep {
    position: absolute;

    z-index: 7;

    width: 310px;
    height: 310px;

    border-radius: 50%;

    background:
        conic-gradient(
            from 0deg,
            rgba(37, 216, 244, 0.00) 0deg 322deg,
            rgba(37, 216, 244, 0.04) 326deg,
            rgba(37, 216, 244, 0.21) 354deg,
            rgba(37, 216, 244, 0.00) 360deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 16%,
            #000 17% 49%,
            transparent 50%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0 16%,
            #000 17% 49%,
            transparent 50%
        );

    animation:
        gs360disc-laser-sweep
        6s linear infinite;
}

@keyframes gs360disc-laser-sweep {
    from {
        transform:
            rotate(0deg);
    }

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


/* =========================================================
   MEDICIONES / HUD DECORATIVO
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-optical-index {
    position: absolute;

    z-index: 15;

    color:
        rgba(124, 255, 58, 0.48);

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

    letter-spacing: 0.08em;
}

#lector-discos-xbox-360 .gs360disc-optical-index--a {
    left: 3%;
    top: 18%;
}

#lector-discos-xbox-360 .gs360disc-optical-index--b {
    right: 3%;
    top: 31%;
}

#lector-discos-xbox-360 .gs360disc-optical-index--c {
    left: 8%;
    bottom: 20%;
}


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

#lector-discos-xbox-360 .gs360disc-hud-route {
    position: relative;
    z-index: 18;

    display: grid;

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

    gap: 8px;
}

#lector-discos-xbox-360 .gs360disc-hud-node {
    --node-color: #ffc857;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

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

    border-radius: 9px;

    background:
        rgba(4, 8, 5, 0.78);

    text-align: center;
}

#lector-discos-xbox-360 .gs360disc-hud-node:nth-child(2) {
    --node-color: #3587ff;
}

#lector-discos-xbox-360 .gs360disc-hud-node:nth-child(3) {
    --node-color: #8b5cf6;
}

#lector-discos-xbox-360 .gs360disc-hud-node:nth-child(4) {
    --node-color: #52e000;
}

#lector-discos-xbox-360 .gs360disc-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.18);
}

#lector-discos-xbox-360 .gs360disc-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-hud-node span {
    display: block;

    color: #727c70;

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


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-hud-equation {
    position: relative;
    z-index: 18;

    margin-top: 12px;

    padding:
        11px;

    border:
        1px solid rgba(82, 224, 0, 0.09);

    border-radius: 9px;

    background:
        rgba(4, 15, 4, 0.46);

    color: #81947c;

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

    text-align: center;
}

#lector-discos-xbox-360 .gs360disc-hud-equation strong {
    color: #bff4ac;
}


/* =========================================================
   COMPATIBILIDAD
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-compat {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 83% 13%,
            rgba(82, 224, 0, 0.050),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.88),
            rgba(2, 8, 3, 0.97)
        );
}

#lector-discos-xbox-360 .gs360disc-compat::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360disc-green),
            transparent
        );
}

#lector-discos-xbox-360 .gs360disc-compat-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#lector-discos-xbox-360 .gs360disc-compat-card {
    --compat-color: #52e000;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, 0.52);
}

#lector-discos-xbox-360 .gs360disc-compat-card:nth-child(2) {
    --compat-color: #25d8f4;
}

#lector-discos-xbox-360 .gs360disc-compat-card:nth-child(3) {
    --compat-color: #8b5cf6;
}

#lector-discos-xbox-360 .gs360disc-compat-card:nth-child(4) {
    --compat-color: #ffc857;
}

#lector-discos-xbox-360 .gs360disc-compat-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--compat-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#lector-discos-xbox-360 .gs360disc-compat-card span {
    display: block;

    color: #758473;

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


/* =========================================================
   REGLAS
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-rules {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#lector-discos-xbox-360 .gs360disc-rule {
    --rule-color: #8b5cf6;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

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

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(10, 8, 19, 0.54),
            rgba(2, 8, 3, 0.96)
        );
}

#lector-discos-xbox-360 .gs360disc-rule:nth-child(2) {
    --rule-color: #ffc857;
}

#lector-discos-xbox-360 .gs360disc-rule:nth-child(3) {
    --rule-color: #3587ff;
}

#lector-discos-xbox-360 .gs360disc-rule:nth-child(4) {
    --rule-color: #52e000;
}

#lector-discos-xbox-360 .gs360disc-rule::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#lector-discos-xbox-360 .gs360disc-rule-code {
    display: block;

    margin-bottom: 6px;

    color:
        var(--rule-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-rule-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#lector-discos-xbox-360 .gs360disc-rule-copy {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#lector-discos-xbox-360 .gs360disc-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

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

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.024),
            rgba(255, 99, 125, 0.010)
        );
}

#lector-discos-xbox-360 .gs360disc-warning-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#lector-discos-xbox-360 .gs360disc-warning-copy {
    color: #8f866e;

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

#lector-discos-xbox-360 .gs360disc-warning-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#lector-discos-xbox-360 .gs360disc-warning-state {
    flex-shrink: 0;

    color: #baa970;

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

    text-transform: uppercase;
}


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

#lector-discos-xbox-360 .gs360disc-scope {
    display: grid;

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

    gap: 12px;

    margin-top: 18px;
}

#lector-discos-xbox-360 .gs360disc-scope-main,
#lector-discos-xbox-360 .gs360disc-scope-side {
    position: relative;

    min-width: 0;

    padding:
        20px;

    overflow: hidden;

    border-radius: 14px;
}

#lector-discos-xbox-360 .gs360disc-scope-main {
    border:
        1px solid rgba(82, 224, 0, 0.10);

    background:
        rgba(4, 15, 4, 0.46);
}

#lector-discos-xbox-360 .gs360disc-scope-side {
    border:
        1px solid rgba(139, 92, 246, 0.11);

    background:
        rgba(13, 9, 22, 0.30);
}

#lector-discos-xbox-360 .gs360disc-scope-label {
    display: block;

    margin-bottom: 6px;

    color: #9ed28e;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-scope-main strong {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

#lector-discos-xbox-360 .gs360disc-scope-main p {
    margin: 0;

    color: #778975;

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

#lector-discos-xbox-360 .gs360disc-scope-side strong {
    display: block;

    margin-bottom: 6px;

    color: #c3b5e9;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#lector-discos-xbox-360 .gs360disc-scope-side span {
    display: block;

    color: #81758f;

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


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

#lector-discos-xbox-360 .gs360disc-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );
}

#lector-discos-xbox-360 .gs360disc-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.08);

    background:
        rgba(5, 17, 5, 0.72);
}

#lector-discos-xbox-360 .gs360disc-terminal-dots {
    display: flex;

    gap: 6px;
}

#lector-discos-xbox-360 .gs360disc-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#lector-discos-xbox-360 .gs360disc-terminal-dots span:nth-child(1) {
    background:
        var(--gs360disc-red);
}

#lector-discos-xbox-360 .gs360disc-terminal-dots span:nth-child(2) {
    background:
        var(--gs360disc-yellow);
}

#lector-discos-xbox-360 .gs360disc-terminal-dots span:nth-child(3) {
    background:
        var(--gs360disc-green);
}

#lector-discos-xbox-360 .gs360disc-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#lector-discos-xbox-360 .gs360disc-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#lector-discos-xbox-360 .gs360disc-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, 0.50);

    color: #71816f;

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

#lector-discos-xbox-360 .gs360disc-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.12);

    border-radius: 9px;

    color: #96c487;

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

#lector-discos-xbox-360 .gs360disc-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360disc-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#lector-discos-xbox-360 .gs360disc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

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

    text-transform: uppercase;
}

#lector-discos-xbox-360 .gs360disc-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#lector-discos-xbox-360 .gs360disc-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360disc-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #lector-discos-xbox-360 .gs360disc-symptom,
    #lector-discos-xbox-360 .gs360disc-precheck-card,
    #lector-discos-xbox-360 .gs360disc-compat-card,
    #lector-discos-xbox-360 .gs360disc-rule {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #lector-discos-xbox-360 .gs360disc-symptom:hover,
    #lector-discos-xbox-360 .gs360disc-precheck-card:hover,
    #lector-discos-xbox-360 .gs360disc-compat-card:hover,
    #lector-discos-xbox-360 .gs360disc-rule:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.18);
    }
}


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

@media (max-width: 1024px) {

    #lector-discos-xbox-360 .gs360disc-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #lector-discos-xbox-360 .gs360disc-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #lector-discos-xbox-360 .gs360disc-status {
        max-width: 650px;
    }

    #lector-discos-xbox-360 .gs360disc-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #lector-discos-xbox-360 .gs360disc-symptom-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #lector-discos-xbox-360 .gs360disc-precheck-grid,
    #lector-discos-xbox-360 .gs360disc-compat-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-xbox-360 .gs360disc-analysis-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-xbox-360 .gs360disc-hud {
        max-width: 820px;

        width: 100%;

        margin:
            0 auto;
    }

    #lector-discos-xbox-360 .gs360disc-rules {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #lector-discos-xbox-360 {
        overflow: hidden;
    }

    #lector-discos-xbox-360 .gs360disc-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #lector-discos-xbox-360 .gs360disc-orbit,
    #lector-discos-xbox-360 .gs360disc-scan {
        display: none;
    }

    #lector-discos-xbox-360 .gs360disc-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #lector-discos-xbox-360 .gs360disc-heading {
        display: block;

        margin-bottom: 28px;
    }

    #lector-discos-xbox-360 .gs360disc-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #lector-discos-xbox-360 .gs360disc-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #lector-discos-xbox-360 .gs360disc-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #lector-discos-xbox-360 .gs360disc-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding: 15px;
    }

    #lector-discos-xbox-360 .gs360disc-principle-state {
        width: fit-content;
    }

    #lector-discos-xbox-360 .gs360disc-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-xbox-360 .gs360disc-symptoms,
    #lector-discos-xbox-360 .gs360disc-precheck,
    #lector-discos-xbox-360 .gs360disc-analysis,
    #lector-discos-xbox-360 .gs360disc-hud,
    #lector-discos-xbox-360 .gs360disc-compat {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #lector-discos-xbox-360 .gs360disc-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #lector-discos-xbox-360 .gs360disc-section-state {
        width: fit-content;
    }

    #lector-discos-xbox-360 .gs360disc-symptom-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-xbox-360 .gs360disc-precheck-grid,
    #lector-discos-xbox-360 .gs360disc-compat-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-xbox-360 .gs360disc-analysis-list {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-xbox-360 .gs360disc-hud-head {
        align-items: flex-start;
    }

    #lector-discos-xbox-360 .gs360disc-hud-code,
    #lector-discos-xbox-360 .gs360disc-hud-state {
        flex:
            1 1 100%;
    }

    #lector-discos-xbox-360 .gs360disc-hud-state {
        width: fit-content;
    }

    #lector-discos-xbox-360 .gs360disc-hud-screen {
        min-height: 0;

        padding:
            20px 10px 14px;
    }

    #lector-discos-xbox-360 .gs360disc-optical-system {
        width:
            min(
                330px,
                96%
            );
    }

    #lector-discos-xbox-360 .gs360disc-disc-rotor {
        width: 210px;
        height: 210px;

        animation-duration: 11s;
    }

    #lector-discos-xbox-360 .gs360disc-disc-reflection {
        width: 230px;
        height: 230px;

        animation-duration: 8s;
    }

    #lector-discos-xbox-360 .gs360disc-laser-sweep {
        width: 260px;
        height: 260px;

        animation-duration: 8s;
    }

    #lector-discos-xbox-360 .gs360disc-laser-arm {
        width: 105px;

        right: 14%;
        bottom: 22%;

        animation-duration: 6s;
    }

    #lector-discos-xbox-360 .gs360disc-optical-ring-a {
        animation-duration: 28s;
    }

    #lector-discos-xbox-360 .gs360disc-optical-ring-b {
        animation-duration: 35s;
    }

    #lector-discos-xbox-360 .gs360disc-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-xbox-360 .gs360disc-rules {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-xbox-360 .gs360disc-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #lector-discos-xbox-360 .gs360disc-warning-state {
        width: fit-content;
    }

    #lector-discos-xbox-360 .gs360disc-scope {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-xbox-360 .gs360disc-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #lector-discos-xbox-360 .gs360disc-terminal-state {
        width: fit-content;
    }

    #lector-discos-xbox-360 .gs360disc-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #lector-discos-xbox-360 .gs360disc-shell {
        width:
            calc(100% - 24px);
    }

    #lector-discos-xbox-360 .gs360disc-chain,
    #lector-discos-xbox-360 .gs360disc-symptom-grid,
    #lector-discos-xbox-360 .gs360disc-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-xbox-360 .gs360disc-symptoms,
    #lector-discos-xbox-360 .gs360disc-precheck,
    #lector-discos-xbox-360 .gs360disc-analysis,
    #lector-discos-xbox-360 .gs360disc-hud,
    #lector-discos-xbox-360 .gs360disc-compat {
        padding-left: 12px;
        padding-right: 12px;
    }

    #lector-discos-xbox-360 .gs360disc-hud-screen {
        min-height: 0;
    }

    #lector-discos-xbox-360 .gs360disc-optical-system {
        width: 285px;
    }

    #lector-discos-xbox-360 .gs360disc-disc-rotor {
        width: 178px;
        height: 178px;
    }

    #lector-discos-xbox-360 .gs360disc-disc-reflection {
        width: 195px;
        height: 195px;
    }

    #lector-discos-xbox-360 .gs360disc-laser-sweep {
        width: 225px;
        height: 225px;
    }

    #lector-discos-xbox-360 .gs360disc-laser-arm {
        width: 87px;

        right: 12%;
        bottom: 23%;
    }

    #lector-discos-xbox-360 .gs360disc-optical-index {
        display: none;
    }

    #lector-discos-xbox-360 .gs360disc-terminal-route {
        display: grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    #lector-discos-xbox-360,
    #lector-discos-xbox-360 *,
    #lector-discos-xbox-360 *::before,
    #lector-discos-xbox-360 *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #lector-discos-xbox-360 .gs360disc-scan {
        display:
            none !important;
    }
}


/* ===== Temperatura y Refrigeración ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — TEMPERATURA Y REFRIGERACIÓN
   CSS ID: temperatura-refrigeracion-xbox-360
   PREFIX: gs360temp-
   ========================================================= */

#temperatura-refrigeracion-xbox-360 {
    --gs360temp-bg: #020502;
    --gs360temp-bg2: #061007;

    --gs360temp-green: #52e000;
    --gs360temp-green2: #7cff3a;
    --gs360temp-green3: #a6ff82;

    --gs360temp-cyan: #25d8f4;
    --gs360temp-blue: #3587ff;
    --gs360temp-violet: #8b5cf6;

    --gs360temp-yellow: #ffc857;
    --gs360temp-orange: #ff9f43;
    --gs360temp-red: #ff637d;
    --gs360temp-red2: #ff365d;

    --gs360temp-white: #f4fff1;
    --gs360temp-text: #edf7ec;
    --gs360temp-muted: #93a892;
    --gs360temp-muted2: #70816e;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360temp-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(82, 224, 0, 0.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 18%,
            rgba(255, 159, 67, 0.040),
            transparent 29%
        ),
        radial-gradient(
            circle at 78% 84%,
            rgba(37, 216, 244, 0.025),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

#temperatura-refrigeracion-xbox-360 *,
#temperatura-refrigeracion-xbox-360 *::before,
#temperatura-refrigeracion-xbox-360 *::after {
    box-sizing: border-box;

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


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

#temperatura-refrigeracion-xbox-360 .gs360temp-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA GLOBAL
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-orbit {
    position: absolute;

    left: -320px;
    top: 1220px;

    width: 650px;
    height: 650px;

    pointer-events: none;

    border:
        1px solid rgba(255, 159, 67, 0.045);

    border-radius: 50%;

    animation:
        gs360temp-orbit
        68s linear infinite;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-orbit::before,
#temperatura-refrigeracion-xbox-360 .gs360temp-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-orbit::before {
    inset: 100px;

    border:
        1px dashed rgba(255, 99, 125, 0.05);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-orbit::after {
    inset: 198px;

    border:
        1px solid rgba(82, 224, 0, 0.04);
}

@keyframes gs360temp-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#temperatura-refrigeracion-xbox-360 .gs360temp-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.14),
            rgba(255, 159, 67, 0.18),
            rgba(255, 99, 125, 0.10),
            transparent
        );

    box-shadow:
        0 0 16px rgba(255, 159, 67, 0.08);

    animation:
        gs360temp-scan
        13s linear infinite;
}

@keyframes gs360temp-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.30;
    }

    92% {
        opacity: 0.10;
    }

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


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

#temperatura-refrigeracion-xbox-360 .gs360temp-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-heading-main {
    min-width: 0;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

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

#temperatura-refrigeracion-xbox-360 .gs360temp-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360temp-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.68);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-title {
    max-width: 990px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360temp-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -0.035em;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-title span {
    color:
        var(--gs360temp-green2);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-intro {
    max-width: 900px;

    margin:
        16px 0 0;

    color:
        var(--gs360temp-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 159, 67, 0.035),
            rgba(4, 13, 5, 0.92)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e5ad79;

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

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360temp-orange);

    box-shadow:
        0 0 7px rgba(255, 159, 67, 0.52);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-status p {
    margin: 0;

    color: #948171;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin-top: 11px;

    color: #ffd3a5 !important;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;

    text-decoration: none !important;

    border-bottom:
        1px solid rgba(255, 159, 67, 0.26);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-inline-link:hover {
    color: #fff0df !important;

    border-color:
        rgba(255, 159, 67, 0.72);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-inline-link:focus-visible {
    outline:
        2px solid rgba(124, 255, 58, 0.88);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(255, 159, 67, 0.012)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360temp-green),
            var(--gs360temp-orange),
            transparent
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(255, 159, 67, 0.19);

    border-radius: 14px;

    background:
        radial-gradient(
            circle,
            rgba(255, 159, 67, 0.08),
            transparent 68%
        );

    color: #ecc08c;

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

    text-align: center;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-principle-copy {
    min-width: 0;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-principle-copy span {
    display: block;

    color: #7d917a;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-principle-state {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CADENA TÉRMICA
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-chain {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        16px 9px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.82),
            rgba(2, 8, 3, 0.97)
        );

    text-align: center;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-chain-card:nth-child(2) {
    --chain-color: #52e000;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-chain-card:nth-child(3) {
    --chain-color: #7cff3a;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-chain-card:nth-child(4) {
    --chain-color: #ffc857;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-chain-card:nth-child(5) {
    --chain-color: #ff9f43;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-chain-card:nth-child(6) {
    --chain-color: #ff637d;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-chain-card:nth-child(7) {
    --chain-color: #3587ff;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 48px;
    height: 2px;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-chain-number {
    display: block;

    margin-bottom: 5px;

    color:
        var(--chain-color);

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

#temperatura-refrigeracion-xbox-360 .gs360temp-chain-title {
    display: block;

    color: #d9ead4;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


/* =========================================================
   CABECERAS INTERNAS
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-section-title {
    margin: 0;

    color: #efffeb;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-section-copy {
    max-width: 860px;

    margin:
        8px 0 0;

    color: #81927f;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-section-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

    border:
        1px solid rgba(255, 159, 67, 0.13);

    border-radius: 999px;

    color: #d2a174;

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


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

#temperatura-refrigeracion-xbox-360 .gs360temp-symptoms {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 55% 0%,
            rgba(255, 159, 67, 0.035),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.98)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-symptoms::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 205px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360temp-green),
            var(--gs360temp-orange),
            transparent
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-grid {
    display: grid;

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

    gap: 9px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom {
    --symptom-color: #ff9f43;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.075);

    border-radius: 12px;

    background:
        rgba(12, 8, 3, 0.46);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-symptom[data-type="aire"] {
    --symptom-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, 0.075);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-symptom[data-type="ventilador"] {
    --symptom-color: #52e000;

    border-color:
        rgba(82, 224, 0, 0.075);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-symptom[data-type="indicador"] {
    --symptom-color: #ff637d;

    border-color:
        rgba(255, 99, 125, 0.085);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-symptom[data-type="antecedente"] {
    --symptom-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.08);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 7px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-code {
    color:
        var(--symptom-color);

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

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-tag {
    padding:
        4px 7px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 999px;

    color: #788674;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-copy {
    display: block;

    color: #788373;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-check {
    display: block;

    margin-top: 10px;
    padding-top: 9px;

    border-top:
        1px solid rgba(255, 255, 255, 0.045);

    color: #859382;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-symptom-check strong {
    color:
        var(--symptom-color);

    font-weight: 600;
}


/* =========================================================
   INDICADORES TÉRMICOS
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-indicators {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(255, 99, 125, 0.12);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 13%,
            rgba(255, 99, 125, 0.050),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(25, 6, 8, 0.32),
            rgba(3, 9, 3, 0.97)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicators::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 195px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360temp-red),
            var(--gs360temp-orange),
            transparent
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-grid {
    display: grid;

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

    gap: 10px;

    margin-top: 17px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator {
    --indicator-color: #ff637d;

    min-width: 0;

    padding:
        18px 16px;

    border:
        1px solid rgba(255, 99, 125, 0.08);

    border-radius: 12px;

    background:
        rgba(23, 5, 8, 0.33);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-indicator:nth-child(2) {
    --indicator-color: #ff9f43;

    border-color:
        rgba(255, 159, 67, 0.08);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-indicator:nth-child(3) {
    --indicator-color: #ffc857;

    border-color:
        rgba(255, 200, 87, 0.08);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-icon {
    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    margin-bottom: 14px;

    border:
        2px solid var(--indicator-color);

    border-radius: 50%;

    color:
        var(--indicator-color);

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

    text-align: center;

    box-shadow:
        0 0 18px rgba(255, 99, 125, 0.10);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--indicator-color);

    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-indicator
> span:not(.gs360temp-indicator-icon) {
    display: block;

    color: #8b7674;

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

#temperatura-refrigeracion-xbox-360
.gs360temp-indicator:nth-child(2)
> span:not(.gs360temp-indicator-icon) {
    color: #918070;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-indicator:nth-child(3)
> span:not(.gs360temp-indicator-icon) {
    color: #8e856e;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note {
    display: grid;

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

    gap: 12px;

    align-items: center;

    margin-top: 12px;

    padding:
        15px;

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

    border-radius: 11px;

    background:
        rgba(20, 16, 5, 0.24);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note-copy {
    color: #8e856e;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note-state {
    color: #baa970;

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

    text-transform: uppercase;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-analysis-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-analysis {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.97)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-analysis::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 150px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360temp-green),
            var(--gs360temp-orange),
            transparent
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-checks {
    display: grid;

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

    gap: 8px;

    margin-top: 18px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-check {
    --check-color: #25d8f4;

    min-width: 0;

    padding:
        14px 12px;

    border:
        1px solid rgba(37, 216, 244, 0.065);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, 0.52);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-check:nth-child(2) {
    --check-color: #52e000;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-check:nth-child(3) {
    --check-color: #7cff3a;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-check:nth-child(4) {
    --check-color: #ffc857;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-check:nth-child(5) {
    --check-color: #ff9f43;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-check:nth-child(6) {
    --check-color: #ff637d;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-check strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--check-color);

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-check span {
    display: block;

    color: #71816f;

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


/* =========================================================
   HUD TÉRMICO
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.14);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(255, 159, 67, 0.070),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(82, 224, 0, 0.028),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(18, 10, 4, 0.72),
            rgba(2, 8, 3, 0.98)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(255, 159, 67, 0.030) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.025) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-head {
    position: relative;
    z-index: 20;

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

    gap:
        10px 14px;

    margin-bottom: 14px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-code {
    flex:
        1 1 230px;

    min-width: 0;

    color: #e5b581;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-state {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    padding:
        6px 10px;

    border:
        1px solid rgba(82, 224, 0, 0.15);

    border-radius: 999px;

    background:
        rgba(4, 16, 4, 0.52);

    color: #9fd18f;

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

    white-space: nowrap;
}


/* =========================================================
   HUD SCREEN
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 610px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        25px 18px 18px;

    border:
        1px solid rgba(255, 159, 67, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 36%,
            rgba(255, 159, 67, 0.08),
            transparent 44%
        ),
        linear-gradient(
            180deg,
            rgba(7, 5, 3, 0.88),
            rgba(2, 9, 3, 0.76)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.32;

    background-image:
        linear-gradient(
            rgba(255, 159, 67, 0.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.026) 1px,
            transparent 1px
        );

    background-size:
        31px 31px;

    -webkit-mask-image:
        radial-gradient(
            circle at 50% 35%,
            #000,
            transparent 72%
        );

    mask-image:
        radial-gradient(
            circle at 50% 35%,
            #000,
            transparent 72%
        );
}


/* =========================================================
   SISTEMA DE VENTILACIÓN ANIMADO
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-cooling-system {
    position: relative;
    z-index: 8;

    width:
        min(
            390px,
            92%
        );

    aspect-ratio:
        1 / 1;

    display: grid;
    place-items: center;

    margin:
        0 auto 26px;
}


/* ANILLO EXTERIOR */

#temperatura-refrigeracion-xbox-360 .gs360temp-cooling-ring-a {
    position: absolute;

    inset: 0;

    border:
        1px dashed rgba(37, 216, 244, 0.14);

    border-radius: 50%;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(37, 216, 244, 0.30) 0deg 1deg,
            transparent 1deg 9deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    animation:
        gs360temp-ring-a
        24s linear infinite;
}

@keyframes gs360temp-ring-a {
    from {
        transform: rotate(0deg);
    }

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


/* ANILLO TÉRMICO */

#temperatura-refrigeracion-xbox-360 .gs360temp-cooling-ring-b {
    position: absolute;

    inset: 39px;

    border:
        1px solid rgba(255, 159, 67, 0.18);

    border-radius: 50%;

    animation:
        gs360temp-ring-b
        32s linear infinite reverse;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-cooling-ring-b::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -6px;

    width: 11px;
    height: 11px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360temp-orange);

    box-shadow:
        0 0 12px rgba(255, 159, 67, 0.78);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-cooling-ring-b::after {
    content: "";

    position: absolute;

    right: 13%;
    bottom: 12%;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        var(--gs360temp-green);

    box-shadow:
        0 0 10px rgba(82, 224, 0, 0.72);
}

@keyframes gs360temp-ring-b {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   VENTILADOR
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-fan-frame {
    position: absolute;

    width: 236px;
    height: 236px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, 0.20);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, 0.045),
            rgba(2, 8, 3, 0.82) 69%
        );

    box-shadow:
        0 0 34px rgba(82, 224, 0, 0.07),
        inset 0 0 28px rgba(37, 216, 244, 0.035);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-fan {
    position: relative;

    width: 200px;
    height: 200px;

    border-radius: 50%;

    animation:
        gs360temp-fan-spin
        3.5s linear infinite;
}

@keyframes gs360temp-fan-spin {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   ASPAS
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-fan-blade {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 68px;
    height: 30px;

    margin:
        -15px 0 0 -4px;

    transform-origin:
        4px 15px;

    border-radius:
        5px 32px 20px 5px;

    background:
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.68),
            rgba(37, 216, 244, 0.28),
            rgba(37, 216, 244, 0.04)
        );

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.05);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(1) {
    transform:
        rotate(0deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(2) {
    transform:
        rotate(45deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(3) {
    transform:
        rotate(90deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(4) {
    transform:
        rotate(135deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(5) {
    transform:
        rotate(180deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(6) {
    transform:
        rotate(225deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(7) {
    transform:
        rotate(270deg)
        skewX(-8deg);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-fan-blade:nth-child(8) {
    transform:
        rotate(315deg)
        skewX(-8deg);
}


/* =========================================================
   NÚCLEO DEL VENTILADOR
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-fan-core {
    position: absolute;

    z-index: 10;

    width: 65px;
    height: 65px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, 0.36);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #030805 0 42%,
            rgba(82, 224, 0, 0.12) 44%,
            #020502 70%
        );

    box-shadow:
        0 0 20px rgba(82, 224, 0, 0.12);

    animation:
        gs360temp-core-pulse
        2.3s ease-in-out infinite;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-fan-core::before {
    content: "";

    width: 24px;
    height: 24px;

    border:
        2px solid rgba(37, 216, 244, 0.42);

    border-radius: 50%;

    background:
        #020502;

    box-shadow:
        0 0 10px rgba(37, 216, 244, 0.17);
}

@keyframes gs360temp-core-pulse {
    0%,
    100% {
        transform: scale(1);

        box-shadow:
            0 0 14px rgba(82, 224, 0, 0.08);
    }

    50% {
        transform: scale(1.045);

        box-shadow:
            0 0 28px rgba(82, 224, 0, 0.18);
    }
}


/* =========================================================
   FLUJO DE AIRE
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-airflow {
    position: absolute;

    inset: 0;

    pointer-events: none;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-air {
    position: absolute;

    width: 88px;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.80),
            transparent
        );

    filter:
        drop-shadow(
            0 0 4px rgba(37, 216, 244, 0.32)
        );

    opacity: 0;

    animation:
        gs360temp-airflow
        2.8s ease-in-out infinite;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-air:nth-child(1) {
    left: 1%;
    top: 30%;

    animation-delay:
        0s;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-air:nth-child(2) {
    left: 5%;
    top: 42%;

    width: 115px;

    animation-delay:
        .5s;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-air:nth-child(3) {
    left: 1%;
    top: 55%;

    width: 98px;

    animation-delay:
        1s;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-air:nth-child(4) {
    left: 7%;
    top: 66%;

    width: 80px;

    animation-delay:
        1.5s;
}

@keyframes gs360temp-airflow {
    0% {
        transform:
            translateX(-20px);

        opacity: 0;
    }

    30% {
        opacity: 0.75;
    }

    70% {
        opacity: 0.38;
    }

    100% {
        transform:
            translateX(225px);

        opacity: 0;
    }
}


/* =========================================================
   SALIDA DE CALOR
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-heat-output {
    position: absolute;

    right: 1%;
    top: 22%;

    width: 100px;
    height: 58%;

    pointer-events: none;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-heat-line {
    position: absolute;

    right: 0;

    width: 84px;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 159, 67, 0.70),
            rgba(255, 99, 125, 0.12),
            transparent
        );

    opacity: 0;

    animation:
        gs360temp-heatflow
        3.2s ease-out infinite;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-heat-line:nth-child(1) {
    top: 17%;

    animation-delay:
        0s;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-heat-line:nth-child(2) {
    top: 40%;

    animation-delay:
        .8s;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-heat-line:nth-child(3) {
    top: 63%;

    animation-delay:
        1.6s;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-heat-line:nth-child(4) {
    top: 82%;

    animation-delay:
        2.2s;
}

@keyframes gs360temp-heatflow {
    0% {
        transform:
            translateX(-60px);

        opacity: 0;
    }

    35% {
        opacity: 0.70;
    }

    100% {
        transform:
            translateX(35px);

        opacity: 0;
    }
}


/* =========================================================
   MEDICIONES HUD
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-index {
    position: absolute;

    z-index: 14;

    color:
        rgba(255, 200, 87, 0.54);

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

    letter-spacing: 0.07em;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-index--a {
    left: 4%;
    top: 15%;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-index--b {
    right: 3%;
    top: 34%;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-index--c {
    left: 7%;
    bottom: 18%;
}


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

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-route {
    position: relative;
    z-index: 18;

    display: grid;

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

    gap: 8px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-node {
    --node-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

    border:
        1px solid rgba(37, 216, 244, 0.075);

    border-radius: 9px;

    background:
        rgba(4, 8, 5, 0.78);

    text-align: center;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-hud-node:nth-child(2) {
    --node-color: #52e000;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-hud-node:nth-child(3) {
    --node-color: #ffc857;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-hud-node:nth-child(4) {
    --node-color: #ff637d;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-node span {
    display: block;

    color: #727c70;

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


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-equation {
    position: relative;
    z-index: 18;

    margin-top: 12px;

    padding:
        11px;

    border:
        1px solid rgba(255, 159, 67, 0.10);

    border-radius: 9px;

    background:
        rgba(19, 11, 4, 0.42);

    color: #987f69;

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

    text-align: center;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-hud-equation strong {
    color: #edc08e;
}


/* =========================================================
   EN FRÍO / BAJO CARGA
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-load {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 15%,
            rgba(37, 216, 244, 0.038),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 17, 0.34),
            rgba(2, 8, 3, 0.97)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-load::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360temp-cyan),
            var(--gs360temp-orange),
            transparent
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-load-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-load-card {
    --load-color: #25d8f4;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(37, 216, 244, 0.075);

    border-radius: 11px;

    background:
        rgba(3, 13, 14, 0.38);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-load-card:nth-child(2) {
    --load-color: #52e000;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-load-card:nth-child(3) {
    --load-color: #ff9f43;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-load-card:nth-child(4) {
    --load-color: #ff637d;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-load-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--load-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-load-card span {
    display: block;

    color: #758684;

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


/* =========================================================
   INTERFAZ TÉRMICA / MANTENIMIENTO
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-interface {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 83% 13%,
            rgba(82, 224, 0, 0.045),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.88),
            rgba(2, 8, 3, 0.97)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-interface::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360temp-green),
            transparent
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-interface-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-interface-card {
    --interface-color: #52e000;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, 0.52);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-interface-card:nth-child(2) {
    --interface-color: #25d8f4;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-interface-card:nth-child(3) {
    --interface-color: #ffc857;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-interface-card:nth-child(4) {
    --interface-color: #8b5cf6;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-interface-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--interface-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-interface-card span {
    display: block;

    color: #758473;

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


/* =========================================================
   REGLAS
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-rules {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-rule {
    --rule-color: #ff9f43;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(255, 159, 67, 0.075);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(18, 10, 4, 0.54),
            rgba(2, 8, 3, 0.96)
        );
}

#temperatura-refrigeracion-xbox-360
.gs360temp-rule:nth-child(2) {
    --rule-color: #52e000;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-rule:nth-child(3) {
    --rule-color: #ff637d;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-rule:nth-child(4) {
    --rule-color: #8b5cf6;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-rule::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-rule-code {
    display: block;

    margin-bottom: 6px;

    color:
        var(--rule-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-rule-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-rule-copy {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#temperatura-refrigeracion-xbox-360 .gs360temp-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

    border:
        1px solid rgba(255, 99, 125, 0.12);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 99, 125, 0.025),
            rgba(255, 159, 67, 0.012)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-warning-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #eaa0ad;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-warning-copy {
    color: #98777d;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-warning-copy strong {
    color: #e8bdc4;

    font-weight: 600;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-warning-state {
    flex-shrink: 0;

    color: #c18b94;

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

    text-transform: uppercase;
}


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

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.08);

    background:
        rgba(5, 17, 5, 0.72);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-dots {
    display: flex;

    gap: 6px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#temperatura-refrigeracion-xbox-360
.gs360temp-terminal-dots span:nth-child(1) {
    background:
        var(--gs360temp-red);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-terminal-dots span:nth-child(2) {
    background:
        var(--gs360temp-yellow);
}

#temperatura-refrigeracion-xbox-360
.gs360temp-terminal-dots span:nth-child(3) {
    background:
        var(--gs360temp-green);
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, 0.50);

    color: #71816f;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.12);

    border-radius: 9px;

    color: #96c487;

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

#temperatura-refrigeracion-xbox-360 .gs360temp-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360temp-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#temperatura-refrigeracion-xbox-360 .gs360temp-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

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

    text-transform: uppercase;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#temperatura-refrigeracion-xbox-360 .gs360temp-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360temp-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #temperatura-refrigeracion-xbox-360 .gs360temp-symptom,
    #temperatura-refrigeracion-xbox-360 .gs360temp-load-card,
    #temperatura-refrigeracion-xbox-360 .gs360temp-interface-card,
    #temperatura-refrigeracion-xbox-360 .gs360temp-rule {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-symptom:hover,
    #temperatura-refrigeracion-xbox-360 .gs360temp-load-card:hover,
    #temperatura-refrigeracion-xbox-360 .gs360temp-interface-card:hover,
    #temperatura-refrigeracion-xbox-360 .gs360temp-rule:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.18);
    }
}


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

@media (max-width: 1024px) {

    #temperatura-refrigeracion-xbox-360 .gs360temp-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-status {
        max-width: 650px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-symptom-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-indicator-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-analysis-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud {
        max-width: 820px;

        width: 100%;

        margin:
            0 auto;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-load-grid,
    #temperatura-refrigeracion-xbox-360 .gs360temp-interface-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-rules {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #temperatura-refrigeracion-xbox-360 {
        overflow: hidden;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-orbit,
    #temperatura-refrigeracion-xbox-360 .gs360temp-scan {
        display: none;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-heading {
        display: block;

        margin-bottom: 28px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-principle-state {
        width: fit-content;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-symptoms,
    #temperatura-refrigeracion-xbox-360 .gs360temp-indicators,
    #temperatura-refrigeracion-xbox-360 .gs360temp-analysis,
    #temperatura-refrigeracion-xbox-360 .gs360temp-hud,
    #temperatura-refrigeracion-xbox-360 .gs360temp-load,
    #temperatura-refrigeracion-xbox-360 .gs360temp-interface {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-section-state {
        width: fit-content;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-symptom-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-indicator-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-indicator-note-state {
        width: fit-content;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-checks {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-code,
    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-state {
        flex:
            1 1 100%;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-state {
        width: fit-content;

        white-space: normal;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-screen {
        min-height: 0;

        padding:
            20px 10px 14px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-cooling-system {
        width:
            min(
                330px,
                96%
            );
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-fan-frame {
        width: 200px;
        height: 200px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-fan {
        width: 168px;
        height: 168px;

        animation-duration: 5s;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-fan-blade {
        width: 57px;
        height: 27px;

        margin:
            -13.5px 0 0 -4px;

        transform-origin:
            4px 13.5px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-cooling-ring-a {
        animation-duration: 32s;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-cooling-ring-b {
        animation-duration: 40s;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-load-grid,
    #temperatura-refrigeracion-xbox-360 .gs360temp-interface-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-rules {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-warning-state {
        width: fit-content;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-terminal-state {
        width: fit-content;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #temperatura-refrigeracion-xbox-360 .gs360temp-shell {
        width:
            calc(100% - 24px);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-chain,
    #temperatura-refrigeracion-xbox-360 .gs360temp-symptom-grid,
    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-symptoms,
    #temperatura-refrigeracion-xbox-360 .gs360temp-indicators,
    #temperatura-refrigeracion-xbox-360 .gs360temp-analysis,
    #temperatura-refrigeracion-xbox-360 .gs360temp-hud,
    #temperatura-refrigeracion-xbox-360 .gs360temp-load,
    #temperatura-refrigeracion-xbox-360 .gs360temp-interface {
        padding-left: 12px;
        padding-right: 12px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-screen {
        min-height: 0;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-cooling-system {
        width: 285px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-fan-frame {
        width: 178px;
        height: 178px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-fan {
        width: 150px;
        height: 150px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-fan-blade {
        width: 50px;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-hud-index {
        display: none;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-terminal-route {
        display: grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    #temperatura-refrigeracion-xbox-360,
    #temperatura-refrigeracion-xbox-360 *,
    #temperatura-refrigeracion-xbox-360 *::before,
    #temperatura-refrigeracion-xbox-360 *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #temperatura-refrigeracion-xbox-360 .gs360temp-scan {
        display:
            none !important;
    }
}


/* ===== Sistema Almacenamiento Conectividad Xbox 360 ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — SISTEMA, ALMACENAMIENTO Y CONECTIVIDAD
   CSS ID: sistema-almacenamiento-conectividad-xbox-360
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 {
    --gs360sys-bg: #020502;
    --gs360sys-bg2: #061007;

    --gs360sys-green: #52e000;
    --gs360sys-green2: #7cff3a;
    --gs360sys-green3: #a6ff82;

    --gs360sys-cyan: #25d8f4;
    --gs360sys-blue: #3587ff;
    --gs360sys-violet: #8b5cf6;

    --gs360sys-yellow: #ffc857;
    --gs360sys-orange: #ff9f43;
    --gs360sys-red: #ff637d;

    --gs360sys-white: #f4fff1;
    --gs360sys-text: #edf7ec;
    --gs360sys-muted: #93a892;
    --gs360sys-muted2: #71816f;

    position: relative;

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

    overflow: hidden;

    color:
        var(--gs360sys-text);

    background:
        radial-gradient(
            circle at 9% 12%,
            rgba(82, 224, 0, 0.085),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 18%,
            rgba(37, 216, 244, 0.042),
            transparent 30%
        ),
        radial-gradient(
            circle at 73% 87%,
            rgba(53, 135, 255, 0.025),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

#sistema-almacenamiento-conectividad-xbox-360 *,
#sistema-almacenamiento-conectividad-xbox-360 *::before,
#sistema-almacenamiento-conectividad-xbox-360 *::after {
    box-sizing: border-box;

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


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.038) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-orbit {
    position: absolute;

    right: -315px;
    top: 1340px;

    width: 650px;
    height: 650px;

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, 0.045);

    border-radius: 50%;

    animation:
        gs360sys-orbit
        67s linear infinite;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-orbit::before,
#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-orbit::before {
    inset: 98px;

    border:
        1px dashed rgba(82, 224, 0, 0.055);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-orbit::after {
    inset: 195px;

    border:
        1px solid rgba(53, 135, 255, 0.035);
}

@keyframes gs360sys-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, 0.15),
            rgba(37, 216, 244, 0.18),
            rgba(53, 135, 255, 0.10),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, 0.08);

    animation:
        gs360sys-scan
        13s linear infinite;
}

@keyframes gs360sys-scan {
    0% {
        transform:
            translateY(0);

        opacity: 0;
    }

    8% {
        opacity: 0.28;
    }

    92% {
        opacity: 0.10;
    }

    100% {
        transform:
            translateY(8000px);

        opacity: 0;
    }
}


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-shell {
    position: relative;
    z-index: 2;

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

    margin:
        0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-heading-main {
    min-width: 0;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, 0.19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, 0.035);

    color: #a8f78a;

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

    letter-spacing: 0.07em;

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360sys-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, 0.68);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-title {
    max-width: 1010px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360sys-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -0.035em;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-title span {
    color:
        var(--gs360sys-green2);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-intro {
    max-width: 920px;

    margin:
        16px 0 0;

    color:
        var(--gs360sys-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, 0.025),
            rgba(4, 13, 5, 0.92)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #87c4cb;

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

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360sys-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, 0.50);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status p {
    margin: 0;

    color: #7f999b;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin-top: 11px;

    color: #a7e4e9 !important;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;

    text-decoration: none !important;

    border-bottom:
        1px solid rgba(37, 216, 244, 0.25);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-inline-link:hover {
    color: #d5fbff !important;

    border-color:
        rgba(37, 216, 244, 0.70);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-inline-link:focus-visible {
    outline:
        2px solid rgba(124, 255, 58, 0.88);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, 0.045),
            rgba(37, 216, 244, 0.012)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 135px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-green),
            var(--gs360sys-cyan),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(37, 216, 244, 0.18);

    border-radius: 14px;

    background:
        radial-gradient(
            circle,
            rgba(37, 216, 244, 0.06),
            transparent 68%
        );

    color: #94d5dc;

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

    text-align: center;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle-copy {
    min-width: 0;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle-copy span {
    display: block;

    color: #7d917a;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle-state {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CADENA FUNCIONAL
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain-card {
    --chain-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 9px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, 0.82),
            rgba(2, 8, 3, 0.97)
        );

    text-align: center;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-chain-card:nth-child(2) {
    --chain-color: #7cff3a;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-chain-card:nth-child(3) {
    --chain-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-chain-card:nth-child(4) {
    --chain-color: #3587ff;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-chain-card:nth-child(5) {
    --chain-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-chain-card:nth-child(6) {
    --chain-color: #ffc857;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-chain-card:nth-child(7) {
    --chain-color: #52e000;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 48px;
    height: 2px;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain-num {
    display: block;

    margin-bottom: 5px;

    color:
        var(--chain-color);

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain-title {
    display: block;

    color: #d9ead4;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


/* =========================================================
   CABECERAS INTERNAS
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-title {
    margin: 0;

    color: #efffeb;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-copy {
    max-width: 860px;

    margin:
        8px 0 0;

    color: #81927f;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

    border:
        1px solid rgba(37, 216, 244, 0.13);

    border-radius: 999px;

    color: #85bac0;

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


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptoms {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, 0.050),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.98)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptoms::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 205px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-green),
            var(--gs360sys-cyan),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-grid {
    display: grid;

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

    gap: 9px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom {
    --symptom-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 12px;

    background:
        rgba(3, 12, 3, 0.58);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-symptom[data-type="almacenamiento"] {
    --symptom-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, 0.075);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-symptom[data-type="usb"] {
    --symptom-color: #3587ff;

    border-color:
        rgba(53, 135, 255, 0.075);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-symptom[data-type="red"] {
    --symptom-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.075);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-symptom[data-type="actualizacion"] {
    --symptom-color: #ffc857;

    border-color:
        rgba(255, 200, 87, 0.075);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-symptom[data-type="antecedente"] {
    --symptom-color: #ff637d;

    border-color:
        rgba(255, 99, 125, 0.08);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 7px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-code {
    color:
        var(--symptom-color);

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-tag {
    padding:
        4px 7px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 999px;

    color: #788674;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-copy {
    display: block;

    color: #748371;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-check {
    display: block;

    margin-top: 10px;
    padding-top: 9px;

    border-top:
        1px solid rgba(255, 255, 255, 0.045);

    color: #859382;

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

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-symptom-check strong {
    color:
        var(--symptom-color);

    font-weight: 600;
}


/* =========================================================
   ALMACENAMIENTO
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(37, 216, 244, 0.050),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 18, 0.38),
            rgba(2, 8, 3, 0.97)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-cyan),
            var(--gs360sys-green),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-card {
    --storage-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 15px;

    border:
        1px solid rgba(37, 216, 244, 0.075);

    border-radius: 12px;

    background:
        rgba(3, 13, 14, 0.42);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-storage-card:nth-child(2) {
    --storage-color: #52e000;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-storage-card:nth-child(3) {
    --storage-color: #3587ff;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-storage-card:nth-child(4) {
    --storage-color: #ffc857;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-icon {
    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    margin-bottom: 14px;

    border:
        2px solid var(--storage-color);

    border-radius: 15px;

    color:
        var(--storage-color);

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

    text-align: center;

    box-shadow:
        0 0 18px rgba(37, 216, 244, 0.08);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--storage-color);

    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-storage-card
> span:not(.gs360sys-storage-icon) {
    display: block;

    color: #788786;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note {
    display: grid;

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

    gap: 12px;

    align-items: center;

    margin-top: 12px;

    padding:
        15px;

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

    border-radius: 11px;

    background:
        rgba(19, 15, 4, 0.24);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note-copy {
    color: #8e856e;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note-state {
    color: #baa970;

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

    text-transform: uppercase;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-analysis-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-analysis {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.11);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 22, 7, 0.90),
            rgba(2, 8, 3, 0.97)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-analysis::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 150px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-green),
            var(--gs360sys-cyan),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-checks {
    display: grid;

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

    gap: 8px;

    margin-top: 18px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-check {
    --check-color: #52e000;

    min-width: 0;

    padding:
        14px 12px;

    border:
        1px solid rgba(82, 224, 0, 0.065);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, 0.52);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-check:nth-child(2) {
    --check-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-check:nth-child(3) {
    --check-color: #3587ff;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-check:nth-child(4) {
    --check-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-check:nth-child(5) {
    --check-color: #ffc857;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-check:nth-child(6) {
    --check-color: #7cff3a;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-check strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--check-color);

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-check span {
    display: block;

    color: #71816f;

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


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(37, 216, 244, 0.070),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(82, 224, 0, 0.028),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4, 14, 17, 0.74),
            rgba(2, 8, 3, 0.98)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.030) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.025) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-head {
    position: relative;
    z-index: 20;

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

    gap:
        10px 14px;

    margin-bottom: 14px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-code {
    flex:
        1 1 230px;

    min-width: 0;

    color: #98d6dd;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-state {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    max-width: 100%;

    padding:
        6px 10px;

    border:
        1px solid rgba(82, 224, 0, 0.15);

    border-radius: 999px;

    background:
        rgba(4, 16, 4, 0.52);

    color: #9fd18f;

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

    white-space: nowrap;
}


/* =========================================================
   PANTALLA HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 620px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        25px 18px 18px;

    border:
        1px solid rgba(37, 216, 244, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(37, 216, 244, 0.08),
            transparent 44%
        ),
        linear-gradient(
            180deg,
            rgba(2, 6, 8, 0.90),
            rgba(2, 9, 3, 0.76)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.31;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.025) 1px,
            transparent 1px
        );

    background-size:
        31px 31px;

    -webkit-mask-image:
        radial-gradient(
            circle at 50% 35%,
            #000,
            transparent 73%
        );

    mask-image:
        radial-gradient(
            circle at 50% 35%,
            #000,
            transparent 73%
        );
}


/* =========================================================
   SISTEMA CENTRAL
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-system-map {
    position: relative;
    z-index: 8;

    width:
        min(
            400px,
            94%
        );

    aspect-ratio:
        1 / 1;

    display: grid;
    place-items: center;

    margin:
        0 auto 26px;
}


/* =========================================================
   ANILLOS
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-ring-a {
    position: absolute;

    inset: 0;

    border:
        1px dashed rgba(37, 216, 244, 0.15);

    border-radius: 50%;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(37, 216, 244, 0.30) 0deg 1deg,
            transparent 1deg 10deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    animation:
        gs360sys-ring-a
        25s linear infinite;
}

@keyframes gs360sys-ring-a {
    from {
        transform: rotate(0deg);
    }

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-ring-b {
    position: absolute;

    inset: 38px;

    border:
        1px solid rgba(82, 224, 0, 0.16);

    border-radius: 50%;

    animation:
        gs360sys-ring-b
        34s linear infinite reverse;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-ring-b::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -6px;

    width: 11px;
    height: 11px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360sys-green);

    box-shadow:
        0 0 12px rgba(82, 224, 0, 0.75);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-ring-b::after {
    content: "";

    position: absolute;

    right: 14%;
    bottom: 11%;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        var(--gs360sys-cyan);

    box-shadow:
        0 0 10px rgba(37, 216, 244, 0.70);
}

@keyframes gs360sys-ring-b {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   NÚCLEO SISTEMA
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-core {
    position: absolute;

    z-index: 12;

    width: 128px;
    height: 128px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, 0.28);

    border-radius: 24px;

    background:
        radial-gradient(
            circle at center,
            rgba(82, 224, 0, 0.12),
            rgba(2, 8, 3, 0.93) 68%
        );

    box-shadow:
        0 0 32px rgba(82, 224, 0, 0.09);

    animation:
        gs360sys-core-pulse
        2.7s ease-in-out infinite;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-core::before {
    content: "";

    position: absolute;

    inset: 13px;

    border:
        1px dashed rgba(37, 216, 244, 0.15);

    border-radius: 17px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-core-copy {
    position: relative;
    z-index: 3;

    text-align: center;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-core-copy strong {
    display: block;

    color:
        var(--gs360sys-green2);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-core-copy span {
    display: block;

    margin-top: 4px;

    color: #72836f;

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

@keyframes gs360sys-core-pulse {
    0%,
    100% {
        transform:
            scale(1);

        box-shadow:
            0 0 22px rgba(82, 224, 0, 0.07);
    }

    50% {
        transform:
            scale(1.035);

        box-shadow:
            0 0 40px rgba(82, 224, 0, 0.18);
    }
}


/* =========================================================
   ALMACENAMIENTO HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-drive {
    position: absolute;

    z-index: 10;

    left: 5%;
    bottom: 17%;

    width: 92px;
    height: 70px;

    border:
        1px solid rgba(37, 216, 244, 0.24);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, 0.08),
            rgba(3, 10, 12, 0.92)
        );

    box-shadow:
        0 0 18px rgba(37, 216, 244, 0.06);

    animation:
        gs360sys-drive-pulse
        3.4s ease-in-out infinite;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-drive::before,
#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-drive::after {
    content: "";

    position: absolute;

    left: 12px;
    right: 12px;

    height: 7px;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 4px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-drive::before {
    top: 17px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.40),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-drive::after {
    top: 35px;

    background:
        linear-gradient(
            90deg,
            rgba(82, 224, 0, 0.35),
            transparent
        );
}

@keyframes gs360sys-drive-pulse {
    0%,
    100% {
        opacity: 0.72;

        transform:
            translateY(0);
    }

    50% {
        opacity: 1;

        transform:
            translateY(-3px);
    }
}


/* =========================================================
   USB HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb {
    position: absolute;

    z-index: 10;

    right: 6%;
    bottom: 18%;

    width: 82px;
    height: 56px;

    border:
        1px solid rgba(53, 135, 255, 0.24);

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(53, 135, 255, 0.08),
            rgba(3, 7, 13, 0.94)
        );

    animation:
        gs360sys-usb-pulse
        3s ease-in-out infinite;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb::before {
    content: "USB";

    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    color:
        rgba(106, 161, 255, 0.80);

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

    letter-spacing: .06em;
}

@keyframes gs360sys-usb-pulse {
    0%,
    100% {
        box-shadow:
            0 0 8px rgba(53, 135, 255, 0.02);
    }

    50% {
        box-shadow:
            0 0 22px rgba(53, 135, 255, 0.14);
    }
}


/* =========================================================
   ANTENA / RED HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network {
    position: absolute;

    z-index: 11;

    right: 8%;
    top: 13%;

    width: 96px;
    height: 96px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-dot {
    position: absolute;

    left: 50%;
    bottom: 9px;

    width: 10px;
    height: 10px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360sys-violet);

    box-shadow:
        0 0 10px rgba(139, 92, 246, 0.65);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-wave {
    position: absolute;

    left: 50%;
    bottom: 4px;

    transform:
        translateX(-50%)
        rotate(-45deg);

    border:
        2px solid transparent;

    border-top-color:
        rgba(139, 92, 246, 0.60);

    border-right-color:
        rgba(139, 92, 246, 0.60);

    border-radius:
        0 100% 0 0;

    opacity: 0;

    animation:
        gs360sys-wave
        2.4s ease-out infinite;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-wave:nth-child(2) {
    width: 34px;
    height: 34px;

    animation-delay:
        .4s;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-wave:nth-child(3) {
    width: 58px;
    height: 58px;

    animation-delay:
        .8s;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-wave:nth-child(4) {
    width: 82px;
    height: 82px;

    animation-delay:
        1.2s;
}

@keyframes gs360sys-wave {
    0% {
        opacity: 0;

        transform:
            translateX(-50%)
            rotate(-45deg)
            scale(.72);
    }

    35% {
        opacity: .75;
    }

    100% {
        opacity: 0;

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


/* =========================================================
   PAQUETES DE DATOS
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-data-path {
    position: absolute;
    inset: 0;

    pointer-events: none;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-data {
    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 2px;

    background:
        var(--gs360sys-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.55);

    opacity: 0;

    animation:
        gs360sys-data-a
        3.4s linear infinite;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-data:nth-child(1) {
    left: 21%;
    top: 58%;

    animation-delay:
        0s;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-data:nth-child(2) {
    left: 28%;
    top: 61%;

    animation-delay:
        .9s;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-data:nth-child(3) {
    right: 24%;
    top: 57%;

    background:
        var(--gs360sys-blue);

    animation:
        gs360sys-data-b
        3.7s linear infinite;

    animation-delay:
        .3s;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-data:nth-child(4) {
    right: 28%;
    top: 60%;

    background:
        var(--gs360sys-green);

    animation:
        gs360sys-data-b
        3.9s linear infinite;

    animation-delay:
        1.3s;
}

@keyframes gs360sys-data-a {
    0% {
        transform:
            translate(-55px, 45px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translate(85px, -58px);

        opacity: 0;
    }
}

@keyframes gs360sys-data-b {
    0% {
        transform:
            translate(55px, 45px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translate(-85px, -58px);

        opacity: 0;
    }
}


/* =========================================================
   ÍNDICES HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-index {
    position: absolute;

    z-index: 15;

    color:
        rgba(124, 255, 58, 0.50);

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

    letter-spacing: .06em;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-index--a {
    left: 3%;
    top: 15%;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-index--b {
    right: 3%;
    top: 42%;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-index--c {
    left: 7%;
    bottom: 12%;
}


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-route {
    position: relative;
    z-index: 18;

    display: grid;

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

    gap: 8px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-node {
    --node-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 9px;

    background:
        rgba(4, 8, 5, 0.80);

    text-align: center;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-hud-node:nth-child(2) {
    --node-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-hud-node:nth-child(3) {
    --node-color: #3587ff;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-hud-node:nth-child(4) {
    --node-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-node span {
    display: block;

    color: #727c70;

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


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-equation {
    position: relative;
    z-index: 18;

    margin-top: 12px;

    padding:
        11px;

    border:
        1px solid rgba(82, 224, 0, 0.09);

    border-radius: 9px;

    background:
        rgba(4, 15, 4, 0.46);

    color: #81947c;

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

    text-align: center;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-equation strong {
    color: #bff4ac;
}


/* =========================================================
   USB
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-section {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(53, 135, 255, 0.11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(53, 135, 255, 0.040),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(4, 9, 18, 0.36),
            rgba(2, 8, 3, 0.97)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-section::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-blue),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-card {
    --usb-color: #3587ff;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(53, 135, 255, 0.075);

    border-radius: 11px;

    background:
        rgba(3, 8, 15, 0.42);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-usb-card:nth-child(2) {
    --usb-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-usb-card:nth-child(3) {
    --usb-color: #52e000;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-usb-card:nth-child(4) {
    --usb-color: #ffc857;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--usb-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-card span {
    display: block;

    color: #75818b;

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


/* =========================================================
   RED / CONECTIVIDAD
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-section {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

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

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(139, 92, 246, 0.040),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(11, 8, 20, 0.36),
            rgba(2, 8, 3, 0.97)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-section::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-violet),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-card {
    --network-color: #8b5cf6;

    min-width: 0;

    padding:
        17px 15px;

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

    border-radius: 11px;

    background:
        rgba(9, 6, 17, 0.40);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-network-card:nth-child(2) {
    --network-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-network-card:nth-child(3) {
    --network-color: #52e000;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-network-card:nth-child(4) {
    --network-color: #ffc857;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--network-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-card span {
    display: block;

    color: #7d7788;

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


/* =========================================================
   ACTUALIZACIONES
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

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

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(255, 200, 87, 0.035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(18, 14, 4, 0.30),
            rgba(2, 8, 3, 0.97)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360sys-yellow),
            transparent
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-card {
    --update-color: #ffc857;

    min-width: 0;

    padding:
        17px 15px;

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

    border-radius: 11px;

    background:
        rgba(15, 12, 3, 0.40);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-update-card:nth-child(2) {
    --update-color: #52e000;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-update-card:nth-child(3) {
    --update-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-update-card:nth-child(4) {
    --update-color: #ff637d;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--update-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-card span {
    display: block;

    color: #89816d;

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


/* =========================================================
   REGLAS
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rules {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule {
    --rule-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.075);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 19, 6, 0.78),
            rgba(2, 8, 3, 0.96)
        );
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-rule:nth-child(2) {
    --rule-color: #25d8f4;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-rule:nth-child(3) {
    --rule-color: #8b5cf6;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-rule:nth-child(4) {
    --rule-color: #ffc857;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule-code {
    display: block;

    margin-bottom: 6px;

    color:
        var(--rule-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule-copy {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

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

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.024),
            rgba(255, 99, 125, 0.010)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning-copy {
    color: #8f866e;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning-state {
    flex-shrink: 0;

    color: #baa970;

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

    text-transform: uppercase;
}


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, 0.14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, 0.94),
            rgba(2, 7, 3, 0.98)
        );
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, 0.08);

    background:
        rgba(5, 17, 5, 0.72);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-dots {
    display: flex;

    gap: 6px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-terminal-dots span:nth-child(1) {
    background:
        var(--gs360sys-red);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-terminal-dots span:nth-child(2) {
    background:
        var(--gs360sys-yellow);
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-terminal-dots span:nth-child(3) {
    background:
        var(--gs360sys-green);
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, 0.06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, 0.50);

    color: #71816f;

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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, 0.12);

    border-radius: 9px;

    color: #96c487;

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

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360sys-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.48);
}


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

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

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

    text-transform: uppercase;
}

#sistema-almacenamiento-conectividad-xbox-360 .gs360sys-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#sistema-almacenamiento-conectividad-xbox-360
.gs360sys-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360sys-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, 0.46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-card,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-card,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-card,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-card,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom:hover,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-card:hover,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-card:hover,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-card:hover,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-card:hover,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rule:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, 0.18);
    }
}


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

@media (max-width: 1024px) {

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status {
        max-width: 650px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-analysis-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud {
        max-width: 820px;

        width: 100%;

        margin:
            0 auto;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rules {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #sistema-almacenamiento-conectividad-xbox-360 {
        overflow: hidden;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-orbit,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-scan {
        display: none;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-heading {
        display: block;

        margin-bottom: 28px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-principle-state {
        width: fit-content;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptoms,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-analysis,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-section,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-section,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-section-state {
        width: fit-content;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage-note-state {
        width: fit-content;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-checks {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-code,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-state {
        flex:
            1 1 100%;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-state {
        width: fit-content;

        white-space: normal;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-screen {
        min-height: 0;

        padding:
            20px 10px 14px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-system-map {
        width:
            min(
                330px,
                96%
            );
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-ring-a {
        animation-duration: 32s;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-ring-b {
        animation-duration: 41s;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-rules {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-warning-state {
        width: fit-content;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-state {
        width: fit-content;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-shell {
        width:
            calc(100% - 24px);
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-chain,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptom-grid,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-symptoms,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-storage,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-analysis,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb-section,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network-section,
    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-update {
        padding-left: 12px;
        padding-right: 12px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-hud-screen {
        min-height: 0;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-system-map {
        width:
            285px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-core {
        width: 108px;
        height: 108px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-drive {
        width: 74px;
        height: 58px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-usb {
        width: 68px;
        height: 48px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-network {
        width: 78px;
        height: 78px;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-index {
        display: none;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-terminal-route {
        display: grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

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

    #sistema-almacenamiento-conectividad-xbox-360,
    #sistema-almacenamiento-conectividad-xbox-360 *,
    #sistema-almacenamiento-conectividad-xbox-360 *::before,
    #sistema-almacenamiento-conectividad-xbox-360 *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #sistema-almacenamiento-conectividad-xbox-360 .gs360sys-scan {
        display:
            none !important;
    }
}


/* ===== Diagnóstico Refacciones Xbox 360 ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — DIAGNÓSTICO, REFACCIONES Y GARANTÍA
   CSS ID: diagnostico-refacciones-xbox-360
   PREFIX: gs360diag-
   ========================================================= */

#diagnostico-refacciones-xbox-360 {
    --gs360diag-bg: #020502;
    --gs360diag-bg2: #061007;

    --gs360diag-green: #52e000;
    --gs360diag-green2: #7cff3a;
    --gs360diag-green3: #a6ff82;

    --gs360diag-cyan: #25d8f4;
    --gs360diag-blue: #3587ff;
    --gs360diag-violet: #8b5cf6;

    --gs360diag-yellow: #ffc857;
    --gs360diag-orange: #ff9f43;
    --gs360diag-red: #ff637d;

    --gs360diag-white: #f4fff1;
    --gs360diag-text: #edf7ec;
    --gs360diag-muted: #93a892;
    --gs360diag-muted2: #71816f;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360diag-text);

    background:
        radial-gradient(
            circle at 9% 12%,
            rgba(82, 224, 0, .085),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 17%,
            rgba(37, 216, 244, .038),
            transparent 30%
        ),
        radial-gradient(
            circle at 76% 87%,
            rgba(139, 92, 246, .025),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

#diagnostico-refacciones-xbox-360 *,
#diagnostico-refacciones-xbox-360 *::before,
#diagnostico-refacciones-xbox-360 *::after {
    box-sizing: border-box;

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


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

#diagnostico-refacciones-xbox-360 .gs360diag-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, .038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA GLOBAL
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-orbit {
    position: absolute;

    left: -330px;
    top: 1320px;

    width: 670px;
    height: 670px;

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, .04);

    border-radius: 50%;

    animation:
        gs360diag-orbit
        68s linear infinite;
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbit::before,
#diagnostico-refacciones-xbox-360 .gs360diag-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbit::before {
    inset: 100px;

    border:
        1px dashed rgba(82, 224, 0, .055);
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbit::after {
    inset: 202px;

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

@keyframes gs360diag-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#diagnostico-refacciones-xbox-360 .gs360diag-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#diagnostico-refacciones-xbox-360 .gs360diag-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, .14),
            rgba(37, 216, 244, .18),
            rgba(139, 92, 246, .08),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, .08);

    animation:
        gs360diag-scan
        13s linear infinite;
}

@keyframes gs360diag-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: .28;
    }

    92% {
        opacity: .10;
    }

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


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

#diagnostico-refacciones-xbox-360 .gs360diag-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-heading-main {
    min-width: 0;
}

#diagnostico-refacciones-xbox-360 .gs360diag-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, .19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, .035);

    color: #a8f78a;

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

    letter-spacing: .07em;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360diag-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, .68);
}

#diagnostico-refacciones-xbox-360 .gs360diag-title {
    max-width: 1010px;

    margin: 0;
    padding-bottom: .06em;

    overflow: visible;

    color:
        var(--gs360diag-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -.035em;
}

#diagnostico-refacciones-xbox-360 .gs360diag-title span {
    color:
        var(--gs360diag-green2);
}

#diagnostico-refacciones-xbox-360 .gs360diag-intro {
    max-width: 920px;

    margin:
        16px 0 0;

    color:
        var(--gs360diag-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, .025),
            rgba(4, 13, 5, .92)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#diagnostico-refacciones-xbox-360 .gs360diag-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #90cbd1;

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

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360diag-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, .5);
}

#diagnostico-refacciones-xbox-360 .gs360diag-status p {
    margin: 0;

    color: #7f999b;

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

#diagnostico-refacciones-xbox-360 .gs360diag-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin-top: 11px;

    color: #a7e4e9 !important;

    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;

    text-decoration: none !important;

    border-bottom:
        1px solid rgba(37, 216, 244, .25);

    transition:
        color .2s ease,
        border-color .2s ease;
}

#diagnostico-refacciones-xbox-360 .gs360diag-inline-link:hover {
    color: #d5fbff !important;

    border-color:
        rgba(37, 216, 244, .70);
}

#diagnostico-refacciones-xbox-360 .gs360diag-inline-link:focus-visible {
    outline:
        2px solid rgba(124, 255, 58, .88);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, .045),
            rgba(37, 216, 244, .012)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 138px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-green),
            var(--gs360diag-cyan),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(37, 216, 244, .18);

    border-radius: 14px;

    background:
        radial-gradient(
            circle,
            rgba(37, 216, 244, .06),
            transparent 68%
        );

    color: #94d5dc;

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

    text-align: center;
}

#diagnostico-refacciones-xbox-360 .gs360diag-principle-copy {
    min-width: 0;
}

#diagnostico-refacciones-xbox-360 .gs360diag-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#diagnostico-refacciones-xbox-360 .gs360diag-principle-copy span {
    display: block;

    color: #7d917a;

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

#diagnostico-refacciones-xbox-360 .gs360diag-principle-state {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, .14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CADENA DE DIAGNÓSTICO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-chain {
    display: grid;

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

    gap: 8px;

    margin-bottom: 18px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-chain-card {
    --chain-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        16px 8px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, .82),
            rgba(2, 8, 3, .97)
        );

    text-align: center;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(2) {
    --chain-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(3) {
    --chain-color: #3587ff;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(4) {
    --chain-color: #8b5cf6;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(5) {
    --chain-color: #7cff3a;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(6) {
    --chain-color: #ffc857;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(7) {
    --chain-color: #ff9f43;
}

#diagnostico-refacciones-xbox-360
.gs360diag-chain-card:nth-child(8) {
    --chain-color: #52e000;
}

#diagnostico-refacciones-xbox-360 .gs360diag-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 48px;
    height: 2px;

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

#diagnostico-refacciones-xbox-360 .gs360diag-chain-num {
    display: block;

    margin-bottom: 5px;

    color:
        var(--chain-color);

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

#diagnostico-refacciones-xbox-360 .gs360diag-chain-title {
    display: block;

    color: #d9ead4;

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

#diagnostico-refacciones-xbox-360 .gs360diag-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71816f;

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


/* =========================================================
   CABECERAS INTERNAS
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-section-title {
    margin: 0;

    color: #efffeb;

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

#diagnostico-refacciones-xbox-360 .gs360diag-section-copy {
    max-width: 870px;

    margin:
        8px 0 0;

    color: #81927f;

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

#diagnostico-refacciones-xbox-360 .gs360diag-section-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

    border:
        1px solid rgba(37, 216, 244, .13);

    border-radius: 999px;

    color: #85bac0;

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


/* =========================================================
   QUÉ SE DIAGNOSTICA
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-review {
    position: relative;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, .05),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .90),
            rgba(2, 8, 3, .98)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-review::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 205px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-green),
            var(--gs360diag-cyan),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-review-grid {
    display: grid;

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

    gap: 9px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-review-card {
    --review-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 12px;

    background:
        rgba(3, 12, 3, .58);
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(2) {
    --review-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(3) {
    --review-color: #3587ff;
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(4) {
    --review-color: #8b5cf6;
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(5) {
    --review-color: #7cff3a;
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(6) {
    --review-color: #ffc857;
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(7) {
    --review-color: #ff9f43;
}

#diagnostico-refacciones-xbox-360
.gs360diag-review-card:nth-child(8) {
    --review-color: #ff637d;
}

#diagnostico-refacciones-xbox-360 .gs360diag-review-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#diagnostico-refacciones-xbox-360 .gs360diag-review-code {
    display: block;

    margin-bottom: 7px;

    color:
        var(--review-color);

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

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-review-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#diagnostico-refacciones-xbox-360 .gs360diag-review-copy {
    display: block;

    color: #748371;

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


/* =========================================================
   POLÍTICA DE DIAGNÓSTICO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-policy {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .12);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(37, 216, 244, .045),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 18, .38),
            rgba(2, 8, 3, .97)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-policy::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-cyan),
            var(--gs360diag-green),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-policy-grid {
    display: grid;

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

    gap: 10px;

    margin-top: 17px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-policy-card {
    --policy-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        19px 17px;

    border:
        1px solid rgba(82, 224, 0, .085);

    border-radius: 13px;

    background:
        rgba(3, 12, 3, .46);
}

#diagnostico-refacciones-xbox-360
.gs360diag-policy-card:nth-child(2) {
    --policy-color: #ffc857;

    border-color:
        rgba(255, 200, 87, .085);

    background:
        rgba(18, 14, 3, .28);
}

#diagnostico-refacciones-xbox-360
.gs360diag-policy-card:nth-child(3) {
    --policy-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, .085);

    background:
        rgba(3, 13, 14, .36);
}

#diagnostico-refacciones-xbox-360 .gs360diag-policy-index {
    display: inline-grid;
    place-items: center;

    width: 42px;
    height: 42px;

    margin-bottom: 12px;

    border:
        1px solid var(--policy-color);

    border-radius: 10px;

    color:
        var(--policy-color);

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

    box-shadow:
        0 0 14px rgba(82, 224, 0, .06);
}

#diagnostico-refacciones-xbox-360 .gs360diag-policy-card strong {
    display: block;

    margin-bottom: 7px;

    color:
        var(--policy-color);

    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

#diagnostico-refacciones-xbox-360 .gs360diag-policy-card p {
    margin: 0;

    color: #778875;

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

#diagnostico-refacciones-xbox-360
.gs360diag-policy-card:nth-child(2) p {
    color: #8d846d;
}

#diagnostico-refacciones-xbox-360
.gs360diag-policy-card:nth-child(3) p {
    color: #75898b;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-analysis-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(430px, .92fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-analysis {
    position: relative;

    min-width: 0;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .90),
            rgba(2, 8, 3, .97)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-analysis::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 150px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-green),
            var(--gs360diag-cyan),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-checks {
    display: grid;

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

    gap: 8px;

    margin-top: 18px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-check {
    --check-color: #52e000;

    min-width: 0;

    padding:
        14px 12px;

    border:
        1px solid rgba(82, 224, 0, .065);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, .52);
}

#diagnostico-refacciones-xbox-360
.gs360diag-check:nth-child(2) {
    --check-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-check:nth-child(3) {
    --check-color: #3587ff;
}

#diagnostico-refacciones-xbox-360
.gs360diag-check:nth-child(4) {
    --check-color: #8b5cf6;
}

#diagnostico-refacciones-xbox-360
.gs360diag-check:nth-child(5) {
    --check-color: #ffc857;
}

#diagnostico-refacciones-xbox-360
.gs360diag-check:nth-child(6) {
    --check-color: #7cff3a;
}

#diagnostico-refacciones-xbox-360 .gs360diag-check strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--check-color);

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-check span {
    display: block;

    color: #71816f;

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


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

#diagnostico-refacciones-xbox-360 .gs360diag-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .14);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(37, 216, 244, .07),
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 78%,
            rgba(82, 224, 0, .028),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4, 14, 17, .74),
            rgba(2, 8, 3, .98)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .25;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, .03) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .025) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-head {
    position: relative;
    z-index: 20;

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

    gap:
        10px 14px;

    margin-bottom: 14px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-code {
    flex:
        1 1 230px;

    min-width: 0;

    color: #98d6dd;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-state {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    max-width: 100%;

    padding:
        6px 10px;

    border:
        1px solid rgba(82, 224, 0, .15);

    border-radius: 999px;

    background:
        rgba(4, 16, 4, .52);

    color: #9fd18f;

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

    white-space: nowrap;
}


/* =========================================================
   HUD SCREEN
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-hud-screen {
    position: relative;
    z-index: 3;

    min-height: 625px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    padding:
        25px 18px 18px;

    border:
        1px solid rgba(37, 216, 244, .075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(37, 216, 244, .08),
            transparent 44%
        ),
        linear-gradient(
            180deg,
            rgba(2, 6, 8, .90),
            rgba(2, 9, 3, .76)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .31;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, .024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .025) 1px,
            transparent 1px
        );

    background-size:
        31px 31px;

    -webkit-mask-image:
        radial-gradient(
            circle at 50% 35%,
            #000,
            transparent 73%
        );

    mask-image:
        radial-gradient(
            circle at 50% 35%,
            #000,
            transparent 73%
        );
}


/* =========================================================
   MAPA DE DIAGNÓSTICO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-map {
    position: relative;
    z-index: 8;

    width:
        min(
            400px,
            94%
        );

    aspect-ratio:
        1 / 1;

    display: grid;
    place-items: center;

    margin:
        0 auto 26px;
}


/* ANILLO EXTERIOR */

#diagnostico-refacciones-xbox-360 .gs360diag-ring-a {
    position: absolute;

    inset: 0;

    border:
        1px dashed rgba(37, 216, 244, .15);

    border-radius: 50%;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(37, 216, 244, .30) 0deg 1deg,
            transparent 1deg 10deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0 47%,
            #000 47.5% 50%,
            transparent 50.5%
        );

    animation:
        gs360diag-ring-a
        24s linear infinite;
}

@keyframes gs360diag-ring-a {
    from {
        transform: rotate(0deg);
    }

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


/* ANILLO INTERIOR */

#diagnostico-refacciones-xbox-360 .gs360diag-ring-b {
    position: absolute;

    inset: 38px;

    border:
        1px solid rgba(82, 224, 0, .16);

    border-radius: 50%;

    animation:
        gs360diag-ring-b
        34s linear infinite reverse;
}

#diagnostico-refacciones-xbox-360 .gs360diag-ring-b::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -6px;

    width: 11px;
    height: 11px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360diag-green);

    box-shadow:
        0 0 12px rgba(82, 224, 0, .76);
}

#diagnostico-refacciones-xbox-360 .gs360diag-ring-b::after {
    content: "";

    position: absolute;

    right: 14%;
    bottom: 11%;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        var(--gs360diag-cyan);

    box-shadow:
        0 0 10px rgba(37, 216, 244, .70);
}

@keyframes gs360diag-ring-b {
    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   NÚCLEO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-core {
    position: absolute;

    z-index: 12;

    width: 138px;
    height: 138px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, .30);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, .12),
            rgba(2, 8, 3, .94) 68%
        );

    box-shadow:
        0 0 34px rgba(82, 224, 0, .09);

    animation:
        gs360diag-core-pulse
        2.6s ease-in-out infinite;
}

#diagnostico-refacciones-xbox-360 .gs360diag-core::before {
    content: "";

    position: absolute;

    inset: 14px;

    border:
        1px dashed rgba(37, 216, 244, .17);

    border-radius: 50%;
}

#diagnostico-refacciones-xbox-360 .gs360diag-core-copy {
    position: relative;
    z-index: 3;

    text-align: center;
}

#diagnostico-refacciones-xbox-360 .gs360diag-core-copy strong {
    display: block;

    color:
        var(--gs360diag-green2);

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-core-copy span {
    display: block;

    margin-top: 4px;

    color: #72836f;

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

@keyframes gs360diag-core-pulse {
    0%,
    100% {
        transform:
            scale(1);

        box-shadow:
            0 0 22px rgba(82, 224, 0, .07);
    }

    50% {
        transform:
            scale(1.035);

        box-shadow:
            0 0 42px rgba(82, 224, 0, .18);
    }
}


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

#diagnostico-refacciones-xbox-360 .gs360diag-orbital-node {
    --orbital-color: #25d8f4;

    position: absolute;

    z-index: 11;

    width: 75px;
    min-height: 44px;

    display: grid;
    place-items: center;

    padding:
        7px;

    border:
        1px solid var(--orbital-color);

    border-radius: 9px;

    background:
        rgba(3, 10, 8, .92);

    color:
        var(--orbital-color);

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

    text-align: center;

    text-transform: uppercase;

    box-shadow:
        0 0 14px rgba(37, 216, 244, .05);
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--a {
    left: 4%;
    top: 18%;

    --orbital-color: #52e000;

    animation:
        gs360diag-node-a
        5.4s ease-in-out infinite;
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--b {
    right: 4%;
    top: 19%;

    --orbital-color: #25d8f4;

    animation:
        gs360diag-node-b
        5.8s ease-in-out infinite;
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--c {
    left: 5%;
    bottom: 17%;

    --orbital-color: #8b5cf6;

    animation:
        gs360diag-node-a
        6.2s ease-in-out infinite reverse;
}

#diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--d {
    right: 5%;
    bottom: 17%;

    --orbital-color: #ffc857;

    animation:
        gs360diag-node-b
        6.4s ease-in-out infinite reverse;
}

@keyframes gs360diag-node-a {
    0%,
    100% {
        transform:
            translateY(0);
    }

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

@keyframes gs360diag-node-b {
    0%,
    100% {
        transform:
            translateY(0);
    }

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


/* =========================================================
   DATOS ANIMADOS
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-data {
    position: absolute;
    inset: 0;

    pointer-events: none;
}

#diagnostico-refacciones-xbox-360 .gs360diag-data span {
    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 2px;

    opacity: 0;

    box-shadow:
        0 0 8px currentColor;
}

#diagnostico-refacciones-xbox-360
.gs360diag-data span:nth-child(1) {
    left: 21%;
    top: 29%;

    color:
        var(--gs360diag-green);

    background:
        currentColor;

    animation:
        gs360diag-data-a
        3.6s linear infinite;
}

#diagnostico-refacciones-xbox-360
.gs360diag-data span:nth-child(2) {
    right: 21%;
    top: 30%;

    color:
        var(--gs360diag-cyan);

    background:
        currentColor;

    animation:
        gs360diag-data-b
        3.8s linear infinite;

    animation-delay:
        .7s;
}

#diagnostico-refacciones-xbox-360
.gs360diag-data span:nth-child(3) {
    left: 22%;
    bottom: 28%;

    color:
        var(--gs360diag-violet);

    background:
        currentColor;

    animation:
        gs360diag-data-c
        4s linear infinite;

    animation-delay:
        1.1s;
}

#diagnostico-refacciones-xbox-360
.gs360diag-data span:nth-child(4) {
    right: 22%;
    bottom: 29%;

    color:
        var(--gs360diag-yellow);

    background:
        currentColor;

    animation:
        gs360diag-data-d
        4.2s linear infinite;

    animation-delay:
        1.6s;
}

@keyframes gs360diag-data-a {
    0% {
        transform:
            translate(-30px, -20px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translate(85px, 78px);

        opacity: 0;
    }
}

@keyframes gs360diag-data-b {
    0% {
        transform:
            translate(30px, -20px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translate(-85px, 78px);

        opacity: 0;
    }
}

@keyframes gs360diag-data-c {
    0% {
        transform:
            translate(-30px, 20px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translate(85px, -78px);

        opacity: 0;
    }
}

@keyframes gs360diag-data-d {
    0% {
        transform:
            translate(30px, 20px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translate(-85px, -78px);

        opacity: 0;
    }
}


/* =========================================================
   ÍNDICES HUD
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-index {
    position: absolute;

    z-index: 15;

    color:
        rgba(124, 255, 58, .50);

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

    letter-spacing: .06em;
}

#diagnostico-refacciones-xbox-360 .gs360diag-index--a {
    left: 3%;
    top: 8%;
}

#diagnostico-refacciones-xbox-360 .gs360diag-index--b {
    right: 3%;
    top: 48%;
}

#diagnostico-refacciones-xbox-360 .gs360diag-index--c {
    left: 7%;
    bottom: 7%;
}


/* =========================================================
   RUTA HUD
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-hud-route {
    position: relative;
    z-index: 18;

    display: grid;

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

    gap: 8px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-node {
    --node-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        12px 8px;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 9px;

    background:
        rgba(4, 8, 5, .80);

    text-align: center;
}

#diagnostico-refacciones-xbox-360
.gs360diag-hud-node:nth-child(2) {
    --node-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-hud-node:nth-child(3) {
    --node-color: #ffc857;
}

#diagnostico-refacciones-xbox-360
.gs360diag-hud-node:nth-child(4) {
    --node-color: #7cff3a;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 9px;
    height: 9px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #061007;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--node-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-node span {
    display: block;

    color: #727c70;

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


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-hud-equation {
    position: relative;
    z-index: 18;

    margin-top: 12px;

    padding:
        11px;

    border:
        1px solid rgba(82, 224, 0, .09);

    border-radius: 9px;

    background:
        rgba(4, 15, 4, .46);

    color: #81947c;

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

    text-align: center;
}

#diagnostico-refacciones-xbox-360 .gs360diag-hud-equation strong {
    color: #bff4ac;
}


/* =========================================================
   REFACCIONES
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-parts {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 83% 13%,
            rgba(82, 224, 0, .045),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .88),
            rgba(2, 8, 3, .97)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-parts::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-green),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-parts-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-part-card {
    --part-color: #52e000;

    min-width: 0;

    padding:
        18px 15px;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, .52);
}

#diagnostico-refacciones-xbox-360
.gs360diag-part-card:nth-child(2) {
    --part-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-part-card:nth-child(3) {
    --part-color: #ffc857;
}

#diagnostico-refacciones-xbox-360
.gs360diag-part-card:nth-child(4) {
    --part-color: #8b5cf6;
}

#diagnostico-refacciones-xbox-360 .gs360diag-part-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--part-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#diagnostico-refacciones-xbox-360 .gs360diag-part-card span {
    display: block;

    color: #758473;

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


/* =========================================================
   REFACCIONES — AVISO LEGAL/TÉCNICO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-parts-note {
    display: grid;

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

    gap: 12px;

    align-items: center;

    margin-top: 12px;

    padding:
        15px;

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

    border-radius: 11px;

    background:
        rgba(19, 15, 4, .24);
}

#diagnostico-refacciones-xbox-360 .gs360diag-parts-note-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

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

    border-radius: 9px;

    color: #efd58b;

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

#diagnostico-refacciones-xbox-360 .gs360diag-parts-note-copy {
    color: #8e856e;

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

#diagnostico-refacciones-xbox-360 .gs360diag-parts-note-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#diagnostico-refacciones-xbox-360 .gs360diag-parts-note-state {
    color: #baa970;

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

    text-transform: uppercase;
}


/* =========================================================
   VIABILIDAD
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-viability {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

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

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 13%,
            rgba(255, 200, 87, .035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(18, 14, 4, .30),
            rgba(2, 8, 3, .97)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-viability::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-yellow),
            var(--gs360diag-green),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-viability-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-viability-card {
    --viability-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        18px 15px;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, .46);
}

#diagnostico-refacciones-xbox-360
.gs360diag-viability-card:nth-child(2) {
    --viability-color: #ffc857;

    border-color:
        rgba(255, 200, 87, .075);

    background:
        rgba(18, 14, 3, .25);
}

#diagnostico-refacciones-xbox-360
.gs360diag-viability-card:nth-child(3) {
    --viability-color: #ff9f43;

    border-color:
        rgba(255, 159, 67, .075);
}

#diagnostico-refacciones-xbox-360
.gs360diag-viability-card:nth-child(4) {
    --viability-color: #ff637d;

    border-color:
        rgba(255, 99, 125, .08);

    background:
        rgba(20, 5, 8, .24);
}

#diagnostico-refacciones-xbox-360 .gs360diag-viability-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--viability-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#diagnostico-refacciones-xbox-360 .gs360diag-viability-card span {
    display: block;

    color: #7a8373;

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


/* =========================================================
   PRESUPUESTO Y AUTORIZACIÓN
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-budget {
    position: relative;

    margin-top: 18px;

    padding:
        24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(37, 216, 244, .038),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 17, .34),
            rgba(2, 8, 3, .97)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-budget::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 190px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-cyan),
            var(--gs360diag-green),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-budget-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-budget-card {
    --budget-color: #25d8f4;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(37, 216, 244, .075);

    border-radius: 11px;

    background:
        rgba(3, 13, 14, .38);
}

#diagnostico-refacciones-xbox-360
.gs360diag-budget-card:nth-child(2) {
    --budget-color: #52e000;
}

#diagnostico-refacciones-xbox-360
.gs360diag-budget-card:nth-child(3) {
    --budget-color: #7cff3a;
}

#diagnostico-refacciones-xbox-360
.gs360diag-budget-card:nth-child(4) {
    --budget-color: #ffc857;
}

#diagnostico-refacciones-xbox-360 .gs360diag-budget-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--budget-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#diagnostico-refacciones-xbox-360 .gs360diag-budget-card span {
    display: block;

    color: #758684;

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


/* =========================================================
   GARANTÍA
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-warranty {
    position: relative;

    margin-top: 18px;

    padding:
        26px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .15);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(82, 224, 0, .075),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 25, 7, .93),
            rgba(2, 8, 3, .98)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 230px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360diag-green2),
            var(--gs360diag-cyan),
            transparent
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-layout {
    display: grid;

    grid-template-columns:
        minmax(250px, .35fr)
        minmax(0, .65fr);

    gap: 22px;

    align-items: stretch;
}


/* =========================================================
   SELLO 90 DÍAS
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-badge {
    position: relative;

    min-height: 300px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .10);

    border-radius: 16px;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, .10),
            transparent 54%
        ),
        rgba(3, 13, 3, .42);
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-ring {
    position: absolute;

    width: 210px;
    height: 210px;

    border:
        1px dashed rgba(82, 224, 0, .24);

    border-radius: 50%;

    animation:
        gs360diag-warranty-spin
        26s linear infinite;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-ring::before {
    content: "";

    position: absolute;

    inset: 20px;

    border:
        1px solid rgba(37, 216, 244, .14);

    border-radius: 50%;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-ring::after {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 10px;
    height: 10px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360diag-green2);

    box-shadow:
        0 0 12px rgba(124, 255, 58, .70);
}

@keyframes gs360diag-warranty-spin {
    from {
        transform: rotate(0deg);
    }

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

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-center {
    position: relative;
    z-index: 5;

    text-align: center;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-days {
    display: block;

    color:
        var(--gs360diag-green2);

    font-size:
        clamp(
            49px,
            5vw,
            68px
        );

    line-height: .95;
    font-weight: 700;

    letter-spacing: -.05em;

    text-shadow:
        0 0 24px rgba(82, 224, 0, .16);
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-word {
    display: block;

    margin-top: 8px;

    color: #bcecad;

    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-paper {
    display: block;

    margin-top: 7px;

    color: #748a70;

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


/* =========================================================
   GARANTÍA — CONTENIDO
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-content {
    min-width: 0;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-title {
    margin:
        5px 0 8px;

    color: #efffeb;

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

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-copy {
    max-width: 800px;

    margin: 0;

    color: #81927f;

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

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-grid {
    display: grid;

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

    gap: 9px;

    margin-top: 17px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-card {
    --warranty-color: #52e000;

    min-width: 0;

    padding:
        15px 13px;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, .46);
}

#diagnostico-refacciones-xbox-360
.gs360diag-warranty-card:nth-child(2) {
    --warranty-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-warranty-card:nth-child(3) {
    --warranty-color: #7cff3a;
}

#diagnostico-refacciones-xbox-360
.gs360diag-warranty-card:nth-child(4) {
    --warranty-color: #ffc857;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-card strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--warranty-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warranty-card span {
    display: block;

    color: #748371;

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


/* =========================================================
   REFERENCIA LEGAL
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-law {
    display: grid;

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

    gap: 12px;

    align-items: start;

    margin-top: 13px;

    padding:
        14px;

    border:
        1px solid rgba(37, 216, 244, .09);

    border-radius: 10px;

    background:
        rgba(3, 13, 14, .26);
}

#diagnostico-refacciones-xbox-360 .gs360diag-law-code {
    display: inline-grid;
    place-items: center;

    min-width: 45px;
    height: 35px;

    padding:
        0 7px;

    border:
        1px solid rgba(37, 216, 244, .17);

    border-radius: 8px;

    color: #8fcbd2;

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

#diagnostico-refacciones-xbox-360 .gs360diag-law-copy {
    color: #75888a;

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

#diagnostico-refacciones-xbox-360 .gs360diag-law-copy strong {
    color: #a8c6c9;

    font-weight: 600;
}


/* =========================================================
   REGLAS
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-rules {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-rule {
    --rule-color: #52e000;

    position: relative;

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

    padding:
        17px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 19, 6, .78),
            rgba(2, 8, 3, .96)
        );
}

#diagnostico-refacciones-xbox-360
.gs360diag-rule:nth-child(2) {
    --rule-color: #25d8f4;
}

#diagnostico-refacciones-xbox-360
.gs360diag-rule:nth-child(3) {
    --rule-color: #ffc857;
}

#diagnostico-refacciones-xbox-360
.gs360diag-rule:nth-child(4) {
    --rule-color: #ff637d;
}

#diagnostico-refacciones-xbox-360 .gs360diag-rule::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#diagnostico-refacciones-xbox-360 .gs360diag-rule-code {
    display: block;

    margin-bottom: 6px;

    color:
        var(--rule-color);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-rule-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#diagnostico-refacciones-xbox-360 .gs360diag-rule-copy {
    display: block;

    color: #71816f;

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


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#diagnostico-refacciones-xbox-360 .gs360diag-warning {
    display: grid;

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

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

    border:
        1px solid rgba(255, 99, 125, .11);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 99, 125, .022),
            rgba(255, 159, 67, .010)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-warning-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(255, 99, 125, .18);

    border-radius: 9px;

    color: #e9a1ad;

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

#diagnostico-refacciones-xbox-360 .gs360diag-warning-copy {
    color: #96787c;

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

#diagnostico-refacciones-xbox-360 .gs360diag-warning-copy strong {
    color: #e7bdc3;

    font-weight: 600;
}

#diagnostico-refacciones-xbox-360 .gs360diag-warning-state {
    flex-shrink: 0;

    color: #c18d96;

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

    text-transform: uppercase;
}


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

#diagnostico-refacciones-xbox-360 .gs360diag-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, .94),
            rgba(2, 7, 3, .98)
        );
}

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, .08);

    background:
        rgba(5, 17, 5, .72);
}

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-dots {
    display: flex;

    gap: 6px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#diagnostico-refacciones-xbox-360
.gs360diag-terminal-dots span:nth-child(1) {
    background:
        var(--gs360diag-red);
}

#diagnostico-refacciones-xbox-360
.gs360diag-terminal-dots span:nth-child(2) {
    background:
        var(--gs360diag-yellow);
}

#diagnostico-refacciones-xbox-360
.gs360diag-terminal-dots span:nth-child(3) {
    background:
        var(--gs360diag-green);
}

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-name {
    color: #657762;

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

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#diagnostico-refacciones-xbox-360
.gs360diag-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, .06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, .50);

    color: #71816f;

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

#diagnostico-refacciones-xbox-360 .gs360diag-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, .12);

    border-radius: 9px;

    color: #96c487;

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

#diagnostico-refacciones-xbox-360
.gs360diag-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360diag-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .48);
}


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

#diagnostico-refacciones-xbox-360 .gs360diag-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

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

    text-transform: uppercase;
}

#diagnostico-refacciones-xbox-360 .gs360diag-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#diagnostico-refacciones-xbox-360
.gs360diag-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360diag-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #diagnostico-refacciones-xbox-360 .gs360diag-review-card,
    #diagnostico-refacciones-xbox-360 .gs360diag-policy-card,
    #diagnostico-refacciones-xbox-360 .gs360diag-part-card,
    #diagnostico-refacciones-xbox-360 .gs360diag-viability-card,
    #diagnostico-refacciones-xbox-360 .gs360diag-budget-card,
    #diagnostico-refacciones-xbox-360 .gs360diag-rule {
        transition:
            transform .22s ease,
            border-color .22s ease;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-review-card:hover,
    #diagnostico-refacciones-xbox-360 .gs360diag-policy-card:hover,
    #diagnostico-refacciones-xbox-360 .gs360diag-part-card:hover,
    #diagnostico-refacciones-xbox-360 .gs360diag-viability-card:hover,
    #diagnostico-refacciones-xbox-360 .gs360diag-budget-card:hover,
    #diagnostico-refacciones-xbox-360 .gs360diag-rule:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, .18);
    }
}


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

@media (max-width: 1024px) {

    #diagnostico-refacciones-xbox-360 .gs360diag-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-status {
        max-width: 650px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-review-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-policy-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-analysis-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-hud {
        max-width: 820px;

        width: 100%;

        margin:
            0 auto;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-parts-grid,
    #diagnostico-refacciones-xbox-360 .gs360diag-viability-grid,
    #diagnostico-refacciones-xbox-360 .gs360diag-budget-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-warranty-layout {
        grid-template-columns:
            minmax(220px, .33fr)
            minmax(0, .67fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-rules {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #diagnostico-refacciones-xbox-360 {
        overflow: hidden;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-grid {
        opacity: .17;

        background-size:
            32px 32px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-orbit,
    #diagnostico-refacciones-xbox-360 .gs360diag-scan {
        display: none;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-heading {
        display: block;

        margin-bottom: 28px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-principle-state {
        width: fit-content;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-review,
    #diagnostico-refacciones-xbox-360 .gs360diag-policy,
    #diagnostico-refacciones-xbox-360 .gs360diag-analysis,
    #diagnostico-refacciones-xbox-360 .gs360diag-hud,
    #diagnostico-refacciones-xbox-360 .gs360diag-parts,
    #diagnostico-refacciones-xbox-360 .gs360diag-viability,
    #diagnostico-refacciones-xbox-360 .gs360diag-budget,
    #diagnostico-refacciones-xbox-360 .gs360diag-warranty {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-section-state {
        width: fit-content;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-review-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-policy-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-checks {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-hud-code,
    #diagnostico-refacciones-xbox-360 .gs360diag-hud-state {
        flex:
            1 1 100%;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-hud-state {
        width: fit-content;

        white-space: normal;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-hud-screen {
        min-height: 0;

        padding:
            20px 10px 14px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-map {
        width:
            min(
                330px,
                96%
            );
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-ring-a {
        animation-duration: 32s;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-ring-b {
        animation-duration: 41s;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-parts-grid,
    #diagnostico-refacciones-xbox-360 .gs360diag-viability-grid,
    #diagnostico-refacciones-xbox-360 .gs360diag-budget-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-parts-note {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-parts-note-state {
        width: fit-content;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-warranty-layout {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-warranty-badge {
        min-height: 260px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-warranty-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-rules {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-warning-state {
        width: fit-content;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-terminal-state {
        width: fit-content;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #diagnostico-refacciones-xbox-360 .gs360diag-shell {
        width:
            calc(100% - 24px);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-chain,
    #diagnostico-refacciones-xbox-360 .gs360diag-review-grid,
    #diagnostico-refacciones-xbox-360 .gs360diag-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-review,
    #diagnostico-refacciones-xbox-360 .gs360diag-policy,
    #diagnostico-refacciones-xbox-360 .gs360diag-analysis,
    #diagnostico-refacciones-xbox-360 .gs360diag-hud,
    #diagnostico-refacciones-xbox-360 .gs360diag-parts,
    #diagnostico-refacciones-xbox-360 .gs360diag-viability,
    #diagnostico-refacciones-xbox-360 .gs360diag-budget,
    #diagnostico-refacciones-xbox-360 .gs360diag-warranty {
        padding-left: 12px;
        padding-right: 12px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-hud-screen {
        min-height: 0;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-map {
        width: 285px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-core {
        width: 110px;
        height: 110px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-orbital-node {
        width: auto;

        padding:
            9px 7px;

        font-size: 10px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-index {
        display: none;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-law {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-law-code {
        width: fit-content;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-terminal-route {
        display: grid;

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


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */


@media (max-width: 560px) {

    #diagnostico-refacciones-xbox-360 .gs360diag-hud-screen {
        min-height: 0 !important;
        justify-content: flex-start;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-map {
        width: 100%;
        max-width: 330px;
        aspect-ratio: auto;

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

        gap: 8px;

        margin:
            0 auto 18px;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-ring-a,
    #diagnostico-refacciones-xbox-360 .gs360diag-ring-b,
    #diagnostico-refacciones-xbox-360 .gs360diag-data,
    #diagnostico-refacciones-xbox-360 .gs360diag-index {
        display: none !important;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-core {
        position: relative;

        grid-column:
            1 / -1;

        width: 122px;
        height: 122px;

        margin:
            0 auto 7px;

        animation:
            gs360diag-core-pulse
            2.6s ease-in-out infinite;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-orbital-node,
    #diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--a,
    #diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--b,
    #diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--c,
    #diagnostico-refacciones-xbox-360 .gs360diag-orbital-node--d {
        position: relative;

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

        width: auto;
        min-height: 52px;

        padding:
            9px 7px;

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

        animation: none;
        transform: none;
    }
}

@media (max-width: 340px) {

    #diagnostico-refacciones-xbox-360 .gs360diag-map {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-core {
        grid-column:
            1;
    }
}

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

    #diagnostico-refacciones-xbox-360,
    #diagnostico-refacciones-xbox-360 *,
    #diagnostico-refacciones-xbox-360 *::before,
    #diagnostico-refacciones-xbox-360 *::after {
        scroll-behavior:
            auto !important;

        animation:
            none !important;

        transition:
            none !important;
    }

    #diagnostico-refacciones-xbox-360 .gs360diag-scan {
        display:
            none !important;
    }
}


/* ===== Proceso Servicio Xbox 360 ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — PROCESO DE SERVICIO
   CSS ID: proceso-servicio-xbox-360
   PREFIX: gs360proc-
   ========================================================= */

#proceso-servicio-xbox-360 {
    --gs360proc-bg: #020502;
    --gs360proc-bg2: #061007;

    --gs360proc-green: #52e000;
    --gs360proc-green2: #7cff3a;
    --gs360proc-green3: #a6ff82;

    --gs360proc-cyan: #25d8f4;
    --gs360proc-blue: #3587ff;
    --gs360proc-violet: #8b5cf6;

    --gs360proc-yellow: #ffc857;
    --gs360proc-orange: #ff9f43;
    --gs360proc-red: #ff637d;

    --gs360proc-white: #f4fff1;
    --gs360proc-text: #edf7ec;
    --gs360proc-muted: #93a892;
    --gs360proc-muted2: #71816f;

    position: relative;

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

    overflow: hidden;

    color: var(--gs360proc-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(82, 224, 0, .085),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 19%,
            rgba(37, 216, 244, .038),
            transparent 30%
        ),
        radial-gradient(
            circle at 77% 85%,
            rgba(139, 92, 246, .025),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

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

#proceso-servicio-xbox-360 *,
#proceso-servicio-xbox-360 *::before,
#proceso-servicio-xbox-360 *::after {
    box-sizing: border-box;

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


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

#proceso-servicio-xbox-360 .gs360proc-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, .038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-orbit {
    position: absolute;

    right: -330px;
    top: 1260px;

    width: 680px;
    height: 680px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, .04);

    border-radius: 50%;

    animation:
        gs360proc-orbit
        70s linear infinite;
}

#proceso-servicio-xbox-360 .gs360proc-orbit::before,
#proceso-servicio-xbox-360 .gs360proc-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#proceso-servicio-xbox-360 .gs360proc-orbit::before {
    inset: 104px;

    border:
        1px dashed rgba(37, 216, 244, .05);
}

#proceso-servicio-xbox-360 .gs360proc-orbit::after {
    inset: 205px;

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

@keyframes gs360proc-orbit {
    from {
        transform: rotate(0deg);
    }

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


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

#proceso-servicio-xbox-360 .gs360proc-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#proceso-servicio-xbox-360 .gs360proc-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, .14),
            rgba(37, 216, 244, .17),
            rgba(139, 92, 246, .08),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, .08);

    animation:
        gs360proc-scan
        13s linear infinite;
}

@keyframes gs360proc-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: .28;
    }

    92% {
        opacity: .10;
    }

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


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

#proceso-servicio-xbox-360 .gs360proc-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#proceso-servicio-xbox-360 .gs360proc-heading-main {
    min-width: 0;
}

#proceso-servicio-xbox-360 .gs360proc-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, .19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, .035);

    color: #a8f78a;

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

    letter-spacing: .07em;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360proc-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, .68);
}

#proceso-servicio-xbox-360 .gs360proc-title {
    max-width: 1010px;

    margin: 0;

    color:
        var(--gs360proc-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

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

    letter-spacing: -.035em;
}

#proceso-servicio-xbox-360 .gs360proc-title span {
    color:
        var(--gs360proc-green2);
}

#proceso-servicio-xbox-360 .gs360proc-intro {
    max-width: 920px;

    margin:
        16px 0 0;

    color:
        var(--gs360proc-muted);

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


/* =========================================================
   ESTADO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, .025),
            rgba(4, 13, 5, .92)
        );
}

#proceso-servicio-xbox-360 .gs360proc-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#proceso-servicio-xbox-360 .gs360proc-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #90cbd1;

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

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360proc-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, .5);
}

#proceso-servicio-xbox-360 .gs360proc-status p {
    margin: 0;

    color: #7f999b;

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


/* =========================================================
   PRINCIPIO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-principle {
    position: relative;

    display: grid;

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

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, .045),
            rgba(37, 216, 244, .012)
        );
}

#proceso-servicio-xbox-360 .gs360proc-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 138px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-green),
            var(--gs360proc-cyan),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(37, 216, 244, .18);

    border-radius: 14px;

    background:
        radial-gradient(
            circle,
            rgba(37, 216, 244, .06),
            transparent 68%
        );

    color: #94d5dc;

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

    text-align: center;
}

#proceso-servicio-xbox-360 .gs360proc-principle-copy {
    min-width: 0;
}

#proceso-servicio-xbox-360 .gs360proc-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#proceso-servicio-xbox-360 .gs360proc-principle-copy span {
    display: block;

    color: #7d917a;

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

#proceso-servicio-xbox-360 .gs360proc-principle-state {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, .14);

    border-radius: 999px;

    color: #9dc890;

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


/* =========================================================
   CABECERAS INTERNAS
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-section-head {
    display: grid;

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

    gap: 16px;

    align-items: start;

    margin-bottom: 18px;
}

#proceso-servicio-xbox-360 .gs360proc-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

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

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-section-title {
    margin: 0;

    color: #efffeb;

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

#proceso-servicio-xbox-360 .gs360proc-section-copy {
    max-width: 870px;

    margin:
        8px 0 0;

    color: #81927f;

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

#proceso-servicio-xbox-360 .gs360proc-section-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

    border:
        1px solid rgba(37, 216, 244, .13);

    border-radius: 999px;

    color: #85bac0;

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


/* =========================================================
   PROCESO PRINCIPAL
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-process {
    position: relative;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, .05),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .90),
            rgba(2, 8, 3, .98)
        );
}

#proceso-servicio-xbox-360 .gs360proc-process::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 220px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-green),
            var(--gs360proc-cyan),
            transparent
        );
}


/* =========================================================
   LÍNEA DE PROCESO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-timeline {
    position: relative;

    display: grid;

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

    gap: 10px;

    margin-top: 8px;
}

#proceso-servicio-xbox-360 .gs360proc-step {
    --step-color: #52e000;

    position: relative;

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

    padding:
        18px 15px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(5, 17, 5, .72),
            rgba(2, 8, 3, .96)
        );
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(2) {
    --step-color: #7cff3a;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(3) {
    --step-color: #25d8f4;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(4) {
    --step-color: #3587ff;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(5) {
    --step-color: #8b5cf6;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(6) {
    --step-color: #ffc857;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(7) {
    --step-color: #52e000;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(8) {
    --step-color: #25d8f4;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(9) {
    --step-color: #7cff3a;
}

#proceso-servicio-xbox-360
.gs360proc-step:nth-child(10) {
    --step-color: #52e000;
}

#proceso-servicio-xbox-360 .gs360proc-step::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 78px;
    height: 2px;

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

#proceso-servicio-xbox-360 .gs360proc-step-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 11px;
}

#proceso-servicio-xbox-360 .gs360proc-step-num {
    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    border:
        1px solid var(--step-color);

    border-radius: 9px;

    color:
        var(--step-color);

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

    box-shadow:
        0 0 12px rgba(82, 224, 0, .05);
}

#proceso-servicio-xbox-360 .gs360proc-step-status {
    color:
        var(--step-color);

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

    letter-spacing: .05em;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-step-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#proceso-servicio-xbox-360 .gs360proc-step-copy {
    display: block;

    color: #748371;

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


/* =========================================================
   LOCAL / NACIONAL
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-entry-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   TARJETA LOCAL
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-local,
#proceso-servicio-xbox-360 .gs360proc-national {
    position: relative;

    min-width: 0;

    padding: 24px;

    overflow: hidden;

    border-radius: 19px;
}

#proceso-servicio-xbox-360 .gs360proc-local {
    border:
        1px solid rgba(82, 224, 0, .11);

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(82, 224, 0, .045),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .88),
            rgba(2, 8, 3, .97)
        );
}

#proceso-servicio-xbox-360 .gs360proc-local::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-green),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-national {
    border:
        1px solid rgba(37, 216, 244, .11);

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(37, 216, 244, .045),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 18, .36),
            rgba(2, 8, 3, .97)
        );
}

#proceso-servicio-xbox-360 .gs360proc-national::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-cyan),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-entry-icon {
    display: grid;
    place-items: center;

    width: 58px;
    height: 58px;

    margin-bottom: 14px;

    border-radius: 15px;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-local .gs360proc-entry-icon {
    border:
        1px solid rgba(82, 224, 0, .24);

    color:
        var(--gs360proc-green2);

    background:
        rgba(82, 224, 0, .035);
}

#proceso-servicio-xbox-360 .gs360proc-national .gs360proc-entry-icon {
    border:
        1px solid rgba(37, 216, 244, .24);

    color:
        var(--gs360proc-cyan);

    background:
        rgba(37, 216, 244, .035);
}

#proceso-servicio-xbox-360 .gs360proc-entry-title {
    margin:
        0 0 8px;

    color: #efffeb;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-entry-copy {
    margin: 0;

    color: #7f917d;

    font-size: 12px;
    line-height: 1.68;
}


/* =========================================================
   LISTAS LOCAL / NACIONAL
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-entry-list {
    display: grid;

    gap: 8px;

    margin-top: 17px;
}

#proceso-servicio-xbox-360 .gs360proc-entry-row {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr);

    gap: 10px;

    align-items: start;

    padding:
        12px;

    border:
        1px solid rgba(255, 255, 255, .05);

    border-radius: 9px;

    background:
        rgba(3, 11, 3, .42);
}

#proceso-servicio-xbox-360 .gs360proc-entry-dot {
    width: 7px;
    height: 7px;

    margin-top: 5px;

    border-radius: 50%;
}

#proceso-servicio-xbox-360 .gs360proc-local .gs360proc-entry-dot {
    background:
        var(--gs360proc-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .45);
}

#proceso-servicio-xbox-360 .gs360proc-national .gs360proc-entry-dot {
    background:
        var(--gs360proc-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, .45);
}

#proceso-servicio-xbox-360 .gs360proc-entry-row strong {
    display: block;

    margin-bottom: 3px;

    color: #cfe0cb;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}

#proceso-servicio-xbox-360 .gs360proc-entry-row span {
    display: block;

    color: #748371;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   DIRECCIÓN
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-address {
    margin-top: 13px;

    padding: 14px;

    border:
        1px solid rgba(82, 224, 0, .08);

    border-radius: 10px;

    background:
        rgba(4, 15, 4, .42);
}

#proceso-servicio-xbox-360 .gs360proc-address-label {
    display: block;

    margin-bottom: 5px;

    color:
        var(--gs360proc-green2);

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-address p {
    margin: 0;

    color: #81927f;

    font-size: 11px;
    line-height: 1.60;
}


/* =========================================================
   PAQUETERÍAS
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-carriers {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 13px;
}

#proceso-servicio-xbox-360 .gs360proc-carriers span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(37, 216, 244, .09);

    border-radius: 7px;

    background:
        rgba(3, 13, 14, .40);

    color: #7daeb3;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   GUÍA
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-guide {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr);

    gap: 12px;

    align-items: center;

    margin-top: 13px;

    padding: 14px;

    border:
        1px solid rgba(255, 200, 87, .10);

    border-radius: 10px;

    background:
        rgba(19, 15, 4, .24);
}

#proceso-servicio-xbox-360 .gs360proc-guide-price {
    display: grid;
    place-items: center;

    min-width: 92px;
    min-height: 62px;

    padding:
        8px;

    border:
        1px solid rgba(255, 200, 87, .17);

    border-radius: 10px;

    color:
        var(--gs360proc-yellow);

    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
}

#proceso-servicio-xbox-360 .gs360proc-guide-copy strong {
    display: block;

    margin-bottom: 4px;

    color: #e9deb7;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}

#proceso-servicio-xbox-360 .gs360proc-guide-copy span {
    display: block;

    color: #8e856e;

    font-size: 11px;
    line-height: 1.56;
}


/* =========================================================
   ENVÍO DE REGRESO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-return {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 13px;

    padding: 14px;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 10px;

    background:
        rgba(4, 16, 4, .46);
}

#proceso-servicio-xbox-360 .gs360proc-return-icon {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    border:
        1px solid rgba(82, 224, 0, .20);

    border-radius: 9px;

    color:
        var(--gs360proc-green2);

    font-size: 11px;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-return-copy {
    color: #7c9477;

    font-size: 11px;
    line-height: 1.58;
}

#proceso-servicio-xbox-360 .gs360proc-return-copy strong {
    color: #c9e9bf;
    font-weight: 600;
}

#proceso-servicio-xbox-360 .gs360proc-return-state {
    color:
        var(--gs360proc-green2);

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}


/* =========================================================
   HUD LOGÍSTICO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-logistics {
    position: relative;

    margin-top: 18px;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .12);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(37, 216, 244, .055),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 18, .38),
            rgba(2, 8, 3, .97)
        );
}

#proceso-servicio-xbox-360 .gs360proc-logistics::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 210px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-cyan),
            var(--gs360proc-green),
            transparent
        );
}


/* =========================================================
   MAPA LOGÍSTICO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-logistics-screen {
    position: relative;

    min-height: 390px;

    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .07);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(82, 224, 0, .055),
            transparent 36%
        ),
        rgba(2, 9, 4, .74);
}

#proceso-servicio-xbox-360 .gs360proc-logistics-screen::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .22;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, .025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, .025) 1px,
            transparent 1px
        );

    background-size: 30px 30px;
}


/* =========================================================
   LÍNEA CENTRAL
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-route-line {
    position: absolute;

    z-index: 3;

    left: 12%;
    right: 12%;
    top: 50%;

    height: 2px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, .15),
            rgba(37, 216, 244, .70),
            rgba(82, 224, 0, .80),
            rgba(82, 224, 0, .15)
        );

    box-shadow:
        0 0 10px rgba(37, 216, 244, .08);
}

#proceso-servicio-xbox-360 .gs360proc-route-line::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 100%;
    height: 40px;

    transform:
        translateY(-50%);

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 28px,
            rgba(37, 216, 244, .08) 28px 29px
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 8%,
            #000 92%,
            transparent
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 8%,
            #000 92%,
            transparent
        );
}


/* =========================================================
   ESTACIONES
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-route-node {
    --route-color: #25d8f4;

    position: absolute;

    z-index: 8;

    top: 50%;

    width: 146px;

    transform:
        translate(-50%, -50%);

    text-align: center;
}

#proceso-servicio-xbox-360 .gs360proc-route-node--a {
    left: 13%;
}

#proceso-servicio-xbox-360 .gs360proc-route-node--b {
    left: 37%;

    --route-color: #3587ff;
}

#proceso-servicio-xbox-360 .gs360proc-route-node--c {
    left: 63%;

    --route-color: #ffc857;
}

#proceso-servicio-xbox-360 .gs360proc-route-node--d {
    left: 87%;

    --route-color: #52e000;
}

#proceso-servicio-xbox-360 .gs360proc-route-dot {
    position: relative;

    width: 94px;
    height: 94px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin:
        0 auto 12px;

    padding:
        10px 11px;

    box-sizing: border-box;

    border:
        2px solid var(--route-color);

    border-radius: 50%;

    background:
        rgba(2, 9, 4, .94);

    color:
        var(--route-color);

    text-align: center;
    font-size: 7.6px;
    line-height: 1.30;
    font-weight: 700;
    letter-spacing: .01em;
    text-wrap: balance;

    box-shadow:
        0 0 20px rgba(37, 216, 244, .07);
}

#proceso-servicio-xbox-360 .gs360proc-route-dot::before {
    content: "";

    position: absolute;

    inset: -10px;

    border:
        1px dashed var(--route-color);

    border-radius: 50%;

    opacity: .20;

    animation:
        gs360proc-route-ring
        12s linear infinite;
}

#proceso-servicio-xbox-360 .gs360proc-route-node .gs360proc-route-dot {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
    text-align: center !important;
    white-space: normal !important;
}


@keyframes gs360proc-route-ring {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#proceso-servicio-xbox-360 .gs360proc-route-node strong {
    display: block;

    color:
        var(--route-color);

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-route-node > span:not(.gs360proc-route-dot) {
    display: block;

    margin-top: 3px;

    color: #6f8271;

    font-size: 9px;
    line-height: 1.40;
}


/* =========================================================
   PAQUETE EN MOVIMIENTO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-package {
    position: absolute;

    z-index: 12;

    left: 11%;
    top: 50%;

    width: 24px;
    height: 20px;

    transform:
        translate(-50%, -50%);

    border:
        1px solid var(--gs360proc-green2);

    border-radius: 4px;

    background:
        rgba(82, 224, 0, .13);

    box-shadow:
        0 0 12px rgba(82, 224, 0, .30);

    animation:
        gs360proc-package
        7s ease-in-out infinite;
}

#proceso-servicio-xbox-360 .gs360proc-package::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 0;

    width: 1px;
    height: 100%;

    background:
        rgba(124, 255, 58, .45);
}

#proceso-servicio-xbox-360 .gs360proc-package::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 50%;

    height: 1px;

    background:
        rgba(124, 255, 58, .35);
}

@keyframes gs360proc-package {
    0% {
        left: 11%;
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    46% {
        left: 49%;
        opacity: 1;
    }

    54% {
        left: 55%;
        opacity: .75;
    }

    92% {
        opacity: 1;
    }

    100% {
        left: 89%;
        opacity: 0;
    }
}


/* =========================================================
   PULSOS DE DATOS
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-route-pulse {
    position: absolute;

    z-index: 5;

    top: 50%;

    width: 7px;
    height: 7px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        var(--gs360proc-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, .65);

    opacity: 0;

    animation:
        gs360proc-route-pulse
        4.6s linear infinite;
}

#proceso-servicio-xbox-360
.gs360proc-route-pulse:nth-of-type(2) {
    animation-delay: 1.1s;
}

#proceso-servicio-xbox-360
.gs360proc-route-pulse:nth-of-type(3) {
    animation-delay: 2.2s;

    background:
        var(--gs360proc-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, .65);
}

@keyframes gs360proc-route-pulse {
    0% {
        left: 12%;
        opacity: 0;
    }

    12% {
        opacity: .9;
    }

    88% {
        opacity: .9;
    }

    100% {
        left: 88%;
        opacity: 0;
    }
}


/* =========================================================
   ESTADOS HUD
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-logistics-status {
    position: absolute;

    z-index: 8;

    left: 50%;

    transform:
        translateX(-50%);

    padding:
        6px 9px;

    border-radius: 999px;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-logistics-status--top {
    top: 17%;

    border:
        1px solid rgba(37, 216, 244, .12);

    color: #7ab9bf;

    background:
        rgba(3, 13, 14, .50);
}

#proceso-servicio-xbox-360 .gs360proc-logistics-status--bottom {
    bottom: 15%;

    border:
        1px solid rgba(82, 224, 0, .12);

    color: #8cbd80;

    background:
        rgba(4, 15, 4, .50);
}


/* =========================================================
   TIEMPOS
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-time {
    position: relative;

    margin-top: 18px;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(255, 200, 87, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(255, 200, 87, .035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(18, 14, 4, .30),
            rgba(2, 8, 3, .97)
        );
}

#proceso-servicio-xbox-360 .gs360proc-time::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-yellow),
            var(--gs360proc-green),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-time-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;

    margin-top: 17px;
}

#proceso-servicio-xbox-360 .gs360proc-time-card {
    --time-color: #ffc857;

    min-width: 0;

    padding:
        18px 15px;

    border:
        1px solid rgba(255, 200, 87, .075);

    border-radius: 11px;

    background:
        rgba(16, 12, 3, .34);
}

#proceso-servicio-xbox-360
.gs360proc-time-card:nth-child(2) {
    --time-color: #52e000;
}

#proceso-servicio-xbox-360
.gs360proc-time-card:nth-child(3) {
    --time-color: #25d8f4;
}

#proceso-servicio-xbox-360
.gs360proc-time-card:nth-child(4) {
    --time-color: #8b5cf6;
}

#proceso-servicio-xbox-360 .gs360proc-time-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--time-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-time-card span {
    display: block;

    color: #827e6d;

    font-size: 11px;
    line-height: 1.60;
}


/* =========================================================
   COMUNICACIÓN / PAGO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-control {
    position: relative;

    margin-top: 18px;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 83% 13%,
            rgba(82, 224, 0, .045),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .88),
            rgba(2, 8, 3, .97)
        );
}

#proceso-servicio-xbox-360 .gs360proc-control::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-green),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-control-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;

    margin-top: 17px;
}

#proceso-servicio-xbox-360 .gs360proc-control-card {
    --control-color: #52e000;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, .52);
}

#proceso-servicio-xbox-360
.gs360proc-control-card:nth-child(2) {
    --control-color: #25d8f4;
}

#proceso-servicio-xbox-360
.gs360proc-control-card:nth-child(3) {
    --control-color: #ffc857;
}

#proceso-servicio-xbox-360
.gs360proc-control-card:nth-child(4) {
    --control-color: #7cff3a;
}

#proceso-servicio-xbox-360 .gs360proc-control-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--control-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-control-card span {
    display: block;

    color: #758473;

    font-size: 11px;
    line-height: 1.60;
}


/* =========================================================
   PREPARACIÓN DE ENVÍO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-pack {
    position: relative;

    margin-top: 18px;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 83% 13%,
            rgba(139, 92, 246, .035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(11, 8, 20, .32),
            rgba(2, 8, 3, .97)
        );
}

#proceso-servicio-xbox-360 .gs360proc-pack::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-violet),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-pack-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;

    margin-top: 17px;
}

#proceso-servicio-xbox-360 .gs360proc-pack-card {
    --pack-color: #8b5cf6;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(139, 92, 246, .075);

    border-radius: 11px;

    background:
        rgba(9, 6, 17, .38);
}

#proceso-servicio-xbox-360
.gs360proc-pack-card:nth-child(2) {
    --pack-color: #25d8f4;
}

#proceso-servicio-xbox-360
.gs360proc-pack-card:nth-child(3) {
    --pack-color: #52e000;
}

#proceso-servicio-xbox-360
.gs360proc-pack-card:nth-child(4) {
    --pack-color: #ffc857;
}

#proceso-servicio-xbox-360 .gs360proc-pack-card strong {
    display: block;

    margin-bottom: 6px;

    color:
        var(--pack-color);

    font-size: 11px;
    line-height: 1.42;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-pack-card span {
    display: block;

    color: #7d7788;

    font-size: 11px;
    line-height: 1.60;
}


/* =========================================================
   GARANTÍA Y ENTREGA
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-delivery {
    position: relative;

    margin-top: 18px;

    padding: 25px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .14);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(82, 224, 0, .07),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(7, 24, 7, .92),
            rgba(2, 8, 3, .98)
        );
}

#proceso-servicio-xbox-360 .gs360proc-delivery::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 220px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360proc-green2),
            var(--gs360proc-cyan),
            transparent
        );
}

#proceso-servicio-xbox-360 .gs360proc-delivery-grid {
    display: grid;

    grid-template-columns:
        minmax(230px, .33fr)
        minmax(0, .67fr);

    gap: 22px;

    align-items: center;
}


/* =========================================================
   SELLO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-seal {
    position: relative;

    min-height: 250px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .09);

    border-radius: 16px;

    background:
        radial-gradient(
            circle,
            rgba(82, 224, 0, .09),
            transparent 55%
        ),
        rgba(3, 13, 3, .42);
}

#proceso-servicio-xbox-360 .gs360proc-seal-ring {
    position: absolute;

    width: 190px;
    height: 190px;

    border:
        1px dashed rgba(82, 224, 0, .24);

    border-radius: 50%;

    animation:
        gs360proc-seal-spin
        27s linear infinite;
}

#proceso-servicio-xbox-360 .gs360proc-seal-ring::before {
    content: "";

    position: absolute;

    inset: 20px;

    border:
        1px solid rgba(37, 216, 244, .14);

    border-radius: 50%;
}

#proceso-servicio-xbox-360 .gs360proc-seal-ring::after {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 10px;
    height: 10px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360proc-green2);

    box-shadow:
        0 0 12px rgba(124, 255, 58, .72);
}

@keyframes gs360proc-seal-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#proceso-servicio-xbox-360 .gs360proc-seal-copy {
    position: relative;
    z-index: 4;

    text-align: center;
}

#proceso-servicio-xbox-360 .gs360proc-seal-copy strong {
    display: block;

    color:
        var(--gs360proc-green2);

    font-size: 48px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: -.04em;
}

#proceso-servicio-xbox-360 .gs360proc-seal-copy span {
    display: block;

    margin-top: 7px;

    color: #bcecad;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    text-transform: uppercase;
}


/* =========================================================
   ENTREGA COPY
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-delivery-copy {
    min-width: 0;
}

#proceso-servicio-xbox-360 .gs360proc-delivery-title {
    margin:
        0 0 8px;

    color: #efffeb;

    font-size: 24px;
    line-height: 1.32;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-delivery-text {
    margin: 0;

    color: #81927f;

    font-size: 12px;
    line-height: 1.68;
}

#proceso-servicio-xbox-360 .gs360proc-delivery-items {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;

    margin-top: 16px;
}

#proceso-servicio-xbox-360 .gs360proc-delivery-item {
    min-width: 0;

    padding:
        14px 13px;

    border:
        1px solid rgba(82, 224, 0, .07);

    border-radius: 10px;

    background:
        rgba(3, 12, 3, .46);
}

#proceso-servicio-xbox-360 .gs360proc-delivery-item strong {
    display: block;

    margin-bottom: 5px;

    color:
        var(--gs360proc-green2);

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-delivery-item span {
    display: block;

    color: #748371;

    font-size: 11px;
    line-height: 1.57;
}


/* =========================================================
   CONTACTO
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-contact {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 18px;

    align-items: center;

    margin-top: 18px;

    padding:
        19px 20px;

    border:
        1px solid rgba(82, 224, 0, .12);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, .05),
            rgba(37, 216, 244, .015)
        );
}

#proceso-servicio-xbox-360 .gs360proc-contact-copy strong {
    display: block;

    margin-bottom: 4px;

    color: #dfffd2;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

#proceso-servicio-xbox-360 .gs360proc-contact-copy span {
    display: block;

    color: #7b9078;

    font-size: 11px;
    line-height: 1.57;
}

#proceso-servicio-xbox-360 .gs360proc-contact-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    justify-content: flex-end;
}

#proceso-servicio-xbox-360 .gs360proc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding:
        9px 14px;

    border-radius: 9px;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

#proceso-servicio-xbox-360 .gs360proc-btn--wa {
    border:
        1px solid rgba(82, 224, 0, .28);

    background:
        rgba(82, 224, 0, .10);

    color:
        var(--gs360proc-green2);
}

#proceso-servicio-xbox-360 .gs360proc-btn--phone {
    border:
        1px solid rgba(37, 216, 244, .18);

    background:
        rgba(37, 216, 244, .05);

    color: #9ed7dd;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, .94),
            rgba(2, 7, 3, .98)
        );
}

#proceso-servicio-xbox-360 .gs360proc-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, .08);

    background:
        rgba(5, 17, 5, .72);
}

#proceso-servicio-xbox-360 .gs360proc-terminal-dots {
    display: flex;

    gap: 6px;
}

#proceso-servicio-xbox-360 .gs360proc-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#proceso-servicio-xbox-360
.gs360proc-terminal-dots span:nth-child(1) {
    background:
        var(--gs360proc-red);
}

#proceso-servicio-xbox-360
.gs360proc-terminal-dots span:nth-child(2) {
    background:
        var(--gs360proc-yellow);
}

#proceso-servicio-xbox-360
.gs360proc-terminal-dots span:nth-child(3) {
    background:
        var(--gs360proc-green);
}

#proceso-servicio-xbox-360 .gs360proc-terminal-name {
    color: #657762;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#proceso-servicio-xbox-360 .gs360proc-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#proceso-servicio-xbox-360
.gs360proc-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, .06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, .50);

    color: #71816f;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 500;
}

#proceso-servicio-xbox-360 .gs360proc-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, .12);

    border-radius: 9px;

    color: #96c487;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#proceso-servicio-xbox-360
.gs360proc-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360proc-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .48);
}


/* =========================================================
   FOOTER
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

    font-size: 11px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#proceso-servicio-xbox-360 .gs360proc-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#proceso-servicio-xbox-360
.gs360proc-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360proc-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #proceso-servicio-xbox-360 .gs360proc-step,
    #proceso-servicio-xbox-360 .gs360proc-time-card,
    #proceso-servicio-xbox-360 .gs360proc-control-card,
    #proceso-servicio-xbox-360 .gs360proc-pack-card {
        transition:
            transform .22s ease,
            border-color .22s ease;
    }

    #proceso-servicio-xbox-360 .gs360proc-step:hover,
    #proceso-servicio-xbox-360 .gs360proc-time-card:hover,
    #proceso-servicio-xbox-360 .gs360proc-control-card:hover,
    #proceso-servicio-xbox-360 .gs360proc-pack-card:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, .18);
    }

    #proceso-servicio-xbox-360 .gs360proc-btn:hover {
        transform:
            translateY(-1px);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #proceso-servicio-xbox-360 .gs360proc-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #proceso-servicio-xbox-360 .gs360proc-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #proceso-servicio-xbox-360 .gs360proc-status {
        max-width: 650px;
    }

    #proceso-servicio-xbox-360 .gs360proc-timeline {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-xbox-360 .gs360proc-time-grid,
    #proceso-servicio-xbox-360 .gs360proc-control-grid,
    #proceso-servicio-xbox-360 .gs360proc-pack-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-xbox-360 .gs360proc-delivery-grid {
        grid-template-columns:
            minmax(210px, .33fr)
            minmax(0, .67fr);
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #proceso-servicio-xbox-360 {
        overflow: hidden;
    }

    #proceso-servicio-xbox-360 .gs360proc-grid {
        opacity: .17;

        background-size:
            32px 32px;
    }

    #proceso-servicio-xbox-360 .gs360proc-orbit,
    #proceso-servicio-xbox-360 .gs360proc-scan {
        display: none;
    }

    #proceso-servicio-xbox-360 .gs360proc-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #proceso-servicio-xbox-360 .gs360proc-heading {
        display: block;

        margin-bottom: 28px;
    }

    #proceso-servicio-xbox-360 .gs360proc-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #proceso-servicio-xbox-360 .gs360proc-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #proceso-servicio-xbox-360 .gs360proc-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #proceso-servicio-xbox-360 .gs360proc-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding: 15px;
    }

    #proceso-servicio-xbox-360 .gs360proc-principle-state {
        width: fit-content;
    }

    #proceso-servicio-xbox-360 .gs360proc-process,
    #proceso-servicio-xbox-360 .gs360proc-local,
    #proceso-servicio-xbox-360 .gs360proc-national,
    #proceso-servicio-xbox-360 .gs360proc-logistics,
    #proceso-servicio-xbox-360 .gs360proc-time,
    #proceso-servicio-xbox-360 .gs360proc-control,
    #proceso-servicio-xbox-360 .gs360proc-pack,
    #proceso-servicio-xbox-360 .gs360proc-delivery {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #proceso-servicio-xbox-360 .gs360proc-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #proceso-servicio-xbox-360 .gs360proc-section-state {
        width: fit-content;
    }

    #proceso-servicio-xbox-360 .gs360proc-timeline {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-xbox-360 .gs360proc-entry-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-guide {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-guide-price {
        width: fit-content;
        min-width: 0;
        min-height: 48px;
    }

    #proceso-servicio-xbox-360 .gs360proc-return {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #proceso-servicio-xbox-360 .gs360proc-return-state {
        width: fit-content;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-screen {
        min-height: 0;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-line {
        left: 50%;
        right: auto;
        top: 10%;
        bottom: 10%;

        width: 2px;
        height: auto;

        transform:
            translateX(-50%);

        background:
            linear-gradient(
                180deg,
                rgba(37, 216, 244, .15),
                rgba(37, 216, 244, .70),
                rgba(82, 224, 0, .80),
                rgba(82, 224, 0, .15)
            );
    }

    #proceso-servicio-xbox-360 .gs360proc-route-line::before {
        display: none;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node {
        left: 50%;

        width: 150px;

        transform:
            translate(-50%, -50%);
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node--a {
        top: 14%;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node--b {
        top: 38%;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node--c {
        top: 63%;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node--d {
        top: 87%;
    }

    #proceso-servicio-xbox-360 .gs360proc-package,
    #proceso-servicio-xbox-360 .gs360proc-route-pulse {
        display: none;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-status--top {
        top: 3%;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-status--bottom {
        bottom: 2%;
    }

    #proceso-servicio-xbox-360 .gs360proc-time-grid,
    #proceso-servicio-xbox-360 .gs360proc-control-grid,
    #proceso-servicio-xbox-360 .gs360proc-pack-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-delivery-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-seal {
        min-height: 240px;
    }

    #proceso-servicio-xbox-360 .gs360proc-delivery-items {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-contact {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-contact-actions {
        justify-content: flex-start;
    }

    #proceso-servicio-xbox-360 .gs360proc-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #proceso-servicio-xbox-360 .gs360proc-terminal-state {
        width: fit-content;
    }

    #proceso-servicio-xbox-360 .gs360proc-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #proceso-servicio-xbox-360 .gs360proc-shell {
        width:
            calc(100% - 24px);
    }

    #proceso-servicio-xbox-360 .gs360proc-timeline {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-process,
    #proceso-servicio-xbox-360 .gs360proc-local,
    #proceso-servicio-xbox-360 .gs360proc-national,
    #proceso-servicio-xbox-360 .gs360proc-logistics,
    #proceso-servicio-xbox-360 .gs360proc-time,
    #proceso-servicio-xbox-360 .gs360proc-control,
    #proceso-servicio-xbox-360 .gs360proc-pack,
    #proceso-servicio-xbox-360 .gs360proc-delivery {
        padding-left: 12px;
        padding-right: 12px;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-screen {
        min-height: 0;
    }

    #proceso-servicio-xbox-360 .gs360proc-contact-actions {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);

        width: 100%;
    }

    #proceso-servicio-xbox-360 .gs360proc-btn {
        width: 100%;
    }

    #proceso-servicio-xbox-360 .gs360proc-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AJUSTES DE AUDITORÍA
   ========================================================= */

#proceso-servicio-xbox-360 .gs360proc-title {
    padding-bottom: .06em;
    overflow: visible;
    line-height: 1.10;
}

#proceso-servicio-xbox-360 .gs360proc-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    color: #a8f78a !important;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(124,255,58,.24);
    transition: color .2s ease, border-color .2s ease;
}

#proceso-servicio-xbox-360 .gs360proc-inline-link:hover {
    color: #dcffca !important;
    border-color: rgba(124,255,58,.70);
}

#proceso-servicio-xbox-360 .gs360proc-inline-link:focus-visible,
#proceso-servicio-xbox-360 .gs360proc-btn:focus-visible {
    outline: 2px solid rgba(124,255,58,.90);
    outline-offset: 4px;
}

#proceso-servicio-xbox-360 .gs360proc-process-note {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 11px;
    align-items: start;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(255,200,87,.11);
    border-radius: 11px;
    background: rgba(18,14,4,.26);
    color: #8d856e;
    font-size: 11px;
    line-height: 1.62;
}

#proceso-servicio-xbox-360 .gs360proc-process-note strong {
    display: block;
    margin-bottom: 3px;
    color: #e9deb7;
    font-weight: 650;
}

#proceso-servicio-xbox-360 .gs360proc-process-note__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,200,87,.20);
    border-radius: 8px;
    color: var(--gs360proc-yellow);
    font-size: 9px;
    font-weight: 700;
}

#proceso-servicio-xbox-360 .gs360proc-warranty-note {
    margin-top: 11px;
    padding: 12px;
    border: 1px solid rgba(255,200,87,.10);
    border-radius: 10px;
    background: rgba(17,13,4,.24);
    color: #938970;
    font-size: 10.5px;
    line-height: 1.62;
}

#proceso-servicio-xbox-360 .gs360proc-warranty-note strong {
    color: #e7dba9;
    font-weight: 650;
}

/* El icono de WhatsApp lo inserta el Custom Code global.
   No se agrega SVG, span manual ni fallback local. */
#proceso-servicio-xbox-360
.gs360proc-btn--wa.button--whatsapp
.gs-global-wa-icon {
    align-self: center;
    margin-right: 0 !important;
}

/* Diagrama logístico móvil: conserva las estaciones y las lleva al flujo
   para evitar un lienzo alto con etiquetas comprimidas. */
@media (max-width: 767px) {
    #proceso-servicio-xbox-360 .gs360proc-logistics-screen {
        min-height: 0 !important;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px;
        padding: 17px 12px;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-line,
    #proceso-servicio-xbox-360 .gs360proc-route-pulse,
    #proceso-servicio-xbox-360 .gs360proc-package {
        display: none !important;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node,
    #proceso-servicio-xbox-360 .gs360proc-route-node--a,
    #proceso-servicio-xbox-360 .gs360proc-route-node--b,
    #proceso-servicio-xbox-360 .gs360proc-route-node--c,
    #proceso-servicio-xbox-360 .gs360proc-route-node--d {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: auto;
        min-height: 118px;
        display: grid;
        align-content: center;
        padding: 13px 9px;
        transform: none;
        border: 1px solid rgba(255,255,255,.05);
        border-radius: 12px;
        background: rgba(3,11,4,.54);
    }

    #proceso-servicio-xbox-360 .gs360proc-route-dot {
        width: 74px;
        height: 74px;
        margin: 0 auto 10px;
        padding: 8px 9px;
        font-size: 7px;
        line-height: 1.25;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node strong {
        font-size: 10.5px;
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node > span:not(.gs360proc-route-dot) {
        font-size: 10px;
        line-height: 1.42;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-status {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        transform: none;
        width: fit-content;
        max-width: 100%;
        justify-self: center;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-status--top,
    #proceso-servicio-xbox-360 .gs360proc-logistics-status--bottom {
        grid-column: 1 / -1;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-status--top { grid-row: 1; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--a { grid-row: 2; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--b { grid-row: 2; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--c { grid-row: 3; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--d { grid-row: 3; }
    #proceso-servicio-xbox-360 .gs360proc-logistics-status--bottom { grid-row: 4; }
}

@media (max-width: 390px) {
    #proceso-servicio-xbox-360 .gs360proc-title {
        font-size: 37px;
        line-height: 1.09;
        letter-spacing: -.032em;
    }

    #proceso-servicio-xbox-360 .gs360proc-process-note {
        grid-template-columns: minmax(0,1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-screen {
        grid-template-columns: minmax(0,1fr);
    }

    #proceso-servicio-xbox-360 .gs360proc-route-node--a,
    #proceso-servicio-xbox-360 .gs360proc-route-node--b,
    #proceso-servicio-xbox-360 .gs360proc-route-node--c,
    #proceso-servicio-xbox-360 .gs360proc-route-node--d,
    #proceso-servicio-xbox-360 .gs360proc-logistics-status--top,
    #proceso-servicio-xbox-360 .gs360proc-logistics-status--bottom {
        grid-column: 1;
    }

    #proceso-servicio-xbox-360 .gs360proc-logistics-status--top { grid-row: 1; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--a { grid-row: 2; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--b { grid-row: 3; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--c { grid-row: 4; }
    #proceso-servicio-xbox-360 .gs360proc-route-node--d { grid-row: 5; }
    #proceso-servicio-xbox-360 .gs360proc-logistics-status--bottom { grid-row: 6; }

    #proceso-servicio-xbox-360 .gs360proc-route-node {
        min-height: 110px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #proceso-servicio-xbox-360,
    #proceso-servicio-xbox-360 *,
    #proceso-servicio-xbox-360 *::before,
    #proceso-servicio-xbox-360 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #proceso-servicio-xbox-360 .gs360proc-scan {
        display: none !important;
    }
}


/* ===== FAQs ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — PREGUNTAS FRECUENTES
   CSS ID: preguntas-xbox-360
   PREFIX: gs360faq-
   ========================================================= */

#preguntas-xbox-360 {
    --gs360faq-bg: #020502;
    --gs360faq-bg2: #061007;

    --gs360faq-green: #52e000;
    --gs360faq-green2: #7cff3a;
    --gs360faq-green3: #adff8b;

    --gs360faq-cyan: #25d8f4;
    --gs360faq-blue: #3587ff;
    --gs360faq-violet: #8b5cf6;

    --gs360faq-yellow: #ffc857;
    --gs360faq-orange: #ff9f43;
    --gs360faq-red: #ff637d;

    --gs360faq-white: #f4fff1;
    --gs360faq-text: #edf7ec;
    --gs360faq-muted: #93a892;
    --gs360faq-muted2: #71816f;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--gs360faq-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(82, 224, 0, .085),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 18%,
            rgba(37, 216, 244, .038),
            transparent 30%
        ),
        radial-gradient(
            circle at 76% 88%,
            rgba(139, 92, 246, .025),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 48%,
            #020502 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#preguntas-xbox-360 *,
#preguntas-xbox-360 *::before,
#preguntas-xbox-360 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

#preguntas-xbox-360 .gs360faq-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .24;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, .038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 6%,
            #000 95%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#preguntas-xbox-360 .gs360faq-orbit {
    position: absolute;

    left: -330px;
    top: 1150px;

    width: 680px;
    height: 680px;

    pointer-events: none;

    border:
        1px solid rgba(82, 224, 0, .04);

    border-radius: 50%;

    animation:
        gs360faq-orbit
        70s linear infinite;
}

#preguntas-xbox-360 .gs360faq-orbit::before,
#preguntas-xbox-360 .gs360faq-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#preguntas-xbox-360 .gs360faq-orbit::before {
    inset: 105px;

    border:
        1px dashed rgba(37, 216, 244, .05);
}

#preguntas-xbox-360 .gs360faq-orbit::after {
    inset: 205px;

    border:
        1px solid rgba(139, 92, 246, .035);
}

@keyframes gs360faq-orbit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   ESCÁNER
   ========================================================= */

#preguntas-xbox-360 .gs360faq-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;
    overflow: hidden;
}

#preguntas-xbox-360 .gs360faq-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, .13),
            rgba(37, 216, 244, .17),
            rgba(139, 92, 246, .08),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, .08);

    animation:
        gs360faq-scan
        13s linear infinite;
}

@keyframes gs360faq-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: .28;
    }

    92% {
        opacity: .10;
    }

    100% {
        transform: translateY(8500px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#preguntas-xbox-360 .gs360faq-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#preguntas-xbox-360 .gs360faq-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, .46fr);

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#preguntas-xbox-360 .gs360faq-heading-main {
    min-width: 0;
}

#preguntas-xbox-360 .gs360faq-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, .19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, .035);

    color: #a8f78a;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;

    letter-spacing: .07em;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360faq-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, .68);
}

#preguntas-xbox-360 .gs360faq-title {
    max-width: 1000px;

    margin: 0;

    color:
        var(--gs360faq-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -.035em;
}

#preguntas-xbox-360 .gs360faq-title span {
    color:
        var(--gs360faq-green2);
}

#preguntas-xbox-360 .gs360faq-intro {
    max-width: 920px;

    margin:
        16px 0 0;

    color:
        var(--gs360faq-muted);

    font-size: 15px;
    line-height: 1.76;
}


/* =========================================================
   ESTADO
   ========================================================= */

#preguntas-xbox-360 .gs360faq-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, .025),
            rgba(4, 13, 5, .92)
        );
}

#preguntas-xbox-360 .gs360faq-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs360faq-cyan),
            transparent
        );
}

#preguntas-xbox-360 .gs360faq-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #90cbd1;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360faq-cyan);

    box-shadow:
        0 0 7px rgba(37, 216, 244, .5);
}

#preguntas-xbox-360 .gs360faq-status p {
    margin: 0;

    color: #7f999b;

    font-size: 12px;
    line-height: 1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#preguntas-xbox-360 .gs360faq-principle {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 16px;

    align-items: center;

    margin-bottom: 18px;

    padding: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .13);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, .045),
            rgba(37, 216, 244, .012)
        );
}

#preguntas-xbox-360 .gs360faq-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 140px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360faq-green),
            var(--gs360faq-cyan),
            transparent
        );
}

#preguntas-xbox-360 .gs360faq-principle-icon {
    display: grid;
    place-items: center;

    width: 62px;
    height: 62px;

    border:
        1px solid rgba(37, 216, 244, .18);

    border-radius: 14px;

    background:
        radial-gradient(
            circle,
            rgba(37, 216, 244, .06),
            transparent 68%
        );

    color: #94d5dc;

    font-size: 20px;
    line-height: 1;
    font-weight: 700;

    text-align: center;
}

#preguntas-xbox-360 .gs360faq-principle-copy {
    min-width: 0;
}

#preguntas-xbox-360 .gs360faq-principle-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #dfffd2;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#preguntas-xbox-360 .gs360faq-principle-copy span {
    display: block;

    color: #7d917a;

    font-size: 12px;
    line-height: 1.62;
}

#preguntas-xbox-360 .gs360faq-principle-state {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, .14);

    border-radius: 999px;

    color: #9dc890;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

#preguntas-xbox-360 .gs360faq-categories {
    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 8px;

    margin-bottom: 18px;
}

#preguntas-xbox-360 .gs360faq-category {
    --cat-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        15px 10px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .07);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 6, .76),
            rgba(2, 8, 3, .96)
        );

    text-align: center;
}

#preguntas-xbox-360
.gs360faq-category:nth-child(2) {
    --cat-color: #ff637d;
}

#preguntas-xbox-360
.gs360faq-category:nth-child(3) {
    --cat-color: #25d8f4;
}

#preguntas-xbox-360
.gs360faq-category:nth-child(4) {
    --cat-color: #ffc857;
}

#preguntas-xbox-360
.gs360faq-category:nth-child(5) {
    --cat-color: #8b5cf6;
}

#preguntas-xbox-360
.gs360faq-category:nth-child(6) {
    --cat-color: #7cff3a;
}

#preguntas-xbox-360 .gs360faq-category::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 55px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--cat-color),
            transparent
        );
}

#preguntas-xbox-360 .gs360faq-category-code {
    display: block;

    margin-bottom: 5px;

    color:
        var(--cat-color);

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-category-title {
    display: block;

    color: #d5e7d1;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}


/* =========================================================
   FAQ PANEL
   ========================================================= */

#preguntas-xbox-360 .gs360faq-panel {
    position: relative;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .11);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(82, 224, 0, .05),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(7, 22, 7, .90),
            rgba(2, 8, 3, .98)
        );
}

#preguntas-xbox-360 .gs360faq-panel::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 225px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360faq-green),
            var(--gs360faq-cyan),
            transparent
        );
}


/* =========================================================
   CABECERA FAQ
   ========================================================= */

#preguntas-xbox-360 .gs360faq-section-head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 16px;

    align-items: start;

    margin-bottom: 20px;
}

#preguntas-xbox-360 .gs360faq-section-label {
    display: block;

    margin-bottom: 6px;

    color: #a8f78a;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-section-title {
    margin: 0;

    color: #efffeb;

    font-size: 23px;
    line-height: 1.35;
    font-weight: 700;
}

#preguntas-xbox-360 .gs360faq-section-copy {
    max-width: 860px;

    margin:
        8px 0 0;

    color: #81927f;

    font-size: 12px;
    line-height: 1.66;
}

#preguntas-xbox-360 .gs360faq-section-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

    border:
        1px solid rgba(37, 216, 244, .13);

    border-radius: 999px;

    color: #85bac0;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   COLUMNAS FAQ
   ========================================================= */

#preguntas-xbox-360 .gs360faq-columns {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}

#preguntas-xbox-360 .gs360faq-column {
    display: grid;

    align-content: start;

    gap: 9px;

    min-width: 0;
}


/* =========================================================
   DETAILS
   ========================================================= */

#preguntas-xbox-360 .gs360faq-item {
    --faq-color: #52e000;

    position: relative;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .075);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(5, 17, 5, .70),
            rgba(2, 8, 3, .96)
        );

    transition:
        border-color .22s ease,
        background .22s ease,
        transform .22s ease;
}

#preguntas-xbox-360
.gs360faq-item[data-type="luces"] {
    --faq-color: #ff637d;

    border-color:
        rgba(255, 99, 125, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="video"] {
    --faq-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="lector"] {
    --faq-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="temperatura"] {
    --faq-color: #ff9f43;

    border-color:
        rgba(255, 159, 67, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="almacenamiento"] {
    --faq-color: #3587ff;

    border-color:
        rgba(53, 135, 255, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="servicio"] {
    --faq-color: #ffc857;

    border-color:
        rgba(255, 200, 87, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="garantia"] {
    --faq-color: #7cff3a;

    border-color:
        rgba(124, 255, 58, .075);
}

#preguntas-xbox-360
.gs360faq-item[data-type="envio"] {
    --faq-color: #25d8f4;

    border-color:
        rgba(37, 216, 244, .075);
}

#preguntas-xbox-360 .gs360faq-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 78px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-color),
            transparent
        );
}

#preguntas-xbox-360 .gs360faq-item[open] {
    border-color:
        color-mix(
            in srgb,
            var(--faq-color) 24%,
            transparent
        );

    background:
        linear-gradient(
            145deg,
            rgba(7, 23, 7, .90),
            rgba(2, 10, 4, .98)
        );
}


/* =========================================================
   SUMMARY
   ========================================================= */

#preguntas-xbox-360 .gs360faq-question {
    list-style: none;

    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 11px;

    align-items: center;

    min-height: 72px;

    padding:
        15px;

    cursor: pointer;

    user-select: none;
}

#preguntas-xbox-360 .gs360faq-question::-webkit-details-marker {
    display: none;
}

#preguntas-xbox-360 .gs360faq-question::marker {
    display: none;
}

#preguntas-xbox-360 .gs360faq-number {
    display: grid;
    place-items: center;

    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    border:
        1px solid var(--faq-color);

    border-radius: 9px;

    color:
        var(--faq-color);

    background:
        rgba(3, 10, 3, .64);

    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

#preguntas-xbox-360 .gs360faq-question-text {
    min-width: 0;

    color: #dcebd8;

    font-size: 12px;
    line-height: 1.48;
    font-weight: 600;
}

#preguntas-xbox-360 .gs360faq-toggle {
    position: relative;

    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    border:
        1px solid rgba(255, 255, 255, .07);

    border-radius: 8px;

    background:
        rgba(255, 255, 255, .015);
}

#preguntas-xbox-360 .gs360faq-toggle::before,
#preguntas-xbox-360 .gs360faq-toggle::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    background:
        var(--faq-color);

    border-radius: 999px;

    transform:
        translate(-50%, -50%);

    transition:
        transform .22s ease,
        opacity .22s ease;
}

#preguntas-xbox-360 .gs360faq-toggle::before {
    width: 10px;
    height: 1px;
}

#preguntas-xbox-360 .gs360faq-toggle::after {
    width: 1px;
    height: 10px;
}

#preguntas-xbox-360
.gs360faq-item[open]
.gs360faq-toggle::after {
    opacity: 0;

    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


/* =========================================================
   ANSWER
   ========================================================= */

#preguntas-xbox-360 .gs360faq-answer {
    position: relative;

    padding:
        0 16px 17px 61px;
}

#preguntas-xbox-360 .gs360faq-answer::before {
    content: "";

    position: absolute;

    left: 32px;
    top: 2px;
    bottom: 18px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            var(--faq-color),
            transparent
        );

    opacity: .23;
}

#preguntas-xbox-360 .gs360faq-answer p {
    margin: 0;

    color: #7e907b;

    font-size: 11px;
    line-height: 1.68;
}

#preguntas-xbox-360 .gs360faq-answer p + p {
    margin-top: 8px;
}

#preguntas-xbox-360 .gs360faq-answer strong {
    color: #c8ddc2;

    font-weight: 600;
}

#preguntas-xbox-360 .gs360faq-answer-note {
    display: block;

    margin-top: 10px;

    padding:
        9px 10px;

    border:
        1px solid rgba(255, 255, 255, .045);

    border-radius: 8px;

    background:
        rgba(0, 0, 0, .14);

    color: #788b75;

    font-size: 10px;
    line-height: 1.55;
}

#preguntas-xbox-360 .gs360faq-answer-note b {
    color:
        var(--faq-color);

    font-weight: 600;
}


/* =========================================================
   FOCUS
   ========================================================= */

#preguntas-xbox-360 .gs360faq-question:focus-visible {
    outline:
        2px solid rgba(37, 216, 244, .42);

    outline-offset:
        -2px;

    border-radius: 11px;
}


/* =========================================================
   RESUMEN DE SERVICIO
   ========================================================= */

#preguntas-xbox-360 .gs360faq-service-summary {
    position: relative;

    margin-top: 18px;

    padding: 24px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 82% 15%,
            rgba(37, 216, 244, .038),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(3, 15, 18, .34),
            rgba(2, 8, 3, .97)
        );
}

#preguntas-xbox-360 .gs360faq-service-summary::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 195px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360faq-cyan),
            var(--gs360faq-green),
            transparent
        );
}

#preguntas-xbox-360 .gs360faq-summary-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;

    margin-top: 17px;
}

#preguntas-xbox-360 .gs360faq-summary-card {
    --summary-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(82, 224, 0, .07);

    border-radius: 11px;

    background:
        rgba(3, 12, 3, .46);
}

#preguntas-xbox-360
.gs360faq-summary-card:nth-child(2) {
    --summary-color: #25d8f4;
}

#preguntas-xbox-360
.gs360faq-summary-card:nth-child(3) {
    --summary-color: #7cff3a;
}

#preguntas-xbox-360
.gs360faq-summary-card:nth-child(4) {
    --summary-color: #ffc857;
}

#preguntas-xbox-360 .gs360faq-summary-value {
    display: block;

    margin-bottom: 6px;

    color:
        var(--summary-color);

    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}

#preguntas-xbox-360 .gs360faq-summary-title {
    display: block;

    margin-bottom: 5px;

    color: #d9ead4;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}

#preguntas-xbox-360 .gs360faq-summary-copy {
    display: block;

    color: #71816f;

    font-size: 11px;
    line-height: 1.58;
}


/* =========================================================
   HUD DE RESPUESTA
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud {
    position: relative;

    margin-top: 18px;

    min-height: 310px;

    display: grid;
    place-items: center;

    overflow: hidden;

    padding: 24px;

    border:
        1px solid rgba(82, 224, 0, .10);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(82, 224, 0, .055),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(6, 19, 6, .84),
            rgba(2, 8, 3, .98)
        );
}

#preguntas-xbox-360 .gs360faq-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .22;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, .025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .025) 1px,
            transparent 1px
        );

    background-size: 29px 29px;
}


/* =========================================================
   HUD LINE
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud-line {
    position: absolute;

    z-index: 2;

    left: 12%;
    right: 12%;
    top: 50%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .12),
            rgba(82, 224, 0, .65),
            rgba(37, 216, 244, .70),
            rgba(124, 255, 58, .65),
            rgba(82, 224, 0, .12)
        );
}


/* =========================================================
   HUD NODES
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud-node {
    --hud-color: #52e000;

    position: absolute;

    z-index: 5;

    top: 50%;

    width: 116px;

    transform:
        translate(-50%, -50%);

    text-align: center;
}

#preguntas-xbox-360
.gs360faq-hud-node--a {
    left: 14%;
}

#preguntas-xbox-360
.gs360faq-hud-node--b {
    left: 38%;

    --hud-color: #25d8f4;
}

#preguntas-xbox-360
.gs360faq-hud-node--c {
    left: 63%;

    --hud-color: #ffc857;
}

#preguntas-xbox-360
.gs360faq-hud-node--d {
    left: 87%;

    --hud-color: #7cff3a;
}


/* =========================================================
   CÍRCULO HUD
   CORRECCIÓN: CONTENIDO CENTRADO REAL
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud-circle {
    position: relative;

    width: 65px;
    height: 65px;

    display: grid;

    place-items: center;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;

    margin:
        0 auto 10px;

    padding: 0;

    border:
        1px solid var(--hud-color);

    border-radius: 50%;

    background:
        rgba(2, 9, 4, .95);

    color:
        var(--hud-color);

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    text-align: center;

    box-shadow:
        0 0 19px rgba(82, 224, 0, .06);
}

#preguntas-xbox-360 .gs360faq-hud-circle::before {
    content: "";

    position: absolute;

    inset: -9px;

    border:
        1px dashed var(--hud-color);

    border-radius: 50%;

    opacity: .20;

    animation:
        gs360faq-hud-ring
        12s linear infinite;
}

@keyframes gs360faq-hud-ring {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   TEXTOS HUD
   SELECTORES ESPECÍFICOS PARA NO AFECTAR EL CÍRCULO
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud-node > strong {
    display: block;

    color:
        var(--hud-color);

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-hud-node > .gs360faq-hud-copy {
    display: block;

    margin-top: 3px;

    color: #70816f;

    font-size: 9px;
    line-height: 1.4;
}


/* =========================================================
   HUD PULSE
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud-pulse {
    position: absolute;

    z-index: 3;

    top: 50%;

    width: 7px;
    height: 7px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        var(--gs360faq-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, .62);

    opacity: 0;

    animation:
        gs360faq-hud-pulse
        4.7s linear infinite;
}

#preguntas-xbox-360
.gs360faq-hud-pulse--b {
    animation-delay: 1.5s;

    background:
        var(--gs360faq-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, .62);
}

@keyframes gs360faq-hud-pulse {
    0% {
        left: 12%;
        opacity: 0;
    }

    12% {
        opacity: .9;
    }

    88% {
        opacity: .9;
    }

    100% {
        left: 88%;
        opacity: 0;
    }
}


/* =========================================================
   HUD LABELS
   ========================================================= */

#preguntas-xbox-360 .gs360faq-hud-top,
#preguntas-xbox-360 .gs360faq-hud-bottom {
    position: absolute;

    z-index: 7;

    left: 50%;

    transform:
        translateX(-50%);

    padding:
        6px 9px;

    border-radius: 999px;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-hud-top {
    top: 14%;

    border:
        1px solid rgba(37, 216, 244, .12);

    background:
        rgba(3, 13, 14, .48);

    color: #7ab9bf;
}

#preguntas-xbox-360 .gs360faq-hud-bottom {
    bottom: 13%;

    border:
        1px solid rgba(82, 224, 0, .12);

    background:
        rgba(4, 15, 4, .50);

    color: #8fbe82;
}


/* =========================================================
   AVISO FINAL
   ========================================================= */

#preguntas-xbox-360 .gs360faq-note {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding: 16px;

    border:
        1px solid rgba(255, 200, 87, .11);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, .022),
            rgba(82, 224, 0, .010)
        );
}

#preguntas-xbox-360 .gs360faq-note-icon {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(255, 200, 87, .18);

    border-radius: 9px;

    color: #efd58b;

    font-size: 12px;
    font-weight: 700;
}

#preguntas-xbox-360 .gs360faq-note-copy {
    color: #8f866e;

    font-size: 11px;
    line-height: 1.62;
}

#preguntas-xbox-360 .gs360faq-note-copy strong {
    color: #e9deb7;

    font-weight: 600;
}

#preguntas-xbox-360 .gs360faq-note-state {
    flex-shrink: 0;

    color: #baa970;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#preguntas-xbox-360 .gs360faq-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .14);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 19, 6, .94),
            rgba(2, 7, 3, .98)
        );
}

#preguntas-xbox-360 .gs360faq-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(82, 224, 0, .08);

    background:
        rgba(5, 17, 5, .72);
}

#preguntas-xbox-360 .gs360faq-terminal-dots {
    display: flex;

    gap: 6px;
}

#preguntas-xbox-360 .gs360faq-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#preguntas-xbox-360
.gs360faq-terminal-dots span:nth-child(1) {
    background:
        var(--gs360faq-red);
}

#preguntas-xbox-360
.gs360faq-terminal-dots span:nth-child(2) {
    background:
        var(--gs360faq-yellow);
}

#preguntas-xbox-360
.gs360faq-terminal-dots span:nth-child(3) {
    background:
        var(--gs360faq-green);
}

#preguntas-xbox-360 .gs360faq-terminal-name {
    color: #657762;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#preguntas-xbox-360 .gs360faq-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#preguntas-xbox-360 .gs360faq-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding:
        6px 8px;

    border:
        1px solid rgba(82, 224, 0, .06);

    border-radius: 7px;

    background:
        rgba(4, 14, 4, .50);

    color: #71816f;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 500;
}

#preguntas-xbox-360 .gs360faq-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(124, 255, 58, .12);

    border-radius: 9px;

    color: #96c487;

    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

#preguntas-xbox-360
.gs360faq-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--gs360faq-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .48);
}


/* =========================================================
   FOOTER
   ========================================================= */

#preguntas-xbox-360 .gs360faq-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;

    padding:
        0 3px;

    color: #566653;

    font-size: 11px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#preguntas-xbox-360 .gs360faq-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #6b7e68;
}

#preguntas-xbox-360
.gs360faq-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360faq-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #preguntas-xbox-360 .gs360faq-item:hover {
        transform:
            translateY(-1px);

        border-color:
            rgba(82, 224, 0, .16);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #preguntas-xbox-360 .gs360faq-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #preguntas-xbox-360 .gs360faq-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #preguntas-xbox-360 .gs360faq-status {
        max-width: 650px;
    }

    #preguntas-xbox-360 .gs360faq-categories {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #preguntas-xbox-360 .gs360faq-summary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #preguntas-xbox-360 {
        overflow: hidden;
    }

    #preguntas-xbox-360 .gs360faq-grid {
        opacity: .17;

        background-size:
            32px 32px;
    }

    #preguntas-xbox-360 .gs360faq-orbit,
    #preguntas-xbox-360 .gs360faq-scan {
        display: none;
    }

    #preguntas-xbox-360 .gs360faq-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #preguntas-xbox-360 .gs360faq-heading {
        display: block;

        margin-bottom: 28px;
    }

    #preguntas-xbox-360 .gs360faq-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #preguntas-xbox-360 .gs360faq-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #preguntas-xbox-360 .gs360faq-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #preguntas-xbox-360 .gs360faq-principle {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding: 15px;
    }

    #preguntas-xbox-360 .gs360faq-principle-state {
        width: fit-content;
    }

    #preguntas-xbox-360 .gs360faq-categories {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #preguntas-xbox-360 .gs360faq-panel,
    #preguntas-xbox-360 .gs360faq-service-summary,
    #preguntas-xbox-360 .gs360faq-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #preguntas-xbox-360 .gs360faq-section-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #preguntas-xbox-360 .gs360faq-section-state {
        width: fit-content;
    }

    #preguntas-xbox-360 .gs360faq-columns {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #preguntas-xbox-360 .gs360faq-question {
        min-height: 68px;

        grid-template-columns:
            auto minmax(0, 1fr) auto;

        padding:
            13px 12px;

        gap: 9px;
    }

    #preguntas-xbox-360 .gs360faq-answer {
        padding:
            0 13px 15px 55px;
    }

    #preguntas-xbox-360 .gs360faq-answer::before {
        left: 29px;
    }

    #preguntas-xbox-360 .gs360faq-summary-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #preguntas-xbox-360 .gs360faq-hud {
        min-height: 600px;
    }

    #preguntas-xbox-360 .gs360faq-hud-line {
        left: 50%;
        right: auto;
        top: 10%;
        bottom: 10%;

        width: 1px;
        height: auto;

        background:
            linear-gradient(
                180deg,
                rgba(82, 224, 0, .12),
                rgba(82, 224, 0, .65),
                rgba(37, 216, 244, .70),
                rgba(124, 255, 58, .65),
                rgba(82, 224, 0, .12)
            );
    }

    #preguntas-xbox-360 .gs360faq-hud-node {
        left: 50%;

        width: 145px;

        transform:
            translate(-50%, -50%);
    }

    #preguntas-xbox-360
    .gs360faq-hud-node--a {
        top: 15%;
    }

    #preguntas-xbox-360
    .gs360faq-hud-node--b {
        top: 39%;
    }

    #preguntas-xbox-360
    .gs360faq-hud-node--c {
        top: 64%;
    }

    #preguntas-xbox-360
    .gs360faq-hud-node--d {
        top: 87%;
    }

    #preguntas-xbox-360 .gs360faq-hud-pulse {
        display: none;
    }

    #preguntas-xbox-360 .gs360faq-hud-top {
        top: 3%;
    }

    #preguntas-xbox-360 .gs360faq-hud-bottom {
        bottom: 2%;
    }

    #preguntas-xbox-360 .gs360faq-note {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #preguntas-xbox-360 .gs360faq-note-state {
        width: fit-content;
    }

    #preguntas-xbox-360 .gs360faq-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #preguntas-xbox-360 .gs360faq-terminal-state {
        width: fit-content;
    }

    #preguntas-xbox-360 .gs360faq-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #preguntas-xbox-360 .gs360faq-shell {
        width:
            calc(100% - 24px);
    }

    #preguntas-xbox-360 .gs360faq-categories {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #preguntas-xbox-360 .gs360faq-panel,
    #preguntas-xbox-360 .gs360faq-service-summary,
    #preguntas-xbox-360 .gs360faq-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #preguntas-xbox-360 .gs360faq-question {
        grid-template-columns:
            31px minmax(0, 1fr) 27px;

        gap: 7px;
    }

    #preguntas-xbox-360 .gs360faq-number {
        width: 31px;
        height: 31px;
    }

    #preguntas-xbox-360 .gs360faq-toggle {
        width: 27px;
        height: 27px;
    }

    #preguntas-xbox-360 .gs360faq-answer {
        padding:
            0 11px 14px 47px;
    }

    #preguntas-xbox-360 .gs360faq-answer::before {
        left: 25px;
    }

    #preguntas-xbox-360 .gs360faq-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

/* =========================================================
   AJUSTES DE AUDITORÍA
   ========================================================= */

#preguntas-xbox-360 .gs360faq-title {
    padding-bottom: .06em;
    overflow: visible;
    line-height: 1.10;
}

#preguntas-xbox-360 .gs360faq-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    color: #a8f78a !important;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 650;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(124,255,58,.24);
    transition: color .2s ease, border-color .2s ease;
}

#preguntas-xbox-360 .gs360faq-inline-link:hover {
    color: #dcffca !important;
    border-color: rgba(124,255,58,.68);
}

#preguntas-xbox-360 .gs360faq-inline-link:focus-visible,
#preguntas-xbox-360 .gs360faq-question:focus-visible {
    outline: 2px solid rgba(124,255,58,.88);
    outline-offset: 4px;
}

#preguntas-xbox-360 .gs360faq-answer .gs360faq-inline-link {
    margin-top: 10px;
}

/* HUD móvil: conserva el diagrama, pero mueve los nodos al flujo normal. */
@media (max-width: 767px) {
    #preguntas-xbox-360 .gs360faq-hud {
        min-height: 0 !important;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 10px;
        place-items: stretch;
        padding: 18px 14px;
    }

    #preguntas-xbox-360 .gs360faq-hud-line,
    #preguntas-xbox-360 .gs360faq-hud-pulse {
        display: none !important;
    }

    #preguntas-xbox-360 .gs360faq-hud-node,
    #preguntas-xbox-360 .gs360faq-hud-node--a,
    #preguntas-xbox-360 .gs360faq-hud-node--b,
    #preguntas-xbox-360 .gs360faq-hud-node--c,
    #preguntas-xbox-360 .gs360faq-hud-node--d {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        min-height: 126px;
        transform: none;
        display: grid;
        align-content: center;
        padding: 13px 10px;
        border: 1px solid rgba(255,255,255,.05);
        border-radius: 12px;
        background: rgba(3,12,3,.48);
    }

    #preguntas-xbox-360 .gs360faq-hud-circle {
        width: 70px;
        height: 70px;
        margin: 0 auto 10px;
    }

    #preguntas-xbox-360 .gs360faq-hud-top,
    #preguntas-xbox-360 .gs360faq-hud-bottom {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        transform: none;
        width: fit-content;
        max-width: 100%;
        justify-self: center;
    }

    #preguntas-xbox-360 .gs360faq-hud-top,
    #preguntas-xbox-360 .gs360faq-hud-bottom {
        grid-column: 1 / -1;
    }

    #preguntas-xbox-360 .gs360faq-hud-top { grid-row: 1; }
    #preguntas-xbox-360 .gs360faq-hud-node--a { grid-row: 2; }
    #preguntas-xbox-360 .gs360faq-hud-node--b { grid-row: 2; }
    #preguntas-xbox-360 .gs360faq-hud-node--c { grid-row: 3; }
    #preguntas-xbox-360 .gs360faq-hud-node--d { grid-row: 3; }
    #preguntas-xbox-360 .gs360faq-hud-bottom { grid-row: 4; }
}

@media (max-width: 390px) {
    #preguntas-xbox-360 .gs360faq-title {
        font-size: 37px;
        line-height: 1.09;
        letter-spacing: -.032em;
    }

    #preguntas-xbox-360 .gs360faq-hud {
        grid-template-columns: minmax(0,1fr);
    }

    #preguntas-xbox-360 .gs360faq-hud-top,
    #preguntas-xbox-360 .gs360faq-hud-bottom,
    #preguntas-xbox-360 .gs360faq-hud-node--a,
    #preguntas-xbox-360 .gs360faq-hud-node--b,
    #preguntas-xbox-360 .gs360faq-hud-node--c,
    #preguntas-xbox-360 .gs360faq-hud-node--d {
        grid-column: 1;
    }

    #preguntas-xbox-360 .gs360faq-hud-top { grid-row: 1; }
    #preguntas-xbox-360 .gs360faq-hud-node--a { grid-row: 2; }
    #preguntas-xbox-360 .gs360faq-hud-node--b { grid-row: 3; }
    #preguntas-xbox-360 .gs360faq-hud-node--c { grid-row: 4; }
    #preguntas-xbox-360 .gs360faq-hud-node--d { grid-row: 5; }
    #preguntas-xbox-360 .gs360faq-hud-bottom { grid-row: 6; }
}

@media (prefers-reduced-motion: reduce) {
    #preguntas-xbox-360,
    #preguntas-xbox-360 *,
    #preguntas-xbox-360 *::before,
    #preguntas-xbox-360 *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    #preguntas-xbox-360 .gs360faq-scan {
        display: none !important;
    }
}


/* ===== CTA Final ===== */
/* =========================================================
   GAMMERS STYLE
   XBOX 360 — CTA FINAL
   CSS ID: cta-xbox-360
   PREFIX: gs360cta-
   ========================================================= */

#cta-xbox-360 {
    --gs360cta-bg: #020502;
    --gs360cta-bg2: #061007;

    --gs360cta-green: #52e000;
    --gs360cta-green2: #7cff3a;
    --gs360cta-green3: #b2ff97;

    --gs360cta-cyan: #25d8f4;
    --gs360cta-blue: #3587ff;
    --gs360cta-violet: #8b5cf6;

    --gs360cta-yellow: #ffc857;
    --gs360cta-red: #ff637d;

    --gs360cta-white: #f4fff1;
    --gs360cta-text: #eaf5e7;
    --gs360cta-muted: #8fa18c;
    --gs360cta-muted2: #697967;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--gs360cta-text);

    background:
        radial-gradient(
            circle at 14% 20%,
            rgba(82, 224, 0, .11),
            transparent 31%
        ),
        radial-gradient(
            circle at 86% 30%,
            rgba(37, 216, 244, .055),
            transparent 30%
        ),
        radial-gradient(
            circle at 69% 88%,
            rgba(82, 224, 0, .05),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #020502 0%,
            #061007 46%,
            #010301 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    scroll-margin-top: 90px;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#cta-xbox-360 *,
#cta-xbox-360 *::before,
#cta-xbox-360 *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO / GRID
   ========================================================= */

#cta-xbox-360 .gs360cta-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .25;

    background-image:
        linear-gradient(
            rgba(82, 224, 0, .04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .04) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 92%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 92%,
            transparent 100%
        );
}


/* =========================================================
   HALOS DECORATIVOS
   ========================================================= */

#cta-xbox-360 .gs360cta-halo-a,
#cta-xbox-360 .gs360cta-halo-b {
    position: absolute;

    pointer-events: none;

    border-radius: 50%;
}

#cta-xbox-360 .gs360cta-halo-a {
    width: 620px;
    height: 620px;

    left: -340px;
    top: 90px;

    border:
        1px solid rgba(82, 224, 0, .055);

    animation:
        gs360cta-halo-a
        56s linear infinite;
}

#cta-xbox-360 .gs360cta-halo-a::before {
    content: "";

    position: absolute;

    inset: 90px;

    border:
        1px dashed rgba(37, 216, 244, .055);

    border-radius: 50%;
}

#cta-xbox-360 .gs360cta-halo-b {
    width: 520px;
    height: 520px;

    right: -260px;
    bottom: -160px;

    border:
        1px dashed rgba(82, 224, 0, .045);

    animation:
        gs360cta-halo-b
        64s linear infinite reverse;
}

#cta-xbox-360 .gs360cta-halo-b::before {
    content: "";

    position: absolute;

    inset: 105px;

    border:
        1px solid rgba(139, 92, 246, .04);

    border-radius: 50%;
}

@keyframes gs360cta-halo-a {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes gs360cta-halo-b {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   ESCÁNER
   ========================================================= */

#cta-xbox-360 .gs360cta-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#cta-xbox-360 .gs360cta-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, .10),
            rgba(37, 216, 244, .18),
            rgba(82, 224, 0, .10),
            transparent
        );

    box-shadow:
        0 0 16px rgba(82, 224, 0, .08);

    animation:
        gs360cta-scan
        10s linear infinite;
}

@keyframes gs360cta-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        opacity: .28;
    }

    90% {
        opacity: .10;
    }

    100% {
        transform: translateY(2600px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#cta-xbox-360 .gs360cta-shell {
    position: relative;
    z-index: 3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:
        0 auto;

    padding:
        92px 0 86px;
}


/* =========================================================
   MICRO TOP
   ========================================================= */

#cta-xbox-360 .gs360cta-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 22px;

    padding:
        0 3px;
}

#cta-xbox-360 .gs360cta-path {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #6d8269;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-path::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360cta-green);

    box-shadow:
        0 0 8px rgba(82, 224, 0, .65);
}

#cta-xbox-360 .gs360cta-independent {
    color: #60715e;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   HERO CTA
   ========================================================= */

#cta-xbox-360 .gs360cta-main {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(410px, .82fr);

    gap: 28px;

    align-items: stretch;

    padding:
        28px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .14);

    border-radius: 24px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(82, 224, 0, .075),
            transparent 35%
        ),
        radial-gradient(
            circle at 92% 82%,
            rgba(37, 216, 244, .035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7, 23, 7, .94),
            rgba(2, 8, 3, .985)
        );

    box-shadow:
        0 20px 70px rgba(0, 0, 0, .20);
}

#cta-xbox-360 .gs360cta-main::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 280px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360cta-green2),
            var(--gs360cta-cyan),
            transparent
        );
}

#cta-xbox-360 .gs360cta-main::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 170px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 224, 0, .52)
        );
}


/* =========================================================
   COPY
   ========================================================= */

#cta-xbox-360 .gs360cta-copy {
    position: relative;
    z-index: 4;

    min-width: 0;

    padding:
        13px 7px 12px 4px;
}

#cta-xbox-360 .gs360cta-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 16px;

    padding:
        7px 11px;

    border:
        1px solid rgba(82, 224, 0, .19);

    border-radius: 999px;

    background:
        rgba(82, 224, 0, .038);

    color: #a8f78a;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: .06em;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gs360cta-green);

    box-shadow:
        0 0 9px rgba(82, 224, 0, .70);
}

#cta-xbox-360 .gs360cta-title {
    max-width: 720px;

    margin: 0;

    color:
        var(--gs360cta-white);

    font-size:
        clamp(
            34px,
            4.5vw,
            58px
        );

    line-height: 1.05;
    font-weight: 700;

    letter-spacing: -.04em;
}

#cta-xbox-360 .gs360cta-title span {
    color:
        var(--gs360cta-green2);

    text-shadow:
        0 0 28px rgba(82, 224, 0, .10);
}

#cta-xbox-360 .gs360cta-lead {
    max-width: 760px;

    margin:
        18px 0 0;

    color:
        var(--gs360cta-muted);

    font-size: 14px;
    line-height: 1.76;
}

#cta-xbox-360 .gs360cta-lead strong {
    color: #cce6c5;
    font-weight: 600;
}


/* =========================================================
   PRINCIPIO CTA
   ========================================================= */

#cta-xbox-360 .gs360cta-principle {
    position: relative;

    margin-top: 20px;

    padding:
        16px 17px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .10);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, .022),
            rgba(82, 224, 0, .025)
        );
}

#cta-xbox-360 .gs360cta-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 11px;
    bottom: 11px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gs360cta-cyan),
            transparent
        );
}

#cta-xbox-360 .gs360cta-principle strong {
    display: block;

    margin-bottom: 4px;

    color: #c7e6c2;

    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
}

#cta-xbox-360 .gs360cta-principle span {
    display: block;

    color: #748875;

    font-size: 11px;
    line-height: 1.58;
}


/* =========================================================
   BOTONES
   ========================================================= */

#cta-xbox-360 .gs360cta-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 22px;
}

#cta-xbox-360 .gs360cta-btn {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding:
        11px 17px;

    overflow: hidden;

    border-radius: 11px;

    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform .20s ease,
        border-color .20s ease,
        background .20s ease,
        box-shadow .20s ease;
}

#cta-xbox-360 .gs360cta-btn-icon {
    display: grid;
    place-items: center;

    width: 25px;
    height: 25px;

    flex: 0 0 25px;

    border-radius: 7px;

    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

#cta-xbox-360 .gs360cta-btn--wa {
    border:
        1px solid rgba(82, 224, 0, .28);

    background:
        linear-gradient(
            135deg,
            rgba(82, 224, 0, .16),
            rgba(82, 224, 0, .07)
        );

    color:
        var(--gs360cta-green2);

    box-shadow:
        0 0 22px rgba(82, 224, 0, .055);
}

#cta-xbox-360 .gs360cta-btn--wa .gs360cta-btn-icon {
    border:
        1px solid rgba(124, 255, 58, .20);

    background:
        rgba(82, 224, 0, .09);
}

#cta-xbox-360 .gs360cta-btn--phone {
    border:
        1px solid rgba(37, 216, 244, .18);

    background:
        rgba(37, 216, 244, .045);

    color: #9ed9df;
}

#cta-xbox-360 .gs360cta-btn--phone .gs360cta-btn-icon {
    border:
        1px solid rgba(37, 216, 244, .17);

    background:
        rgba(37, 216, 244, .05);
}

#cta-xbox-360 .gs360cta-btn--map {
    border:
        1px solid rgba(139, 92, 246, .16);

    background:
        rgba(139, 92, 246, .04);

    color: #c0acef;
}

#cta-xbox-360 .gs360cta-btn--map .gs360cta-btn-icon {
    border:
        1px solid rgba(139, 92, 246, .16);

    background:
        rgba(139, 92, 246, .05);
}

#cta-xbox-360 .gs360cta-btn--map .gs360cta-btn-icon svg {
    display: block;

    width: 14px;
    height: 14px;

    flex: 0 0 14px;

    stroke: currentColor;

    fill: none;
}

#cta-xbox-360 .gs360cta-btn--map {
    column-gap: 10px;
}



/* =========================================================
   MICRO CONDICIONES
   ========================================================= */

#cta-xbox-360 .gs360cta-trust {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 8px;

    margin-top: 21px;
}

#cta-xbox-360 .gs360cta-trust-item {
    --trust-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        12px 10px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .065);

    border-radius: 9px;

    background:
        rgba(3, 12, 3, .44);
}

#cta-xbox-360
.gs360cta-trust-item:nth-child(2) {
    --trust-color: #25d8f4;
}

#cta-xbox-360
.gs360cta-trust-item:nth-child(3) {
    --trust-color: #7cff3a;
}

#cta-xbox-360
.gs360cta-trust-item:nth-child(4) {
    --trust-color: #ffc857;
}

#cta-xbox-360 .gs360cta-trust-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 45px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--trust-color),
            transparent
        );
}

#cta-xbox-360 .gs360cta-trust-item strong {
    display: block;

    margin-bottom: 3px;

    color:
        var(--trust-color);

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;
}

#cta-xbox-360 .gs360cta-trust-item span {
    display: block;

    color: #70816f;

    font-size: 10px;
    line-height: 1.48;
}


/* =========================================================
   HUD CTA
   ========================================================= */

#cta-xbox-360 .gs360cta-hud {
    position: relative;

    min-width: 0;
    min-height: 590px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, .11);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(82, 224, 0, .08),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 46%,
            rgba(37, 216, 244, .025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3, 13, 14, .45),
            rgba(2, 8, 3, .96)
        );
}

#cta-xbox-360 .gs360cta-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .28;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, .027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(82, 224, 0, .027) 1px,
            transparent 1px
        );

    background-size:
        29px 29px;
}


/* =========================================================
   HUD LABELS
   ========================================================= */

#cta-xbox-360 .gs360cta-hud-top {
    position: absolute;

    z-index: 20;

    left: 18px;
    right: 18px;
    top: 17px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

#cta-xbox-360 .gs360cta-hud-code {
    color: #91ced4;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(82, 224, 0, .14);

    border-radius: 999px;

    background:
        rgba(4, 16, 4, .48);

    color: #98c98b;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360cta-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .60);
}


/* =========================================================
   HUD MAP
   ========================================================= */

#cta-xbox-360 .gs360cta-map {
    position: relative;

    z-index: 7;

    width:
        min(
            390px,
            91%
        );

    aspect-ratio:
        1 / 1;

    display: grid;
    place-items: center;
}


/* =========================================================
   ANILLOS
   ========================================================= */

#cta-xbox-360 .gs360cta-ring-a,
#cta-xbox-360 .gs360cta-ring-b,
#cta-xbox-360 .gs360cta-ring-c {
    position: absolute;

    border-radius: 50%;
}

#cta-xbox-360 .gs360cta-ring-a {
    inset: 0;

    border:
        1px dashed rgba(37, 216, 244, .14);

    animation:
        gs360cta-ring-a
        27s linear infinite;
}

#cta-xbox-360 .gs360cta-ring-a::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -5px;

    width: 10px;
    height: 10px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--gs360cta-cyan);

    box-shadow:
        0 0 11px rgba(37, 216, 244, .72);
}

#cta-xbox-360 .gs360cta-ring-b {
    inset: 43px;

    border:
        1px solid rgba(82, 224, 0, .17);

    animation:
        gs360cta-ring-b
        21s linear infinite reverse;
}

#cta-xbox-360 .gs360cta-ring-b::before,
#cta-xbox-360 .gs360cta-ring-b::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#cta-xbox-360 .gs360cta-ring-b::before {
    right: 8%;
    bottom: 17%;

    width: 9px;
    height: 9px;

    background:
        var(--gs360cta-green2);

    box-shadow:
        0 0 11px rgba(124, 255, 58, .75);
}

#cta-xbox-360 .gs360cta-ring-b::after {
    left: 12%;
    top: 21%;

    width: 6px;
    height: 6px;

    background:
        var(--gs360cta-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, .65);
}

#cta-xbox-360 .gs360cta-ring-c {
    inset: 91px;

    border:
        1px dashed rgba(82, 224, 0, .10);

    animation:
        gs360cta-ring-c
        16s linear infinite;
}

@keyframes gs360cta-ring-a {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes gs360cta-ring-b {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes gs360cta-ring-c {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   NÚCLEO
   ========================================================= */

#cta-xbox-360 .gs360cta-core {
    position: absolute;

    z-index: 12;

    width: 145px;
    height: 145px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(82, 224, 0, .30);

    border-radius: 28px;

    background:
        radial-gradient(
            circle at center,
            rgba(82, 224, 0, .13),
            rgba(2, 8, 3, .96) 68%
        );

    box-shadow:
        0 0 38px rgba(82, 224, 0, .10);

    animation:
        gs360cta-core
        2.7s ease-in-out infinite;
}

#cta-xbox-360 .gs360cta-core::before {
    content: "";

    position: absolute;

    inset: 13px;

    border:
        1px dashed rgba(37, 216, 244, .17);

    border-radius: 20px;
}

#cta-xbox-360 .gs360cta-core-copy {
    position: relative;
    z-index: 3;

    text-align: center;
}

#cta-xbox-360 .gs360cta-core-copy strong {
    display: block;

    color:
        var(--gs360cta-green2);

    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-core-copy span {
    display: block;

    margin-top: 5px;

    color: #768974;

    font-size: 10px;
    line-height: 1.4;
}

@keyframes gs360cta-core {
    0%,
    100% {
        transform: scale(1);

        box-shadow:
            0 0 24px rgba(82, 224, 0, .07);
    }

    50% {
        transform: scale(1.035);

        box-shadow:
            0 0 44px rgba(82, 224, 0, .18);
    }
}


/* =========================================================
   NODOS
   ========================================================= */

#cta-xbox-360 .gs360cta-node {
    --node-color: #52e000;

    position: absolute;

    z-index: 14;

    width: 88px;

    padding:
        9px 7px;

    border:
        1px solid var(--node-color);

    border-radius: 9px;

    background:
        rgba(2, 9, 4, .94);

    color:
        var(--node-color);

    font-size: 9px;
    line-height: 1.32;
    font-weight: 700;

    text-align: center;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-node--a {
    left: -3px;
    top: 45%;

    --node-color: #25d8f4;

    animation:
        gs360cta-node-a
        4.8s ease-in-out infinite;
}

#cta-xbox-360 .gs360cta-node--b {
    left: 50%;
    top: 0;

    transform:
        translateX(-50%);

    --node-color: #52e000;

    animation:
        gs360cta-node-b
        5.2s ease-in-out infinite;
}

#cta-xbox-360 .gs360cta-node--c {
    right: -3px;
    top: 45%;

    --node-color: #ffc857;

    animation:
        gs360cta-node-a
        5.6s ease-in-out infinite reverse;
}

#cta-xbox-360 .gs360cta-node--d {
    left: 50%;
    bottom: 0;

    transform:
        translateX(-50%);

    --node-color: #7cff3a;

    animation:
        gs360cta-node-b
        5.9s ease-in-out infinite reverse;
}

@keyframes gs360cta-node-a {
    0%,
    100% {
        margin-top: 0;
    }

    50% {
        margin-top: -5px;
    }
}

@keyframes gs360cta-node-b {
    0%,
    100% {
        margin-top: 0;
    }

    50% {
        margin-top: 5px;
    }
}


/* =========================================================
   PAQUETES DE DATOS
   ========================================================= */

#cta-xbox-360 .gs360cta-data {
    position: absolute;
    inset: 0;

    pointer-events: none;
}

#cta-xbox-360 .gs360cta-data span {
    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 2px;

    opacity: 0;

    box-shadow:
        0 0 8px currentColor;
}

#cta-xbox-360 .gs360cta-data span:nth-child(1) {
    left: 19%;
    top: 50%;

    color:
        var(--gs360cta-cyan);

    background:
        currentColor;

    animation:
        gs360cta-data-left
        3.3s linear infinite;
}

#cta-xbox-360 .gs360cta-data span:nth-child(2) {
    right: 19%;
    top: 50%;

    color:
        var(--gs360cta-yellow);

    background:
        currentColor;

    animation:
        gs360cta-data-right
        3.5s linear infinite;

    animation-delay:
        .8s;
}

#cta-xbox-360 .gs360cta-data span:nth-child(3) {
    left: 50%;
    top: 19%;

    color:
        var(--gs360cta-green);

    background:
        currentColor;

    animation:
        gs360cta-data-top
        3.8s linear infinite;

    animation-delay:
        1.4s;
}

#cta-xbox-360 .gs360cta-data span:nth-child(4) {
    left: 50%;
    bottom: 19%;

    color:
        var(--gs360cta-green2);

    background:
        currentColor;

    animation:
        gs360cta-data-bottom
        4s linear infinite;

    animation-delay:
        2s;
}

@keyframes gs360cta-data-left {
    0% {
        transform:
            translateX(-25px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translateX(105px);

        opacity: 0;
    }
}

@keyframes gs360cta-data-right {
    0% {
        transform:
            translateX(25px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translateX(-105px);

        opacity: 0;
    }
}

@keyframes gs360cta-data-top {
    0% {
        transform:
            translateY(-25px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translateY(105px);

        opacity: 0;
    }
}

@keyframes gs360cta-data-bottom {
    0% {
        transform:
            translateY(25px);

        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform:
            translateY(-105px);

        opacity: 0;
    }
}


/* =========================================================
   HUD FOOT
   ========================================================= */

#cta-xbox-360 .gs360cta-hud-foot {
    position: absolute;

    z-index: 20;

    left: 18px;
    right: 18px;
    bottom: 17px;

    padding:
        10px 12px;

    border:
        1px solid rgba(82, 224, 0, .08);

    border-radius: 9px;

    background:
        rgba(3, 13, 3, .54);

    color: #788b75;

    font-size: 10px;
    line-height: 1.5;
    font-weight: 600;

    text-align: center;
}

#cta-xbox-360 .gs360cta-hud-foot strong {
    color: #bdebad;
}


/* =========================================================
   INFORMACIÓN LOCAL / NACIONAL
   ========================================================= */

#cta-xbox-360 .gs360cta-info-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    margin-top: 18px;
}

#cta-xbox-360 .gs360cta-info {
    position: relative;

    min-width: 0;

    padding: 21px;

    overflow: hidden;

    border-radius: 16px;
}

#cta-xbox-360 .gs360cta-info--local {
    border:
        1px solid rgba(82, 224, 0, .10);

    background:
        linear-gradient(
            145deg,
            rgba(7, 21, 7, .78),
            rgba(2, 8, 3, .96)
        );
}

#cta-xbox-360 .gs360cta-info--national {
    border:
        1px solid rgba(37, 216, 244, .10);

    background:
        linear-gradient(
            145deg,
            rgba(3, 14, 17, .42),
            rgba(2, 8, 3, .96)
        );
}

#cta-xbox-360 .gs360cta-info::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 120px;
    height: 2px;
}

#cta-xbox-360 .gs360cta-info--local::before {
    background:
        linear-gradient(
            90deg,
            var(--gs360cta-green),
            transparent
        );
}

#cta-xbox-360 .gs360cta-info--national::before {
    background:
        linear-gradient(
            90deg,
            var(--gs360cta-cyan),
            transparent
        );
}

#cta-xbox-360 .gs360cta-info-label {
    display: block;

    margin-bottom: 6px;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-info--local .gs360cta-info-label {
    color:
        var(--gs360cta-green2);
}

#cta-xbox-360 .gs360cta-info--national .gs360cta-info-label {
    color:
        var(--gs360cta-cyan);
}

#cta-xbox-360 .gs360cta-info-title {
    display: block;

    margin-bottom: 7px;

    color: #dcebd8;

    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
}

#cta-xbox-360 .gs360cta-info-copy {
    display: block;

    color: #768774;

    font-size: 11px;
    line-height: 1.63;
}

#cta-xbox-360 .gs360cta-info-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 13px;
}

#cta-xbox-360 .gs360cta-info-meta span {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    padding:
        5px 8px;

    border:
        1px solid rgba(255, 255, 255, .055);

    border-radius: 7px;

    background:
        rgba(0, 0, 0, .10);

    color: #748371;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   QUÉ ENVIAR POR WHATSAPP
   ========================================================= */

#cta-xbox-360 .gs360cta-message {
    position: relative;

    margin-top: 18px;

    padding: 22px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, .09);

    border-radius: 16px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(139, 92, 246, .035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(10, 7, 18, .30),
            rgba(2, 8, 3, .96)
        );
}

#cta-xbox-360 .gs360cta-message::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 150px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gs360cta-violet),
            var(--gs360cta-green),
            transparent
        );
}

#cta-xbox-360 .gs360cta-message-head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 15px;

    align-items: start;
}

#cta-xbox-360 .gs360cta-message-label {
    display: block;

    margin-bottom: 5px;

    color: #bda8ed;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-message-title {
    margin: 0;

    color: #e8f7e4;

    font-size: 17px;
    line-height: 1.42;
    font-weight: 600;
}

#cta-xbox-360 .gs360cta-message-state {
    display: inline-flex;
    align-items: center;

    padding:
        6px 9px;

    border:
        1px solid rgba(139, 92, 246, .12);

    border-radius: 999px;

    color: #a99bd0;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
}

#cta-xbox-360 .gs360cta-message-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 8px;

    margin-top: 15px;
}

#cta-xbox-360 .gs360cta-message-card {
    --message-color: #52e000;

    position: relative;

    min-width: 0;

    padding:
        13px 11px;

    border:
        1px solid rgba(82, 224, 0, .06);

    border-radius: 9px;

    background:
        rgba(3, 11, 3, .40);
}

#cta-xbox-360
.gs360cta-message-card:nth-child(2) {
    --message-color: #25d8f4;
}

#cta-xbox-360
.gs360cta-message-card:nth-child(3) {
    --message-color: #ffc857;
}

#cta-xbox-360
.gs360cta-message-card:nth-child(4) {
    --message-color: #8b5cf6;
}

#cta-xbox-360 .gs360cta-message-card strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--message-color);

    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
}

#cta-xbox-360 .gs360cta-message-card span {
    display: block;

    color: #737f71;

    font-size: 10px;
    line-height: 1.52;
}


/* =========================================================
   AVISO DE VIABILIDAD
   ========================================================= */

#cta-xbox-360 .gs360cta-warning {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 13px;

    align-items: center;

    margin-top: 18px;

    padding:
        16px;

    border:
        1px solid rgba(255, 200, 87, .10);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, .022),
            rgba(255, 99, 125, .008)
        );
}

#cta-xbox-360 .gs360cta-warning-icon {
    display: grid;
    place-items: center;

    width: 37px;
    height: 37px;

    border:
        1px solid rgba(255, 200, 87, .17);

    border-radius: 9px;

    color: #e8cf89;

    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}

#cta-xbox-360 .gs360cta-warning-copy {
    color: #8e856d;

    font-size: 11px;
    line-height: 1.61;
}

#cta-xbox-360 .gs360cta-warning-copy strong {
    color: #e4dab5;
    font-weight: 600;
}

#cta-xbox-360 .gs360cta-warning-state {
    flex-shrink: 0;

    color: #b9a76f;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}


/* =========================================================
   CIERRE
   ========================================================= */

#cta-xbox-360 .gs360cta-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(82, 224, 0, .13);

    border-radius: 15px;

    background:
        linear-gradient(
            155deg,
            rgba(6, 18, 6, .92),
            rgba(2, 7, 3, .98)
        );
}

#cta-xbox-360 .gs360cta-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(82, 224, 0, .07);

    background:
        rgba(5, 16, 5, .70);
}

#cta-xbox-360 .gs360cta-terminal-dots {
    display: flex;

    gap: 6px;
}

#cta-xbox-360 .gs360cta-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#cta-xbox-360
.gs360cta-terminal-dots span:nth-child(1) {
    background:
        var(--gs360cta-red);
}

#cta-xbox-360
.gs360cta-terminal-dots span:nth-child(2) {
    background:
        var(--gs360cta-yellow);
}

#cta-xbox-360
.gs360cta-terminal-dots span:nth-child(3) {
    background:
        var(--gs360cta-green);
}

#cta-xbox-360 .gs360cta-terminal-name {
    color: #637361;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-terminal-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    gap: 12px;

    padding:
        17px 18px;
}

#cta-xbox-360 .gs360cta-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#cta-xbox-360 .gs360cta-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(82, 224, 0, .055);

    border-radius: 7px;

    background:
        rgba(4, 13, 4, .48);

    color: #70806d;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 500;
}

#cta-xbox-360 .gs360cta-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(124, 255, 58, .11);

    border-radius: 8px;

    color: #93bf86;

    font-size: 10px;
    line-height: 1.35;
    font-weight: 600;
}

#cta-xbox-360 .gs360cta-terminal-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360cta-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .50);
}


/* =========================================================
   FOOTER
   ========================================================= */

#cta-xbox-360 .gs360cta-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 20px;

    padding:
        0 3px;

    color: #50614e;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#cta-xbox-360 .gs360cta-footer-state {
    display: flex;
    align-items: center;

    gap: 6px;

    color: #657663;
}

#cta-xbox-360 .gs360cta-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--gs360cta-green);

    box-shadow:
        0 0 7px rgba(82, 224, 0, .46);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #cta-xbox-360 .gs360cta-btn:hover {
        transform:
            translateY(-2px);
    }

    #cta-xbox-360 .gs360cta-btn--wa:hover {
        border-color:
            rgba(124, 255, 58, .46);

        background:
            linear-gradient(
                135deg,
                rgba(82, 224, 0, .22),
                rgba(82, 224, 0, .09)
            );

        box-shadow:
            0 7px 24px rgba(82, 224, 0, .08);
    }

    #cta-xbox-360 .gs360cta-btn--phone:hover {
        border-color:
            rgba(37, 216, 244, .31);

        background:
            rgba(37, 216, 244, .075);
    }

    #cta-xbox-360 .gs360cta-btn--map:hover {
        border-color:
            rgba(139, 92, 246, .30);

        background:
            rgba(139, 92, 246, .07);
    }

    #cta-xbox-360 .gs360cta-trust-item,
    #cta-xbox-360 .gs360cta-message-card {
        transition:
            transform .20s ease,
            border-color .20s ease;
    }

    #cta-xbox-360 .gs360cta-trust-item:hover,
    #cta-xbox-360 .gs360cta-message-card:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(82, 224, 0, .15);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #cta-xbox-360 .gs360cta-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 78px;
    }

    #cta-xbox-360 .gs360cta-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 24px;
    }

    #cta-xbox-360 .gs360cta-copy {
        padding-right: 4px;
    }

    #cta-xbox-360 .gs360cta-hud {
        min-height: 570px;

        max-width: 760px;

        width: 100%;

        margin:
            0 auto;
    }

    #cta-xbox-360 .gs360cta-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #cta-xbox-360 .gs360cta-message-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #cta-xbox-360 {
        overflow: hidden;
    }

    #cta-xbox-360 .gs360cta-grid {
        opacity: .17;

        background-size:
            32px 32px;
    }

    #cta-xbox-360 .gs360cta-halo-a,
    #cta-xbox-360 .gs360cta-halo-b,
    #cta-xbox-360 .gs360cta-scan {
        display: none;
    }

    #cta-xbox-360 .gs360cta-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            60px 0 63px;
    }

    #cta-xbox-360 .gs360cta-topbar {
        align-items: flex-start;

        flex-direction: column;

        gap: 6px;
    }

    #cta-xbox-360 .gs360cta-main {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 18px;
    }

    #cta-xbox-360 .gs360cta-copy {
        padding: 3px 0 0;
    }

    #cta-xbox-360 .gs360cta-title {
        font-size:
            clamp(
                30px,
                9vw,
                40px
            );
    }

    #cta-xbox-360 .gs360cta-lead {
        font-size: 13px;
        line-height: 1.70;
    }

    #cta-xbox-360 .gs360cta-actions {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-xbox-360 .gs360cta-btn {
        width: 100%;
    }

    #cta-xbox-360 .gs360cta-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #cta-xbox-360 .gs360cta-hud {
        min-height: 560px;

        padding:
            16px 8px;
    }

    #cta-xbox-360 .gs360cta-hud-top {
        left: 13px;
        right: 13px;

        align-items: flex-start;

        flex-direction: column;

        gap: 7px;
    }

    #cta-xbox-360 .gs360cta-map {
        width:
            min(
                315px,
                95%
            );
    }

    #cta-xbox-360 .gs360cta-core {
        width: 118px;
        height: 118px;

        border-radius: 23px;
    }

    #cta-xbox-360 .gs360cta-ring-b {
        inset: 36px;
    }

    #cta-xbox-360 .gs360cta-ring-c {
        inset: 78px;
    }

    #cta-xbox-360 .gs360cta-node {
        width: 72px;

        padding:
            7px 5px;

        font-size: 8px;
    }

    #cta-xbox-360 .gs360cta-hud-foot {
        left: 12px;
        right: 12px;

        font-size: 9px;
    }

    #cta-xbox-360 .gs360cta-info-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-xbox-360 .gs360cta-info,
    #cta-xbox-360 .gs360cta-message {
        width: 100%;
        min-width: 0;

        padding:
            18px 15px;

        border-radius: 15px;
    }

    #cta-xbox-360 .gs360cta-message-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #cta-xbox-360 .gs360cta-message-state {
        width: fit-content;
    }

    #cta-xbox-360 .gs360cta-message-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-xbox-360 .gs360cta-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #cta-xbox-360 .gs360cta-warning-state {
        width: fit-content;
    }

    #cta-xbox-360 .gs360cta-terminal-body {
        align-items: flex-start;

        flex-direction: column;
    }

    #cta-xbox-360 .gs360cta-footer {
        align-items: flex-start;

        flex-direction: column;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #cta-xbox-360 .gs360cta-shell {
        width:
            calc(100% - 24px);
    }

    #cta-xbox-360 .gs360cta-main,
    #cta-xbox-360 .gs360cta-info,
    #cta-xbox-360 .gs360cta-message {
        padding-left: 12px;
        padding-right: 12px;
    }

    #cta-xbox-360 .gs360cta-trust {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-xbox-360 .gs360cta-hud {
        min-height: 570px;
    }

    #cta-xbox-360 .gs360cta-map {
        width: 276px;
    }

    #cta-xbox-360 .gs360cta-core {
        width: 105px;
        height: 105px;
    }

    #cta-xbox-360 .gs360cta-ring-b {
        inset: 33px;
    }

    #cta-xbox-360 .gs360cta-ring-c {
        inset: 72px;
    }



    #cta-xbox-360 .gs360cta-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);

        width: 100%;
    }
}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */




/* =========================================================
   AJUSTES DE AUDITORÍA
   ========================================================= */
#cta-xbox-360 .gs360cta-title {
    padding-bottom: .07em;
    overflow: visible;
    line-height: 1.07;
}
#cta-xbox-360 .gs360cta-btn:focus-visible {
    outline: 2px solid rgba(124,255,58,.90);
    outline-offset: 4px;
}
/* El icono de WhatsApp lo inserta exclusivamente el Custom Code global. */
#cta-xbox-360 .gs360cta-btn--wa.button--whatsapp .gs-global-wa-icon {
    flex: 0 0 auto;
    align-self: center;
}
@media (max-width: 767px) {
    #cta-xbox-360 .gs360cta-hud {
        min-height: 0 !important;
        display: block;
        padding: 16px 12px;
    }
    #cta-xbox-360 .gs360cta-hud-top {
        position: relative;
        left: auto; right: auto; top: auto;
        margin-bottom: 16px;
    }
    #cta-xbox-360 .gs360cta-map {
        width: 100%; max-width: 430px; aspect-ratio: auto;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px;
        margin: 0 auto;
    }
    #cta-xbox-360 .gs360cta-ring-a,
    #cta-xbox-360 .gs360cta-ring-b,
    #cta-xbox-360 .gs360cta-ring-c,
    #cta-xbox-360 .gs360cta-data { display:none !important; }
    #cta-xbox-360 .gs360cta-core {
        position: relative;
        grid-column: 1 / -1;
        width:118px; height:118px;
        margin:0 auto 9px;
        border-radius:23px;
    }
    #cta-xbox-360 .gs360cta-node,
    #cta-xbox-360 .gs360cta-node--a,
    #cta-xbox-360 .gs360cta-node--b,
    #cta-xbox-360 .gs360cta-node--c,
    #cta-xbox-360 .gs360cta-node--d {
        position:relative;
        left:auto; right:auto; top:auto; bottom:auto;
        width:auto; min-height:54px;
        display:grid; place-items:center;
        padding:10px 9px;
        transform:none;
        animation:none;
        font-size:9px; line-height:1.35;
    }
    #cta-xbox-360 .gs360cta-hud-foot {
        position:relative;
        left:auto; right:auto; bottom:auto;
        margin-top:14px;
        font-size:9.5px;
    }
}
@media (max-width:390px) {
    #cta-xbox-360 .gs360cta-title {
        font-size:36px; line-height:1.09; letter-spacing:-.035em;
    }
    #cta-xbox-360 .gs360cta-map { grid-template-columns:minmax(0,1fr); }
    #cta-xbox-360 .gs360cta-core { grid-column:1; }
    #cta-xbox-360 .gs360cta-node { min-height:52px; font-size:9.5px; }
}
@media (prefers-reduced-motion: reduce) {
    #cta-xbox-360,
    #cta-xbox-360 *,
    #cta-xbox-360 *::before,
    #cta-xbox-360 *::after {
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }
    #cta-xbox-360 .gs360cta-scan { display:none !important; }
}