/*
GS FRONTEND CORE — Nintendo Wii
Migración 0.64.1.
Estilos extraídos de los 11 widgets Elementor originales.
*/

.gswii__loading {
    min-height: 105px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 18px;
    color: #7892a7;
    font: 700 9px/1.5 "Poppins", Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-align: center;
}
@media (max-width: 767px) {
    .gswii__loading { min-height: 84px; }
}


/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — HERO

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

#wii-inicio {
    --wii-bg: #020711;
    --wii-bg-2: #06101b;

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

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

    --wii-text: #f1f9ff;
    --wii-muted: #91a8bb;
    --wii-muted-2: #6f8798;

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

    overflow: hidden;

    color: var(--wii-text);

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(37, 216, 244, 0.075),
            transparent 30%
        ),
        radial-gradient(
            circle at 87% 24%,
            rgba(53, 135, 255, 0.060),
            transparent 31%
        ),
        radial-gradient(
            circle at 68% 92%,
            rgba(139, 92, 246, 0.045),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #020711 0%,
            #06101b 48%,
            #020711 100%
        );

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

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

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

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


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

#wii-inicio .gswii-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.25;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.042) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.042) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

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

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

#wii-inicio .gswii-glow {
    position: absolute;

    pointer-events: none;

    border-radius: 50%;
}

#wii-inicio .gswii-glow.one {
    left: -170px;
    top: 160px;

    width: 390px;
    height: 390px;

    background:
        radial-gradient(
            circle,
            rgba(37, 216, 244, 0.09),
            transparent 68%
        );
}

#wii-inicio .gswii-glow.two {
    right: -190px;
    bottom: 40px;

    width: 430px;
    height: 430px;

    background:
        radial-gradient(
            circle,
            rgba(139, 92, 246, 0.08),
            transparent 69%
        );
}


/* =========================================================
   ÓRBITAS EXTERIORES
   ========================================================= */

#wii-inicio .gswii-orbit {
    position: absolute;

    pointer-events: none;

    border-radius: 50%;
}

#wii-inicio .gswii-orbit.one {
    left: -260px;
    top: 270px;

    width: 530px;
    height: 530px;

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

    animation:
        gswii-spin 58s linear infinite;
}

#wii-inicio .gswii-orbit.two {
    right: -235px;
    top: 95px;

    width: 470px;
    height: 470px;

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

    animation:
        gswii-spin 70s linear infinite reverse;
}

#wii-inicio .gswii-orbit::before,
#wii-inicio .gswii-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#wii-inicio .gswii-orbit::before {
    inset: 82px;

    border:
        1px dashed rgba(53, 135, 255, 0.050);
}

#wii-inicio .gswii-orbit::after {
    inset: 166px;

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

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

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


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

#wii-inicio .gswii-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#wii-inicio .gswii-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.22),
            rgba(53, 135, 255, 0.15),
            rgba(139, 92, 246, 0.12),
            transparent
        );

    box-shadow:
        0 0 17px rgba(37, 216, 244, 0.08);

    animation:
        gswii-scan 12s linear infinite;
}

@keyframes gswii-scan {

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

    8% {
        opacity: 0.34;
    }

    92% {
        opacity: 0.12;
    }

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


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

#wii-inicio .gswii-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        94px 0 84px;
}


/* =========================================================
   HERO PRINCIPAL
   ========================================================= */

#wii-inicio .gswii-main {
    display: grid;

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

    gap: 38px;

    align-items: start;
}


/* =========================================================
   COPY
   ========================================================= */

#wii-inicio .gswii-copy {
    min-width: 0;
}

#wii-inicio .gswii-kicker {
    display: inline-flex;
    align-items: center;

    gap: 9px;

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

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

    border-radius: 999px;

    background:
        rgba(37, 216, 244, 0.035);

    color: #a3effb;

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

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

#wii-inicio .gswii-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--wii-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.70);
}

#wii-inicio .gswii-title {
    max-width: 760px;

    margin: 0;

    color: #f4fbff;

    font-size:
        clamp(
            38px,
            5vw,
            62px
        );

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

    letter-spacing: -0.042em;
}

#wii-inicio .gswii-title span {
    color: var(--wii-cyan);
}

#wii-inicio .gswii-lead {
    max-width: 710px;

    margin:
        20px 0 0;

    color: #9bb0bf;

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

#wii-inicio .gswii-principle {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    max-width: 700px;

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

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

    border-radius: 12px;

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

    color: #82998d;

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

#wii-inicio .gswii-principle::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin-top: 5px;

    border-radius: 50%;

    background: var(--wii-green);

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

#wii-inicio .gswii-principle strong {
    color: #caebd7;
    font-weight: 600;
}


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

#wii-inicio .gswii-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 22px;
}

#wii-inicio .gswii-button {
    --button-color: #25d8f4;

    position: relative;

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

    min-height: 48px;

    padding:
        11px 17px;

    overflow: hidden;

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

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(37, 216, 244, 0.045),
            rgba(4, 12, 22, 0.96)
        );

    color: #e4f6fb;

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

    text-decoration: none;

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

#wii-inicio .gswii-button.whatsapp {
    border-color:
        rgba(67, 229, 139, 0.20);

    background:
        linear-gradient(
            145deg,
            rgba(67, 229, 139, 0.045),
            rgba(4, 12, 22, 0.96)
        );
}

#wii-inicio .gswii-button::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

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

#wii-inicio .gswii-button.whatsapp::before {
    background:
        linear-gradient(
            90deg,
            var(--wii-green),
            transparent
        );
}

#wii-inicio .gswii-button:hover {
    transform: translateY(-2px);

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

#wii-inicio .gswii-button.whatsapp:hover {
    border-color:
        rgba(67, 229, 139, 0.42);
}


/* =========================================================
   BADGES
   ========================================================= */

#wii-inicio .gswii-badges {
    display: grid;

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

    gap: 8px;

    margin-top: 22px;
}

#wii-inicio .gswii-badge {
    min-width: 0;

    padding:
        12px 13px;

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

    border-radius: 10px;

    background:
        rgba(5, 17, 30, 0.58);

    color: #758d9d;

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

#wii-inicio .gswii-badge strong {
    display: block;

    margin-bottom: 3px;

    color: #d9e8ef;

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


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

#wii-inicio .gswii-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 50% 28%,
            rgba(37, 216, 244, 0.070),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 28%,
            rgba(139, 92, 246, 0.045),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(18, 18, 42, 0.74),
            rgba(4, 12, 22, 0.97)
        );

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.18);
}

#wii-inicio .gswii-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.26;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}

#wii-inicio .gswii-hud-head {
    position: relative;
    z-index: 4;

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

    gap: 10px;
}

#wii-inicio .gswii-hud-code {
    color: #c8bdff;

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

    text-transform: uppercase;
}

#wii-inicio .gswii-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

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

    border-radius: 999px;

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

    color: #97eebb;

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

#wii-inicio .gswii-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--wii-green);

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


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

#wii-inicio .gswii-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 12px;

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

    overflow: hidden;

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

    border-radius: 15px;

    background:
        rgba(3, 12, 22, 0.74);
}


/* =========================================================
   ESCENARIO DE IMAGEN
   ========================================================= */

#wii-inicio .gswii-product-stage {
    position: relative;

    min-height: 330px;

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

    overflow: hidden;

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

    border-radius: 17px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(37, 216, 244, 0.075),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.78),
            rgba(3, 12, 22, 0.94)
        );
}

#wii-inicio .gswii-product-stage::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 310px;
    height: 310px;

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

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

    border-radius: 50%;

    animation:
        gswii-inner-spin
        24s linear infinite;
}

#wii-inicio .gswii-product-stage::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 390px;
    height: 390px;

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

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

    border-radius: 50%;

    animation:
        gswii-inner-spin
        34s linear infinite reverse;
}

@keyframes gswii-inner-spin {

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

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


/* =========================================================
   ETIQUETA PRODUCTO
   ========================================================= */

#wii-inicio .gswii-product-tag {
    position: absolute;

    z-index: 5;

    left: 13px;
    top: 13px;

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

    gap: 6px;

    padding:
        6px 9px;

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

    border-radius: 999px;

    background:
        rgba(3, 15, 26, 0.88);

    color: #9eeeff;

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

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

#wii-inicio .gswii-product-tag::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--wii-cyan);

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


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

#wii-inicio .gswii-product {
    position: relative;
    z-index: 4;

    width:
        min(
            90%,
            415px
        );

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

    animation:
        gswii-product-float
        5.2s ease-in-out infinite;
}

#wii-inicio .gswii-product::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 74%;
    height: 34px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(37, 216, 244, 0.18),
            transparent 70%
        );

    filter:
        blur(12px);

    pointer-events: none;
}

#wii-inicio .gswii-product img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 0 5px rgba(37, 216, 244, 0.18)
        )
        drop-shadow(
            0 16px 24px rgba(0, 0, 0, 0.28)
        );
}

@keyframes gswii-product-float {

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

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


/* =========================================================
   NODOS — AHORA EN FLUJO NORMAL
   ========================================================= */

#wii-inicio .gswii-nodes {
    display: grid;

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

    gap: 8px;
}

#wii-inicio .gswii-node {
    --node-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        13px 14px;

    overflow: hidden;

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

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 21, 36, 0.93),
            rgba(4, 13, 23, 0.98)
        );
}

#wii-inicio .gswii-node.power {
    --node-color: #25d8f4;

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

#wii-inicio .gswii-node.video {
    --node-color: #3587ff;

    border-color:
        rgba(53, 135, 255, 0.14);
}

#wii-inicio .gswii-node.drive {
    --node-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.14);
}

#wii-inicio .gswii-node.control {
    --node-color: #43e58b;

    border-color:
        rgba(67, 229, 139, 0.14);
}

#wii-inicio .gswii-node::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 74px;
    height: 2px;

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

#wii-inicio .gswii-node-code {
    display: block;

    margin-bottom: 5px;

    color: var(--node-color);

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

    text-transform: uppercase;
}

#wii-inicio .gswii-node strong {
    display: block;

    color: #dcebf3;

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

#wii-inicio .gswii-node-copy {
    display: block;

    margin-top: 5px;

    color: #70899a;

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


/* =========================================================
   SÍNTOMA / PRUEBAS / CAUSA
   ========================================================= */

#wii-inicio .gswii-analysis {
    display: grid;

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

    gap: 7px;

    align-items: center;

    padding:
        10px;

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

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(5, 18, 31, 0.91),
            rgba(4, 12, 22, 0.97)
        );
}

#wii-inicio .gswii-analysis-step {
    min-width: 0;

    padding:
        10px 7px;

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

    border-radius: 9px;

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

    text-align: center;
}

#wii-inicio .gswii-analysis-step strong {
    display: block;

    color: #e5f5fb;

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

    text-transform: uppercase;
}

#wii-inicio .gswii-analysis-step span {
    display: block;

    margin-top: 4px;

    color: #6f8798;

    font-size: 6.8px;
    line-height: 1.4;

    text-transform: uppercase;
}

#wii-inicio .gswii-analysis-arrow {
    color: #60c9f4;

    font-size: 12px;
    line-height: 1;

    font-weight: 700;

    text-align: center;
}


/* =========================================================
   RUTA INFERIOR HUD
   ========================================================= */

#wii-inicio .gswii-hud-route {
    display: grid;

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

    gap: 5px;
}

#wii-inicio .gswii-hud-step {
    min-width: 0;

    padding:
        7px 4px;

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

    border-radius: 7px;

    background:
        rgba(5, 17, 30, 0.86);

    color: #728b9b;

    text-align: center;

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


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

#wii-inicio .gswii-trust {
    display: grid;

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

    gap: 10px;

    margin-top: 20px;
}

#wii-inicio .gswii-trust-card {
    --trust-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 15px;

    overflow: hidden;

    border-radius: 13px;

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

#wii-inicio .gswii-trust-card:nth-child(1) {
    --trust-color: #25d8f4;

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

#wii-inicio .gswii-trust-card:nth-child(2) {
    --trust-color: #3587ff;

    border:
        1px solid rgba(53, 135, 255, 0.12);
}

#wii-inicio .gswii-trust-card:nth-child(3) {
    --trust-color: #43e58b;

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

#wii-inicio .gswii-trust-card:nth-child(4) {
    --trust-color: #8b5cf6;

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

#wii-inicio .gswii-trust-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 68px;
    height: 2px;

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

#wii-inicio .gswii-trust-code {
    display: block;

    margin-bottom: 6px;

    color: var(--trust-color);

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

    text-transform: uppercase;
}

#wii-inicio .gswii-trust-title {
    display: block;

    margin-bottom: 4px;

    color: #dcebf4;

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

#wii-inicio .gswii-trust-copy {
    display: block;

    color: #71899a;

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


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

#wii-inicio .gswii-terminal {
    margin-top: 18px;

    overflow: hidden;

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

    border-radius: 16px;

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

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

    gap: 12px;

    min-height: 42px;

    padding:
        10px 14px;

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

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

#wii-inicio .gswii-terminal-dots {
    display: flex;

    gap: 6px;
}

#wii-inicio .gswii-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#wii-inicio .gswii-terminal-dots span:nth-child(1) {
    background: var(--wii-red);
}

#wii-inicio .gswii-terminal-dots span:nth-child(2) {
    background: var(--wii-yellow);
}

#wii-inicio .gswii-terminal-dots span:nth-child(3) {
    background: var(--wii-green);
}

#wii-inicio .gswii-terminal-name {
    color: #71889d;

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

    text-transform: uppercase;
}

#wii-inicio .gswii-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        18px 19px;
}

#wii-inicio .gswii-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#wii-inicio .gswii-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    padding:
        6px 8px;

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

    border-radius: 7px;

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

    color: #8298a8;

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

#wii-inicio .gswii-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

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

    border-radius: 9px;

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

    color: #9beabd;

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

#wii-inicio .gswii-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--wii-green);

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


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

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

    gap: 18px;

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

    color: #60788c;

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

    text-transform: uppercase;
}

#wii-inicio .gswii-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#wii-inicio .gswii-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--wii-green);

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


/* =========================================================
   FOCUS
   ========================================================= */

#wii-inicio a:focus-visible {
    outline:
        2px solid rgba(37, 216, 244, 0.58);

    outline-offset: 3px;
}


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

@media (max-width: 1024px) {

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

        padding:
            76px 0 78px;
    }

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

        gap: 28px;
    }

    #wii-inicio .gswii-copy {
        max-width: 800px;
    }

    #wii-inicio .gswii-hud {
        width: 100%;
        max-width: 760px;

        margin: 0 auto;
    }

    #wii-inicio .gswii-product-stage {
        min-height: 360px;
    }

    #wii-inicio .gswii-product {
        width:
            min(
                76%,
                430px
            );
    }

    #wii-inicio .gswii-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #wii-inicio {
        overflow: hidden;
    }

    #wii-inicio .gswii-grid {
        opacity: 0.17;

        background-size: 32px 32px;
    }

    #wii-inicio .gswii-orbit,
    #wii-inicio .gswii-scan,
    #wii-inicio .gswii-glow {
        display: none;
    }

    #wii-inicio .gswii-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            62px 0 64px;
    }

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

        gap: 22px;
    }

    #wii-inicio .gswii-title {
        font-size:
            clamp(
                35px,
                11vw,
                45px
            );
    }

    #wii-inicio .gswii-lead {
        font-size: 14px;
        line-height: 1.70;
    }

    #wii-inicio .gswii-actions {
        display: grid;

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

        gap: 8px;
    }

    #wii-inicio .gswii-button {
        width: 100%;

        justify-content: flex-start;
    }

    #wii-inicio .gswii-badges {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 7px;
    }

    #wii-inicio .gswii-hud {
        width: 100%;
        min-width: 0;

        padding:
            17px 13px;

        border-radius: 17px;
    }

    #wii-inicio .gswii-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #wii-inicio .gswii-hud-screen {
        padding:
            10px;

        gap: 9px;
    }

    #wii-inicio .gswii-product-stage {
        min-height: 280px;
    }

    #wii-inicio .gswii-product-stage::before,
    #wii-inicio .gswii-product-stage::after,
    #wii-inicio .gswii-product {
        animation: none;
    }

    #wii-inicio .gswii-product-stage::before {
        width: 210px;
        height: 210px;
    }

    #wii-inicio .gswii-product-stage::after {
        width: 270px;
        height: 270px;
    }

    #wii-inicio .gswii-product {
        width:
            min(
                88%,
                320px
            );
    }

    #wii-inicio .gswii-product-tag {
        left: 9px;
        top: 9px;

        font-size: 6px;
    }

    #wii-inicio .gswii-nodes {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #wii-inicio .gswii-node {
        padding:
            11px 10px;
    }

    #wii-inicio .gswii-node-code {
        font-size: 7px;
    }

    #wii-inicio .gswii-node strong {
        font-size: 8px;
    }

    #wii-inicio .gswii-node-copy {
        font-size: 7px;
    }

    #wii-inicio .gswii-analysis {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);

        gap: 4px;

        padding: 7px;
    }

    #wii-inicio .gswii-analysis-step {
        padding:
            8px 3px;
    }

    #wii-inicio .gswii-analysis-step strong {
        font-size: 6.7px;
    }

    #wii-inicio .gswii-analysis-step span {
        font-size: 5.4px;
    }

    #wii-inicio .gswii-analysis-arrow {
        font-size: 8px;
    }

    #wii-inicio .gswii-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #wii-inicio .gswii-hud-step {
        text-align: left;

        font-size: 7px;
    }

    #wii-inicio .gswii-trust {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

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

        gap: 12px;

        padding:
            16px 14px;
    }

    #wii-inicio .gswii-terminal-state {
        width: fit-content;
    }

    #wii-inicio .gswii-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

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

    #wii-inicio .gswii-hud {
        padding-left: 10px;
        padding-right: 10px;
    }

    #wii-inicio .gswii-hud-screen {
        padding:
            8px;
    }

    #wii-inicio .gswii-product-stage {
        min-height: 245px;
    }

    #wii-inicio .gswii-product {
        width:
            min(
                92%,
                270px
            );
    }

    #wii-inicio .gswii-product-stage::before {
        width: 180px;
        height: 180px;
    }

    #wii-inicio .gswii-product-stage::after {
        width: 225px;
        height: 225px;
    }

    #wii-inicio .gswii-product-tag {
        max-width:
            calc(100% - 18px);

        font-size: 5.6px;
    }

    #wii-inicio .gswii-nodes {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 6px;
    }

    #wii-inicio .gswii-node-copy {
        display: none;
    }

    #wii-inicio .gswii-analysis {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 5px;
    }

    #wii-inicio .gswii-analysis-arrow {
        transform:
            rotate(90deg);

        font-size: 8px;
    }

    #wii-inicio .gswii-analysis-step {
        padding:
            8px 6px;
    }

    #wii-inicio .gswii-analysis-step strong {
        font-size: 7px;
    }

    #wii-inicio .gswii-analysis-step span {
        font-size: 5.8px;
    }

    #wii-inicio .gswii-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #wii-inicio .gswii-terminal-route {
        display: grid;

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


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

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

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

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #wii-inicio .gswii-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — MODELOS Y ALCANCE
 
   ========================================================= */

#modelos-alcance-wii {
    --mod-bg: #030811;
    --mod-bg-2: #06101b;

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

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

    --mod-text: #f1f9ff;
    --mod-muted: #91a8bb;
    --mod-muted-2: #6f8798;

    position: relative;

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

    overflow: hidden;

    color: var(--mod-text);

    background:
        radial-gradient(
            circle at 11% 16%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(53, 135, 255, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 72% 91%,
            rgba(139, 92, 246, 0.040),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

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

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

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

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


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

#modelos-alcance-wii .gswiimod-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

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

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


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

#modelos-alcance-wii .gswiimod-orbit {
    position: absolute;

    right: -255px;
    top: 470px;

    width: 510px;
    height: 510px;

    pointer-events: none;

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

    border-radius: 50%;

    animation:
        gswiimod-spin
        58s linear infinite;
}

#modelos-alcance-wii .gswiimod-orbit::before,
#modelos-alcance-wii .gswiimod-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#modelos-alcance-wii .gswiimod-orbit::before {
    inset: 82px;

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

#modelos-alcance-wii .gswiimod-orbit::after {
    inset: 165px;

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

@keyframes gswiimod-spin {

    from {
        transform: rotate(0deg);
    }

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


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

#modelos-alcance-wii .gswiimod-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#modelos-alcance-wii .gswiimod-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswiimod-scan
        12s linear infinite;
}

@keyframes gswiimod-scan {

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

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

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


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

#modelos-alcance-wii .gswiimod-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


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

#modelos-alcance-wii .gswiimod-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#modelos-alcance-wii .gswiimod-heading-main {
    min-width: 0;
}


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

#modelos-alcance-wii .gswiimod-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

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

    border-radius: 999px;

    background:
        rgba(37, 216, 244, 0.035);

    color: #a3effb;

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

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

#modelos-alcance-wii .gswiimod-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--mod-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.70);
}


/* =========================================================
   TÍTULO
   ========================================================= */

#modelos-alcance-wii .gswiimod-title {
    max-width: 900px;

    margin: 0;

    color: #f4fbff;

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

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

    letter-spacing: -0.035em;
}

#modelos-alcance-wii .gswiimod-title span {
    color: var(--mod-cyan);
}

#modelos-alcance-wii .gswiimod-intro {
    max-width: 850px;

    margin:
        16px 0 0;

    color: var(--mod-muted);

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


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

#modelos-alcance-wii .gswiimod-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(67, 229, 139, 0.035),
            rgba(4, 13, 23, 0.90)
        );
}

#modelos-alcance-wii .gswiimod-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#modelos-alcance-wii .gswiimod-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #9deabd;

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--mod-green);

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

#modelos-alcance-wii .gswiimod-status p {
    margin: 0;

    color: #a7bcc9;

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


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

#modelos-alcance-wii .gswiimod-core {
    position: relative;

    display: grid;

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

    gap: 17px;

    align-items: center;

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

    overflow: hidden;

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

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(53, 135, 255, 0.018)
        );
}

#modelos-alcance-wii .gswiimod-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

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

#modelos-alcance-wii .gswiimod-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

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

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

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

    text-align: center;
}

#modelos-alcance-wii .gswiimod-core-copy {
    min-width: 0;
}

#modelos-alcance-wii .gswiimod-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

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

#modelos-alcance-wii .gswiimod-core-copy span {
    display: block;

    color: #829aa9;

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

#modelos-alcance-wii .gswiimod-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

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

    border-radius: 999px;

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

    color: #96edbb;

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


/* =========================================================
   MODELOS
   ========================================================= */

#modelos-alcance-wii .gswiimod-models {
    display: grid;

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

    gap: 11px;
}

#modelos-alcance-wii .gswiimod-model {
    --model-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        22px 18px 19px;

    overflow: hidden;

    border-radius: 16px;

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

#modelos-alcance-wii .gswiimod-model.original {
    --model-color: #25d8f4;

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

#modelos-alcance-wii .gswiimod-model.revision {
    --model-color: #3587ff;

    border:
        1px solid rgba(53, 135, 255, 0.14);
}

#modelos-alcance-wii .gswiimod-model.mini {
    --model-color: #8b5cf6;

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

#modelos-alcance-wii .gswiimod-model::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 88px;
    height: 2px;

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

#modelos-alcance-wii .gswiimod-model-number {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    margin-bottom: 13px;
    padding:
        5px 8px;

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

    border-radius: 7px;

    background:
        color-mix(
            in srgb,
            var(--model-color) 4%,
            transparent
        );

    color: var(--model-color);

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

    letter-spacing: 0.06em;
}

#modelos-alcance-wii .gswiimod-model-name {
    display: block;

    margin-bottom: 8px;

    color: #e5f1f7;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}

#modelos-alcance-wii .gswiimod-model-copy {
    display: block;

    color: #778f9f;

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

#modelos-alcance-wii .gswiimod-model-list {
    display: grid;

    gap: 7px;

    margin-top: 14px;
}

#modelos-alcance-wii .gswiimod-model-item {
    display: grid;

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

    gap: 7px;

    align-items: start;

    padding:
        8px 9px;

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

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.52);

    color: #71899a;

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

#modelos-alcance-wii .gswiimod-model-item::before {
    content: "";

    width: 5px;
    height: 5px;

    margin-top: 4px;

    border-radius: 50%;

    background: var(--model-color);

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


/* =========================================================
   MAIN ANALYSIS
   ========================================================= */

#modelos-alcance-wii .gswiimod-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    gap: 18px;

    margin-top: 18px;
}


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

#modelos-alcance-wii .gswiimod-identify {
    min-width: 0;

    padding:
        24px;

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

    border-radius: 19px;

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

#modelos-alcance-wii .gswiimod-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#modelos-alcance-wii .gswiimod-panel-title {
    margin: 0;

    color: #f1faff;

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

#modelos-alcance-wii .gswiimod-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

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


/* =========================================================
   IDENTIFY ROUTE
   ========================================================= */

#modelos-alcance-wii .gswiimod-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#modelos-alcance-wii .gswiimod-route-row {
    --route-color: #25d8f4;

    display: grid;

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

    gap: 10px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#modelos-alcance-wii .gswiimod-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#modelos-alcance-wii .gswiimod-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#modelos-alcance-wii .gswiimod-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#modelos-alcance-wii .gswiimod-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#modelos-alcance-wii .gswiimod-route-label {
    color: var(--route-color);

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-route-copy {
    color: #758d9d;

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

#modelos-alcance-wii .gswiimod-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   NOTA DE COMPATIBILIDAD
   ========================================================= */

#modelos-alcance-wii .gswiimod-note {
    display: flex;
    align-items: flex-start;

    gap: 9px;

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

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

    border-radius: 10px;

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

    color: #8e866e;

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

#modelos-alcance-wii .gswiimod-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

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

    border-radius: 50%;

    color: #f0d48a;

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

#modelos-alcance-wii .gswiimod-note strong {
    color: #dfd0a4;
    font-weight: 600;
}


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

#modelos-alcance-wii .gswiimod-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#modelos-alcance-wii .gswiimod-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}


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

#modelos-alcance-wii .gswiimod-hud-head {
    position: relative;
    z-index: 4;

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

    gap: 10px;
}

#modelos-alcance-wii .gswiimod-hud-code {
    color: #c8bdff;

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

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

    border-radius: 999px;

    color: #97eebb;

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

#modelos-alcance-wii .gswiimod-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--mod-green);

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


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

#modelos-alcance-wii .gswiimod-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 9px;

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

    overflow: hidden;

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

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}


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

#modelos-alcance-wii .gswiimod-hud-core {
    position: relative;

    min-height: 178px;

    display: grid;
    place-items: center;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.09),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#modelos-alcance-wii .gswiimod-hud-core::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

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

    border-radius: 50%;

    animation:
        gswiimod-inner-spin
        22s linear infinite;
}

#modelos-alcance-wii .gswiimod-hud-core::after {
    content: "";

    position: absolute;

    width: 310px;
    height: 310px;

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

    border-radius: 50%;

    animation:
        gswiimod-inner-spin
        32s linear infinite reverse;
}

@keyframes gswiimod-inner-spin {

    from {
        transform: rotate(0deg);
    }

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

#modelos-alcance-wii .gswiimod-core-text {
    position: relative;
    z-index: 3;

    text-align: center;
}

#modelos-alcance-wii .gswiimod-core-text strong {
    display: block;

    color: #e8f9ff;

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

#modelos-alcance-wii .gswiimod-core-text span {
    display: block;

    margin-top: 7px;

    color: #748b9c;

    font-size: 8px;
    line-height: 1.5;

    text-transform: uppercase;
}


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

#modelos-alcance-wii .gswiimod-hud-route {
    display: grid;

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

    gap: 5px;
}

#modelos-alcance-wii .gswiimod-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        10px 5px;

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

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#modelos-alcance-wii .gswiimod-hud-step:nth-child(2) {
    --step-color: #3587ff;
}

#modelos-alcance-wii .gswiimod-hud-step:nth-child(3) {
    --step-color: #8b5cf6;
}

#modelos-alcance-wii .gswiimod-hud-step:nth-child(4) {
    --step-color: #ffc857;
}

#modelos-alcance-wii .gswiimod-hud-step:nth-child(5) {
    --step-color: #43e58b;
}

#modelos-alcance-wii .gswiimod-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-hud-step span {
    display: block;

    color: #70899a;

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


/* =========================================================
   SCOPE STRIP
   ========================================================= */

#modelos-alcance-wii .gswiimod-scope {
    display: grid;

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

    gap: 10px;

    margin-top: 18px;
}

#modelos-alcance-wii .gswiimod-scope-card {
    --scope-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border-radius: 14px;

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

#modelos-alcance-wii .gswiimod-scope-card:nth-child(1) {
    --scope-color: #25d8f4;

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

#modelos-alcance-wii .gswiimod-scope-card:nth-child(2) {
    --scope-color: #3587ff;

    border:
        1px solid rgba(53, 135, 255, 0.12);
}

#modelos-alcance-wii .gswiimod-scope-card:nth-child(3) {
    --scope-color: #ffc857;

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

#modelos-alcance-wii .gswiimod-scope-card:nth-child(4) {
    --scope-color: #43e58b;

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

#modelos-alcance-wii .gswiimod-scope-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#modelos-alcance-wii .gswiimod-scope-code {
    display: block;

    margin-bottom: 7px;

    color: var(--scope-color);

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-scope-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

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

#modelos-alcance-wii .gswiimod-scope-copy {
    display: block;

    color: #71899a;

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


/* =========================================================
   WII U WARNING
   ========================================================= */

#modelos-alcance-wii .gswiimod-wiiu {
    display: grid;

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

    gap: 13px;

    align-items: center;

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

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

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(139, 92, 246, 0.035),
            rgba(53, 135, 255, 0.018)
        );
}

#modelos-alcance-wii .gswiimod-wiiu-icon {
    display: grid;
    place-items: center;

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    border-radius: 10px;

    color: #c8bdff;

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

    text-align: center;
}

#modelos-alcance-wii .gswiimod-wiiu-copy {
    color: #8290a4;

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

#modelos-alcance-wii .gswiimod-wiiu-copy strong {
    color: #ddd8fa;
    font-weight: 600;
}

#modelos-alcance-wii .gswiimod-wiiu-state {
    flex-shrink: 0;

    padding:
        7px 9px;

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

    border-radius: 999px;

    color: #c0b5f5;

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

    text-transform: uppercase;
}


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

#modelos-alcance-wii .gswiimod-terminal {
    margin-top: 18px;

    overflow: hidden;

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

    border-radius: 17px;

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

#modelos-alcance-wii .gswiimod-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

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

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

#modelos-alcance-wii .gswiimod-terminal-dots {
    display: flex;

    gap: 6px;
}

#modelos-alcance-wii .gswiimod-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#modelos-alcance-wii
.gswiimod-terminal-dots span:nth-child(1) {
    background: var(--mod-red);
}

#modelos-alcance-wii
.gswiimod-terminal-dots span:nth-child(2) {
    background: var(--mod-yellow);
}

#modelos-alcance-wii
.gswiimod-terminal-dots span:nth-child(3) {
    background: var(--mod-green);
}

#modelos-alcance-wii .gswiimod-terminal-name {
    color: #71889d;

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#modelos-alcance-wii .gswiimod-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#modelos-alcance-wii .gswiimod-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

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

    border-radius: 7px;

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

    color: #8298a8;

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

#modelos-alcance-wii .gswiimod-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

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

    border-radius: 9px;

    color: #9beabd;

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

#modelos-alcance-wii .gswiimod-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--mod-green);

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


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

#modelos-alcance-wii .gswiimod-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #60788c;

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

    text-transform: uppercase;
}

#modelos-alcance-wii .gswiimod-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#modelos-alcance-wii .gswiimod-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--mod-green);

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


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

@media (max-width: 1024px) {

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

        padding:
            76px 0 80px;
    }

    #modelos-alcance-wii .gswiimod-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #modelos-alcance-wii .gswiimod-status {
        max-width: 650px;
    }

    #modelos-alcance-wii .gswiimod-models {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #modelos-alcance-wii .gswiimod-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #modelos-alcance-wii .gswiimod-hud {
        width: 100%;
        max-width: 740px;

        margin: 0 auto;
    }

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


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

@media (max-width: 767px) {

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

    #modelos-alcance-wii .gswiimod-grid {
        opacity: 0.17;

        background-size: 32px 32px;
    }

    #modelos-alcance-wii .gswiimod-orbit,
    #modelos-alcance-wii .gswiimod-scan {
        display: none;
    }

    #modelos-alcance-wii .gswiimod-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #modelos-alcance-wii .gswiimod-heading {
        display: block;

        margin-bottom: 28px;
    }

    #modelos-alcance-wii .gswiimod-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

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

    #modelos-alcance-wii .gswiimod-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #modelos-alcance-wii .gswiimod-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #modelos-alcance-wii .gswiimod-core-state {
        width: fit-content;
    }

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

        gap: 8px;
    }

    #modelos-alcance-wii .gswiimod-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #modelos-alcance-wii .gswiimod-identify,
    #modelos-alcance-wii .gswiimod-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #modelos-alcance-wii .gswiimod-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #modelos-alcance-wii .gswiimod-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #modelos-alcance-wii .gswiimod-hud-core {
        min-height: 145px;
    }

    #modelos-alcance-wii .gswiimod-hud-core::before,
    #modelos-alcance-wii .gswiimod-hud-core::after {
        animation: none;
    }

    #modelos-alcance-wii .gswiimod-core-text strong {
        font-size: 11px;
    }

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

    #modelos-alcance-wii .gswiimod-hud-step {
        text-align: left;
    }

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

        gap: 8px;
    }

    #modelos-alcance-wii .gswiimod-wiiu {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #modelos-alcance-wii .gswiimod-wiiu-state {
        width: fit-content;
    }

    #modelos-alcance-wii .gswiimod-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #modelos-alcance-wii .gswiimod-terminal-state {
        width: fit-content;
    }

    #modelos-alcance-wii .gswiimod-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

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

    #modelos-alcance-wii .gswiimod-identify,
    #modelos-alcance-wii .gswiimod-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #modelos-alcance-wii .gswiimod-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #modelos-alcance-wii .gswiimod-terminal-route {
        display: grid;

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


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

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

    #modelos-alcance-wii *,
    #modelos-alcance-wii *::before,
    #modelos-alcance-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #modelos-alcance-wii .gswiimod-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — FALLAS FRECUENTES

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

#fallas-wii {
    --wf-bg: #030811;
    --wf-bg-2: #06101b;

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

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

    --wf-text: #f1f9ff;
    --wf-muted: #91a8bb;
    --wf-muted-2: #6f8798;

    position: relative;

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

    overflow: hidden;

    color: var(--wf-text);

    background:
        radial-gradient(
            circle at 10% 14%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 23%,
            rgba(53, 135, 255, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 72% 90%,
            rgba(139, 92, 246, 0.040),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

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

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

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

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


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

#fallas-wii .gswfail-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

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

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


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

#fallas-wii .gswfail-orbit {
    position: absolute;

    left: -255px;
    top: 620px;

    width: 510px;
    height: 510px;

    pointer-events: none;

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

    border-radius: 50%;

    animation:
        gswfail-spin
        58s linear infinite;
}

#fallas-wii .gswfail-orbit::before,
#fallas-wii .gswfail-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#fallas-wii .gswfail-orbit::before {
    inset: 82px;

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

#fallas-wii .gswfail-orbit::after {
    inset: 165px;

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

@keyframes gswfail-spin {

    from {
        transform: rotate(0deg);
    }

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


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

#fallas-wii .gswfail-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#fallas-wii .gswfail-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswfail-scan
        12s linear infinite;
}

@keyframes gswfail-scan {

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

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

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


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

#fallas-wii .gswfail-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


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

#fallas-wii .gswfail-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#fallas-wii .gswfail-heading-main {
    min-width: 0;
}

#fallas-wii .gswfail-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

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

    border-radius: 999px;

    background:
        rgba(37, 216, 244, 0.035);

    color: #a3effb;

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

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

#fallas-wii .gswfail-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--wf-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.70);
}

#fallas-wii .gswfail-title {
    max-width: 900px;

    margin: 0;

    color: #f4fbff;

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

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

    letter-spacing: -0.035em;
}

#fallas-wii .gswfail-title span {
    color: var(--wf-cyan);
}

#fallas-wii .gswfail-intro {
    max-width: 850px;

    margin:
        16px 0 0;

    color: var(--wf-muted);

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


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

#fallas-wii .gswfail-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(67, 229, 139, 0.035),
            rgba(4, 13, 23, 0.90)
        );
}

#fallas-wii .gswfail-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#fallas-wii .gswfail-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #9deabd;

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--wf-green);

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

#fallas-wii .gswfail-status p {
    margin: 0;

    color: #a7bcc9;

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


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

#fallas-wii .gswfail-core {
    position: relative;

    display: grid;

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

    gap: 17px;

    align-items: center;

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

    overflow: hidden;

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

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(53, 135, 255, 0.018)
        );
}

#fallas-wii .gswfail-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

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

#fallas-wii .gswfail-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

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

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

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

    text-align: center;
}

#fallas-wii .gswfail-core-copy {
    min-width: 0;
}

#fallas-wii .gswfail-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

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

#fallas-wii .gswfail-core-copy span {
    display: block;

    color: #829aa9;

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

#fallas-wii .gswfail-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

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

    border-radius: 999px;

    color: #96edbb;

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


/* =========================================================
   MATRIZ DE SÍNTOMAS
   ========================================================= */

#fallas-wii .gswfail-symptoms {
    display: grid;

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

    gap: 10px;
}

#fallas-wii .gswfail-card {
    --card-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 208px;

    padding:
        19px 16px 17px;

    overflow: hidden;

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

    border-radius: 14px;

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

#fallas-wii .gswfail-card:nth-child(4n + 1) {
    --card-color: #25d8f4;
}

#fallas-wii .gswfail-card:nth-child(4n + 2) {
    --card-color: #3587ff;
}

#fallas-wii .gswfail-card:nth-child(4n + 3) {
    --card-color: #8b5cf6;
}

#fallas-wii .gswfail-card:nth-child(4n + 4) {
    --card-color: #43e58b;
}

#fallas-wii .gswfail-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 74px;
    height: 2px;

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

#fallas-wii .gswfail-card-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 29px;
    height: 29px;

    margin-bottom: 10px;

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

    border-radius: 8px;

    color: var(--card-color);

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

#fallas-wii .gswfail-card-title {
    display: block;

    margin-bottom: 7px;

    color: #dfeef5;

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

#fallas-wii .gswfail-card-label {
    display: block;

    margin-bottom: 5px;

    color: var(--card-color);

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-card-copy {
    display: block;

    color: #71899a;

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


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

#fallas-wii .gswfail-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#fallas-wii .gswfail-analysis {
    min-width: 0;

    padding:
        24px;

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

    border-radius: 19px;

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

#fallas-wii .gswfail-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#fallas-wii .gswfail-panel-title {
    margin: 0;

    color: #f1faff;

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

#fallas-wii .gswfail-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

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


/* =========================================================
   RUTA DE ANÁLISIS
   ========================================================= */

#fallas-wii .gswfail-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#fallas-wii .gswfail-route-row {
    --route-color: #25d8f4;

    display: grid;

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

    gap: 10px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#fallas-wii .gswfail-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#fallas-wii .gswfail-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#fallas-wii .gswfail-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#fallas-wii .gswfail-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#fallas-wii .gswfail-route-label {
    color: var(--route-color);

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-route-copy {
    color: #758d9d;

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

#fallas-wii .gswfail-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   NOTA
   ========================================================= */

#fallas-wii .gswfail-note {
    display: flex;
    align-items: flex-start;

    gap: 9px;

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

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

    border-radius: 10px;

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

    color: #8e866e;

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

#fallas-wii .gswfail-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

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

    border-radius: 50%;

    color: #f0d48a;

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

#fallas-wii .gswfail-note strong {
    color: #dfd0a4;
    font-weight: 600;
}


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

#fallas-wii .gswfail-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 40%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#fallas-wii .gswfail-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}

#fallas-wii .gswfail-hud-head {
    position: relative;
    z-index: 4;

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

    gap: 10px;
}

#fallas-wii .gswfail-hud-code {
    color: #c8bdff;

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

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

    border-radius: 999px;

    color: #97eebb;

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

#fallas-wii .gswfail-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--wf-green);

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


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

#fallas-wii .gswfail-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 9px;

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

    overflow: hidden;

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

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}

#fallas-wii .gswfail-hud-core {
    position: relative;

    min-height: 188px;

    display: grid;
    place-items: center;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.09),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#fallas-wii .gswfail-hud-core::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

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

    border-radius: 50%;

    animation:
        gswfail-inner
        22s linear infinite;
}

#fallas-wii .gswfail-hud-core::after {
    content: "";

    position: absolute;

    width: 310px;
    height: 310px;

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

    border-radius: 50%;

    animation:
        gswfail-inner
        32s linear infinite reverse;
}

@keyframes gswfail-inner {

    from {
        transform: rotate(0deg);
    }

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

#fallas-wii .gswfail-core-text {
    position: relative;
    z-index: 3;

    text-align: center;
}

#fallas-wii .gswfail-core-text strong {
    display: block;

    color: #e8f9ff;

    font-size: 14px;
    line-height: 1.48;
    font-weight: 700;
}

#fallas-wii .gswfail-core-text span {
    display: block;

    margin-top: 7px;

    color: #748b9c;

    font-size: 8px;
    line-height: 1.5;

    text-transform: uppercase;
}


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

#fallas-wii .gswfail-hud-route {
    display: grid;

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

    gap: 5px;
}

#fallas-wii .gswfail-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        10px 5px;

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

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#fallas-wii .gswfail-hud-step:nth-child(2) {
    --step-color: #3587ff;
}

#fallas-wii .gswfail-hud-step:nth-child(3) {
    --step-color: #8b5cf6;
}

#fallas-wii .gswfail-hud-step:nth-child(4) {
    --step-color: #ffc857;
}

#fallas-wii .gswfail-hud-step:nth-child(5) {
    --step-color: #43e58b;
}

#fallas-wii .gswfail-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-hud-step span {
    display: block;

    color: #70899a;

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


/* =========================================================
   CATEGORÍAS
   ========================================================= */

#fallas-wii .gswfail-categories {
    display: grid;

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

    gap: 9px;

    margin-top: 18px;
}

#fallas-wii .gswfail-category {
    --category-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        16px 13px;

    overflow: hidden;

    border-radius: 12px;

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

#fallas-wii .gswfail-category:nth-child(1) {
    --category-color: #25d8f4;
    border: 1px solid rgba(37, 216, 244, 0.12);
}

#fallas-wii .gswfail-category:nth-child(2) {
    --category-color: #3587ff;
    border: 1px solid rgba(53, 135, 255, 0.12);
}

#fallas-wii .gswfail-category:nth-child(3) {
    --category-color: #8b5cf6;
    border: 1px solid rgba(139, 92, 246, 0.12);
}

#fallas-wii .gswfail-category:nth-child(4) {
    --category-color: #43e58b;
    border: 1px solid rgba(67, 229, 139, 0.12);
}

#fallas-wii .gswfail-category:nth-child(5) {
    --category-color: #ffc857;
    border: 1px solid rgba(255, 200, 87, 0.12);
}

#fallas-wii .gswfail-category::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 62px;
    height: 2px;

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

#fallas-wii .gswfail-category-code {
    display: block;

    margin-bottom: 6px;

    color: var(--category-color);

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-category-title {
    display: block;

    color: #dcebf4;

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


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

#fallas-wii .gswfail-warning {
    display: grid;

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

    gap: 12px;

    align-items: center;

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

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

    border-radius: 13px;

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

#fallas-wii .gswfail-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

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

    border-radius: 9px;

    color: #f2d989;

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

#fallas-wii .gswfail-warning-copy {
    color: #8d856d;

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

#fallas-wii .gswfail-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#fallas-wii .gswfail-warning-state {
    flex-shrink: 0;

    color: #b9a972;

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

    text-transform: uppercase;
}


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

#fallas-wii .gswfail-terminal {
    margin-top: 18px;

    overflow: hidden;

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

    border-radius: 17px;

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

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

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

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

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

#fallas-wii .gswfail-terminal-dots {
    display: flex;

    gap: 6px;
}

#fallas-wii .gswfail-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#fallas-wii .gswfail-terminal-dots span:nth-child(1) {
    background: var(--wf-red);
}

#fallas-wii .gswfail-terminal-dots span:nth-child(2) {
    background: var(--wf-yellow);
}

#fallas-wii .gswfail-terminal-dots span:nth-child(3) {
    background: var(--wf-green);
}

#fallas-wii .gswfail-terminal-name {
    color: #71889d;

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#fallas-wii .gswfail-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#fallas-wii .gswfail-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

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

    border-radius: 7px;

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

    color: #8298a8;

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

#fallas-wii .gswfail-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

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

    border-radius: 9px;

    color: #9beabd;

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

#fallas-wii .gswfail-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--wf-green);

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


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

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

    gap: 18px;

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

    color: #60788c;

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

    text-transform: uppercase;
}

#fallas-wii .gswfail-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#fallas-wii .gswfail-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--wf-green);

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


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

@media (max-width: 1024px) {

    #fallas-wii .gswfail-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #fallas-wii .gswfail-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #fallas-wii .gswfail-status {
        max-width: 650px;
    }

    #fallas-wii .gswfail-symptoms {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #fallas-wii .gswfail-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #fallas-wii .gswfail-hud {
        width: 100%;
        max-width: 740px;

        margin: 0 auto;
    }

    #fallas-wii .gswfail-categories {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #fallas-wii {
        overflow: hidden;
    }

    #fallas-wii .gswfail-grid {
        opacity: 0.17;

        background-size: 32px 32px;
    }

    #fallas-wii .gswfail-orbit,
    #fallas-wii .gswfail-scan {
        display: none;
    }

    #fallas-wii .gswfail-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #fallas-wii .gswfail-heading {
        display: block;

        margin-bottom: 28px;
    }

    #fallas-wii .gswfail-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #fallas-wii .gswfail-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #fallas-wii .gswfail-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #fallas-wii .gswfail-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #fallas-wii .gswfail-core-state {
        width: fit-content;
    }

    #fallas-wii .gswfail-symptoms {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    #fallas-wii .gswfail-card {
        min-height: 0;

        padding:
            16px 13px;
    }

    #fallas-wii .gswfail-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #fallas-wii .gswfail-analysis,
    #fallas-wii .gswfail-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #fallas-wii .gswfail-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #fallas-wii .gswfail-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #fallas-wii .gswfail-hud-core {
        min-height: 150px;
    }

    #fallas-wii .gswfail-hud-core::before,
    #fallas-wii .gswfail-hud-core::after {
        animation: none;
    }

    #fallas-wii .gswfail-core-text strong {
        font-size: 11px;
    }

    #fallas-wii .gswfail-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #fallas-wii .gswfail-hud-step {
        text-align: left;
    }

    #fallas-wii .gswfail-categories {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    #fallas-wii .gswfail-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #fallas-wii .gswfail-warning-state {
        width: fit-content;
    }

    #fallas-wii .gswfail-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #fallas-wii .gswfail-terminal-state {
        width: fit-content;
    }

    #fallas-wii .gswfail-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #fallas-wii .gswfail-shell {
        width:
            calc(100% - 24px);
    }

    #fallas-wii .gswfail-symptoms,
    #fallas-wii .gswfail-categories {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-wii .gswfail-analysis,
    #fallas-wii .gswfail-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #fallas-wii .gswfail-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #fallas-wii .gswfail-terminal-route {
        display: grid;

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


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

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

    #fallas-wii *,
    #fallas-wii *::before,
    #fallas-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #fallas-wii .gswfail-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — LECTOR DE DISCOS

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

#lector-discos-wii {
    --drv-bg: #030811;
    --drv-bg-2: #06101b;

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

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

    --drv-text: #f1f9ff;
    --drv-muted: #91a8bb;
    --drv-muted-2: #6f8798;

    position: relative;

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

    overflow: hidden;

    color: var(--drv-text);

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(139, 92, 246, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 70% 91%,
            rgba(67, 229, 139, 0.030),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

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

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

#lector-discos-wii *,
#lector-discos-wii *::before,
#lector-discos-wii *::after {
    box-sizing: border-box;

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


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

#lector-discos-wii .gswiidrv-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

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

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


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

#lector-discos-wii .gswiidrv-orbit {
    position: absolute;

    right: -260px;
    top: 540px;

    width: 520px;
    height: 520px;

    pointer-events: none;

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

    border-radius: 50%;

    animation:
        gswiidrv-spin
        58s linear infinite;
}

#lector-discos-wii .gswiidrv-orbit::before,
#lector-discos-wii .gswiidrv-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#lector-discos-wii .gswiidrv-orbit::before {
    inset: 84px;

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

#lector-discos-wii .gswiidrv-orbit::after {
    inset: 170px;

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

@keyframes gswiidrv-spin {

    from {
        transform: rotate(0deg);
    }

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


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

#lector-discos-wii .gswiidrv-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#lector-discos-wii .gswiidrv-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswiidrv-scan
        12s linear infinite;
}

@keyframes gswiidrv-scan {

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

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

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


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

#lector-discos-wii .gswiidrv-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


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

#lector-discos-wii .gswiidrv-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#lector-discos-wii .gswiidrv-heading-main {
    min-width: 0;
}

#lector-discos-wii .gswiidrv-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

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

    border-radius: 999px;

    background:
        rgba(139, 92, 246, 0.035);

    color: #c8bdff;

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

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

#lector-discos-wii .gswiidrv-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--drv-violet);

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

#lector-discos-wii .gswiidrv-title {
    max-width: 900px;

    margin: 0;

    color: #f4fbff;

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

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

    letter-spacing: -0.035em;
}

#lector-discos-wii .gswiidrv-title span {
    color: var(--drv-cyan);
}

#lector-discos-wii .gswiidrv-intro {
    max-width: 850px;

    margin:
        16px 0 0;

    color: var(--drv-muted);

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


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

#lector-discos-wii .gswiidrv-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#lector-discos-wii .gswiidrv-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#lector-discos-wii .gswiidrv-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e3ce8b;

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--drv-yellow);

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

#lector-discos-wii .gswiidrv-status p {
    margin: 0;

    color: #a7bcc9;

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


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

#lector-discos-wii .gswiidrv-core {
    position: relative;

    display: grid;

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

    gap: 17px;

    align-items: center;

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

    overflow: hidden;

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

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(139, 92, 246, 0.018)
        );
}

#lector-discos-wii .gswiidrv-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

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

#lector-discos-wii .gswiidrv-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

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

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

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

    text-align: center;
}

#lector-discos-wii .gswiidrv-core-copy {
    min-width: 0;
}

#lector-discos-wii .gswiidrv-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

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

#lector-discos-wii .gswiidrv-core-copy span {
    display: block;

    color: #829aa9;

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

#lector-discos-wii .gswiidrv-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

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

    border-radius: 999px;

    color: #96edbb;

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


/* =========================================================
   CADENA FUNCIONAL
   ========================================================= */

#lector-discos-wii .gswiidrv-chain {
    display: grid;

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

    gap: 7px;

    margin-bottom: 18px;
}

#lector-discos-wii .gswiidrv-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 11px;

    overflow: hidden;

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

    border-radius: 12px;

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

    text-align: center;
}

#lector-discos-wii .gswiidrv-chain-card:nth-child(2) {
    --chain-color: #3587ff;
}

#lector-discos-wii .gswiidrv-chain-card:nth-child(3) {
    --chain-color: #8b5cf6;
}

#lector-discos-wii .gswiidrv-chain-card:nth-child(4) {
    --chain-color: #ffc857;
}

#lector-discos-wii .gswiidrv-chain-card:nth-child(5) {
    --chain-color: #ff9f43;
}

#lector-discos-wii .gswiidrv-chain-card:nth-child(6) {
    --chain-color: #3587ff;
}

#lector-discos-wii .gswiidrv-chain-card:nth-child(7) {
    --chain-color: #43e58b;
}

#lector-discos-wii .gswiidrv-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 56px;
    height: 2px;

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

#lector-discos-wii .gswiidrv-chain-number {
    display: block;

    margin-bottom: 6px;

    color: var(--chain-color);

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

#lector-discos-wii .gswiidrv-chain-title {
    display: block;

    color: #dcebf4;

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

#lector-discos-wii .gswiidrv-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

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


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

#lector-discos-wii .gswiidrv-symptoms {
    display: grid;

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

    gap: 10px;
}

#lector-discos-wii .gswiidrv-symptom {
    --sym-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 178px;

    padding:
        18px 15px 16px;

    overflow: hidden;

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

    border-radius: 14px;

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

#lector-discos-wii .gswiidrv-symptom:nth-child(5n + 1) {
    --sym-color: #25d8f4;
}

#lector-discos-wii .gswiidrv-symptom:nth-child(5n + 2) {
    --sym-color: #3587ff;
}

#lector-discos-wii .gswiidrv-symptom:nth-child(5n + 3) {
    --sym-color: #8b5cf6;
}

#lector-discos-wii .gswiidrv-symptom:nth-child(5n + 4) {
    --sym-color: #ffc857;
}

#lector-discos-wii .gswiidrv-symptom:nth-child(5n + 5) {
    --sym-color: #43e58b;
}

#lector-discos-wii .gswiidrv-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#lector-discos-wii .gswiidrv-symptom-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    margin-bottom: 9px;

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

    border-radius: 7px;

    color: var(--sym-color);

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

#lector-discos-wii .gswiidrv-symptom-title {
    display: block;

    margin-bottom: 6px;

    color: #dfeef5;

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

#lector-discos-wii .gswiidrv-symptom-copy {
    display: block;

    color: #71899a;

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


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

#lector-discos-wii .gswiidrv-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   DIAGNÓSTICO
   ========================================================= */

#lector-discos-wii .gswiidrv-analysis {
    min-width: 0;

    padding:
        24px;

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

    border-radius: 19px;

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

#lector-discos-wii .gswiidrv-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#lector-discos-wii .gswiidrv-panel-title {
    margin: 0;

    color: #f1faff;

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

#lector-discos-wii .gswiidrv-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

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


/* =========================================================
   ROUTE
   ========================================================= */

#lector-discos-wii .gswiidrv-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#lector-discos-wii .gswiidrv-route-row {
    --route-color: #25d8f4;

    display: grid;

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

    gap: 10px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#lector-discos-wii .gswiidrv-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#lector-discos-wii .gswiidrv-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#lector-discos-wii .gswiidrv-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#lector-discos-wii .gswiidrv-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#lector-discos-wii .gswiidrv-route-label {
    color: var(--route-color);

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-route-copy {
    color: #758d9d;

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

#lector-discos-wii .gswiidrv-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   LASER NOTE
   ========================================================= */

#lector-discos-wii .gswiidrv-laser-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 10px;

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

    color: #8d856d;

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

#lector-discos-wii .gswiidrv-laser-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

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

    border-radius: 50%;

    color: #f0d48a;

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

#lector-discos-wii .gswiidrv-laser-note strong {
    color: #e9ddb5;
    font-weight: 600;
}


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

#lector-discos-wii .gswiidrv-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 40%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#lector-discos-wii .gswiidrv-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}


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

#lector-discos-wii .gswiidrv-hud-head {
    position: relative;
    z-index: 4;

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

    gap: 10px;
}

#lector-discos-wii .gswiidrv-hud-code {
    color: #c8bdff;

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

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

    border-radius: 999px;

    color: #97eebb;

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

#lector-discos-wii .gswiidrv-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--drv-green);

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


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

#lector-discos-wii .gswiidrv-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 9px;

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

    overflow: hidden;

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

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}


/* =========================================================
   DISC VISUAL MEJORADO
   ========================================================= */

#lector-discos-wii .gswiidrv-disc-area {
    position: relative;

    min-height: 210px;

    display: grid;
    place-items: center;

    overflow: hidden;

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

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.10),
            transparent 54%
        ),
        rgba(4, 15, 27, 0.64);
}

#lector-discos-wii .gswiidrv-disc-area::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(37, 216, 244, 0.05) 45%,
            rgba(37, 216, 244, 0.12) 50%,
            rgba(37, 216, 244, 0.05) 55%,
            transparent 100%
        );

    opacity: 0.55;

    transform: translateX(-110%);

    animation:
        gswiidrv-screen-scan 4.8s linear infinite;
}

@keyframes gswiidrv-screen-scan {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }
    10% {
        opacity: 0.45;
    }
    50% {
        opacity: 0.70;
    }
    100% {
        transform: translateX(110%);
        opacity: 0;
    }
}

#lector-discos-wii .gswiidrv-disc-stage {
    position: relative;
    z-index: 3;

    width: 240px;
    height: 170px;

    display: grid;
    place-items: center;

    animation:
        gswiidrv-stage-float 5.8s ease-in-out infinite;
}

@keyframes gswiidrv-stage-float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
}

#lector-discos-wii .gswiidrv-disc-ring {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

#lector-discos-wii .gswiidrv-disc-ring-one {
    width: 168px;
    height: 168px;

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

    box-shadow:
        0 0 24px rgba(37, 216, 244, 0.08);

    animation:
        gswiidrv-ring-pulse 2.8s ease-in-out infinite;
}

#lector-discos-wii .gswiidrv-disc-ring-two {
    width: 214px;
    height: 214px;

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

    animation:
        gswiidrv-ring-pulse-two 3.8s ease-in-out infinite;
}

@keyframes gswiidrv-ring-pulse {
    0%,
    100% {
        transform: scale(0.96);
        opacity: 0.30;
    }
    50% {
        transform: scale(1.02);
        opacity: 0.65;
    }
}

@keyframes gswiidrv-ring-pulse-two {
    0%,
    100% {
        transform: scale(0.98);
        opacity: 0.20;
    }
    50% {
        transform: scale(1.04);
        opacity: 0.44;
    }
}

#lector-discos-wii .gswiidrv-disc-sweep {
    position: absolute;

    width: 190px;
    height: 190px;

    border-radius: 50%;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg 300deg,
            rgba(37, 216, 244, 0.16) 318deg,
            rgba(37, 216, 244, 0.03) 340deg,
            transparent 360deg
        );

    filter: blur(1px);

    mix-blend-mode: screen;

    animation:
        gswiidrv-sweep-rotate 5.4s linear infinite;
}

@keyframes gswiidrv-sweep-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#lector-discos-wii .gswiidrv-disc-glow {
    position: absolute;

    width: 120px;
    height: 120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.20) 0%,
            rgba(37, 216, 244, 0.10) 34%,
            rgba(53, 135, 255, 0.05) 56%,
            transparent 78%
        );

    filter: blur(8px);

    opacity: 0.9;

    animation:
        gswiidrv-glow-pulse 3.2s ease-in-out infinite;
}

@keyframes gswiidrv-glow-pulse {
    0%,
    100% {
        transform: scale(0.94);
        opacity: 0.56;
    }
    50% {
        transform: scale(1.08);
        opacity: 0.95;
    }
}

#lector-discos-wii .gswiidrv-disc {
    position: relative;
    z-index: 4;

    width: 132px;
    height: 132px;

    display: grid;
    place-items: center;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 50% 50%,
            transparent 0 13px,
            rgba(37, 216, 244, 0.18) 14px 17px,
            rgba(5, 16, 28, 0.80) 18px 34px,
            rgba(53, 135, 255, 0.10) 35px 56px,
            rgba(139, 92, 246, 0.08) 57px 100%
        );

    box-shadow:
        0 0 36px rgba(37, 216, 244, 0.12),
        inset 0 0 18px rgba(37, 216, 244, 0.08);

    animation:
        gswiidrv-disc-spin 3.6s linear infinite;
}

#lector-discos-wii .gswiidrv-disc::before {
    content: "";

    width: 28px;
    height: 28px;

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

    border-radius: 50%;

    background:
        #06101b;

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.10);
}

#lector-discos-wii .gswiidrv-disc::after {
    content: "";

    position: absolute;

    inset: 14px;

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

    border-radius: 50%;
}

@keyframes gswiidrv-disc-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#lector-discos-wii .gswiidrv-disc-center-glow {
    position: absolute;
    z-index: 5;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.34),
            rgba(37, 216, 244, 0.04) 65%,
            transparent 100%
        );

    filter: blur(4px);

    animation:
        gswiidrv-center-pulse 2.6s ease-in-out infinite;
}

@keyframes gswiidrv-center-pulse {
    0%,
    100% {
        transform: scale(0.92);
        opacity: 0.55;
    }
    50% {
        transform: scale(1.12);
        opacity: 1;
    }
}

#lector-discos-wii .gswiidrv-disc-label {
    position: absolute;
    z-index: 6;

    left: 50%;
    bottom: 17px;

    transform:
        translateX(-50%);

    width:
        calc(100% - 28px);

    color: #728b9b;

    font-size: 7px;
    line-height: 1.4;
    font-weight: 600;

    text-align: center;
    text-transform: uppercase;
}


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

#lector-discos-wii .gswiidrv-hud-route {
    display: grid;

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

    gap: 5px;
}

#lector-discos-wii .gswiidrv-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        10px 5px;

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

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#lector-discos-wii .gswiidrv-hud-step:nth-child(2) {
    --step-color: #8b5cf6;
}

#lector-discos-wii .gswiidrv-hud-step:nth-child(3) {
    --step-color: #ffc857;
}

#lector-discos-wii .gswiidrv-hud-step:nth-child(4) {
    --step-color: #43e58b;
}

#lector-discos-wii .gswiidrv-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-hud-step span {
    display: block;

    color: #70899a;

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


/* =========================================================
   LASER / DRIVE PRINCIPLE
   ========================================================= */

#lector-discos-wii .gswiidrv-principles {
    display: grid;

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

    gap: 10px;

    margin-top: 18px;
}

#lector-discos-wii .gswiidrv-principle {
    --principle-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border-radius: 14px;

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

#lector-discos-wii .gswiidrv-principle:nth-child(1) {
    --principle-color: #25d8f4;

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

#lector-discos-wii .gswiidrv-principle:nth-child(2) {
    --principle-color: #8b5cf6;

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

#lector-discos-wii .gswiidrv-principle:nth-child(3) {
    --principle-color: #ffc857;

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

#lector-discos-wii .gswiidrv-principle:nth-child(4) {
    --principle-color: #43e58b;

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

#lector-discos-wii .gswiidrv-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#lector-discos-wii .gswiidrv-principle-code {
    display: block;

    margin-bottom: 7px;

    color: var(--principle-color);

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-principle-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

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

#lector-discos-wii .gswiidrv-principle-copy {
    display: block;

    color: #71899a;

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


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

#lector-discos-wii .gswiidrv-warning {
    display: grid;

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

    gap: 12px;

    align-items: center;

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

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

    border-radius: 13px;

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

#lector-discos-wii .gswiidrv-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

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

    border-radius: 9px;

    color: #f2d989;

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

#lector-discos-wii .gswiidrv-warning-copy {
    color: #8d856d;

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

#lector-discos-wii .gswiidrv-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#lector-discos-wii .gswiidrv-warning-state {
    flex-shrink: 0;

    color: #b9a972;

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

    text-transform: uppercase;
}


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

#lector-discos-wii .gswiidrv-terminal {
    margin-top: 18px;

    overflow: hidden;

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

    border-radius: 17px;

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

#lector-discos-wii .gswiidrv-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

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

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

#lector-discos-wii .gswiidrv-terminal-dots {
    display: flex;

    gap: 6px;
}

#lector-discos-wii .gswiidrv-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#lector-discos-wii
.gswiidrv-terminal-dots span:nth-child(1) {
    background: var(--drv-red);
}

#lector-discos-wii
.gswiidrv-terminal-dots span:nth-child(2) {
    background: var(--drv-yellow);
}

#lector-discos-wii
.gswiidrv-terminal-dots span:nth-child(3) {
    background: var(--drv-green);
}

#lector-discos-wii .gswiidrv-terminal-name {
    color: #71889d;

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#lector-discos-wii .gswiidrv-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#lector-discos-wii .gswiidrv-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

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

    border-radius: 7px;

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

    color: #8298a8;

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

#lector-discos-wii .gswiidrv-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

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

    border-radius: 9px;

    color: #9beabd;

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

#lector-discos-wii .gswiidrv-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--drv-green);

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


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

#lector-discos-wii .gswiidrv-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #60788c;

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

    text-transform: uppercase;
}

#lector-discos-wii .gswiidrv-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#lector-discos-wii .gswiidrv-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--drv-green);

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


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

@media (max-width: 1024px) {

    #lector-discos-wii .gswiidrv-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #lector-discos-wii .gswiidrv-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #lector-discos-wii .gswiidrv-status {
        max-width: 650px;
    }

    #lector-discos-wii .gswiidrv-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #lector-discos-wii .gswiidrv-symptoms {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-wii .gswiidrv-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #lector-discos-wii .gswiidrv-hud {
        width: 100%;
        max-width: 740px;

        margin: 0 auto;
    }

    #lector-discos-wii .gswiidrv-principles {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #lector-discos-wii {
        overflow: hidden;
    }

    #lector-discos-wii .gswiidrv-grid {
        opacity: 0.17;

        background-size: 32px 32px;
    }

    #lector-discos-wii .gswiidrv-orbit,
    #lector-discos-wii .gswiidrv-scan {
        display: none;
    }

    #lector-discos-wii .gswiidrv-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #lector-discos-wii .gswiidrv-heading {
        display: block;

        margin-bottom: 28px;
    }

    #lector-discos-wii .gswiidrv-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #lector-discos-wii .gswiidrv-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #lector-discos-wii .gswiidrv-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #lector-discos-wii .gswiidrv-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #lector-discos-wii .gswiidrv-core-state {
        width: fit-content;
    }

    #lector-discos-wii .gswiidrv-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #lector-discos-wii .gswiidrv-symptoms {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #lector-discos-wii .gswiidrv-symptom {
        min-height: 0;

        padding:
            16px 13px;
    }

    #lector-discos-wii .gswiidrv-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #lector-discos-wii .gswiidrv-analysis,
    #lector-discos-wii .gswiidrv-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #lector-discos-wii .gswiidrv-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #lector-discos-wii .gswiidrv-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #lector-discos-wii .gswiidrv-disc-stage,
    #lector-discos-wii .gswiidrv-disc-ring-one,
    #lector-discos-wii .gswiidrv-disc-ring-two,
    #lector-discos-wii .gswiidrv-disc-sweep,
    #lector-discos-wii .gswiidrv-disc-glow,
    #lector-discos-wii .gswiidrv-disc-center-glow,
    #lector-discos-wii .gswiidrv-disc-area::before {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }

    #lector-discos-wii .gswiidrv-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #lector-discos-wii .gswiidrv-hud-step {
        text-align: left;
    }

    #lector-discos-wii .gswiidrv-principles {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #lector-discos-wii .gswiidrv-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #lector-discos-wii .gswiidrv-warning-state {
        width: fit-content;
    }

    #lector-discos-wii .gswiidrv-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #lector-discos-wii .gswiidrv-terminal-state {
        width: fit-content;
    }

    #lector-discos-wii .gswiidrv-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #lector-discos-wii .gswiidrv-shell {
        width:
            calc(100% - 24px);
    }

    #lector-discos-wii .gswiidrv-chain {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-wii .gswiidrv-analysis,
    #lector-discos-wii .gswiidrv-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #lector-discos-wii .gswiidrv-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #lector-discos-wii .gswiidrv-terminal-route {
        display: grid;

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


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

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

    #lector-discos-wii *,
    #lector-discos-wii *::before,
    #lector-discos-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #lector-discos-wii .gswiidrv-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — ENCENDIDO / ALIMENTACIÓN / VIDEO

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

#encendido-alimentacion-video-wii {
    --pwr-bg: #030811;
    --pwr-bg-2: #06101b;

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

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

    --pwr-text: #f1f9ff;
    --pwr-muted: #91a8bb;
    --pwr-muted-2: #6f8798;

    position: relative;

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

    overflow: hidden;

    color: var(--pwr-text);

    background:
        radial-gradient(
            circle at 10% 16%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 20%,
            rgba(53, 135, 255, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 70% 90%,
            rgba(139, 92, 246, 0.040),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

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

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

#encendido-alimentacion-video-wii *,
#encendido-alimentacion-video-wii *::before,
#encendido-alimentacion-video-wii *::after {
    box-sizing: border-box;

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


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

#encendido-alimentacion-video-wii .gswpwr-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

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

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


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

#encendido-alimentacion-video-wii .gswpwr-orbit {
    position: absolute;

    left: -255px;
    top: 650px;

    width: 510px;
    height: 510px;

    pointer-events: none;

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

    border-radius: 50%;

    animation:
        gswpwr-spin
        58s linear infinite;
}

#encendido-alimentacion-video-wii .gswpwr-orbit::before,
#encendido-alimentacion-video-wii .gswpwr-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#encendido-alimentacion-video-wii .gswpwr-orbit::before {
    inset: 84px;

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

#encendido-alimentacion-video-wii .gswpwr-orbit::after {
    inset: 168px;

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

@keyframes gswpwr-spin {

    from {
        transform: rotate(0deg);
    }

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


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

#encendido-alimentacion-video-wii .gswpwr-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#encendido-alimentacion-video-wii .gswpwr-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswpwr-scan
        12s linear infinite;
}

@keyframes gswpwr-scan {

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

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

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


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

#encendido-alimentacion-video-wii .gswpwr-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


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

#encendido-alimentacion-video-wii .gswpwr-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#encendido-alimentacion-video-wii .gswpwr-heading-main {
    min-width: 0;
}

#encendido-alimentacion-video-wii .gswpwr-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

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

    border-radius: 999px;

    background:
        rgba(37, 216, 244, 0.035);

    color: #a3effb;

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

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

#encendido-alimentacion-video-wii .gswpwr-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--pwr-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.70);
}

#encendido-alimentacion-video-wii .gswpwr-title {
    max-width: 930px;

    margin: 0;

    color: #f4fbff;

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

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

    letter-spacing: -0.035em;
}

#encendido-alimentacion-video-wii .gswpwr-title span {
    color: var(--pwr-cyan);
}

#encendido-alimentacion-video-wii .gswpwr-intro {
    max-width: 880px;

    margin:
        16px 0 0;

    color: var(--pwr-muted);

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


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

#encendido-alimentacion-video-wii .gswpwr-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#encendido-alimentacion-video-wii .gswpwr-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#encendido-alimentacion-video-wii .gswpwr-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e3ce8b;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--pwr-yellow);

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

#encendido-alimentacion-video-wii .gswpwr-status p {
    margin: 0;

    color: #a7bcc9;

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


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

#encendido-alimentacion-video-wii .gswpwr-core {
    position: relative;

    display: grid;

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

    gap: 17px;

    align-items: center;

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

    overflow: hidden;

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

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(53, 135, 255, 0.018)
        );
}

#encendido-alimentacion-video-wii .gswpwr-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

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

#encendido-alimentacion-video-wii .gswpwr-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

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

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

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

    text-align: center;
}

#encendido-alimentacion-video-wii .gswpwr-core-copy {
    min-width: 0;
}

#encendido-alimentacion-video-wii .gswpwr-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

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

#encendido-alimentacion-video-wii .gswpwr-core-copy span {
    display: block;

    color: #829aa9;

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

#encendido-alimentacion-video-wii .gswpwr-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

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

    border-radius: 999px;

    color: #96edbb;

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


/* =========================================================
   CADENA FUNCIONAL
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-chain {
    display: grid;

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

    gap: 7px;

    margin-bottom: 18px;
}

#encendido-alimentacion-video-wii .gswpwr-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 10px;

    overflow: hidden;

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

    border-radius: 12px;

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

    text-align: center;
}

#encendido-alimentacion-video-wii
.gswpwr-chain-card:nth-child(2) {
    --chain-color: #3587ff;
}

#encendido-alimentacion-video-wii
.gswpwr-chain-card:nth-child(3) {
    --chain-color: #8b5cf6;
}

#encendido-alimentacion-video-wii
.gswpwr-chain-card:nth-child(4) {
    --chain-color: #ffc857;
}

#encendido-alimentacion-video-wii
.gswpwr-chain-card:nth-child(5) {
    --chain-color: #25d8f4;
}

#encendido-alimentacion-video-wii
.gswpwr-chain-card:nth-child(6) {
    --chain-color: #3587ff;
}

#encendido-alimentacion-video-wii
.gswpwr-chain-card:nth-child(7) {
    --chain-color: #43e58b;
}

#encendido-alimentacion-video-wii .gswpwr-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 55px;
    height: 2px;

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

#encendido-alimentacion-video-wii .gswpwr-chain-number {
    display: block;

    margin-bottom: 6px;

    color: var(--chain-color);

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

#encendido-alimentacion-video-wii .gswpwr-chain-title {
    display: block;

    color: #dcebf4;

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

#encendido-alimentacion-video-wii .gswpwr-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

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


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

#encendido-alimentacion-video-wii .gswpwr-symptoms {
    display: grid;

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

    gap: 10px;
}

#encendido-alimentacion-video-wii .gswpwr-symptom {
    --sym-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 188px;

    padding:
        18px 15px 16px;

    overflow: hidden;

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

    border-radius: 14px;

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

#encendido-alimentacion-video-wii
.gswpwr-symptom:nth-child(4n + 1) {
    --sym-color: #25d8f4;
}

#encendido-alimentacion-video-wii
.gswpwr-symptom:nth-child(4n + 2) {
    --sym-color: #3587ff;
}

#encendido-alimentacion-video-wii
.gswpwr-symptom:nth-child(4n + 3) {
    --sym-color: #8b5cf6;
}

#encendido-alimentacion-video-wii
.gswpwr-symptom:nth-child(4n + 4) {
    --sym-color: #43e58b;
}

#encendido-alimentacion-video-wii .gswpwr-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#encendido-alimentacion-video-wii .gswpwr-symptom-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    margin-bottom: 9px;

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

    border-radius: 7px;

    color: var(--sym-color);

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

#encendido-alimentacion-video-wii .gswpwr-symptom-title {
    display: block;

    margin-bottom: 6px;

    color: #dfeef5;

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

#encendido-alimentacion-video-wii .gswpwr-symptom-label {
    display: block;

    margin-bottom: 5px;

    color: var(--sym-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-symptom-copy {
    display: block;

    color: #71899a;

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


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

#encendido-alimentacion-video-wii .gswpwr-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-analysis {
    min-width: 0;

    padding:
        24px;

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

    border-radius: 19px;

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

#encendido-alimentacion-video-wii .gswpwr-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#encendido-alimentacion-video-wii .gswpwr-panel-title {
    margin: 0;

    color: #f1faff;

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

#encendido-alimentacion-video-wii .gswpwr-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

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


/* =========================================================
   RUTA DE ANÁLISIS
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#encendido-alimentacion-video-wii .gswpwr-route-row {
    --route-color: #25d8f4;

    display: grid;

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

    gap: 10px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#encendido-alimentacion-video-wii
.gswpwr-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#encendido-alimentacion-video-wii
.gswpwr-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#encendido-alimentacion-video-wii
.gswpwr-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#encendido-alimentacion-video-wii
.gswpwr-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#encendido-alimentacion-video-wii .gswpwr-route-label {
    color: var(--route-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-route-copy {
    color: #758d9d;

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

#encendido-alimentacion-video-wii .gswpwr-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   NOTA
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 10px;

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

    color: #8d856d;

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

#encendido-alimentacion-video-wii .gswpwr-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

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

    border-radius: 50%;

    color: #f0d48a;

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

#encendido-alimentacion-video-wii .gswpwr-note strong {
    color: #e9ddb5;
    font-weight: 600;
}


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

#encendido-alimentacion-video-wii .gswpwr-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 40%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#encendido-alimentacion-video-wii .gswpwr-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}

#encendido-alimentacion-video-wii .gswpwr-hud-head {
    position: relative;
    z-index: 4;

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

    gap: 10px;
}

#encendido-alimentacion-video-wii .gswpwr-hud-code {
    color: #c8bdff;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

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

    border-radius: 999px;

    color: #97eebb;

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

#encendido-alimentacion-video-wii .gswpwr-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--pwr-green);

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


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

#encendido-alimentacion-video-wii .gswpwr-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 10px;

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

    overflow: hidden;

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

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}


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

#encendido-alimentacion-video-wii .gswpwr-visual {
    position: relative;

    min-height: 255px;

    display: grid;
    place-items: center;

    overflow: hidden;

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

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.09),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#encendido-alimentacion-video-wii .gswpwr-visual::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

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

    border-radius: 50%;

    animation:
        gswpwr-visual-spin
        24s linear infinite;
}

#encendido-alimentacion-video-wii .gswpwr-visual::after {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

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

    border-radius: 50%;

    animation:
        gswpwr-visual-spin
        34s linear infinite reverse;
}

@keyframes gswpwr-visual-spin {

    from {
        transform: rotate(0deg);
    }

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


/* =========================================================
   HUD ENERGY ROUTE
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-energy-route {
    position: relative;
    z-index: 4;

    width:
        min(
            94%,
            470px
        );

    display: grid;

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

    gap: 14px;

    align-items: center;
}

#encendido-alimentacion-video-wii .gswpwr-energy-box {
    --energy-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 110px;

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

    padding:
        15px 10px;

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

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.92),
            rgba(4, 12, 22, 0.97)
        );

    text-align: center;
}

#encendido-alimentacion-video-wii
.gswpwr-energy-box.start {
    --energy-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.16);
}

#encendido-alimentacion-video-wii
.gswpwr-energy-box.video {
    --energy-color: #43e58b;

    border-color:
        rgba(67, 229, 139, 0.16);
}

#encendido-alimentacion-video-wii .gswpwr-energy-box::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -8px;

    width: 14px;
    height: 14px;

    transform:
        translateX(-50%);

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

    border-radius: 50%;

    background:
        #06101b;

    box-shadow:
        0 0 14px
        color-mix(
            in srgb,
            var(--energy-color) 50%,
            transparent
        );

    animation:
        gswpwr-node-pulse
        2.3s ease-in-out infinite;
}

@keyframes gswpwr-node-pulse {

    0%,
    100% {
        transform:
            translateX(-50%)
            scale(0.90);

        opacity: 0.55;
    }

    50% {
        transform:
            translateX(-50%)
            scale(1.10);

        opacity: 1;
    }
}

#encendido-alimentacion-video-wii .gswpwr-energy-code {
    display: block;

    margin-bottom: 5px;

    color: var(--energy-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-energy-title {
    display: block;

    color: #e1eff5;

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

#encendido-alimentacion-video-wii .gswpwr-energy-copy {
    display: block;

    margin-top: 5px;

    color: #6f8798;

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

#encendido-alimentacion-video-wii .gswpwr-energy-line {
    position: absolute;

    z-index: 2;

    left: 15%;
    right: 15%;
    top: 50%;

    height: 1px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.06),
            rgba(37, 216, 244, 0.46),
            rgba(139, 92, 246, 0.40),
            rgba(67, 229, 139, 0.42),
            rgba(67, 229, 139, 0.06)
        );

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.08);

    overflow: hidden;
}

#encendido-alimentacion-video-wii .gswpwr-energy-line::after {
    content: "";

    position: absolute;

    top: -2px;
    left: -16px;

    width: 16px;
    height: 5px;

    border-radius: 999px;

    background:
        #bff7ff;

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.60);

    animation:
        gswpwr-energy-flow
        2.7s linear infinite;
}

@keyframes gswpwr-energy-flow {

    from {
        left: -20px;
    }

    to {
        left: calc(100% + 20px);
    }
}


/* =========================================================
   HUD DECLARACIÓN
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-equation {
    position: relative;
    z-index: 5;

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

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

    border-radius: 10px;

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

    color: #cabd91;

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

    text-align: center;
}

#encendido-alimentacion-video-wii .gswpwr-equation span {
    color: #f1d98f;
}


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

#encendido-alimentacion-video-wii .gswpwr-hud-route {
    display: grid;

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

    gap: 5px;
}

#encendido-alimentacion-video-wii .gswpwr-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        9px 4px;

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

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#encendido-alimentacion-video-wii
.gswpwr-hud-step:nth-child(2) {
    --step-color: #3587ff;
}

#encendido-alimentacion-video-wii
.gswpwr-hud-step:nth-child(3) {
    --step-color: #8b5cf6;
}

#encendido-alimentacion-video-wii
.gswpwr-hud-step:nth-child(4) {
    --step-color: #ffc857;
}

#encendido-alimentacion-video-wii
.gswpwr-hud-step:nth-child(5) {
    --step-color: #25d8f4;
}

#encendido-alimentacion-video-wii
.gswpwr-hud-step:nth-child(6) {
    --step-color: #43e58b;
}

#encendido-alimentacion-video-wii .gswpwr-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-hud-step span {
    display: block;

    color: #70899a;

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


/* =========================================================
   CRITERIOS
   ========================================================= */

#encendido-alimentacion-video-wii .gswpwr-principles {
    display: grid;

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

    gap: 10px;

    margin-top: 18px;
}

#encendido-alimentacion-video-wii .gswpwr-principle {
    --principle-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border-radius: 14px;

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

#encendido-alimentacion-video-wii
.gswpwr-principle:nth-child(1) {
    --principle-color: #25d8f4;

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

#encendido-alimentacion-video-wii
.gswpwr-principle:nth-child(2) {
    --principle-color: #8b5cf6;

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

#encendido-alimentacion-video-wii
.gswpwr-principle:nth-child(3) {
    --principle-color: #3587ff;

    border:
        1px solid rgba(53, 135, 255, 0.12);
}

#encendido-alimentacion-video-wii
.gswpwr-principle:nth-child(4) {
    --principle-color: #43e58b;

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

#encendido-alimentacion-video-wii .gswpwr-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#encendido-alimentacion-video-wii .gswpwr-principle-code {
    display: block;

    margin-bottom: 7px;

    color: var(--principle-color);

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-principle-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

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

#encendido-alimentacion-video-wii .gswpwr-principle-copy {
    display: block;

    color: #71899a;

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


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

#encendido-alimentacion-video-wii .gswpwr-warning {
    display: grid;

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

    gap: 12px;

    align-items: center;

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

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

    border-radius: 13px;

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

#encendido-alimentacion-video-wii .gswpwr-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

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

    border-radius: 9px;

    color: #f2d989;

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

#encendido-alimentacion-video-wii .gswpwr-warning-copy {
    color: #8d856d;

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

#encendido-alimentacion-video-wii .gswpwr-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#encendido-alimentacion-video-wii .gswpwr-warning-state {
    flex-shrink: 0;

    color: #b9a972;

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

    text-transform: uppercase;
}


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

#encendido-alimentacion-video-wii .gswpwr-terminal {
    margin-top: 18px;

    overflow: hidden;

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

    border-radius: 17px;

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

#encendido-alimentacion-video-wii .gswpwr-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

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

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

#encendido-alimentacion-video-wii .gswpwr-terminal-dots {
    display: flex;

    gap: 6px;
}

#encendido-alimentacion-video-wii .gswpwr-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#encendido-alimentacion-video-wii
.gswpwr-terminal-dots span:nth-child(1) {
    background: var(--pwr-red);
}

#encendido-alimentacion-video-wii
.gswpwr-terminal-dots span:nth-child(2) {
    background: var(--pwr-yellow);
}

#encendido-alimentacion-video-wii
.gswpwr-terminal-dots span:nth-child(3) {
    background: var(--pwr-green);
}

#encendido-alimentacion-video-wii .gswpwr-terminal-name {
    color: #71889d;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-terminal-body {
    display: grid;

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

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#encendido-alimentacion-video-wii .gswpwr-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#encendido-alimentacion-video-wii .gswpwr-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

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

    border-radius: 7px;

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

    color: #8298a8;

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

#encendido-alimentacion-video-wii .gswpwr-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

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

    border-radius: 9px;

    color: #9beabd;

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

#encendido-alimentacion-video-wii .gswpwr-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--pwr-green);

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


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

#encendido-alimentacion-video-wii .gswpwr-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    color: #60788c;

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

    text-transform: uppercase;
}

#encendido-alimentacion-video-wii .gswpwr-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#encendido-alimentacion-video-wii .gswpwr-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--pwr-green);

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


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

@media (max-width: 1024px) {

    #encendido-alimentacion-video-wii .gswpwr-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #encendido-alimentacion-video-wii .gswpwr-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #encendido-alimentacion-video-wii .gswpwr-status {
        max-width: 650px;
    }

    #encendido-alimentacion-video-wii .gswpwr-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-wii .gswpwr-symptoms {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-wii .gswpwr-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #encendido-alimentacion-video-wii .gswpwr-hud {
        width: 100%;
        max-width: 760px;

        margin: 0 auto;
    }

    #encendido-alimentacion-video-wii .gswpwr-principles {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 767px) {

    #encendido-alimentacion-video-wii {
        overflow: hidden;
    }

    #encendido-alimentacion-video-wii .gswpwr-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #encendido-alimentacion-video-wii .gswpwr-orbit,
    #encendido-alimentacion-video-wii .gswpwr-scan {
        display: none;
    }

    #encendido-alimentacion-video-wii .gswpwr-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #encendido-alimentacion-video-wii .gswpwr-heading {
        display: block;

        margin-bottom: 28px;
    }

    #encendido-alimentacion-video-wii .gswpwr-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #encendido-alimentacion-video-wii .gswpwr-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #encendido-alimentacion-video-wii .gswpwr-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #encendido-alimentacion-video-wii .gswpwr-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #encendido-alimentacion-video-wii .gswpwr-core-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-wii .gswpwr-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #encendido-alimentacion-video-wii .gswpwr-symptoms {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    #encendido-alimentacion-video-wii .gswpwr-symptom {
        min-height: 0;

        padding:
            16px 13px;
    }

    #encendido-alimentacion-video-wii .gswpwr-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #encendido-alimentacion-video-wii .gswpwr-analysis,
    #encendido-alimentacion-video-wii .gswpwr-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #encendido-alimentacion-video-wii .gswpwr-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #encendido-alimentacion-video-wii .gswpwr-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #encendido-alimentacion-video-wii .gswpwr-visual {
        min-height: 300px;
    }

    #encendido-alimentacion-video-wii .gswpwr-energy-route {
        width: 100%;

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

        gap: 10px;
    }

    #encendido-alimentacion-video-wii .gswpwr-energy-box {
        min-height: 84px;
    }

    #encendido-alimentacion-video-wii .gswpwr-energy-line {
        display: none;
    }

    #encendido-alimentacion-video-wii .gswpwr-visual::before,
    #encendido-alimentacion-video-wii .gswpwr-visual::after,
    #encendido-alimentacion-video-wii .gswpwr-energy-box::before {
        animation: none;
    }

    #encendido-alimentacion-video-wii .gswpwr-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #encendido-alimentacion-video-wii .gswpwr-hud-step {
        text-align: left;
    }

    #encendido-alimentacion-video-wii .gswpwr-principles {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #encendido-alimentacion-video-wii .gswpwr-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #encendido-alimentacion-video-wii .gswpwr-warning-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-wii .gswpwr-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #encendido-alimentacion-video-wii .gswpwr-terminal-state {
        width: fit-content;
    }

    #encendido-alimentacion-video-wii .gswpwr-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


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

@media (max-width: 390px) {

    #encendido-alimentacion-video-wii .gswpwr-shell {
        width:
            calc(100% - 24px);
    }

    #encendido-alimentacion-video-wii .gswpwr-chain,
    #encendido-alimentacion-video-wii .gswpwr-symptoms {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-wii .gswpwr-analysis,
    #encendido-alimentacion-video-wii .gswpwr-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #encendido-alimentacion-video-wii .gswpwr-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #encendido-alimentacion-video-wii .gswpwr-terminal-route {
        display: grid;

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


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

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

    #encendido-alimentacion-video-wii *,
    #encendido-alimentacion-video-wii *::before,
    #encendido-alimentacion-video-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #encendido-alimentacion-video-wii .gswpwr-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — CONTROLES Y CONECTIVIDAD

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

#controles-conectividad-wii {
    --ctrl-bg: #030811;
    --ctrl-bg-2: #06101b;

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

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

    --ctrl-text: #f1f9ff;
    --ctrl-muted: #91a8bb;
    --ctrl-muted-2: #6f8798;

    position: relative;

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

    overflow: hidden;

    color: var(--ctrl-text);

    background:
        radial-gradient(
            circle at 12% 16%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(139, 92, 246, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 72% 90%,
            rgba(67, 229, 139, 0.030),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

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

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

#controles-conectividad-wii *,
#controles-conectividad-wii *::before,
#controles-conectividad-wii *::after {
    box-sizing: border-box;

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


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

#controles-conectividad-wii .gswiictrl-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

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

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


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

#controles-conectividad-wii .gswiictrl-orbit {
    position: absolute;

    right: -260px;
    top: 680px;

    width: 520px;
    height: 520px;

    pointer-events: none;

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

    border-radius: 50%;

    animation:
        gswiictrl-spin
        58s linear infinite;
}

#controles-conectividad-wii .gswiictrl-orbit::before,
#controles-conectividad-wii .gswiictrl-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#controles-conectividad-wii .gswiictrl-orbit::before {
    inset: 84px;

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

#controles-conectividad-wii .gswiictrl-orbit::after {
    inset: 168px;

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

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

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


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

#controles-conectividad-wii .gswiictrl-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#controles-conectividad-wii .gswiictrl-scan::before {
    content: "";

    position: absolute;

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

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswiictrl-scan
        12s linear infinite;
}

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

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

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


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

#controles-conectividad-wii .gswiictrl-shell {
    position: relative;
    z-index: 2;

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

    margin: 0 auto;

    padding:
        90px 0 94px;
}


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

#controles-conectividad-wii .gswiictrl-heading {
    display: grid;

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

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#controles-conectividad-wii .gswiictrl-heading-main {
    min-width: 0;
}

#controles-conectividad-wii .gswiictrl-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

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

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

    border-radius: 999px;

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

    color: #9deabd;

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

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

#controles-conectividad-wii .gswiictrl-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--ctrl-green);

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

#controles-conectividad-wii .gswiictrl-title {
    max-width: 930px;

    margin: 0;

    color: #f4fbff;

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

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

    letter-spacing: -0.035em;
}

#controles-conectividad-wii .gswiictrl-title span {
    color: var(--ctrl-cyan);
}

#controles-conectividad-wii .gswiictrl-intro {
    max-width: 880px;

    margin:
        16px 0 0;

    color: var(--ctrl-muted);

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


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

#controles-conectividad-wii .gswiictrl-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

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

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#controles-conectividad-wii .gswiictrl-status::before {
    content: "";

    position: absolute;

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

    width: 2px;

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

#controles-conectividad-wii .gswiictrl-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e3ce8b;

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

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--ctrl-yellow);

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

#controles-conectividad-wii .gswiictrl-status p {
    margin: 0;

    color: #a7bcc9;

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


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

#controles-conectividad-wii .gswiictrl-core {
    position: relative;

    display: grid;

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

    gap: 17px;

    align-items: center;

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

    overflow: hidden;

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

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(67, 229, 139, 0.018)
        );
}

#controles-conectividad-wii .gswiictrl-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

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

#controles-conectividad-wii .gswiictrl-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

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

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

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

    text-align: center;
}

#controles-conectividad-wii .gswiictrl-core-copy {
    min-width: 0;
}

#controles-conectividad-wii .gswiictrl-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

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

#controles-conectividad-wii .gswiictrl-core-copy span {
    display: block;

    color: #829aa9;

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

#controles-conectividad-wii .gswiictrl-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

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

    border-radius: 999px;

    color: #96edbb;

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


/* =========================================================
   CADENA FUNCIONAL
   ========================================================= */

#controles-conectividad-wii .gswiictrl-chain {
    display: grid;

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

    gap: 7px;

    margin-bottom: 18px;
}

#controles-conectividad-wii .gswiictrl-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 10px;

    overflow: hidden;

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

    border-radius: 12px;

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

    text-align: center;
}

#controles-conectividad-wii
.gswiictrl-chain-card:nth-child(2) {
    --chain-color: #3587ff;
}

#controles-conectividad-wii
.gswiictrl-chain-card:nth-child(3) {
    --chain-color: #8b5cf6;
}

#controles-conectividad-wii
.gswiictrl-chain-card:nth-child(4) {
    --chain-color: #43e58b;
}

#controles-conectividad-wii
.gswiictrl-chain-card:nth-child(5) {
    --chain-color: #ffc857;
}

#controles-conectividad-wii
.gswiictrl-chain-card:nth-child(6) {
    --chain-color: #ff9f43;
}

#controles-conectividad-wii
.gswiictrl-chain-card:nth-child(7) {
    --chain-color: #43e58b;
}

#controles-conectividad-wii .gswiictrl-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 55px;
    height: 2px;

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

#controles-conectividad-wii .gswiictrl-chain-number {
    display: block;

    margin-bottom: 6px;

    color: var(--chain-color);

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

#controles-conectividad-wii .gswiictrl-chain-title {
    display: block;

    color: #dcebf4;

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

#controles-conectividad-wii .gswiictrl-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

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


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

#controles-conectividad-wii .gswiictrl-symptoms {
    display: grid;

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

    gap: 10px;
}

#controles-conectividad-wii .gswiictrl-symptom {
    --sym-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 192px;

    padding:
        18px 15px 16px;

    overflow: hidden;

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

    border-radius: 14px;

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

#controles-conectividad-wii
.gswiictrl-symptom:nth-child(4n + 1) {
    --sym-color: #25d8f4;
}

#controles-conectividad-wii
.gswiictrl-symptom:nth-child(4n + 2) {
    --sym-color: #3587ff;
}

#controles-conectividad-wii
.gswiictrl-symptom:nth-child(4n + 3) {
    --sym-color: #8b5cf6;
}

#controles-conectividad-wii
.gswiictrl-symptom:nth-child(4n + 4) {
    --sym-color: #43e58b;
}

#controles-conectividad-wii .gswiictrl-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

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

#controles-conectividad-wii .gswiictrl-symptom-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    margin-bottom: 9px;

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

    border-radius: 7px;

    color: var(--sym-color);

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

#controles-conectividad-wii .gswiictrl-symptom-title {
    display: block;

    margin-bottom: 6px;

    color: #dfeef5;

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

#controles-conectividad-wii .gswiictrl-symptom-label {
    display: block;

    margin-bottom: 5px;

    color: var(--sym-color);

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

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-symptom-copy {
    display: block;

    color: #71899a;

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


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

#controles-conectividad-wii .gswiictrl-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#controles-conectividad-wii .gswiictrl-analysis {
    min-width: 0;

    padding:
        24px;

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

    border-radius: 19px;

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

#controles-conectividad-wii .gswiictrl-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

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

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#controles-conectividad-wii .gswiictrl-panel-title {
    margin: 0;

    color: #f1faff;

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

#controles-conectividad-wii .gswiictrl-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

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


/* =========================================================
   RUTA DE ANÁLISIS
   ========================================================= */

#controles-conectividad-wii .gswiictrl-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#controles-conectividad-wii .gswiictrl-route-row {
    --route-color: #25d8f4;

    display: grid;

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

    gap: 10px;

    padding:
        11px;

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

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#controles-conectividad-wii
.gswiictrl-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#controles-conectividad-wii
.gswiictrl-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#controles-conectividad-wii
.gswiictrl-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#controles-conectividad-wii
.gswiictrl-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#controles-conectividad-wii .gswiictrl-route-label {
    color: var(--route-color);

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

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-route-copy {
    color: #758d9d;

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

#controles-conectividad-wii .gswiictrl-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   NOTA TÉCNICA
   ========================================================= */

#controles-conectividad-wii .gswiictrl-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

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

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

    border-radius: 10px;

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

    color: #8d856d;

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

#controles-conectividad-wii .gswiictrl-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

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

    border-radius: 50%;

    color: #f0d48a;

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

#controles-conectividad-wii .gswiictrl-note strong {
    color: #e9ddb5;
    font-weight: 600;
}


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

#controles-conectividad-wii .gswiictrl-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

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

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 40%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#controles-conectividad-wii .gswiictrl-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}


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

#controles-conectividad-wii .gswiictrl-hud-head {
    position: relative;
    z-index: 4;

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

    gap: 10px;
}

#controles-conectividad-wii .gswiictrl-hud-code {
    color: #c8bdff;

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

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

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

    border-radius: 999px;

    color: #97eebb;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
}

#controles-conectividad-wii .gswiictrl-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--ctrl-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   HUD SCREEN
   ========================================================= */

#controles-conectividad-wii .gswiictrl-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 10px;

    margin-top: 16px;
    padding:
        14px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}


/* =========================================================
   VISUAL DE COMUNICACIÓN
   ========================================================= */

#controles-conectividad-wii .gswiictrl-visual {
    position: relative;

    min-height: 310px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(37, 216, 244, 0.08),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#controles-conectividad-wii .gswiictrl-visual::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 310px;
    height: 310px;

    transform:
        translate(-50%, -50%);

    border:
        1px solid rgba(37, 216, 244, 0.07);

    border-radius: 50%;

    animation:
        gswiictrl-radar
        24s linear infinite;
}

#controles-conectividad-wii .gswiictrl-visual::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 390px;
    height: 390px;

    transform:
        translate(-50%, -50%);

    border:
        1px dashed rgba(139, 92, 246, 0.06);

    border-radius: 50%;

    animation:
        gswiictrl-radar
        34s linear infinite reverse;
}

@keyframes gswiictrl-radar {
    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}


/* =========================================================
   CONTROL VISUAL
   ========================================================= */

#controles-conectividad-wii .gswiictrl-remote {
    position: absolute;

    z-index: 5;

    left: 12%;
    top: 50%;

    width: 92px;
    height: 188px;

    transform:
        translateY(-50%);

    border:
        1px solid rgba(37, 216, 244, 0.20);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(226, 244, 250, 0.13),
            rgba(41, 65, 78, 0.08)
        );

    box-shadow:
        0 0 25px rgba(37, 216, 244, 0.07);

    animation:
        gswiictrl-remote-float
        4.8s ease-in-out infinite;
}

@keyframes gswiictrl-remote-float {
    0%,
    100% {
        transform:
            translateY(-50%)
            rotate(-2deg);
    }

    50% {
        transform:
            translateY(calc(-50% - 5px))
            rotate(2deg);
    }
}

#controles-conectividad-wii .gswiictrl-remote::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 24px;

    width: 25px;
    height: 25px;

    transform:
        translateX(-50%);

    border:
        1px solid rgba(37, 216, 244, 0.22);

    border-radius: 50%;

    background:
        rgba(37, 216, 244, 0.04);
}

#controles-conectividad-wii .gswiictrl-remote::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 23px;

    width: 28px;
    height: 6px;

    transform:
        translateX(-50%);

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--ctrl-blue),
            var(--ctrl-cyan),
            var(--ctrl-green)
        );

    box-shadow:
        0 0 10px rgba(37, 216, 244, 0.22);
}

#controles-conectividad-wii .gswiictrl-remote-cross {
    position: absolute;

    left: 50%;
    top: 69px;

    width: 32px;
    height: 10px;

    transform:
        translateX(-50%);

    border-radius: 4px;

    background:
        rgba(170, 205, 220, 0.20);
}

#controles-conectividad-wii .gswiictrl-remote-cross::before {
    content: "";

    position: absolute;

    left: 11px;
    top: -11px;

    width: 10px;
    height: 32px;

    border-radius: 4px;

    background:
        rgba(170, 205, 220, 0.20);
}

#controles-conectividad-wii .gswiictrl-remote-button {
    position: absolute;

    left: 50%;
    top: 116px;

    width: 24px;
    height: 24px;

    transform:
        translateX(-50%);

    border:
        1px solid rgba(170, 205, 220, 0.18);

    border-radius: 50%;

    background:
        rgba(170, 205, 220, 0.07);
}


/* =========================================================
   CONSOLA / RECEPTOR
   ========================================================= */

#controles-conectividad-wii .gswiictrl-console {
    position: absolute;

    z-index: 5;

    right: 12%;
    top: 46%;

    width: 104px;
    height: 178px;

    transform:
        translateY(-50%);

    border:
        1px solid rgba(139, 92, 246, 0.20);

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            rgba(139, 92, 246, 0.07),
            rgba(4, 13, 23, 0.94)
        );

    box-shadow:
        0 0 28px rgba(139, 92, 246, 0.07);
}

#controles-conectividad-wii .gswiictrl-console::before {
    content: "";

    position: absolute;

    left: 13px;
    right: 13px;
    top: 23px;

    height: 8px;

    border:
        1px solid rgba(37, 216, 244, 0.17);

    border-radius: 999px;
}

#controles-conectividad-wii .gswiictrl-console::after {
    content: "";

    position: absolute;

    right: 9px;
    top: 50%;

    width: 3px;
    height: 93px;

    transform:
        translateY(-50%);

    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--ctrl-cyan),
            transparent
        );

    box-shadow:
        0 0 10px rgba(37, 216, 244, 0.34);
}


/* =========================================================
   CONEXIÓN INALÁMBRICA
   ========================================================= */

#controles-conectividad-wii .gswiictrl-wireless {
    position: absolute;

    z-index: 4;

    left: 32%;
    right: 31%;
    top: 41%;

    height: 2px;

    overflow: visible;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.06),
            rgba(37, 216, 244, 0.45),
            rgba(139, 92, 246, 0.42),
            rgba(67, 229, 139, 0.08)
        );

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.08);
}

#controles-conectividad-wii .gswiictrl-wireless::before,
#controles-conectividad-wii .gswiictrl-wireless::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 8px;
    height: 8px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        var(--ctrl-cyan);

    box-shadow:
        0 0 11px rgba(37, 216, 244, 0.65);
}

#controles-conectividad-wii .gswiictrl-wireless::before {
    left: 0;
}

#controles-conectividad-wii .gswiictrl-wireless::after {
    left: -6px;

    width: 12px;
    height: 5px;

    border-radius: 999px;

    animation:
        gswiictrl-data
        2.2s linear infinite;
}

@keyframes gswiictrl-data {
    from {
        left: -6px;
    }

    to {
        left: calc(100% - 6px);
    }
}


/* =========================================================
   SENSOR BAR
   ========================================================= */

#controles-conectividad-wii .gswiictrl-sensorbar {
    position: absolute;

    z-index: 7;

    left: 50%;
    bottom: 34px;

    width: 190px;
    height: 19px;

    transform:
        translateX(-50%);

    border:
        1px solid rgba(255, 200, 87, 0.20);

    border-radius: 999px;

    background:
        rgba(4, 13, 23, 0.96);

    box-shadow:
        0 0 20px rgba(255, 200, 87, 0.05);
}

#controles-conectividad-wii .gswiictrl-sensorbar::before,
#controles-conectividad-wii .gswiictrl-sensorbar::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 23px;
    height: 7px;

    transform:
        translateY(-50%);

    border-radius: 999px;

    background:
        var(--ctrl-red);

    box-shadow:
        0 0 10px rgba(255, 99, 125, 0.45);

    animation:
        gswiictrl-ir-pulse
        1.9s ease-in-out infinite;
}

#controles-conectividad-wii .gswiictrl-sensorbar::before {
    left: 14px;
}

#controles-conectividad-wii .gswiictrl-sensorbar::after {
    right: 14px;

    animation-delay:
        0.35s;
}

@keyframes gswiictrl-ir-pulse {
    0%,
    100% {
        opacity: 0.42;

        box-shadow:
            0 0 7px rgba(255, 99, 125, 0.24);
    }

    50% {
        opacity: 1;

        box-shadow:
            0 0 17px rgba(255, 99, 125, 0.70);
    }
}


/* =========================================================
   HACES IR
   ========================================================= */

#controles-conectividad-wii .gswiictrl-ir-beam {
    position: absolute;

    z-index: 3;

    bottom: 49px;

    width: 1px;
    height: 106px;

    transform-origin: bottom center;

    background:
        linear-gradient(
            180deg,
            rgba(255, 99, 125, 0.00),
            rgba(255, 99, 125, 0.20)
        );

    opacity: 0.6;
}

#controles-conectividad-wii .gswiictrl-ir-beam.one {
    left: 43%;

    transform:
        rotate(-29deg);
}

#controles-conectividad-wii .gswiictrl-ir-beam.two {
    right: 43%;

    transform:
        rotate(29deg);
}


/* =========================================================
   CURSOR
   ========================================================= */

#controles-conectividad-wii .gswiictrl-cursor {
    position: absolute;

    z-index: 9;

    left: 52%;
    top: 54%;

    width: 18px;
    height: 18px;

    border:
        2px solid var(--ctrl-cyan);

    border-radius:
        50% 50% 50% 3px;

    transform:
        rotate(-45deg);

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.42);

    animation:
        gswiictrl-cursor-move
        5.4s ease-in-out infinite;
}

#controles-conectividad-wii .gswiictrl-cursor::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 4px;
    height: 4px;

    transform:
        translate(-50%, -50%);

    border-radius: 50%;

    background:
        var(--ctrl-cyan);
}

@keyframes gswiictrl-cursor-move {
    0%,
    100% {
        left: 47%;
        top: 53%;
    }

    25% {
        left: 55%;
        top: 43%;
    }

    50% {
        left: 61%;
        top: 55%;
    }

    75% {
        left: 51%;
        top: 64%;
    }
}


/* =========================================================
   ETIQUETAS HUD
   ========================================================= */

#controles-conectividad-wii .gswiictrl-visual-label {
    position: absolute;

    z-index: 10;

    padding:
        6px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 7px;

    background:
        rgba(4, 14, 25, 0.90);

    font-size: 6.5px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-visual-label.remote {
    left: 8%;
    top: 15%;

    color: #8cecff;
}

#controles-conectividad-wii .gswiictrl-visual-label.console {
    right: 8%;
    top: 15%;

    color: #beb1ff;
}

#controles-conectividad-wii .gswiictrl-visual-label.sensor {
    left: 50%;
    bottom: 6px;

    transform:
        translateX(-50%);

    color: #e5c978;

    white-space: nowrap;
}


/* =========================================================
   ECUACIÓN
   ========================================================= */

#controles-conectividad-wii .gswiictrl-equation {
    position: relative;

    z-index: 5;

    padding:
        12px;

    border:
        1px solid rgba(255, 200, 87, 0.11);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.020);

    color: #cabd91;

    font-size: 9px;
    line-height: 1.55;
    font-weight: 600;

    text-align: center;
}

#controles-conectividad-wii .gswiictrl-equation span {
    color: #f1d98f;
}


/* =========================================================
   HUD ROUTE
   ========================================================= */

#controles-conectividad-wii .gswiictrl-hud-route {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 5px;
}

#controles-conectividad-wii .gswiictrl-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        9px 4px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#controles-conectividad-wii
.gswiictrl-hud-step:nth-child(2) {
    --step-color: #8b5cf6;
}

#controles-conectividad-wii
.gswiictrl-hud-step:nth-child(3) {
    --step-color: #43e58b;
}

#controles-conectividad-wii
.gswiictrl-hud-step:nth-child(4) {
    --step-color: #ffc857;
}

#controles-conectividad-wii
.gswiictrl-hud-step:nth-child(5) {
    --step-color: #25d8f4;
}

#controles-conectividad-wii .gswiictrl-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

    font-size: 7px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-hud-step span {
    display: block;

    color: #70899a;

    font-size: 6.2px;
    line-height: 1.4;
}


/* =========================================================
   CRITERIOS
   ========================================================= */

#controles-conectividad-wii .gswiictrl-principles {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#controles-conectividad-wii .gswiictrl-principle {
    --principle-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.89),
            rgba(4, 12, 22, 0.97)
        );
}

#controles-conectividad-wii
.gswiictrl-principle:nth-child(1) {
    --principle-color: #25d8f4;

    border:
        1px solid rgba(37, 216, 244, 0.12);
}

#controles-conectividad-wii
.gswiictrl-principle:nth-child(2) {
    --principle-color: #8b5cf6;

    border:
        1px solid rgba(139, 92, 246, 0.12);
}

#controles-conectividad-wii
.gswiictrl-principle:nth-child(3) {
    --principle-color: #ffc857;

    border:
        1px solid rgba(255, 200, 87, 0.12);
}

#controles-conectividad-wii
.gswiictrl-principle:nth-child(4) {
    --principle-color: #43e58b;

    border:
        1px solid rgba(67, 229, 139, 0.12);
}

#controles-conectividad-wii .gswiictrl-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--principle-color),
            transparent
        );
}

#controles-conectividad-wii .gswiictrl-principle-code {
    display: block;

    margin-bottom: 7px;

    color: var(--principle-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-principle-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#controles-conectividad-wii .gswiictrl-principle-copy {
    display: block;

    color: #71899a;

    font-size: 9px;
    line-height: 1.58;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#controles-conectividad-wii .gswiictrl-warning {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 18px;
    padding:
        16px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.023),
            rgba(255, 99, 125, 0.012)
        );
}

#controles-conectividad-wii .gswiictrl-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 9px;

    color: #f2d989;

    font-size: 10px;
    font-weight: 700;
}

#controles-conectividad-wii .gswiictrl-warning-copy {
    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#controles-conectividad-wii .gswiictrl-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#controles-conectividad-wii .gswiictrl-warning-state {
    flex-shrink: 0;

    color: #b9a972;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#controles-conectividad-wii .gswiictrl-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.17);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.94),
            rgba(4, 9, 20, 0.98)
        );
}

#controles-conectividad-wii .gswiictrl-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.09);

    background:
        rgba(8, 18, 34, 0.74);
}

#controles-conectividad-wii .gswiictrl-terminal-dots {
    display: flex;

    gap: 6px;
}

#controles-conectividad-wii .gswiictrl-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#controles-conectividad-wii
.gswiictrl-terminal-dots span:nth-child(1) {
    background: var(--ctrl-red);
}

#controles-conectividad-wii
.gswiictrl-terminal-dots span:nth-child(2) {
    background: var(--ctrl-yellow);
}

#controles-conectividad-wii
.gswiictrl-terminal-dots span:nth-child(3) {
    background: var(--ctrl-green);
}

#controles-conectividad-wii .gswiictrl-terminal-name {
    color: #71889d;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#controles-conectividad-wii .gswiictrl-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#controles-conectividad-wii .gswiictrl-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.50);

    color: #8298a8;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 500;
}

#controles-conectividad-wii .gswiictrl-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.13);

    border-radius: 9px;

    color: #9beabd;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;
}

#controles-conectividad-wii .gswiictrl-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--ctrl-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

#controles-conectividad-wii .gswiictrl-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;
    padding: 0 3px;

    color: #60788c;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#controles-conectividad-wii .gswiictrl-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#controles-conectividad-wii .gswiictrl-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--ctrl-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.45);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #controles-conectividad-wii .gswiictrl-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #controles-conectividad-wii .gswiictrl-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #controles-conectividad-wii .gswiictrl-status {
        max-width: 650px;
    }

    #controles-conectividad-wii .gswiictrl-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #controles-conectividad-wii .gswiictrl-symptoms {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #controles-conectividad-wii .gswiictrl-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #controles-conectividad-wii .gswiictrl-hud {
        width: 100%;
        max-width: 760px;

        margin: 0 auto;
    }

    #controles-conectividad-wii .gswiictrl-principles {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #controles-conectividad-wii {
        overflow: hidden;
    }

    #controles-conectividad-wii .gswiictrl-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #controles-conectividad-wii .gswiictrl-orbit,
    #controles-conectividad-wii .gswiictrl-scan {
        display: none;
    }

    #controles-conectividad-wii .gswiictrl-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #controles-conectividad-wii .gswiictrl-heading {
        display: block;

        margin-bottom: 28px;
    }

    #controles-conectividad-wii .gswiictrl-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #controles-conectividad-wii .gswiictrl-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #controles-conectividad-wii .gswiictrl-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #controles-conectividad-wii .gswiictrl-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #controles-conectividad-wii .gswiictrl-core-state {
        width: fit-content;
    }

    #controles-conectividad-wii .gswiictrl-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #controles-conectividad-wii .gswiictrl-symptoms {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    #controles-conectividad-wii .gswiictrl-symptom {
        min-height: 0;

        padding:
            16px 13px;
    }

    #controles-conectividad-wii .gswiictrl-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #controles-conectividad-wii .gswiictrl-analysis,
    #controles-conectividad-wii .gswiictrl-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #controles-conectividad-wii .gswiictrl-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #controles-conectividad-wii .gswiictrl-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #controles-conectividad-wii .gswiictrl-visual {
        min-height: 320px;
    }

    #controles-conectividad-wii .gswiictrl-remote {
        left: 8%;

        width: 70px;
        height: 150px;
    }

    #controles-conectividad-wii .gswiictrl-console {
        right: 8%;

        width: 78px;
        height: 145px;
    }

    #controles-conectividad-wii .gswiictrl-wireless {
        left: 29%;
        right: 28%;
    }

    #controles-conectividad-wii .gswiictrl-sensorbar {
        width: 160px;
    }

    #controles-conectividad-wii .gswiictrl-visual::before,
    #controles-conectividad-wii .gswiictrl-visual::after,
    #controles-conectividad-wii .gswiictrl-remote,
    #controles-conectividad-wii .gswiictrl-cursor {
        animation: none;
    }

    #controles-conectividad-wii .gswiictrl-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #controles-conectividad-wii .gswiictrl-hud-step {
        text-align: left;
    }

    #controles-conectividad-wii .gswiictrl-principles {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #controles-conectividad-wii .gswiictrl-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #controles-conectividad-wii .gswiictrl-warning-state {
        width: fit-content;
    }

    #controles-conectividad-wii .gswiictrl-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #controles-conectividad-wii .gswiictrl-terminal-state {
        width: fit-content;
    }

    #controles-conectividad-wii .gswiictrl-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #controles-conectividad-wii .gswiictrl-shell {
        width:
            calc(100% - 24px);
    }

    #controles-conectividad-wii .gswiictrl-chain,
    #controles-conectividad-wii .gswiictrl-symptoms {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #controles-conectividad-wii .gswiictrl-analysis,
    #controles-conectividad-wii .gswiictrl-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #controles-conectividad-wii .gswiictrl-visual {
        min-height: 300px;
    }

    #controles-conectividad-wii .gswiictrl-remote {
        left: 6%;

        width: 62px;
        height: 138px;
    }

    #controles-conectividad-wii .gswiictrl-console {
        right: 6%;

        width: 69px;
        height: 133px;
    }

    #controles-conectividad-wii .gswiictrl-wireless {
        left: 27%;
        right: 27%;
    }

    #controles-conectividad-wii .gswiictrl-sensorbar {
        width: 135px;
    }

    #controles-conectividad-wii .gswiictrl-visual-label.remote,
    #controles-conectividad-wii .gswiictrl-visual-label.console {
        display: none;
    }

    #controles-conectividad-wii .gswiictrl-visual-label.sensor {
        max-width:
            calc(100% - 20px);

        font-size: 5.5px;
    }

    #controles-conectividad-wii .gswiictrl-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #controles-conectividad-wii .gswiictrl-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #controles-conectividad-wii *,
    #controles-conectividad-wii *::before,
    #controles-conectividad-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #controles-conectividad-wii .gswiictrl-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — SISTEMA Y ALMACENAMIENTO
   CSS ID: sistema-almacenamiento-wii
   PREFIX: gswiisys-
   ========================================================= */

#sistema-almacenamiento-wii {
    --sys-bg: #030811;
    --sys-bg-2: #06101b;

    --sys-cyan: #25d8f4;
    --sys-blue: #3587ff;
    --sys-violet: #8b5cf6;

    --sys-green: #43e58b;
    --sys-yellow: #ffc857;
    --sys-orange: #ff9f43;
    --sys-red: #ff637d;

    --sys-text: #f1f9ff;
    --sys-muted: #91a8bb;
    --sys-muted-2: #6f8798;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--sys-text);

    background:
        radial-gradient(
            circle at 11% 15%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 24%,
            rgba(139, 92, 246, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 72% 91%,
            rgba(67, 229, 139, 0.030),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#sistema-almacenamiento-wii *,
#sistema-almacenamiento-wii *::before,
#sistema-almacenamiento-wii *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-orbit {
    position: absolute;

    left: -260px;
    top: 690px;

    width: 520px;
    height: 520px;

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, 0.040);

    border-radius: 50%;

    animation:
        gswiisys-spin
        58s linear infinite;
}

#sistema-almacenamiento-wii .gswiisys-orbit::before,
#sistema-almacenamiento-wii .gswiisys-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#sistema-almacenamiento-wii .gswiisys-orbit::before {
    inset: 84px;

    border:
        1px dashed rgba(139, 92, 246, 0.045);
}

#sistema-almacenamiento-wii .gswiisys-orbit::after {
    inset: 168px;

    border:
        1px solid rgba(67, 229, 139, 0.035);
}

@keyframes gswiisys-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   SCAN
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#sistema-almacenamiento-wii .gswiisys-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswiisys-scan
        12s linear infinite;
}

@keyframes gswiisys-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

    100% {
        transform: translateY(4100px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.48fr);

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#sistema-almacenamiento-wii .gswiisys-heading-main {
    min-width: 0;
}

#sistema-almacenamiento-wii .gswiisys-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;
    padding:
        7px 11px;

    border:
        1px solid rgba(139, 92, 246, 0.18);

    border-radius: 999px;

    background:
        rgba(139, 92, 246, 0.035);

    color: #c8bdff;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--sys-violet);

    box-shadow:
        0 0 8px rgba(139, 92, 246, 0.70);
}

#sistema-almacenamiento-wii .gswiisys-title {
    max-width: 940px;

    margin: 0;

    color: #f4fbff;

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#sistema-almacenamiento-wii .gswiisys-title span {
    color: var(--sys-cyan);
}

#sistema-almacenamiento-wii .gswiisys-intro {
    max-width: 890px;

    margin:
        16px 0 0;

    color: var(--sys-muted);

    font-size: 15px;
    line-height: 1.76;
}


/* =========================================================
   STATUS
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#sistema-almacenamiento-wii .gswiisys-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--sys-yellow),
            transparent
        );
}

#sistema-almacenamiento-wii .gswiisys-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e3ce8b;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--sys-yellow);

    box-shadow:
        0 0 7px rgba(255, 200, 87, 0.52);
}

#sistema-almacenamiento-wii .gswiisys-status p {
    margin: 0;

    color: #a7bcc9;

    font-size: 11px;
    line-height: 1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-core {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 17px;

    align-items: center;

    margin-bottom: 18px;
    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(139, 92, 246, 0.018)
        );
}

#sistema-almacenamiento-wii .gswiisys-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--sys-cyan),
            transparent
        );
}

#sistema-almacenamiento-wii .gswiisys-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    border:
        1px solid rgba(37, 216, 244, 0.20);

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
}

#sistema-almacenamiento-wii .gswiisys-core-copy {
    min-width: 0;
}

#sistema-almacenamiento-wii .gswiisys-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-core-copy span {
    display: block;

    color: #829aa9;

    font-size: 10px;
    line-height: 1.64;
}

#sistema-almacenamiento-wii .gswiisys-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #96edbb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   CADENA FUNCIONAL
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-chain {
    display: grid;

    grid-template-columns:
        repeat(7, minmax(0, 1fr));

    gap: 7px;

    margin-bottom: 18px;
}

#sistema-almacenamiento-wii .gswiisys-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 10px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.91),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#sistema-almacenamiento-wii
.gswiisys-chain-card:nth-child(2) {
    --chain-color: #3587ff;
}

#sistema-almacenamiento-wii
.gswiisys-chain-card:nth-child(3) {
    --chain-color: #8b5cf6;
}

#sistema-almacenamiento-wii
.gswiisys-chain-card:nth-child(4) {
    --chain-color: #ffc857;
}

#sistema-almacenamiento-wii
.gswiisys-chain-card:nth-child(5) {
    --chain-color: #25d8f4;
}

#sistema-almacenamiento-wii
.gswiisys-chain-card:nth-child(6) {
    --chain-color: #3587ff;
}

#sistema-almacenamiento-wii
.gswiisys-chain-card:nth-child(7) {
    --chain-color: #43e58b;
}

#sistema-almacenamiento-wii .gswiisys-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 55px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--chain-color),
            transparent
        );
}

#sistema-almacenamiento-wii .gswiisys-chain-number {
    display: block;

    margin-bottom: 6px;

    color: var(--chain-color);

    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
}

#sistema-almacenamiento-wii .gswiisys-chain-title {
    display: block;

    color: #dcebf4;

    font-size: 9px;
    line-height: 1.42;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

    font-size: 7px;
    line-height: 1.45;
}


/* =========================================================
   SÍNTOMAS
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-symptoms {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}

#sistema-almacenamiento-wii .gswiisys-symptom {
    --sym-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 198px;

    padding:
        18px 15px 16px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.09);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.90),
            rgba(4, 12, 22, 0.97)
        );
}

#sistema-almacenamiento-wii
.gswiisys-symptom:nth-child(4n + 1) {
    --sym-color: #25d8f4;
}

#sistema-almacenamiento-wii
.gswiisys-symptom:nth-child(4n + 2) {
    --sym-color: #3587ff;
}

#sistema-almacenamiento-wii
.gswiisys-symptom:nth-child(4n + 3) {
    --sym-color: #8b5cf6;
}

#sistema-almacenamiento-wii
.gswiisys-symptom:nth-child(4n + 4) {
    --sym-color: #43e58b;
}

#sistema-almacenamiento-wii .gswiisys-symptom::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--sym-color),
            transparent
        );
}

#sistema-almacenamiento-wii .gswiisys-symptom-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    margin-bottom: 9px;

    border:
        1px solid rgba(92, 208, 255, 0.10);

    border-radius: 7px;

    color: var(--sym-color);

    font-size: 8px;
    line-height: 1;
    font-weight: 700;
}

#sistema-almacenamiento-wii .gswiisys-symptom-title {
    display: block;

    margin-bottom: 6px;

    color: #dfeef5;

    font-size: 10px;
    line-height: 1.44;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-symptom-label {
    display: block;

    margin-bottom: 5px;

    color: var(--sym-color);

    font-size: 7px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-symptom-copy {
    display: block;

    color: #71899a;

    font-size: 8px;
    line-height: 1.56;
}


/* =========================================================
   MAIN
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-analysis {
    min-width: 0;

    padding:
        24px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.90),
            rgba(4, 12, 22, 0.97)
        );
}

#sistema-almacenamiento-wii .gswiisys-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#sistema-almacenamiento-wii .gswiisys-panel-title {
    margin: 0;

    color: #f1faff;

    font-size: 21px;
    line-height: 1.34;
    font-weight: 700;
}

#sistema-almacenamiento-wii .gswiisys-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

    font-size: 10px;
    line-height: 1.67;
}


/* =========================================================
   RUTA
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#sistema-almacenamiento-wii .gswiisys-route-row {
    --route-color: #25d8f4;

    display: grid;

    grid-template-columns:
        120px minmax(0, 1fr);

    gap: 10px;

    padding:
        11px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#sistema-almacenamiento-wii
.gswiisys-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#sistema-almacenamiento-wii
.gswiisys-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#sistema-almacenamiento-wii
.gswiisys-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#sistema-almacenamiento-wii
.gswiisys-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#sistema-almacenamiento-wii .gswiisys-route-label {
    color: var(--route-color);

    font-size: 8px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-route-copy {
    color: #758d9d;

    font-size: 9px;
    line-height: 1.56;
}

#sistema-almacenamiento-wii .gswiisys-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   NOTA
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 14px;
    padding:
        13px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.023);

    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#sistema-almacenamiento-wii .gswiisys-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 50%;

    color: #f0d48a;

    font-size: 8px;
    font-weight: 700;
}

#sistema-almacenamiento-wii .gswiisys-note strong {
    color: #e9ddb5;
    font-weight: 600;
}


/* =========================================================
   HUD
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.16);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#sistema-almacenamiento-wii .gswiisys-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}


/* =========================================================
   HUD HEAD
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-hud-head {
    position: relative;
    z-index: 4;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

#sistema-almacenamiento-wii .gswiisys-hud-code {
    color: #c8bdff;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #97eebb;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--sys-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   HUD SCREEN
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 10px;

    margin-top: 16px;
    padding:
        14px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}


/* =========================================================
   HUD VISUAL
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-visual {
    position: relative;

    min-height: 290px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.08),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#sistema-almacenamiento-wii .gswiisys-visual::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    border:
        1px solid rgba(37, 216, 244, 0.08);

    border-radius: 50%;

    animation:
        gswiisys-visual-spin
        24s linear infinite;
}

#sistema-almacenamiento-wii .gswiisys-visual::after {
    content: "";

    position: absolute;

    width: 390px;
    height: 390px;

    border:
        1px dashed rgba(139, 92, 246, 0.06);

    border-radius: 50%;

    animation:
        gswiisys-visual-spin
        34s linear infinite reverse;
}

@keyframes gswiisys-visual-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   NÚCLEO DEL SISTEMA
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-system-core {
    position: relative;
    z-index: 6;

    width:
        min(
            88%,
            430px
        );

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}

#sistema-almacenamiento-wii .gswiisys-system-node {
    --node-color: #25d8f4;

    position: relative;

    min-width: 0;
    min-height: 118px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        14px 10px;

    border:
        1px solid rgba(37, 216, 244, 0.15);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.94),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#sistema-almacenamiento-wii
.gswiisys-system-node.storage {
    --node-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.16);
}

#sistema-almacenamiento-wii
.gswiisys-system-node.stable {
    --node-color: #43e58b;

    border-color:
        rgba(67, 229, 139, 0.16);
}

#sistema-almacenamiento-wii .gswiisys-system-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -8px;

    width: 14px;
    height: 14px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #06101b;

    box-shadow:
        0 0 14px
        color-mix(
            in srgb,
            var(--node-color) 50%,
            transparent
        );

    animation:
        gswiisys-node-pulse
        2.4s ease-in-out infinite;
}

@keyframes gswiisys-node-pulse {
    0%,
    100% {
        transform:
            translateX(-50%)
            scale(0.90);

        opacity: 0.55;
    }

    50% {
        transform:
            translateX(-50%)
            scale(1.10);

        opacity: 1;
    }
}

#sistema-almacenamiento-wii .gswiisys-system-code {
    display: block;

    margin-bottom: 5px;

    color: var(--node-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-system-title {
    display: block;

    color: #e1eff5;

    font-size: 10px;
    line-height: 1.42;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-system-copy {
    display: block;

    margin-top: 5px;

    color: #6f8798;

    font-size: 7px;
    line-height: 1.45;
}


/* =========================================================
   LÍNEA DE DATOS
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-data-line {
    position: absolute;

    z-index: 4;

    left: 18%;
    right: 18%;
    top: 50%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.06),
            rgba(37, 216, 244, 0.45),
            rgba(139, 92, 246, 0.42),
            rgba(67, 229, 139, 0.42),
            rgba(67, 229, 139, 0.06)
        );

    overflow: visible;
}

#sistema-almacenamiento-wii .gswiisys-data-line::after {
    content: "";

    position: absolute;

    top: -2px;
    left: -14px;

    width: 14px;
    height: 5px;

    border-radius: 999px;

    background:
        #c7f8ff;

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.60);

    animation:
        gswiisys-data-flow
        2.8s linear infinite;
}

@keyframes gswiisys-data-flow {
    from {
        left: -16px;
    }

    to {
        left: calc(100% + 16px);
    }
}


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-equation {
    position: relative;
    z-index: 5;

    padding:
        12px;

    border:
        1px solid rgba(255, 200, 87, 0.11);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.020);

    color: #cabd91;

    font-size: 9px;
    line-height: 1.55;
    font-weight: 600;

    text-align: center;
}

#sistema-almacenamiento-wii .gswiisys-equation span {
    color: #f1d98f;
}


/* =========================================================
   HUD ROUTE
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-hud-route {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 5px;
}

#sistema-almacenamiento-wii .gswiisys-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        9px 4px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#sistema-almacenamiento-wii
.gswiisys-hud-step:nth-child(2) {
    --step-color: #3587ff;
}

#sistema-almacenamiento-wii
.gswiisys-hud-step:nth-child(3) {
    --step-color: #8b5cf6;
}

#sistema-almacenamiento-wii
.gswiisys-hud-step:nth-child(4) {
    --step-color: #ffc857;
}

#sistema-almacenamiento-wii
.gswiisys-hud-step:nth-child(5) {
    --step-color: #43e58b;
}

#sistema-almacenamiento-wii .gswiisys-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

    font-size: 7px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-hud-step span {
    display: block;

    color: #70899a;

    font-size: 6.2px;
    line-height: 1.4;
}


/* =========================================================
   PRINCIPIOS
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-principles {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#sistema-almacenamiento-wii .gswiisys-principle {
    --principle-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.89),
            rgba(4, 12, 22, 0.97)
        );
}

#sistema-almacenamiento-wii
.gswiisys-principle:nth-child(1) {
    --principle-color: #25d8f4;

    border:
        1px solid rgba(37, 216, 244, 0.12);
}

#sistema-almacenamiento-wii
.gswiisys-principle:nth-child(2) {
    --principle-color: #8b5cf6;

    border:
        1px solid rgba(139, 92, 246, 0.12);
}

#sistema-almacenamiento-wii
.gswiisys-principle:nth-child(3) {
    --principle-color: #ffc857;

    border:
        1px solid rgba(255, 200, 87, 0.12);
}

#sistema-almacenamiento-wii
.gswiisys-principle:nth-child(4) {
    --principle-color: #43e58b;

    border:
        1px solid rgba(67, 229, 139, 0.12);
}

#sistema-almacenamiento-wii .gswiisys-principle::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--principle-color),
            transparent
        );
}

#sistema-almacenamiento-wii .gswiisys-principle-code {
    display: block;

    margin-bottom: 7px;

    color: var(--principle-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-principle-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-principle-copy {
    display: block;

    color: #71899a;

    font-size: 9px;
    line-height: 1.58;
}


/* =========================================================
   LÍMITES DE SERVICIO
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-scope {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 18px;
    padding:
        16px;

    border:
        1px solid rgba(139, 92, 246, 0.13);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(139, 92, 246, 0.025),
            rgba(37, 216, 244, 0.012)
        );
}

#sistema-almacenamiento-wii .gswiisys-scope-icon {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    border:
        1px solid rgba(139, 92, 246, 0.19);

    border-radius: 9px;

    color: #c7bbff;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
}

#sistema-almacenamiento-wii .gswiisys-scope-copy {
    color: #858aa1;

    font-size: 9px;
    line-height: 1.62;
}

#sistema-almacenamiento-wii .gswiisys-scope-copy strong {
    color: #ddd8f7;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-scope-state {
    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(139, 92, 246, 0.14);

    border-radius: 999px;

    color: #c4b9f5;

    font-size: 8px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-warning {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 18px;
    padding:
        16px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.023),
            rgba(255, 99, 125, 0.012)
        );
}

#sistema-almacenamiento-wii .gswiisys-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 9px;

    color: #f2d989;

    font-size: 10px;
    font-weight: 700;
}

#sistema-almacenamiento-wii .gswiisys-warning-copy {
    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#sistema-almacenamiento-wii .gswiisys-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-warning-state {
    flex-shrink: 0;

    color: #b9a972;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.17);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.94),
            rgba(4, 9, 20, 0.98)
        );
}

#sistema-almacenamiento-wii .gswiisys-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.09);

    background:
        rgba(8, 18, 34, 0.74);
}

#sistema-almacenamiento-wii .gswiisys-terminal-dots {
    display: flex;

    gap: 6px;
}

#sistema-almacenamiento-wii .gswiisys-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#sistema-almacenamiento-wii
.gswiisys-terminal-dots span:nth-child(1) {
    background: var(--sys-red);
}

#sistema-almacenamiento-wii
.gswiisys-terminal-dots span:nth-child(2) {
    background: var(--sys-yellow);
}

#sistema-almacenamiento-wii
.gswiisys-terminal-dots span:nth-child(3) {
    background: var(--sys-green);
}

#sistema-almacenamiento-wii .gswiisys-terminal-name {
    color: #71889d;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#sistema-almacenamiento-wii .gswiisys-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#sistema-almacenamiento-wii .gswiisys-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.50);

    color: #8298a8;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 500;
}

#sistema-almacenamiento-wii .gswiisys-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.13);

    border-radius: 9px;

    color: #9beabd;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;
}

#sistema-almacenamiento-wii .gswiisys-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--sys-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

#sistema-almacenamiento-wii .gswiisys-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;
    padding: 0 3px;

    color: #60788c;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#sistema-almacenamiento-wii .gswiisys-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#sistema-almacenamiento-wii .gswiisys-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--sys-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.45);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #sistema-almacenamiento-wii .gswiisys-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #sistema-almacenamiento-wii .gswiisys-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #sistema-almacenamiento-wii .gswiisys-status {
        max-width: 650px;
    }

    #sistema-almacenamiento-wii .gswiisys-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #sistema-almacenamiento-wii .gswiisys-symptoms {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #sistema-almacenamiento-wii .gswiisys-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #sistema-almacenamiento-wii .gswiisys-hud {
        width: 100%;
        max-width: 760px;

        margin: 0 auto;
    }

    #sistema-almacenamiento-wii .gswiisys-principles {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #sistema-almacenamiento-wii {
        overflow: hidden;
    }

    #sistema-almacenamiento-wii .gswiisys-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #sistema-almacenamiento-wii .gswiisys-orbit,
    #sistema-almacenamiento-wii .gswiisys-scan {
        display: none;
    }

    #sistema-almacenamiento-wii .gswiisys-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #sistema-almacenamiento-wii .gswiisys-heading {
        display: block;

        margin-bottom: 28px;
    }

    #sistema-almacenamiento-wii .gswiisys-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #sistema-almacenamiento-wii .gswiisys-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #sistema-almacenamiento-wii .gswiisys-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #sistema-almacenamiento-wii .gswiisys-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #sistema-almacenamiento-wii .gswiisys-core-state {
        width: fit-content;
    }

    #sistema-almacenamiento-wii .gswiisys-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #sistema-almacenamiento-wii .gswiisys-symptoms {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    #sistema-almacenamiento-wii .gswiisys-symptom {
        min-height: 0;

        padding:
            16px 13px;
    }

    #sistema-almacenamiento-wii .gswiisys-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #sistema-almacenamiento-wii .gswiisys-analysis,
    #sistema-almacenamiento-wii .gswiisys-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #sistema-almacenamiento-wii .gswiisys-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #sistema-almacenamiento-wii .gswiisys-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #sistema-almacenamiento-wii .gswiisys-visual {
        min-height: 360px;
    }

    #sistema-almacenamiento-wii .gswiisys-system-core {
        width: 100%;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #sistema-almacenamiento-wii .gswiisys-system-node {
        min-height: 86px;
    }

    #sistema-almacenamiento-wii .gswiisys-data-line {
        display: none;
    }

    #sistema-almacenamiento-wii .gswiisys-visual::before,
    #sistema-almacenamiento-wii .gswiisys-visual::after,
    #sistema-almacenamiento-wii .gswiisys-system-node::before {
        animation: none;
    }

    #sistema-almacenamiento-wii .gswiisys-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #sistema-almacenamiento-wii .gswiisys-hud-step {
        text-align: left;
    }

    #sistema-almacenamiento-wii .gswiisys-principles {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #sistema-almacenamiento-wii .gswiisys-scope,
    #sistema-almacenamiento-wii .gswiisys-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #sistema-almacenamiento-wii .gswiisys-scope-state,
    #sistema-almacenamiento-wii .gswiisys-warning-state {
        width: fit-content;
    }

    #sistema-almacenamiento-wii .gswiisys-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #sistema-almacenamiento-wii .gswiisys-terminal-state {
        width: fit-content;
    }

    #sistema-almacenamiento-wii .gswiisys-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #sistema-almacenamiento-wii .gswiisys-shell {
        width:
            calc(100% - 24px);
    }

    #sistema-almacenamiento-wii .gswiisys-chain,
    #sistema-almacenamiento-wii .gswiisys-symptoms {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-wii .gswiisys-analysis,
    #sistema-almacenamiento-wii .gswiisys-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #sistema-almacenamiento-wii .gswiisys-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #sistema-almacenamiento-wii .gswiisys-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #sistema-almacenamiento-wii *,
    #sistema-almacenamiento-wii *::before,
    #sistema-almacenamiento-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #sistema-almacenamiento-wii .gswiisys-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — DIAGNÓSTICO / REFACCIONES / GARANTÍA

   ========================================================= */

#diagnostico-refacciones-wii {
    --diag-bg: #030811;
    --diag-bg-2: #06101b;

    --diag-cyan: #25d8f4;
    --diag-blue: #3587ff;
    --diag-violet: #8b5cf6;

    --diag-green: #43e58b;
    --diag-yellow: #ffc857;
    --diag-orange: #ff9f43;
    --diag-red: #ff637d;

    --diag-text: #f1f9ff;
    --diag-muted: #91a8bb;
    --diag-muted-2: #6f8798;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--diag-text);

    background:
        radial-gradient(
            circle at 12% 14%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(139, 92, 246, 0.050),
            transparent 31%
        ),
        radial-gradient(
            circle at 72% 90%,
            rgba(67, 229, 139, 0.035),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#diagnostico-refacciones-wii *,
#diagnostico-refacciones-wii *::before,
#diagnostico-refacciones-wii *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-orbit {
    position: absolute;

    right: -260px;
    top: 620px;

    width: 520px;
    height: 520px;

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, 0.040);

    border-radius: 50%;

    animation:
        gswiidiag-spin
        60s linear infinite;
}

#diagnostico-refacciones-wii .gswiidiag-orbit::before,
#diagnostico-refacciones-wii .gswiidiag-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#diagnostico-refacciones-wii .gswiidiag-orbit::before {
    inset: 84px;

    border:
        1px dashed rgba(139, 92, 246, 0.045);
}

#diagnostico-refacciones-wii .gswiidiag-orbit::after {
    inset: 168px;

    border:
        1px solid rgba(67, 229, 139, 0.035);
}

@keyframes gswiidiag-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   SCAN GENERAL
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#diagnostico-refacciones-wii .gswiidiag-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswiidiag-scan
        12s linear infinite;
}

@keyframes gswiidiag-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

    100% {
        transform: translateY(4300px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.48fr);

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#diagnostico-refacciones-wii .gswiidiag-heading-main {
    min-width: 0;
}

#diagnostico-refacciones-wii .gswiidiag-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;
    padding:
        7px 11px;

    border:
        1px solid rgba(67, 229, 139, 0.18);

    border-radius: 999px;

    background:
        rgba(67, 229, 139, 0.035);

    color: #9deabd;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--diag-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.65);
}

#diagnostico-refacciones-wii .gswiidiag-title {
    max-width: 940px;

    margin: 0;

    color: #f4fbff;

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#diagnostico-refacciones-wii .gswiidiag-title span {
    color: var(--diag-cyan);
}

#diagnostico-refacciones-wii .gswiidiag-intro {
    max-width: 890px;

    margin:
        16px 0 0;

    color: var(--diag-muted);

    font-size: 15px;
    line-height: 1.76;
}


/* =========================================================
   STATUS
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#diagnostico-refacciones-wii .gswiidiag-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--diag-yellow),
            transparent
        );
}

#diagnostico-refacciones-wii .gswiidiag-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e3ce8b;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--diag-yellow);

    box-shadow:
        0 0 7px rgba(255, 200, 87, 0.52);
}

#diagnostico-refacciones-wii .gswiidiag-status p {
    margin: 0;

    color: #a7bcc9;

    font-size: 11px;
    line-height: 1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-core {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 17px;

    align-items: center;

    margin-bottom: 18px;
    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(67, 229, 139, 0.018)
        );
}

#diagnostico-refacciones-wii .gswiidiag-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--diag-cyan),
            transparent
        );
}

#diagnostico-refacciones-wii .gswiidiag-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    border:
        1px solid rgba(37, 216, 244, 0.20);

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
}

#diagnostico-refacciones-wii .gswiidiag-core-copy {
    min-width: 0;
}

#diagnostico-refacciones-wii .gswiidiag-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-core-copy span {
    display: block;

    color: #829aa9;

    font-size: 10px;
    line-height: 1.64;
}

#diagnostico-refacciones-wii .gswiidiag-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #96edbb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   CADENA FUNCIONAL
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-chain {
    display: grid;

    grid-template-columns:
        repeat(7, minmax(0, 1fr));

    gap: 7px;

    margin-bottom: 18px;
}

#diagnostico-refacciones-wii .gswiidiag-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 10px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.91),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#diagnostico-refacciones-wii
.gswiidiag-chain-card:nth-child(2) {
    --chain-color: #3587ff;
}

#diagnostico-refacciones-wii
.gswiidiag-chain-card:nth-child(3) {
    --chain-color: #8b5cf6;
}

#diagnostico-refacciones-wii
.gswiidiag-chain-card:nth-child(4) {
    --chain-color: #ffc857;
}

#diagnostico-refacciones-wii
.gswiidiag-chain-card:nth-child(5) {
    --chain-color: #ff9f43;
}

#diagnostico-refacciones-wii
.gswiidiag-chain-card:nth-child(6) {
    --chain-color: #3587ff;
}

#diagnostico-refacciones-wii
.gswiidiag-chain-card:nth-child(7) {
    --chain-color: #43e58b;
}

#diagnostico-refacciones-wii .gswiidiag-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 55px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--chain-color),
            transparent
        );
}

#diagnostico-refacciones-wii .gswiidiag-chain-number {
    display: block;

    margin-bottom: 6px;

    color: var(--chain-color);

    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-chain-title {
    display: block;

    color: #dcebf4;

    font-size: 9px;
    line-height: 1.42;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

    font-size: 7px;
    line-height: 1.45;
}


/* =========================================================
   POLÍTICA DE REVISIÓN
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-review-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}

#diagnostico-refacciones-wii .gswiidiag-review {
    --review-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 204px;

    padding:
        20px 17px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.09);

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.90),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-wii
.gswiidiag-review:nth-child(2) {
    --review-color: #ffc857;
}

#diagnostico-refacciones-wii
.gswiidiag-review:nth-child(3) {
    --review-color: #43e58b;
}

#diagnostico-refacciones-wii .gswiidiag-review::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 90px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--review-color),
            transparent
        );
}

#diagnostico-refacciones-wii .gswiidiag-review-code {
    display: inline-flex;
    align-items: center;

    min-height: 25px;

    margin-bottom: 11px;
    padding:
        5px 8px;

    border:
        1px solid rgba(255, 255, 255, 0.06);

    border-radius: 999px;

    color: var(--review-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-review-title {
    display: block;

    margin-bottom: 7px;

    color: #e0eef5;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-review-copy {
    display: block;

    color: #788f9e;

    font-size: 9px;
    line-height: 1.65;
}

#diagnostico-refacciones-wii .gswiidiag-review-foot {
    display: block;

    margin-top: 12px;
    padding-top: 10px;

    border-top:
        1px solid rgba(255, 255, 255, 0.05);

    color: var(--review-color);

    font-size: 8px;
    line-height: 1.45;
    font-weight: 600;
}


/* =========================================================
   MAIN
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-main {
    display: grid;

    grid-template-columns:
        minmax(0, 0.96fr)
        minmax(420px, 1.04fr);

    gap: 18px;

    margin-top: 18px;
}


/* =========================================================
   ANÁLISIS
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-analysis {
    min-width: 0;

    padding:
        24px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.90),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-wii .gswiidiag-panel-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #a3effb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-panel-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background: currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#diagnostico-refacciones-wii .gswiidiag-panel-title {
    margin: 0;

    color: #f1faff;

    font-size: 21px;
    line-height: 1.34;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-panel-copy {
    margin:
        9px 0 0;

    color: #8098a8;

    font-size: 10px;
    line-height: 1.67;
}


/* =========================================================
   RUTA DE DIAGNÓSTICO
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-route {
    display: grid;

    gap: 8px;

    margin-top: 18px;
}

#diagnostico-refacciones-wii .gswiidiag-route-row {
    --route-color: #25d8f4;

    display: grid;

    grid-template-columns:
        112px minmax(0, 1fr);

    gap: 10px;

    padding:
        11px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 9px;

    background:
        rgba(5, 17, 30, 0.54);
}

#diagnostico-refacciones-wii
.gswiidiag-route-row:nth-child(2) {
    --route-color: #3587ff;
}

#diagnostico-refacciones-wii
.gswiidiag-route-row:nth-child(3) {
    --route-color: #8b5cf6;
}

#diagnostico-refacciones-wii
.gswiidiag-route-row:nth-child(4) {
    --route-color: #ffc857;
}

#diagnostico-refacciones-wii
.gswiidiag-route-row:nth-child(5) {
    --route-color: #43e58b;
}

#diagnostico-refacciones-wii .gswiidiag-route-label {
    color: var(--route-color);

    font-size: 8px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-route-copy {
    color: #758d9d;

    font-size: 9px;
    line-height: 1.56;
}

#diagnostico-refacciones-wii .gswiidiag-route-copy strong {
    color: #d6e6ee;
    font-weight: 600;
}


/* =========================================================
   NOTA
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 14px;
    padding:
        13px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.023);

    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#diagnostico-refacciones-wii .gswiidiag-note::before {
    content: "!";

    display: grid;
    place-items: center;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 50%;

    color: #f0d48a;

    font-size: 8px;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-note strong {
    color: #e9ddb5;
    font-weight: 600;
}


/* =========================================================
   HUD
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-hud {
    position: relative;

    min-width: 0;

    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.16);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(37, 216, 244, 0.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(139, 92, 246, 0.050),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-wii .gswiidiag-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size: 27px 27px;
}


/* =========================================================
   HUD HEAD
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-hud-head {
    position: relative;
    z-index: 4;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

#diagnostico-refacciones-wii .gswiidiag-hud-code {
    color: #c8bdff;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #97eebb;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--diag-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   HUD SCREEN
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-hud-screen {
    position: relative;
    z-index: 2;

    display: grid;

    gap: 10px;

    margin-top: 16px;
    padding:
        14px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}


/* =========================================================
   HUD VISUAL
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-visual {
    position: relative;

    min-height: 305px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.085),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#diagnostico-refacciones-wii .gswiidiag-visual::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    border:
        1px solid rgba(37, 216, 244, 0.08);

    border-radius: 50%;

    animation:
        gswiidiag-radar
        24s linear infinite;
}

#diagnostico-refacciones-wii .gswiidiag-visual::after {
    content: "";

    position: absolute;

    width: 390px;
    height: 390px;

    border:
        1px dashed rgba(139, 92, 246, 0.06);

    border-radius: 50%;

    animation:
        gswiidiag-radar
        35s linear infinite reverse;
}

@keyframes gswiidiag-radar {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   HUD NODOS
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-parts-route {
    position: relative;
    z-index: 6;

    width:
        min(
            92%,
            455px
        );

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;
}

#diagnostico-refacciones-wii .gswiidiag-parts-node {
    --node-color: #25d8f4;

    position: relative;

    min-width: 0;
    min-height: 132px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        15px 10px;

    border:
        1px solid rgba(37, 216, 244, 0.16);

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.94),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#diagnostico-refacciones-wii
.gswiidiag-parts-node.compatible {
    --node-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.17);
}

#diagnostico-refacciones-wii
.gswiidiag-parts-node.viable {
    --node-color: #43e58b;

    border-color:
        rgba(67, 229, 139, 0.17);
}

#diagnostico-refacciones-wii .gswiidiag-parts-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -9px;

    width: 16px;
    height: 16px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #06101b;

    box-shadow:
        0 0 14px rgba(37, 216, 244, 0.18);

    animation:
        gswiidiag-node
        2.5s ease-in-out infinite;
}

#diagnostico-refacciones-wii
.gswiidiag-parts-node.compatible::before {
    box-shadow:
        0 0 14px rgba(139, 92, 246, 0.22);
}

#diagnostico-refacciones-wii
.gswiidiag-parts-node.viable::before {
    box-shadow:
        0 0 14px rgba(67, 229, 139, 0.22);
}

@keyframes gswiidiag-node {
    0%,
    100% {
        transform:
            translateX(-50%)
            scale(0.90);

        opacity: 0.55;
    }

    50% {
        transform:
            translateX(-50%)
            scale(1.12);

        opacity: 1;
    }
}

#diagnostico-refacciones-wii .gswiidiag-parts-code {
    display: block;

    margin-bottom: 6px;

    color: var(--node-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-parts-title {
    display: block;

    color: #e1eff5;

    font-size: 10px;
    line-height: 1.42;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-parts-copy {
    display: block;

    margin-top: 5px;

    color: #6f8798;

    font-size: 7px;
    line-height: 1.45;
}


/* =========================================================
   FLUJO HUD
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-flow {
    position: absolute;

    z-index: 4;

    left: 18%;
    right: 18%;
    top: 50%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.05),
            rgba(37, 216, 244, 0.45),
            rgba(139, 92, 246, 0.42),
            rgba(67, 229, 139, 0.42),
            rgba(67, 229, 139, 0.05)
        );
}

#diagnostico-refacciones-wii .gswiidiag-flow::after {
    content: "";

    position: absolute;

    top: -2px;
    left: -14px;

    width: 14px;
    height: 5px;

    border-radius: 999px;

    background: #c7f8ff;

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.60);

    animation:
        gswiidiag-flow
        2.7s linear infinite;
}

@keyframes gswiidiag-flow {
    from {
        left: -16px;
    }

    to {
        left: calc(100% + 16px);
    }
}


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-equation {
    position: relative;
    z-index: 5;

    padding:
        12px;

    border:
        1px solid rgba(255, 200, 87, 0.11);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.020);

    color: #cabd91;

    font-size: 9px;
    line-height: 1.55;
    font-weight: 600;

    text-align: center;
}

#diagnostico-refacciones-wii .gswiidiag-equation span {
    color: #f1d98f;
}


/* =========================================================
   HUD ROUTE
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-hud-route {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 5px;
}

#diagnostico-refacciones-wii .gswiidiag-hud-step {
    --step-color: #25d8f4;

    min-width: 0;

    padding:
        9px 4px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 8px;

    background:
        rgba(5, 17, 30, 0.82);

    text-align: center;
}

#diagnostico-refacciones-wii
.gswiidiag-hud-step:nth-child(2) {
    --step-color: #3587ff;
}

#diagnostico-refacciones-wii
.gswiidiag-hud-step:nth-child(3) {
    --step-color: #8b5cf6;
}

#diagnostico-refacciones-wii
.gswiidiag-hud-step:nth-child(4) {
    --step-color: #ffc857;
}

#diagnostico-refacciones-wii
.gswiidiag-hud-step:nth-child(5) {
    --step-color: #43e58b;
}

#diagnostico-refacciones-wii .gswiidiag-hud-step strong {
    display: block;

    margin-bottom: 3px;

    color: var(--step-color);

    font-size: 7px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-hud-step span {
    display: block;

    color: #70899a;

    font-size: 6.2px;
    line-height: 1.4;
}


/* =========================================================
   REFACCIONES
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-parts {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#diagnostico-refacciones-wii .gswiidiag-part {
    --part-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.89),
            rgba(4, 12, 22, 0.97)
        );
}

#diagnostico-refacciones-wii
.gswiidiag-part:nth-child(1) {
    --part-color: #25d8f4;

    border:
        1px solid rgba(37, 216, 244, 0.12);
}

#diagnostico-refacciones-wii
.gswiidiag-part:nth-child(2) {
    --part-color: #8b5cf6;

    border:
        1px solid rgba(139, 92, 246, 0.12);
}

#diagnostico-refacciones-wii
.gswiidiag-part:nth-child(3) {
    --part-color: #ffc857;

    border:
        1px solid rgba(255, 200, 87, 0.12);
}

#diagnostico-refacciones-wii
.gswiidiag-part:nth-child(4) {
    --part-color: #43e58b;

    border:
        1px solid rgba(67, 229, 139, 0.12);
}

#diagnostico-refacciones-wii .gswiidiag-part::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--part-color),
            transparent
        );
}

#diagnostico-refacciones-wii .gswiidiag-part-code {
    display: block;

    margin-bottom: 7px;

    color: var(--part-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-part-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-part-copy {
    display: block;

    color: #71899a;

    font-size: 9px;
    line-height: 1.58;
}


/* =========================================================
   CONDICIONES DEL SERVICIO
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-service {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#diagnostico-refacciones-wii .gswiidiag-service-card {
    --service-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 15px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 13px;

    background:
        rgba(5, 17, 30, 0.62);
}

#diagnostico-refacciones-wii
.gswiidiag-service-card:nth-child(2) {
    --service-color: #8b5cf6;
}

#diagnostico-refacciones-wii
.gswiidiag-service-card:nth-child(3) {
    --service-color: #ffc857;
}

#diagnostico-refacciones-wii
.gswiidiag-service-card:nth-child(4) {
    --service-color: #43e58b;
}

#diagnostico-refacciones-wii .gswiidiag-service-code {
    display: block;

    margin-bottom: 6px;

    color: var(--service-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-service-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-service-copy {
    display: block;

    color: #748b9b;

    font-size: 8px;
    line-height: 1.58;
}


/* =========================================================
   GARANTÍA
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-warranty {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(210px, 0.34fr)
        minmax(0, 0.66fr);

    gap: 22px;

    align-items: stretch;

    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.17);

    border-radius: 19px;

    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(67, 229, 139, 0.075),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(7, 28, 27, 0.46),
            rgba(4, 13, 23, 0.96)
        );
}

#diagnostico-refacciones-wii .gswiidiag-warranty::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 170px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--diag-green),
            transparent
        );
}


/* =========================================================
   GARANTÍA BADGE
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-warranty-main {
    position: relative;

    display: grid;
    place-items: center;

    min-height: 240px;

    padding:
        28px 20px;

    border-right:
        1px solid rgba(67, 229, 139, 0.09);

    text-align: center;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-ring {
    position: relative;

    width: 145px;
    height: 145px;

    display: grid;
    place-items: center;

    border:
        1px solid rgba(67, 229, 139, 0.23);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(67, 229, 139, 0.08),
            transparent 65%
        );

    box-shadow:
        0 0 30px rgba(67, 229, 139, 0.07);

    animation:
        gswiidiag-warranty-pulse
        3.2s ease-in-out infinite;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-ring::before {
    content: "";

    position: absolute;

    inset: 12px;

    border:
        1px dashed rgba(67, 229, 139, 0.15);

    border-radius: 50%;

    animation:
        gswiidiag-spin
        22s linear infinite;
}

@keyframes gswiidiag-warranty-pulse {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(67, 229, 139, 0.05);
    }

    50% {
        box-shadow:
            0 0 42px rgba(67, 229, 139, 0.13);
    }
}

#diagnostico-refacciones-wii .gswiidiag-warranty-number {
    position: relative;
    z-index: 3;

    display: block;

    color: #c7f8d9;

    font-size: 39px;
    line-height: 0.95;
    font-weight: 700;

    letter-spacing: -0.05em;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-days {
    position: relative;
    z-index: 3;

    display: block;

    margin-top: 7px;

    color: #84cda2;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-written {
    display: block;

    margin-top: 16px;

    color: #9beabd;

    font-size: 9px;
    line-height: 1.4;
    font-weight: 600;
}


/* =========================================================
   GARANTÍA COPY
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-warranty-copy {
    min-width: 0;

    padding:
        27px 27px 25px 5px;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-kicker {
    display: block;

    margin-bottom: 7px;

    color: #82e6ac;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-title {
    margin: 0;

    color: #effff5;

    font-size: 22px;
    line-height: 1.32;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-text {
    margin:
        9px 0 0;

    color: #819a8e;

    font-size: 10px;
    line-height: 1.68;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 17px;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-item {
    position: relative;

    min-width: 0;

    padding:
        12px 12px 12px 29px;

    border:
        1px solid rgba(67, 229, 139, 0.08);

    border-radius: 9px;

    background:
        rgba(5, 22, 23, 0.48);

    color: #7f998c;

    font-size: 8px;
    line-height: 1.55;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-item::before {
    content: "✓";

    position: absolute;

    left: 10px;
    top: 12px;

    color: var(--diag-green);

    font-size: 9px;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-warranty-item strong {
    color: #c8e8d5;
    font-weight: 600;
}


/* =========================================================
   REFERENCIA LEGAL
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-legal {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr);

    gap: 12px;

    align-items: start;

    margin-top: 13px;
    padding:
        13px;

    border:
        1px solid rgba(37, 216, 244, 0.08);

    border-radius: 10px;

    background:
        rgba(37, 216, 244, 0.018);
}

#diagnostico-refacciones-wii .gswiidiag-legal-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 24px;

    padding:
        0 7px;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 6px;

    color: #91e6f3;

    font-size: 7px;
    line-height: 1;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-legal-copy {
    color: #708b99;

    font-size: 8px;
    line-height: 1.58;
}

#diagnostico-refacciones-wii .gswiidiag-legal-copy strong {
    color: #b4ced7;
    font-weight: 600;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-warning {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 18px;
    padding:
        16px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.023),
            rgba(255, 99, 125, 0.012)
        );
}

#diagnostico-refacciones-wii .gswiidiag-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 9px;

    color: #f2d989;

    font-size: 10px;
    font-weight: 700;
}

#diagnostico-refacciones-wii .gswiidiag-warning-copy {
    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#diagnostico-refacciones-wii .gswiidiag-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-warning-state {
    flex-shrink: 0;

    color: #b9a972;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.17);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.94),
            rgba(4, 9, 20, 0.98)
        );
}

#diagnostico-refacciones-wii .gswiidiag-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.09);

    background:
        rgba(8, 18, 34, 0.74);
}

#diagnostico-refacciones-wii .gswiidiag-terminal-dots {
    display: flex;

    gap: 6px;
}

#diagnostico-refacciones-wii .gswiidiag-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#diagnostico-refacciones-wii
.gswiidiag-terminal-dots span:nth-child(1) {
    background: var(--diag-red);
}

#diagnostico-refacciones-wii
.gswiidiag-terminal-dots span:nth-child(2) {
    background: var(--diag-yellow);
}

#diagnostico-refacciones-wii
.gswiidiag-terminal-dots span:nth-child(3) {
    background: var(--diag-green);
}

#diagnostico-refacciones-wii .gswiidiag-terminal-name {
    color: #71889d;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#diagnostico-refacciones-wii .gswiidiag-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#diagnostico-refacciones-wii .gswiidiag-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.50);

    color: #8298a8;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 500;
}

#diagnostico-refacciones-wii .gswiidiag-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.13);

    border-radius: 9px;

    color: #9beabd;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;
}

#diagnostico-refacciones-wii .gswiidiag-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--diag-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

#diagnostico-refacciones-wii .gswiidiag-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;
    padding: 0 3px;

    color: #60788c;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#diagnostico-refacciones-wii .gswiidiag-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#diagnostico-refacciones-wii .gswiidiag-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--diag-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.45);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #diagnostico-refacciones-wii .gswiidiag-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #diagnostico-refacciones-wii .gswiidiag-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #diagnostico-refacciones-wii .gswiidiag-status {
        max-width: 650px;
    }

    #diagnostico-refacciones-wii .gswiidiag-chain {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #diagnostico-refacciones-wii .gswiidiag-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 14px;
    }

    #diagnostico-refacciones-wii .gswiidiag-hud {
        width: 100%;
        max-width: 760px;

        margin: 0 auto;
    }

    #diagnostico-refacciones-wii .gswiidiag-parts,
    #diagnostico-refacciones-wii .gswiidiag-service {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-wii .gswiidiag-warranty {
        grid-template-columns:
            minmax(190px, 0.30fr)
            minmax(0, 0.70fr);
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #diagnostico-refacciones-wii {
        overflow: hidden;
    }

    #diagnostico-refacciones-wii .gswiidiag-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #diagnostico-refacciones-wii .gswiidiag-orbit,
    #diagnostico-refacciones-wii .gswiidiag-scan {
        display: none;
    }

    #diagnostico-refacciones-wii .gswiidiag-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #diagnostico-refacciones-wii .gswiidiag-heading {
        display: block;

        margin-bottom: 28px;
    }

    #diagnostico-refacciones-wii .gswiidiag-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #diagnostico-refacciones-wii .gswiidiag-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #diagnostico-refacciones-wii .gswiidiag-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #diagnostico-refacciones-wii .gswiidiag-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #diagnostico-refacciones-wii .gswiidiag-core-state {
        width: fit-content;
    }

    #diagnostico-refacciones-wii .gswiidiag-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #diagnostico-refacciones-wii .gswiidiag-review-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-review {
        min-height: 0;
    }

    #diagnostico-refacciones-wii .gswiidiag-main {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 12px;
    }

    #diagnostico-refacciones-wii .gswiidiag-analysis,
    #diagnostico-refacciones-wii .gswiidiag-hud {
        width: 100%;
        min-width: 0;

        padding:
            19px 15px;

        border-radius: 16px;
    }

    #diagnostico-refacciones-wii .gswiidiag-route-row {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 4px;
    }

    #diagnostico-refacciones-wii .gswiidiag-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #diagnostico-refacciones-wii .gswiidiag-visual {
        min-height: 390px;
    }

    #diagnostico-refacciones-wii .gswiidiag-parts-route {
        width: 100%;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #diagnostico-refacciones-wii .gswiidiag-parts-node {
        min-height: 92px;
    }

    #diagnostico-refacciones-wii .gswiidiag-flow {
        display: none;
    }

    #diagnostico-refacciones-wii .gswiidiag-visual::before,
    #diagnostico-refacciones-wii .gswiidiag-visual::after,
    #diagnostico-refacciones-wii .gswiidiag-parts-node::before {
        animation: none;
    }

    #diagnostico-refacciones-wii .gswiidiag-hud-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #diagnostico-refacciones-wii .gswiidiag-hud-step {
        text-align: left;
    }

    #diagnostico-refacciones-wii .gswiidiag-parts,
    #diagnostico-refacciones-wii .gswiidiag-service {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-warranty {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-warranty-main {
        min-height: 220px;

        border-right: 0;

        border-bottom:
            1px solid rgba(67, 229, 139, 0.09);
    }

    #diagnostico-refacciones-wii .gswiidiag-warranty-copy {
        padding:
            22px 17px;
    }

    #diagnostico-refacciones-wii .gswiidiag-warranty-list {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #diagnostico-refacciones-wii .gswiidiag-warning-state {
        width: fit-content;
    }

    #diagnostico-refacciones-wii .gswiidiag-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #diagnostico-refacciones-wii .gswiidiag-terminal-state {
        width: fit-content;
    }

    #diagnostico-refacciones-wii .gswiidiag-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #diagnostico-refacciones-wii .gswiidiag-shell {
        width:
            calc(100% - 24px);
    }

    #diagnostico-refacciones-wii .gswiidiag-chain {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-analysis,
    #diagnostico-refacciones-wii .gswiidiag-hud {
        padding-left: 12px;
        padding-right: 12px;
    }

    #diagnostico-refacciones-wii .gswiidiag-hud-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-legal {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #diagnostico-refacciones-wii .gswiidiag-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #diagnostico-refacciones-wii *,
    #diagnostico-refacciones-wii *::before,
    #diagnostico-refacciones-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #diagnostico-refacciones-wii .gswiidiag-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — PROCESO DE SERVICIO

   ========================================================= */

#proceso-servicio-wii {
    --proc-bg: #030811;
    --proc-bg-2: #06101b;

    --proc-cyan: #25d8f4;
    --proc-blue: #3587ff;
    --proc-violet: #8b5cf6;

    --proc-green: #43e58b;
    --proc-yellow: #ffc857;
    --proc-orange: #ff9f43;
    --proc-red: #ff637d;

    --proc-text: #f1f9ff;
    --proc-muted: #91a8bb;
    --proc-muted-2: #6f8798;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--proc-text);

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 22%,
            rgba(139, 92, 246, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 70% 90%,
            rgba(67, 229, 139, 0.032),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#proceso-servicio-wii *,
#proceso-servicio-wii *::before,
#proceso-servicio-wii *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

#proceso-servicio-wii .gswiiproc-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#proceso-servicio-wii .gswiiproc-orbit {
    position: absolute;

    left: -250px;
    top: 720px;

    width: 500px;
    height: 500px;

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, 0.040);

    border-radius: 50%;

    animation:
        gswiiproc-spin
        58s linear infinite;
}

#proceso-servicio-wii .gswiiproc-orbit::before,
#proceso-servicio-wii .gswiiproc-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#proceso-servicio-wii .gswiiproc-orbit::before {
    inset: 82px;

    border:
        1px dashed rgba(139, 92, 246, 0.045);
}

#proceso-servicio-wii .gswiiproc-orbit::after {
    inset: 164px;

    border:
        1px solid rgba(67, 229, 139, 0.035);
}

@keyframes gswiiproc-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   SCAN
   ========================================================= */

#proceso-servicio-wii .gswiiproc-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#proceso-servicio-wii .gswiiproc-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswiiproc-scan
        12s linear infinite;
}

@keyframes gswiiproc-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

    100% {
        transform: translateY(4300px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#proceso-servicio-wii .gswiiproc-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#proceso-servicio-wii .gswiiproc-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.48fr);

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#proceso-servicio-wii .gswiiproc-heading-main {
    min-width: 0;
}

#proceso-servicio-wii .gswiiproc-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;
    padding:
        7px 11px;

    border:
        1px solid rgba(37, 216, 244, 0.18);

    border-radius: 999px;

    background:
        rgba(37, 216, 244, 0.035);

    color: #a3effb;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--proc-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.70);
}

#proceso-servicio-wii .gswiiproc-title {
    max-width: 940px;

    margin: 0;

    color: #f4fbff;

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#proceso-servicio-wii .gswiiproc-title span {
    color: var(--proc-cyan);
}

#proceso-servicio-wii .gswiiproc-intro {
    max-width: 900px;

    margin:
        16px 0 0;

    color: var(--proc-muted);

    font-size: 15px;
    line-height: 1.76;
}


/* =========================================================
   STATUS
   ========================================================= */

#proceso-servicio-wii .gswiiproc-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(67, 229, 139, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#proceso-servicio-wii .gswiiproc-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--proc-green),
            transparent
        );
}

#proceso-servicio-wii .gswiiproc-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #9deabd;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--proc-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.52);
}

#proceso-servicio-wii .gswiiproc-status p {
    margin: 0;

    color: #a7bcc9;

    font-size: 11px;
    line-height: 1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#proceso-servicio-wii .gswiiproc-core {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 17px;

    align-items: center;

    margin-bottom: 18px;
    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(67, 229, 139, 0.018)
        );
}

#proceso-servicio-wii .gswiiproc-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--proc-cyan),
            transparent
        );
}

#proceso-servicio-wii .gswiiproc-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    border:
        1px solid rgba(37, 216, 244, 0.20);

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
}

#proceso-servicio-wii .gswiiproc-core-copy {
    min-width: 0;
}

#proceso-servicio-wii .gswiiproc-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-core-copy span {
    display: block;

    color: #829aa9;

    font-size: 10px;
    line-height: 1.64;
}

#proceso-servicio-wii .gswiiproc-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #96edbb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   CADENA GENERAL
   ========================================================= */

#proceso-servicio-wii .gswiiproc-chain {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 8px;

    margin-bottom: 18px;
}

#proceso-servicio-wii .gswiiproc-chain-card {
    --chain-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 11px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.91),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(2) {
    --chain-color: #3587ff;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(3) {
    --chain-color: #8b5cf6;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(4) {
    --chain-color: #ffc857;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(5) {
    --chain-color: #43e58b;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(6) {
    --chain-color: #25d8f4;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(7) {
    --chain-color: #3587ff;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(8) {
    --chain-color: #8b5cf6;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(9) {
    --chain-color: #ffc857;
}

#proceso-servicio-wii
.gswiiproc-chain-card:nth-child(10) {
    --chain-color: #43e58b;
}

#proceso-servicio-wii .gswiiproc-chain-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 58px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--chain-color),
            transparent
        );
}

#proceso-servicio-wii .gswiiproc-chain-number {
    display: block;

    margin-bottom: 6px;

    color: var(--chain-color);

    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
}

#proceso-servicio-wii .gswiiproc-chain-title {
    display: block;

    color: #dcebf4;

    font-size: 9px;
    line-height: 1.42;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-chain-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

    font-size: 7px;
    line-height: 1.45;
}


/* =========================================================
   DOS RUTAS
   ========================================================= */

#proceso-servicio-wii .gswiiproc-routes {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}


/* =========================================================
   RUTA
   ========================================================= */

#proceso-servicio-wii .gswiiproc-route {
    --route-main: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        23px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.13);

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.90),
            rgba(4, 12, 22, 0.97)
        );
}

#proceso-servicio-wii .gswiiproc-route.national {
    --route-main: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.14);
}

#proceso-servicio-wii .gswiiproc-route::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 130px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--route-main),
            transparent
        );
}

#proceso-servicio-wii .gswiiproc-route-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 18px;
}

#proceso-servicio-wii .gswiiproc-route-head-main {
    min-width: 0;
}

#proceso-servicio-wii .gswiiproc-route-code {
    display: block;

    margin-bottom: 6px;

    color: var(--route-main);

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-route-title {
    margin: 0;

    color: #f1faff;

    font-size: 20px;
    line-height: 1.32;
    font-weight: 700;
}

#proceso-servicio-wii .gswiiproc-route-state {
    flex-shrink: 0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 999px;

    color: #93aabb;

    font-size: 7px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-route-copy {
    margin:
        0 0 17px;

    color: #8098a8;

    font-size: 9px;
    line-height: 1.65;
}


/* =========================================================
   PASOS DE RUTA
   ========================================================= */

#proceso-servicio-wii .gswiiproc-route-steps {
    display: grid;

    gap: 8px;
}

#proceso-servicio-wii .gswiiproc-route-step {
    --step-color: #25d8f4;

    position: relative;

    display: grid;

    grid-template-columns:
        34px minmax(0, 1fr);

    gap: 10px;

    align-items: center;

    min-width: 0;

    padding:
        11px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 10px;

    background:
        rgba(5, 17, 30, 0.54);
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(2) {
    --step-color: #3587ff;
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(3) {
    --step-color: #8b5cf6;
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(4) {
    --step-color: #ffc857;
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(5) {
    --step-color: #ff9f43;
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(6) {
    --step-color: #43e58b;
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(7) {
    --step-color: #25d8f4;
}

#proceso-servicio-wii
.gswiiproc-route-step:nth-child(8) {
    --step-color: #43e58b;
}

#proceso-servicio-wii .gswiiproc-route-num {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 8px;

    color: var(--step-color);

    font-size: 8px;
    line-height: 1;
    font-weight: 700;
}

#proceso-servicio-wii .gswiiproc-route-step-copy {
    min-width: 0;
}

#proceso-servicio-wii .gswiiproc-route-step-copy strong {
    display: block;

    margin-bottom: 2px;

    color: #d9e9f1;

    font-size: 9px;
    line-height: 1.42;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-route-step-copy span {
    display: block;

    color: #6f8798;

    font-size: 8px;
    line-height: 1.52;
}


/* =========================================================
   INFORMACIÓN NACIONAL
   ========================================================= */

#proceso-servicio-wii .gswiiproc-shipping {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#proceso-servicio-wii .gswiiproc-shipping-card {
    --ship-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.09);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.89),
            rgba(4, 12, 22, 0.97)
        );
}

#proceso-servicio-wii
.gswiiproc-shipping-card:nth-child(2) {
    --ship-color: #8b5cf6;
}

#proceso-servicio-wii
.gswiiproc-shipping-card:nth-child(3) {
    --ship-color: #ffc857;
}

#proceso-servicio-wii
.gswiiproc-shipping-card:nth-child(4) {
    --ship-color: #43e58b;
}

#proceso-servicio-wii .gswiiproc-shipping-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 70px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--ship-color),
            transparent
        );
}

#proceso-servicio-wii .gswiiproc-shipping-code {
    display: block;

    margin-bottom: 7px;

    color: var(--ship-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-shipping-title {
    display: block;

    margin-bottom: 6px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-shipping-copy {
    display: block;

    color: #71899a;

    font-size: 9px;
    line-height: 1.58;
}


/* =========================================================
   EMPRESAS
   ========================================================= */

#proceso-servicio-wii .gswiiproc-carriers {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 11px;
}

#proceso-servicio-wii .gswiiproc-carriers span {
    display: inline-flex;
    align-items: center;

    min-height: 26px;

    padding:
        5px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 7px;

    background:
        rgba(5, 17, 30, 0.55);

    color: #829aaa;

    font-size: 7px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   QUÉ ENVIAR
   ========================================================= */

#proceso-servicio-wii .gswiiproc-send {
    margin-top: 18px;

    padding:
        23px;

    border:
        1px solid rgba(37, 216, 244, 0.12);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.88),
            rgba(4, 12, 22, 0.96)
        );
}

#proceso-servicio-wii .gswiiproc-send-head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(250px, 0.40fr);

    gap: 22px;

    align-items: end;

    margin-bottom: 17px;
}

#proceso-servicio-wii .gswiiproc-send-label {
    display: inline-block;

    margin-bottom: 7px;

    color: #a3effb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-send-title {
    margin: 0;

    color: #f1faff;

    font-size: 21px;
    line-height: 1.34;
    font-weight: 700;
}

#proceso-servicio-wii .gswiiproc-send-note {
    margin: 0;

    color: #7f97a7;

    font-size: 9px;
    line-height: 1.62;
}

#proceso-servicio-wii .gswiiproc-send-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;
}

#proceso-servicio-wii .gswiiproc-send-card {
    --send-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        16px 14px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 12px;

    background:
        rgba(5, 17, 30, 0.56);
}

#proceso-servicio-wii
.gswiiproc-send-card:nth-child(2) {
    --send-color: #8b5cf6;
}

#proceso-servicio-wii
.gswiiproc-send-card:nth-child(3) {
    --send-color: #ffc857;
}

#proceso-servicio-wii
.gswiiproc-send-card:nth-child(4) {
    --send-color: #43e58b;
}

#proceso-servicio-wii .gswiiproc-send-code {
    display: block;

    margin-bottom: 6px;

    color: var(--send-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-send-card strong {
    display: block;

    margin-bottom: 5px;

    color: #d9e8ef;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-send-card span:last-child {
    display: block;

    color: #71899a;

    font-size: 8px;
    line-height: 1.56;
}


/* =========================================================
   HUD
   ========================================================= */

#proceso-servicio-wii .gswiiproc-hud {
    position: relative;

    margin-top: 18px;
    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.16);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(37, 216, 244, 0.060),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 45%,
            rgba(139, 92, 246, 0.045),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#proceso-servicio-wii .gswiiproc-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}


/* =========================================================
   HUD HEAD
   ========================================================= */

#proceso-servicio-wii .gswiiproc-hud-head {
    position: relative;
    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

#proceso-servicio-wii .gswiiproc-hud-code {
    color: #c8bdff;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #97eebb;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--proc-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   MAPA HUD
   ========================================================= */

#proceso-servicio-wii .gswiiproc-hud-screen {
    position: relative;
    z-index: 2;

    margin-top: 16px;
    padding:
        16px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 14px;

    background:
        rgba(3, 12, 22, 0.72);
}

#proceso-servicio-wii .gswiiproc-hud-map {
    position: relative;

    min-height: 300px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.09);

    border-radius: 13px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.08),
            transparent 52%
        ),
        rgba(4, 15, 27, 0.64);
}

#proceso-servicio-wii .gswiiproc-hud-map::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    border:
        1px solid rgba(37, 216, 244, 0.07);

    border-radius: 50%;

    animation:
        gswiiproc-map-spin
        28s linear infinite;
}

#proceso-servicio-wii .gswiiproc-hud-map::after {
    content: "";

    position: absolute;

    width: 455px;
    height: 455px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);

    border-radius: 50%;

    animation:
        gswiiproc-map-spin
        38s linear infinite reverse;
}

@keyframes gswiiproc-map-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   NODOS HUD
   ========================================================= */

#proceso-servicio-wii .gswiiproc-hud-route {
    position: relative;
    z-index: 5;

    width:
        min(
            94%,
            850px
        );

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 13px;

    align-items: center;
}

#proceso-servicio-wii .gswiiproc-hud-node {
    --hud-color: #25d8f4;

    position: relative;

    min-width: 0;

    min-height: 110px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        14px 9px;

    border:
        1px solid rgba(37, 216, 244, 0.15);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.94),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#proceso-servicio-wii
.gswiiproc-hud-node:nth-child(2) {
    --hud-color: #8b5cf6;

    border-color:
        rgba(139, 92, 246, 0.16);
}

#proceso-servicio-wii
.gswiiproc-hud-node:nth-child(3) {
    --hud-color: #ffc857;

    border-color:
        rgba(255, 200, 87, 0.16);
}

#proceso-servicio-wii
.gswiiproc-hud-node:nth-child(4) {
    --hud-color: #3587ff;

    border-color:
        rgba(53, 135, 255, 0.16);
}

#proceso-servicio-wii
.gswiiproc-hud-node:nth-child(5) {
    --hud-color: #43e58b;

    border-color:
        rgba(67, 229, 139, 0.16);
}

#proceso-servicio-wii .gswiiproc-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -8px;

    width: 14px;
    height: 14px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--hud-color);

    border-radius: 50%;

    background:
        #06101b;

    box-shadow:
        0 0 12px rgba(37, 216, 244, 0.20);

    animation:
        gswiiproc-node-pulse
        2.4s ease-in-out infinite;
}

@keyframes gswiiproc-node-pulse {
    0%,
    100% {
        transform:
            translateX(-50%)
            scale(0.90);

        opacity: 0.55;
    }

    50% {
        transform:
            translateX(-50%)
            scale(1.10);

        opacity: 1;
    }
}

#proceso-servicio-wii .gswiiproc-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color: var(--hud-color);

    font-size: 8px;
    line-height: 1.32;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-hud-node span {
    display: block;

    color: #748d9d;

    font-size: 7px;
    line-height: 1.48;
}


/* =========================================================
   FLUJO HUD
   ========================================================= */

#proceso-servicio-wii .gswiiproc-hud-line {
    position: absolute;

    z-index: 3;

    left: 12%;
    right: 12%;
    top: 50%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.05),
            rgba(37, 216, 244, 0.42),
            rgba(139, 92, 246, 0.40),
            rgba(255, 200, 87, 0.38),
            rgba(53, 135, 255, 0.40),
            rgba(67, 229, 139, 0.42),
            rgba(67, 229, 139, 0.05)
        );
}

#proceso-servicio-wii .gswiiproc-hud-line::after {
    content: "";

    position: absolute;

    left: -16px;
    top: -2px;

    width: 16px;
    height: 5px;

    border-radius: 999px;

    background:
        #d3fbff;

    box-shadow:
        0 0 13px rgba(37, 216, 244, 0.66);

    animation:
        gswiiproc-flow
        3.2s linear infinite;
}

@keyframes gswiiproc-flow {
    from {
        left: -16px;
    }

    to {
        left:
            calc(100% + 16px);
    }
}


/* =========================================================
   DATOS OPERATIVOS
   ========================================================= */

#proceso-servicio-wii .gswiiproc-operations {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#proceso-servicio-wii .gswiiproc-operation {
    --op-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 14px;

    background:
        rgba(5, 17, 30, 0.63);
}

#proceso-servicio-wii
.gswiiproc-operation:nth-child(2) {
    --op-color: #8b5cf6;
}

#proceso-servicio-wii
.gswiiproc-operation:nth-child(3) {
    --op-color: #ffc857;
}

#proceso-servicio-wii
.gswiiproc-operation:nth-child(4) {
    --op-color: #43e58b;
}

#proceso-servicio-wii .gswiiproc-operation-code {
    display: block;

    margin-bottom: 6px;

    color: var(--op-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-operation-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-operation-copy {
    display: block;

    color: #748b9b;

    font-size: 8px;
    line-height: 1.58;
}


/* =========================================================
   TIEMPO / PAGO
   ========================================================= */

#proceso-servicio-wii .gswiiproc-time {
    display: grid;

    grid-template-columns:
        minmax(230px, 0.35fr)
        minmax(0, 0.65fr);

    gap: 0;

    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.14);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 28, 27, 0.40),
            rgba(4, 13, 23, 0.96)
        );
}

#proceso-servicio-wii .gswiiproc-time-main {
    display: grid;
    place-items: center;

    min-height: 220px;

    padding:
        27px;

    border-right:
        1px solid rgba(67, 229, 139, 0.09);

    text-align: center;
}

#proceso-servicio-wii .gswiiproc-time-number {
    display: block;

    color: #c7f8d9;

    font-size: 42px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: -0.05em;
}

#proceso-servicio-wii .gswiiproc-time-days {
    display: block;

    margin-top: 7px;

    color: #86d0a4;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-time-sub {
    display: block;

    margin-top: 12px;

    color: #718c7f;

    font-size: 8px;
    line-height: 1.50;
}

#proceso-servicio-wii .gswiiproc-time-copy {
    padding:
        25px 26px;
}

#proceso-servicio-wii .gswiiproc-time-kicker {
    display: block;

    margin-bottom: 7px;

    color: #8ee8b4;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-time-title {
    margin: 0;

    color: #effff5;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

#proceso-servicio-wii .gswiiproc-time-text {
    margin:
        9px 0 0;

    color: #819a8e;

    font-size: 9px;
    line-height: 1.68;
}

#proceso-servicio-wii .gswiiproc-time-items {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 15px;
}

#proceso-servicio-wii .gswiiproc-time-item {
    padding:
        11px;

    border:
        1px solid rgba(67, 229, 139, 0.08);

    border-radius: 9px;

    background:
        rgba(5, 22, 23, 0.48);

    color: #789287;

    font-size: 8px;
    line-height: 1.55;
}

#proceso-servicio-wii .gswiiproc-time-item strong {
    display: block;

    margin-bottom: 3px;

    color: #c8e8d5;

    font-weight: 600;
}


/* =========================================================
   ADVERTENCIA EMPAQUE
   ========================================================= */

#proceso-servicio-wii .gswiiproc-warning {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 18px;
    padding:
        16px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.023),
            rgba(255, 99, 125, 0.012)
        );
}

#proceso-servicio-wii .gswiiproc-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 9px;

    color: #f2d989;

    font-size: 10px;
    font-weight: 700;
}

#proceso-servicio-wii .gswiiproc-warning-copy {
    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#proceso-servicio-wii .gswiiproc-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-warning-state {
    flex-shrink: 0;

    color: #b9a972;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#proceso-servicio-wii .gswiiproc-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.17);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.94),
            rgba(4, 9, 20, 0.98)
        );
}

#proceso-servicio-wii .gswiiproc-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.09);

    background:
        rgba(8, 18, 34, 0.74);
}

#proceso-servicio-wii .gswiiproc-terminal-dots {
    display: flex;

    gap: 6px;
}

#proceso-servicio-wii .gswiiproc-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#proceso-servicio-wii
.gswiiproc-terminal-dots span:nth-child(1) {
    background:
        var(--proc-red);
}

#proceso-servicio-wii
.gswiiproc-terminal-dots span:nth-child(2) {
    background:
        var(--proc-yellow);
}

#proceso-servicio-wii
.gswiiproc-terminal-dots span:nth-child(3) {
    background:
        var(--proc-green);
}

#proceso-servicio-wii .gswiiproc-terminal-name {
    color: #71889d;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#proceso-servicio-wii .gswiiproc-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#proceso-servicio-wii .gswiiproc-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.50);

    color: #8298a8;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 500;
}

#proceso-servicio-wii .gswiiproc-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.13);

    border-radius: 9px;

    color: #9beabd;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;
}

#proceso-servicio-wii .gswiiproc-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--proc-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

#proceso-servicio-wii .gswiiproc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;
    padding: 0 3px;

    color: #60788c;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#proceso-servicio-wii .gswiiproc-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#proceso-servicio-wii .gswiiproc-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--proc-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.45);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #proceso-servicio-wii .gswiiproc-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #proceso-servicio-wii .gswiiproc-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #proceso-servicio-wii .gswiiproc-status {
        max-width: 650px;
    }

    #proceso-servicio-wii .gswiiproc-chain {
        grid-template-columns:
            repeat(5, minmax(0, 1fr));
    }

    #proceso-servicio-wii .gswiiproc-routes {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-wii .gswiiproc-shipping,
    #proceso-servicio-wii .gswiiproc-send-grid,
    #proceso-servicio-wii .gswiiproc-operations {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #proceso-servicio-wii .gswiiproc-hud-route {
        grid-template-columns:
            repeat(5, minmax(0, 1fr));
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #proceso-servicio-wii {
        overflow: hidden;
    }

    #proceso-servicio-wii .gswiiproc-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #proceso-servicio-wii .gswiiproc-orbit,
    #proceso-servicio-wii .gswiiproc-scan {
        display: none;
    }

    #proceso-servicio-wii .gswiiproc-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #proceso-servicio-wii .gswiiproc-heading {
        display: block;

        margin-bottom: 28px;
    }

    #proceso-servicio-wii .gswiiproc-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #proceso-servicio-wii .gswiiproc-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #proceso-servicio-wii .gswiiproc-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #proceso-servicio-wii .gswiiproc-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #proceso-servicio-wii .gswiiproc-core-state {
        width: fit-content;
    }

    #proceso-servicio-wii .gswiiproc-chain {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #proceso-servicio-wii .gswiiproc-route {
        padding:
            19px 15px;
    }

    #proceso-servicio-wii .gswiiproc-route-head {
        flex-direction: column;

        gap: 8px;
    }

    #proceso-servicio-wii .gswiiproc-route-state {
        width: fit-content;
    }

    #proceso-servicio-wii .gswiiproc-shipping,
    #proceso-servicio-wii .gswiiproc-send-grid,
    #proceso-servicio-wii .gswiiproc-operations {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-wii .gswiiproc-send {
        padding:
            19px 15px;
    }

    #proceso-servicio-wii .gswiiproc-send-head {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #proceso-servicio-wii .gswiiproc-hud {
        padding:
            19px 15px;
    }

    #proceso-servicio-wii .gswiiproc-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #proceso-servicio-wii .gswiiproc-hud-map {
        min-height: 490px;
    }

    #proceso-servicio-wii .gswiiproc-hud-route {
        width: 100%;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 10px;
    }

    #proceso-servicio-wii .gswiiproc-hud-node {
        min-height: 78px;
    }

    #proceso-servicio-wii .gswiiproc-hud-line {
        display: none;
    }

    #proceso-servicio-wii .gswiiproc-hud-map::before,
    #proceso-servicio-wii .gswiiproc-hud-map::after,
    #proceso-servicio-wii .gswiiproc-hud-node::before {
        animation: none;
    }

    #proceso-servicio-wii .gswiiproc-time {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-wii .gswiiproc-time-main {
        min-height: 190px;

        border-right: 0;

        border-bottom:
            1px solid rgba(67, 229, 139, 0.09);
    }

    #proceso-servicio-wii .gswiiproc-time-copy {
        padding:
            21px 17px;
    }

    #proceso-servicio-wii .gswiiproc-time-items {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-wii .gswiiproc-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #proceso-servicio-wii .gswiiproc-warning-state {
        width: fit-content;
    }

    #proceso-servicio-wii .gswiiproc-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #proceso-servicio-wii .gswiiproc-terminal-state {
        width: fit-content;
    }

    #proceso-servicio-wii .gswiiproc-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #proceso-servicio-wii .gswiiproc-shell {
        width:
            calc(100% - 24px);
    }

    #proceso-servicio-wii .gswiiproc-chain {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #proceso-servicio-wii .gswiiproc-route-step {
        grid-template-columns:
            30px minmax(0, 1fr);
    }

    #proceso-servicio-wii .gswiiproc-hud,
    #proceso-servicio-wii .gswiiproc-send {
        padding-left: 12px;
        padding-right: 12px;
    }

    #proceso-servicio-wii .gswiiproc-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #proceso-servicio-wii *,
    #proceso-servicio-wii *::before,
    #proceso-servicio-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #proceso-servicio-wii .gswiiproc-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — PREGUNTAS FRECUENTES

   ========================================================= */

#preguntas-wii {
    --faq-bg: #030811;
    --faq-bg-2: #06101b;

    --faq-cyan: #25d8f4;
    --faq-blue: #3587ff;
    --faq-violet: #8b5cf6;

    --faq-green: #43e58b;
    --faq-yellow: #ffc857;
    --faq-orange: #ff9f43;
    --faq-red: #ff637d;

    --faq-text: #f1f9ff;
    --faq-muted: #91a8bb;
    --faq-muted-2: #6f8798;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--faq-text);

    background:
        radial-gradient(
            circle at 12% 14%,
            rgba(37, 216, 244, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 89% 20%,
            rgba(139, 92, 246, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 72% 91%,
            rgba(67, 229, 139, 0.030),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #06101b 50%,
            #030811 100%
        );

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#preguntas-wii *,
#preguntas-wii *::before,
#preguntas-wii *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

#preguntas-wii .gswfaq-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size: 46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 93%,
            transparent 100%
        );
}


/* =========================================================
   ÓRBITA
   ========================================================= */

#preguntas-wii .gswfaq-orbit {
    position: absolute;

    right: -250px;
    top: 780px;

    width: 500px;
    height: 500px;

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, 0.040);

    border-radius: 50%;

    animation:
        gswfaq-spin
        58s linear infinite;
}

#preguntas-wii .gswfaq-orbit::before,
#preguntas-wii .gswfaq-orbit::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#preguntas-wii .gswfaq-orbit::before {
    inset: 82px;

    border:
        1px dashed rgba(139, 92, 246, 0.045);
}

#preguntas-wii .gswfaq-orbit::after {
    inset: 164px;

    border:
        1px solid rgba(67, 229, 139, 0.035);
}

@keyframes gswfaq-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   SCAN
   ========================================================= */

#preguntas-wii .gswfaq-scan {
    position: absolute;
    inset: 0;

    pointer-events: none;

    overflow: hidden;
}

#preguntas-wii .gswfaq-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.20),
            rgba(53, 135, 255, 0.13),
            rgba(139, 92, 246, 0.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(37, 216, 244, 0.07);

    animation:
        gswfaq-scan
        12s linear infinite;
}

@keyframes gswfaq-scan {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    8% {
        opacity: 0.32;
    }

    92% {
        opacity: 0.12;
    }

    100% {
        transform: translateY(5000px);
        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#preguntas-wii .gswfaq-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        90px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

#preguntas-wii .gswfaq-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.48fr);

    gap: 42px;

    align-items: end;

    margin-bottom: 32px;
}

#preguntas-wii .gswfaq-heading-main {
    min-width: 0;
}

#preguntas-wii .gswfaq-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;
    padding:
        7px 11px;

    border:
        1px solid rgba(37, 216, 244, 0.18);

    border-radius: 999px;

    background:
        rgba(37, 216, 244, 0.035);

    color: #a3effb;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#preguntas-wii .gswfaq-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--faq-cyan);

    box-shadow:
        0 0 8px rgba(37, 216, 244, 0.70);
}

#preguntas-wii .gswfaq-title {
    max-width: 930px;

    margin: 0;

    color: #f4fbff;

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.035em;
}

#preguntas-wii .gswfaq-title span {
    color: var(--faq-cyan);
}

#preguntas-wii .gswfaq-intro {
    max-width: 890px;

    margin:
        16px 0 0;

    color: var(--faq-muted);

    font-size: 15px;
    line-height: 1.76;
}


/* =========================================================
   STATUS
   ========================================================= */

#preguntas-wii .gswfaq-status {
    position: relative;

    min-width: 0;

    padding:
        18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#preguntas-wii .gswfaq-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--faq-yellow),
            transparent
        );
}

#preguntas-wii .gswfaq-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e3ce8b;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--faq-yellow);

    box-shadow:
        0 0 7px rgba(255, 200, 87, 0.52);
}

#preguntas-wii .gswfaq-status p {
    margin: 0;

    color: #a7bcc9;

    font-size: 11px;
    line-height: 1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#preguntas-wii .gswfaq-core {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 17px;

    align-items: center;

    margin-bottom: 18px;
    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(139, 92, 246, 0.018)
        );
}

#preguntas-wii .gswfaq-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-cyan),
            transparent
        );
}

#preguntas-wii .gswfaq-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    border:
        1px solid rgba(37, 216, 244, 0.20);

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
}

#preguntas-wii .gswfaq-core-copy {
    min-width: 0;
}

#preguntas-wii .gswfaq-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
}

#preguntas-wii .gswfaq-core-copy span {
    display: block;

    color: #829aa9;

    font-size: 10px;
    line-height: 1.64;
}

#preguntas-wii .gswfaq-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #96edbb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   HUD PRINCIPAL
   ========================================================= */

#preguntas-wii .gswfaq-hud {
    position: relative;

    margin-bottom: 18px;
    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.16);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(37, 216, 244, 0.060),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 45%,
            rgba(139, 92, 246, 0.045),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(22, 18, 44, 0.40),
            rgba(4, 12, 22, 0.97)
        );
}

#preguntas-wii .gswfaq-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.25;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

#preguntas-wii .gswfaq-hud-head {
    position: relative;
    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 16px;
}

#preguntas-wii .gswfaq-hud-code {
    color: #c8bdff;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #97eebb;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
}

#preguntas-wii .gswfaq-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--faq-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}

#preguntas-wii .gswfaq-hud-map {
    position: relative;
    z-index: 2;

    min-height: 240px;

    display: grid;
    place-items: center;

    overflow: hidden;

    padding:
        18px;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.075),
            transparent 55%
        ),
        rgba(3, 12, 22, 0.72);
}

#preguntas-wii .gswfaq-hud-map::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    border:
        1px solid rgba(37, 216, 244, 0.07);

    border-radius: 50%;

    animation:
        gswfaq-hud-spin
        30s linear infinite;
}

#preguntas-wii .gswfaq-hud-map::after {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);

    border-radius: 50%;

    animation:
        gswfaq-hud-spin
        40s linear infinite reverse;
}

@keyframes gswfaq-hud-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#preguntas-wii .gswfaq-hud-line {
    position: absolute;

    z-index: 2;

    left: 9%;
    right: 9%;
    top: 50%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.04),
            rgba(37, 216, 244, 0.42),
            rgba(53, 135, 255, 0.38),
            rgba(139, 92, 246, 0.38),
            rgba(255, 200, 87, 0.36),
            rgba(67, 229, 139, 0.42),
            rgba(67, 229, 139, 0.04)
        );
}

#preguntas-wii .gswfaq-hud-line::after {
    content: "";

    position: absolute;

    left: -14px;
    top: -2px;

    width: 14px;
    height: 5px;

    border-radius: 999px;

    background: #d4fbff;

    box-shadow:
        0 0 13px rgba(37, 216, 244, 0.66);

    animation:
        gswfaq-flow
        3.1s linear infinite;
}

@keyframes gswfaq-flow {
    from {
        left: -14px;
    }

    to {
        left: calc(100% + 14px);
    }
}

#preguntas-wii .gswfaq-hud-route {
    position: relative;
    z-index: 5;

    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(7, minmax(0, 1fr));

    gap: 8px;
}

#preguntas-wii .gswfaq-hud-node {
    --node-color: #25d8f4;

    position: relative;

    min-width: 0;
    min-height: 100px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        12px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.10);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.94),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#preguntas-wii .gswfaq-hud-node:nth-child(2) {
    --node-color: #3587ff;
}

#preguntas-wii .gswfaq-hud-node:nth-child(3) {
    --node-color: #8b5cf6;
}

#preguntas-wii .gswfaq-hud-node:nth-child(4) {
    --node-color: #ffc857;
}

#preguntas-wii .gswfaq-hud-node:nth-child(5) {
    --node-color: #ff9f43;
}

#preguntas-wii .gswfaq-hud-node:nth-child(6) {
    --node-color: #25d8f4;
}

#preguntas-wii .gswfaq-hud-node:nth-child(7) {
    --node-color: #43e58b;
}

#preguntas-wii .gswfaq-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -7px;

    width: 13px;
    height: 13px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background: #06101b;

    box-shadow:
        0 0 10px rgba(37, 216, 244, 0.20);

    animation:
        gswfaq-pulse
        2.4s ease-in-out infinite;
}

@keyframes gswfaq-pulse {
    0%,
    100% {
        transform:
            translateX(-50%)
            scale(0.90);

        opacity: 0.55;
    }

    50% {
        transform:
            translateX(-50%)
            scale(1.10);

        opacity: 1;
    }
}

#preguntas-wii .gswfaq-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color: var(--node-color);

    font-size: 7px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-hud-node span {
    display: block;

    color: #71899a;

    font-size: 6.5px;
    line-height: 1.42;
}


/* =========================================================
   ECUACIÓN
   ========================================================= */

#preguntas-wii .gswfaq-equation {
    position: relative;
    z-index: 4;

    margin-top: 12px;
    padding:
        12px;

    border:
        1px solid rgba(255, 200, 87, 0.11);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.020);

    color: #cabd91;

    font-size: 9px;
    line-height: 1.55;
    font-weight: 600;

    text-align: center;
}

#preguntas-wii .gswfaq-equation span {
    color: #f1d98f;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

#preguntas-wii .gswfaq-categories {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;

    margin-bottom: 18px;
}

#preguntas-wii .gswfaq-category {
    --category-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        15px 13px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 12px;

    background:
        rgba(5, 17, 30, 0.58);
}

#preguntas-wii .gswfaq-category:nth-child(2) {
    --category-color: #8b5cf6;
}

#preguntas-wii .gswfaq-category:nth-child(3) {
    --category-color: #ffc857;
}

#preguntas-wii .gswfaq-category:nth-child(4) {
    --category-color: #43e58b;
}

#preguntas-wii .gswfaq-category-code {
    display: block;

    margin-bottom: 5px;

    color: var(--category-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-category strong {
    display: block;

    color: #dcebf4;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 600;
}

#preguntas-wii .gswfaq-category span:last-child {
    display: block;

    margin-top: 4px;

    color: #708899;

    font-size: 8px;
    line-height: 1.50;
}


/* =========================================================
   FAQ GRID
   ========================================================= */

#preguntas-wii .gswfaq-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    align-items: start;
}


/* =========================================================
   DETAILS
   ========================================================= */

#preguntas-wii .gswfaq-item {
    --item-color: #25d8f4;

    position: relative;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.09);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.90),
            rgba(4, 12, 22, 0.97)
        );
}

#preguntas-wii .gswfaq-item:nth-child(4n + 2) {
    --item-color: #3587ff;
}

#preguntas-wii .gswfaq-item:nth-child(4n + 3) {
    --item-color: #8b5cf6;
}

#preguntas-wii .gswfaq-item:nth-child(4n + 4) {
    --item-color: #43e58b;
}

#preguntas-wii .gswfaq-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 72px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--item-color),
            transparent
        );
}

#preguntas-wii .gswfaq-item[open] {
    border-color:
        rgba(37, 216, 244, 0.16);

    background:
        linear-gradient(
            145deg,
            rgba(9, 25, 42, 0.94),
            rgba(4, 12, 22, 0.99)
        );
}

#preguntas-wii .gswfaq-summary {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 11px;

    align-items: center;

    min-height: 76px;

    padding:
        15px 16px;

    cursor: pointer;

    list-style: none;

    user-select: none;

    color: #dcebf4;
}

#preguntas-wii .gswfaq-summary::-webkit-details-marker {
    display: none;
}

#preguntas-wii .gswfaq-summary::marker {
    display: none;
    content: "";
}

#preguntas-wii .gswfaq-number {
    display: grid;
    place-items: center;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 8px;

    color: var(--item-color);

    font-size: 8px;
    line-height: 1;
    font-weight: 700;
}

#preguntas-wii .gswfaq-question {
    min-width: 0;

    font-size: 10px;
    line-height: 1.50;
    font-weight: 600;
}

#preguntas-wii .gswfaq-plus {
    position: relative;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    border:
        1px solid rgba(92, 208, 255, 0.10);

    border-radius: 7px;
}

#preguntas-wii .gswfaq-plus::before,
#preguntas-wii .gswfaq-plus::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 10px;
    height: 1px;

    transform:
        translate(-50%, -50%);

    background:
        var(--item-color);

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

#preguntas-wii .gswfaq-plus::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}

#preguntas-wii .gswfaq-item[open]
.gswfaq-plus::after {
    transform:
        translate(-50%, -50%)
        rotate(0deg);

    opacity: 0;
}


/* =========================================================
   ANSWER
   ========================================================= */

#preguntas-wii .gswfaq-answer {
    position: relative;

    padding:
        0 16px 17px 57px;

    color: #78909f;

    font-size: 9px;
    line-height: 1.68;
}

#preguntas-wii .gswfaq-answer::before {
    content: "";

    position: absolute;

    left: 57px;
    right: 16px;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.10),
            transparent
        );
}

#preguntas-wii .gswfaq-answer-inner {
    padding-top: 13px;
}

#preguntas-wii .gswfaq-answer p {
    margin:
        0 0 9px;
}

#preguntas-wii .gswfaq-answer p:last-child {
    margin-bottom: 0;
}

#preguntas-wii .gswfaq-answer strong {
    color: #cddde5;
    font-weight: 600;
}

#preguntas-wii .gswfaq-answer em {
    color: #9fb5c2;
    font-style: normal;
}


/* =========================================================
   MINI BADGES EN RESPUESTAS
   ========================================================= */

#preguntas-wii .gswfaq-answer-badges {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 10px;
}

#preguntas-wii .gswfaq-answer-badges span {
    display: inline-flex;
    align-items: center;

    min-height: 25px;

    padding:
        5px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 7px;

    background:
        rgba(5, 17, 30, 0.55);

    color: #829aaa;

    font-size: 7px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   MATRIZ FINAL
   ========================================================= */

#preguntas-wii .gswfaq-matrix {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#preguntas-wii .gswfaq-matrix-card {
    --matrix-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 14px;

    background:
        rgba(5, 17, 30, 0.60);
}

#preguntas-wii .gswfaq-matrix-card:nth-child(2) {
    --matrix-color: #ffc857;
}

#preguntas-wii .gswfaq-matrix-card:nth-child(3) {
    --matrix-color: #43e58b;
}

#preguntas-wii .gswfaq-matrix-code {
    display: block;

    margin-bottom: 6px;

    color: var(--matrix-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-matrix-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#preguntas-wii .gswfaq-matrix-copy {
    display: block;

    color: #748b9b;

    font-size: 8px;
    line-height: 1.58;
}


/* =========================================================
   TERMINAL
   ========================================================= */

#preguntas-wii .gswfaq-terminal {
    margin-top: 18px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.17);

    border-radius: 17px;

    background:
        linear-gradient(
            155deg,
            rgba(10, 18, 38, 0.94),
            rgba(4, 9, 20, 0.98)
        );
}

#preguntas-wii .gswfaq-terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding:
        10px 14px;

    border-bottom:
        1px solid rgba(118, 167, 255, 0.09);

    background:
        rgba(8, 18, 34, 0.74);
}

#preguntas-wii .gswfaq-terminal-dots {
    display: flex;

    gap: 6px;
}

#preguntas-wii .gswfaq-terminal-dots span {
    width: 6px;
    height: 6px;

    border-radius: 50%;
}

#preguntas-wii
.gswfaq-terminal-dots span:nth-child(1) {
    background: var(--faq-red);
}

#preguntas-wii
.gswfaq-terminal-dots span:nth-child(2) {
    background: var(--faq-yellow);
}

#preguntas-wii
.gswfaq-terminal-dots span:nth-child(3) {
    background: var(--faq-green);
}

#preguntas-wii .gswfaq-terminal-name {
    color: #71889d;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-terminal-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    gap: 18px;

    align-items: center;

    padding:
        19px 20px;
}

#preguntas-wii .gswfaq-terminal-route {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

#preguntas-wii .gswfaq-terminal-route span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        6px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 7px;

    background:
        rgba(6, 18, 31, 0.50);

    color: #8298a8;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 500;
}

#preguntas-wii .gswfaq-terminal-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        8px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.13);

    border-radius: 9px;

    color: #9beabd;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;
}

#preguntas-wii .gswfaq-terminal-state::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--faq-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

#preguntas-wii .gswfaq-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 21px;
    padding: 0 3px;

    color: #60788c;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#preguntas-wii .gswfaq-footer-status {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#preguntas-wii .gswfaq-footer-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--faq-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.45);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #preguntas-wii .gswfaq-shell {
        width:
            min(
                100% - 40px,
                920px
            );

        padding:
            76px 0 80px;
    }

    #preguntas-wii .gswfaq-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #preguntas-wii .gswfaq-status {
        max-width: 650px;
    }

    #preguntas-wii .gswfaq-hud-route {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    #preguntas-wii .gswfaq-hud-line {
        display: none;
    }

    #preguntas-wii .gswfaq-categories {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #preguntas-wii .gswfaq-matrix {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #preguntas-wii {
        overflow: hidden;
    }

    #preguntas-wii .gswfaq-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #preguntas-wii .gswfaq-orbit,
    #preguntas-wii .gswfaq-scan {
        display: none;
    }

    #preguntas-wii .gswfaq-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 65px;
    }

    #preguntas-wii .gswfaq-heading {
        display: block;

        margin-bottom: 28px;
    }

    #preguntas-wii .gswfaq-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #preguntas-wii .gswfaq-title {
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    #preguntas-wii .gswfaq-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #preguntas-wii .gswfaq-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #preguntas-wii .gswfaq-core-state {
        width: fit-content;
    }

    #preguntas-wii .gswfaq-hud {
        padding:
            19px 15px;
    }

    #preguntas-wii .gswfaq-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #preguntas-wii .gswfaq-hud-map {
        min-height: 500px;
    }

    #preguntas-wii .gswfaq-hud-route {
        width: 100%;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #preguntas-wii .gswfaq-hud-node {
        min-height: 62px;
    }

    #preguntas-wii .gswfaq-hud-map::before,
    #preguntas-wii .gswfaq-hud-map::after,
    #preguntas-wii .gswfaq-hud-node::before {
        animation: none;
    }

    #preguntas-wii .gswfaq-categories {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #preguntas-wii .gswfaq-list {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #preguntas-wii .gswfaq-summary {
        min-height: 72px;

        padding:
            14px 13px;
    }

    #preguntas-wii .gswfaq-answer {
        padding:
            0 13px 16px 54px;
    }

    #preguntas-wii .gswfaq-answer::before {
        left: 54px;
        right: 13px;
    }

    #preguntas-wii .gswfaq-matrix {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #preguntas-wii .gswfaq-terminal-body {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;

        padding:
            17px 15px;
    }

    #preguntas-wii .gswfaq-terminal-state {
        width: fit-content;
    }

    #preguntas-wii .gswfaq-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #preguntas-wii .gswfaq-shell {
        width:
            calc(100% - 24px);
    }

    #preguntas-wii .gswfaq-summary {
        grid-template-columns:
            26px minmax(0, 1fr) 22px;

        gap: 8px;

        padding:
            13px 10px;
    }

    #preguntas-wii .gswfaq-number {
        width: 26px;
        height: 26px;
    }

    #preguntas-wii .gswfaq-plus {
        width: 22px;
        height: 22px;
    }

    #preguntas-wii .gswfaq-answer {
        padding:
            0 10px 15px 44px;
    }

    #preguntas-wii .gswfaq-answer::before {
        left: 44px;
        right: 10px;
    }

    #preguntas-wii .gswfaq-terminal-route {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #preguntas-wii .gswfaq-item {
        transition:
            border-color 0.25s ease,
            transform 0.25s ease,
            background 0.25s ease;
    }

    #preguntas-wii .gswfaq-item:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(37, 216, 244, 0.17);
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #preguntas-wii *,
    #preguntas-wii *::before,
    #preguntas-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #preguntas-wii .gswfaq-scan {
        display: none !important;
    }
}



/* =========================================================
   GAMMERS STYLE
   NINTENDO WII — CTA FINAL

   ========================================================= */

#cta-wii {
    --cta-bg: #02070e;
    --cta-bg-2: #06101b;

    --cta-cyan: #25d8f4;
    --cta-blue: #3587ff;
    --cta-violet: #8b5cf6;

    --cta-green: #43e58b;
    --cta-yellow: #ffc857;
    --cta-orange: #ff9f43;
    --cta-red: #ff637d;

    --cta-text: #f1f9ff;
    --cta-muted: #91a8bb;
    --cta-muted-2: #6f8798;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    color: var(--cta-text);

    background:
        radial-gradient(
            circle at 12% 16%,
            rgba(37, 216, 244, 0.070),
            transparent 31%
        ),
        radial-gradient(
            circle at 88% 20%,
            rgba(139, 92, 246, 0.060),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 95%,
            rgba(67, 229, 139, 0.050),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #030811 0%,
            #050d17 44%,
            #02070e 100%
        );

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}

#cta-wii *,
#cta-wii *::before,
#cta-wii *::after {
    box-sizing: border-box;

    writing-mode: horizontal-tb;
    word-break: normal;
    overflow-wrap: break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

#cta-wii .gswiicta-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.26;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.038) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );
}


/* =========================================================
   GLOW
   ========================================================= */

#cta-wii .gswiicta-glow {
    position: absolute;

    left: 50%;
    bottom: -340px;

    width: 760px;
    height: 760px;

    transform:
        translateX(-50%);

    pointer-events: none;

    border:
        1px solid rgba(37, 216, 244, 0.045);

    border-radius: 50%;

    animation:
        gswiicta-rotate
        52s linear infinite;
}

#cta-wii .gswiicta-glow::before,
#cta-wii .gswiicta-glow::after {
    content: "";

    position: absolute;

    border-radius: 50%;
}

#cta-wii .gswiicta-glow::before {
    inset: 110px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);
}

#cta-wii .gswiicta-glow::after {
    inset: 230px;

    border:
        1px solid rgba(67, 229, 139, 0.050);
}

@keyframes gswiicta-rotate {
    from {
        transform:
            translateX(-50%)
            rotate(0deg);
    }

    to {
        transform:
            translateX(-50%)
            rotate(360deg);
    }
}


/* =========================================================
   SCAN
   ========================================================= */

#cta-wii .gswiicta-scan {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;
}

#cta-wii .gswiicta-scan::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37, 216, 244, 0.22),
            rgba(53, 135, 255, 0.14),
            rgba(139, 92, 246, 0.12),
            transparent
        );

    box-shadow:
        0 0 17px rgba(37, 216, 244, 0.08);

    animation:
        gswiicta-scan
        11s linear infinite;
}

@keyframes gswiicta-scan {
    0% {
        transform:
            translateY(0);

        opacity: 0;
    }

    10% {
        opacity: 0.33;
    }

    90% {
        opacity: 0.13;
    }

    100% {
        transform:
            translateY(3200px);

        opacity: 0;
    }
}


/* =========================================================
   SHELL
   ========================================================= */

#cta-wii .gswiicta-shell {
    position: relative;
    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        92px 0 96px;
}


/* =========================================================
   CABECERA
   ========================================================= */

#cta-wii .gswiicta-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.46fr);

    gap: 42px;

    align-items: end;

    margin-bottom: 30px;
}

#cta-wii .gswiicta-heading-main {
    min-width: 0;
}

#cta-wii .gswiicta-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;
    padding:
        7px 11px;

    border:
        1px solid rgba(67, 229, 139, 0.18);

    border-radius: 999px;

    background:
        rgba(67, 229, 139, 0.035);

    color: #9deabd;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}

#cta-wii .gswiicta-kicker::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 8px rgba(67, 229, 139, 0.66);
}

#cta-wii .gswiicta-title {
    max-width: 930px;

    margin: 0;

    color: #f5fbff;

    font-size:
        clamp(
            34px,
            4.3vw,
            54px
        );

    line-height: 1.06;
    font-weight: 700;

    letter-spacing: -0.04em;
}

#cta-wii .gswiicta-title span {
    color:
        var(--cta-cyan);
}

#cta-wii .gswiicta-intro {
    max-width: 875px;

    margin:
        17px 0 0;

    color:
        var(--cta-muted);

    font-size: 15px;
    line-height: 1.76;
}


/* =========================================================
   ESTADO
   ========================================================= */

#cta-wii .gswiicta-status {
    position: relative;

    min-width: 0;

    padding:
        19px;

    overflow: hidden;

    border:
        1px solid rgba(255, 200, 87, 0.14);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 200, 87, 0.030),
            rgba(4, 13, 23, 0.90)
        );
}

#cta-wii .gswiicta-status::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--cta-yellow),
            transparent
        );
}

#cta-wii .gswiicta-status-label {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e5cf8c;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
}

#cta-wii .gswiicta-status-label::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--cta-yellow);

    box-shadow:
        0 0 7px rgba(255, 200, 87, 0.52);
}

#cta-wii .gswiicta-status p {
    margin: 0;

    color: #a7bcc9;

    font-size: 11px;
    line-height: 1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

#cta-wii .gswiicta-core {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 17px;

    align-items: center;

    margin-bottom: 18px;
    padding:
        18px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(37, 216, 244, 0.045),
            rgba(67, 229, 139, 0.020)
        );
}

#cta-wii .gswiicta-core::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 118px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--cta-cyan),
            transparent
        );
}

#cta-wii .gswiicta-core-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    border:
        1px solid rgba(37, 216, 244, 0.20);

    border-radius: 14px;

    background:
        rgba(37, 216, 244, 0.040);

    color: #a3effb;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
}

#cta-wii .gswiicta-core-copy {
    min-width: 0;
}

#cta-wii .gswiicta-core-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #e2f8ff;

    font-size: 14px;
    line-height: 1.42;
    font-weight: 600;
}

#cta-wii .gswiicta-core-copy span {
    display: block;

    color: #829aa9;

    font-size: 10px;
    line-height: 1.64;
}

#cta-wii .gswiicta-core-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        7px 9px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #96edbb;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   RUTA PRINCIPAL
   ========================================================= */

#cta-wii .gswiicta-route {
    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 8px;

    margin-bottom: 18px;
}

#cta-wii .gswiicta-route-card {
    --route-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        17px 10px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.91),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#cta-wii .gswiicta-route-card:nth-child(2) {
    --route-color: #3587ff;
}

#cta-wii .gswiicta-route-card:nth-child(3) {
    --route-color: #8b5cf6;
}

#cta-wii .gswiicta-route-card:nth-child(4) {
    --route-color: #ffc857;
}

#cta-wii .gswiicta-route-card:nth-child(5) {
    --route-color: #ff9f43;
}

#cta-wii .gswiicta-route-card:nth-child(6) {
    --route-color: #43e58b;
}

#cta-wii .gswiicta-route-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 58px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--route-color),
            transparent
        );
}

#cta-wii .gswiicta-route-num {
    display: block;

    margin-bottom: 6px;

    color: var(--route-color);

    font-size: 8px;
    line-height: 1.2;
    font-weight: 700;
}

#cta-wii .gswiicta-route-title {
    display: block;

    color: #dcebf4;

    font-size: 9px;
    line-height: 1.42;
    font-weight: 600;
}

#cta-wii .gswiicta-route-copy {
    display: block;

    margin-top: 4px;

    color: #71899a;

    font-size: 7px;
    line-height: 1.45;
}


/* =========================================================
   BLOQUE PRINCIPAL
   ========================================================= */

#cta-wii .gswiicta-main {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, 0.95fr);

    gap: 18px;
}


/* =========================================================
   PANEL CTA
   ========================================================= */

#cta-wii .gswiicta-action {
    position: relative;

    min-width: 0;

    padding:
        28px;

    overflow: hidden;

    border:
        1px solid rgba(67, 229, 139, 0.16);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 18% 18%,
            rgba(67, 229, 139, 0.07),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(7, 28, 27, 0.44),
            rgba(4, 13, 23, 0.97)
        );
}

#cta-wii .gswiicta-action::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--cta-green),
            transparent
        );
}

#cta-wii .gswiicta-action-label {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 9px;

    color: #8ee8b4;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-wii .gswiicta-action-label::before {
    content: "";

    width: 14px;
    height: 1px;

    background:
        currentColor;

    box-shadow:
        0 0 7px currentColor;
}

#cta-wii .gswiicta-action-title {
    max-width: 700px;

    margin: 0;

    color: #effff5;

    font-size:
        clamp(
            25px,
            3vw,
            36px
        );

    line-height: 1.18;
    font-weight: 700;

    letter-spacing: -0.025em;
}

#cta-wii .gswiicta-action-text {
    max-width: 730px;

    margin:
        12px 0 0;

    color: #849b90;

    font-size: 11px;
    line-height: 1.70;
}


/* =========================================================
   BOTONES
   ========================================================= */

#cta-wii .gswiicta-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 22px;
}

#cta-wii .gswiicta-btn {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 49px;

    padding:
        11px 17px;

    overflow: hidden;

    border-radius: 11px;

    text-decoration: none !important;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

#cta-wii .gswiicta-btn span {
    position: relative;
    z-index: 2;
}

#cta-wii .gswiicta-btn::before {
    content: "";

    position: absolute;

    inset: 0;

    transform:
        translateX(-105%);

    background:
        linear-gradient(
            100deg,
            transparent,
            rgba(255, 255, 255, 0.16),
            transparent
        );

    transition:
        transform 0.45s ease;
}

#cta-wii .gswiicta-btn-primary {
    border:
        1px solid rgba(67, 229, 139, 0.32);

    background:
        linear-gradient(
            135deg,
            rgba(67, 229, 139, 0.95),
            rgba(29, 189, 104, 0.90)
        );

    color: #02110a !important;

    box-shadow:
        0 10px 35px rgba(67, 229, 139, 0.13);
}

#cta-wii .gswiicta-btn-secondary {
    border:
        1px solid rgba(37, 216, 244, 0.18);

    background:
        rgba(37, 216, 244, 0.055);

    color: #a8eff9 !important;
}

#cta-wii .gswiicta-btn-location {
    border:
        1px solid rgba(139, 92, 246, 0.19);

    background:
        rgba(139, 92, 246, 0.050);

    color: #c7bbff !important;
}


/* =========================================================
   ICONOS BOTONES
   ========================================================= */

#cta-wii .gswiicta-btn-icon {
    position: relative;
    z-index: 2;

    display: grid;
    place-items: center;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    border:
        1px solid currentColor;

    border-radius: 7px;

    font-size: 8px;
    line-height: 1;
    font-weight: 700;

    opacity: 0.72;
}


/* =========================================================
   MICRODATOS CTA
   ========================================================= */

#cta-wii .gswiicta-action-data {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin-top: 22px;
}

#cta-wii .gswiicta-action-data-card {
    min-width: 0;

    padding:
        13px 12px;

    border:
        1px solid rgba(67, 229, 139, 0.07);

    border-radius: 10px;

    background:
        rgba(4, 18, 20, 0.50);
}

#cta-wii .gswiicta-action-data-card strong {
    display: block;

    margin-bottom: 3px;

    color: #bde7ce;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}

#cta-wii .gswiicta-action-data-card span {
    display: block;

    color: #738e80;

    font-size: 8px;
    line-height: 1.48;
}


/* =========================================================
   PANEL CONTACTO
   ========================================================= */

#cta-wii .gswiicta-contact {
    position: relative;

    min-width: 0;

    padding:
        25px;

    overflow: hidden;

    border:
        1px solid rgba(139, 92, 246, 0.15);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(21, 17, 43, 0.42),
            rgba(4, 12, 22, 0.97)
        );
}

#cta-wii .gswiicta-contact::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 160px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--cta-violet),
            transparent
        );
}

#cta-wii .gswiicta-contact-head {
    margin-bottom: 17px;
}

#cta-wii .gswiicta-contact-label {
    display: block;

    margin-bottom: 6px;

    color: #c8bdff;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-wii .gswiicta-contact-title {
    margin: 0;

    color: #f0edff;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

#cta-wii .gswiicta-contact-list {
    display: grid;

    gap: 8px;
}

#cta-wii .gswiicta-contact-row {
    --contact-color: #25d8f4;

    display: grid;

    grid-template-columns:
        35px minmax(0, 1fr);

    gap: 10px;

    align-items: center;

    padding:
        11px;

    border:
        1px solid rgba(92, 208, 255, 0.07);

    border-radius: 10px;

    background:
        rgba(5, 17, 30, 0.55);
}

#cta-wii .gswiicta-contact-row:nth-child(2) {
    --contact-color: #43e58b;
}

#cta-wii .gswiicta-contact-row:nth-child(3) {
    --contact-color: #8b5cf6;
}

#cta-wii .gswiicta-contact-row:nth-child(4) {
    --contact-color: #ffc857;
}

#cta-wii .gswiicta-contact-row:nth-child(5) {
    --contact-color: #3587ff;
}

#cta-wii .gswiicta-contact-icon {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;

    border:
        1px solid rgba(255, 255, 255, 0.07);

    border-radius: 8px;

    color: var(--contact-color);

    font-size: 8px;
    line-height: 1;
    font-weight: 700;
}

#cta-wii .gswiicta-contact-copy {
    min-width: 0;
}

#cta-wii .gswiicta-contact-copy strong {
    display: block;

    margin-bottom: 2px;

    color: #d9e8ef;

    font-size: 8px;
    line-height: 1.38;
    font-weight: 600;

    text-transform: uppercase;
}

#cta-wii .gswiicta-contact-copy span,
#cta-wii .gswiicta-contact-copy a {
    display: block;

    color: #8199a9 !important;

    font-size: 9px;
    line-height: 1.53;

    text-decoration: none !important;
}


/* =========================================================
   CONDICIONES DESTACADAS
   ========================================================= */

#cta-wii .gswiicta-trust {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-top: 18px;
}

#cta-wii .gswiicta-trust-card {
    --trust-color: #25d8f4;

    position: relative;

    min-width: 0;

    padding:
        18px 16px;

    overflow: hidden;

    border:
        1px solid rgba(92, 208, 255, 0.08);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 22, 39, 0.88),
            rgba(4, 12, 22, 0.97)
        );
}

#cta-wii .gswiicta-trust-card:nth-child(2) {
    --trust-color: #43e58b;
}

#cta-wii .gswiicta-trust-card:nth-child(3) {
    --trust-color: #ffc857;
}

#cta-wii .gswiicta-trust-card:nth-child(4) {
    --trust-color: #8b5cf6;
}

#cta-wii .gswiicta-trust-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 75px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--trust-color),
            transparent
        );
}

#cta-wii .gswiicta-trust-code {
    display: block;

    margin-bottom: 7px;

    color: var(--trust-color);

    font-size: 8px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-wii .gswiicta-trust-title {
    display: block;

    margin-bottom: 5px;

    color: #dcebf4;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
}

#cta-wii .gswiicta-trust-copy {
    display: block;

    color: #71899a;

    font-size: 8px;
    line-height: 1.58;
}


/* =========================================================
   HUD
   ========================================================= */

#cta-wii .gswiicta-hud {
    position: relative;

    margin-top: 18px;
    padding:
        22px;

    overflow: hidden;

    border:
        1px solid rgba(37, 216, 244, 0.14);

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(37, 216, 244, 0.060),
            transparent 33%
        ),
        radial-gradient(
            circle at 50% 45%,
            rgba(139, 92, 246, 0.045),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            rgba(8, 21, 38, 0.90),
            rgba(4, 12, 22, 0.98)
        );
}

#cta-wii .gswiicta-hud::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: 0.23;

    background-image:
        linear-gradient(
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.035) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}


/* =========================================================
   HUD HEAD
   ========================================================= */

#cta-wii .gswiicta-hud-head {
    position: relative;
    z-index: 4;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 16px;
}

#cta-wii .gswiicta-hud-code {
    color: #9debf7;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-wii .gswiicta-hud-state {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    flex-shrink: 0;

    padding:
        5px 8px;

    border:
        1px solid rgba(67, 229, 139, 0.15);

    border-radius: 999px;

    color: #97eebb;

    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
}

#cta-wii .gswiicta-hud-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.50);
}


/* =========================================================
   HUD MAP
   ========================================================= */

#cta-wii .gswiicta-hud-screen {
    position: relative;
    z-index: 2;

    min-height: 270px;

    display: grid;
    place-items: center;

    overflow: hidden;

    padding:
        17px;

    border:
        1px solid rgba(92, 208, 255, 0.075);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(37, 216, 244, 0.075),
            transparent 56%
        ),
        rgba(3, 12, 22, 0.72);
}

#cta-wii .gswiicta-hud-screen::before {
    content: "";

    position: absolute;

    width: 390px;
    height: 390px;

    border:
        1px solid rgba(37, 216, 244, 0.07);

    border-radius: 50%;

    animation:
        gswiicta-hud-spin
        29s linear infinite;
}

#cta-wii .gswiicta-hud-screen::after {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    border:
        1px dashed rgba(139, 92, 246, 0.055);

    border-radius: 50%;

    animation:
        gswiicta-hud-spin
        40s linear infinite reverse;
}

@keyframes gswiicta-hud-spin {
    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }
}


/* =========================================================
   HUD ROUTE
   ========================================================= */

#cta-wii .gswiicta-hud-route {
    position: relative;
    z-index: 5;

    width:
        min(
            100%,
            920px
        );

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 10px;
}

#cta-wii .gswiicta-hud-node {
    --node-color: #25d8f4;

    position: relative;

    min-width: 0;
    min-height: 105px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        13px 8px;

    border:
        1px solid rgba(92, 208, 255, 0.10);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(6, 20, 34, 0.94),
            rgba(4, 12, 22, 0.98)
        );

    text-align: center;
}

#cta-wii .gswiicta-hud-node:nth-child(2) {
    --node-color: #3587ff;
}

#cta-wii .gswiicta-hud-node:nth-child(3) {
    --node-color: #8b5cf6;
}

#cta-wii .gswiicta-hud-node:nth-child(4) {
    --node-color: #ffc857;
}

#cta-wii .gswiicta-hud-node:nth-child(5) {
    --node-color: #ff9f43;
}

#cta-wii .gswiicta-hud-node:nth-child(6) {
    --node-color: #43e58b;
}

#cta-wii .gswiicta-hud-node::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -7px;

    width: 13px;
    height: 13px;

    transform:
        translateX(-50%);

    border:
        1px solid var(--node-color);

    border-radius: 50%;

    background:
        #06101b;

    box-shadow:
        0 0 11px rgba(37, 216, 244, 0.20);

    animation:
        gswiicta-pulse
        2.3s ease-in-out infinite;
}

@keyframes gswiicta-pulse {
    0%,
    100% {
        transform:
            translateX(-50%)
            scale(0.90);

        opacity: 0.55;
    }

    50% {
        transform:
            translateX(-50%)
            scale(1.11);

        opacity: 1;
    }
}

#cta-wii .gswiicta-hud-node strong {
    display: block;

    margin-bottom: 4px;

    color: var(--node-color);

    font-size: 7px;
    line-height: 1.35;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-wii .gswiicta-hud-node span {
    display: block;

    color: #71899a;

    font-size: 6.5px;
    line-height: 1.45;
}


/* =========================================================
   HUD LINE
   ========================================================= */

#cta-wii .gswiicta-hud-line {
    position: absolute;

    z-index: 3;

    left: 10%;
    right: 10%;
    top: 50%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(37, 216, 244, 0.04),
            rgba(37, 216, 244, 0.42),
            rgba(53, 135, 255, 0.39),
            rgba(139, 92, 246, 0.38),
            rgba(255, 200, 87, 0.38),
            rgba(67, 229, 139, 0.43),
            rgba(67, 229, 139, 0.04)
        );
}

#cta-wii .gswiicta-hud-line::after {
    content: "";

    position: absolute;

    left: -15px;
    top: -2px;

    width: 15px;
    height: 5px;

    border-radius: 999px;

    background:
        #d4fbff;

    box-shadow:
        0 0 13px rgba(37, 216, 244, 0.66);

    animation:
        gswiicta-flow
        3.1s linear infinite;
}

@keyframes gswiicta-flow {
    from {
        left: -15px;
    }

    to {
        left:
            calc(100% + 15px);
    }
}


/* =========================================================
   ECUACIÓN FINAL
   ========================================================= */

#cta-wii .gswiicta-equation {
    position: relative;
    z-index: 4;

    margin-top: 12px;
    padding:
        12px;

    border:
        1px solid rgba(255, 200, 87, 0.11);

    border-radius: 10px;

    background:
        rgba(255, 200, 87, 0.020);

    color: #cabd91;

    font-size: 9px;
    line-height: 1.55;
    font-weight: 600;

    text-align: center;
}

#cta-wii .gswiicta-equation span {
    color: #f1d98f;
}


/* =========================================================
   SERVICIO NACIONAL
   ========================================================= */

#cta-wii .gswiicta-national {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 20px;

    align-items: center;

    margin-top: 18px;
    padding:
        19px;

    border:
        1px solid rgba(139, 92, 246, 0.14);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(139, 92, 246, 0.035),
            rgba(37, 216, 244, 0.020)
        );
}

#cta-wii .gswiicta-national-copy {
    min-width: 0;
}

#cta-wii .gswiicta-national-label {
    display: block;

    margin-bottom: 5px;

    color: #c6baff;

    font-size: 9px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

#cta-wii .gswiicta-national-title {
    display: block;

    margin-bottom: 5px;

    color: #ece9ff;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

#cta-wii .gswiicta-national-text {
    display: block;

    color: #848ca6;

    font-size: 9px;
    line-height: 1.60;
}

#cta-wii .gswiicta-national-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap: 6px;

    max-width: 310px;
}

#cta-wii .gswiicta-national-badges span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 27px;

    padding:
        5px 8px;

    border:
        1px solid rgba(139, 92, 246, 0.12);

    border-radius: 7px;

    background:
        rgba(11, 15, 31, 0.65);

    color: #aaa3d5;

    font-size: 7px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

#cta-wii .gswiicta-warning {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    gap: 12px;

    align-items: center;

    margin-top: 18px;
    padding:
        16px;

    border:
        1px solid rgba(255, 200, 87, 0.12);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 200, 87, 0.023),
            rgba(255, 99, 125, 0.012)
        );
}

#cta-wii .gswiicta-warning-icon {
    display: grid;
    place-items: center;

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    border:
        1px solid rgba(255, 200, 87, 0.18);

    border-radius: 9px;

    color: #f2d989;

    font-size: 10px;
    font-weight: 700;
}

#cta-wii .gswiicta-warning-copy {
    color: #8d856d;

    font-size: 9px;
    line-height: 1.60;
}

#cta-wii .gswiicta-warning-copy strong {
    color: #e9ddb5;
    font-weight: 600;
}

#cta-wii .gswiicta-warning-state {
    flex-shrink: 0;

    color: #b9a972;

    font-size: 8px;
    line-height: 1.35;
    font-weight: 600;

    text-transform: uppercase;
}


/* =========================================================
   FOOTER FINAL
   ========================================================= */

#cta-wii .gswiicta-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-top: 22px;
    padding:
        15px 3px 0;

    border-top:
        1px solid rgba(92, 208, 255, 0.06);

    color: #60788c;

    font-size: 9px;
    line-height: 1.45;
    font-weight: 500;

    text-transform: uppercase;
}

#cta-wii .gswiicta-footer-state {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #7791a5;
}

#cta-wii .gswiicta-footer-state::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 7px rgba(67, 229, 139, 0.45);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #cta-wii .gswiicta-btn:hover {
        transform:
            translateY(-2px);
    }

    #cta-wii .gswiicta-btn:hover::before {
        transform:
            translateX(105%);
    }

    #cta-wii .gswiicta-btn-primary:hover {
        box-shadow:
            0 13px 40px rgba(67, 229, 139, 0.20);
    }

    #cta-wii .gswiicta-btn-secondary:hover {
        border-color:
            rgba(37, 216, 244, 0.32);

        background:
            rgba(37, 216, 244, 0.085);
    }

    #cta-wii .gswiicta-btn-location:hover {
        border-color:
            rgba(139, 92, 246, 0.32);

        background:
            rgba(139, 92, 246, 0.080);
    }

    #cta-wii .gswiicta-contact-row {
        transition:
            transform 0.22s ease,
            border-color 0.22s ease;
    }

    #cta-wii .gswiicta-contact-row:hover {
        transform:
            translateX(2px);

        border-color:
            rgba(37, 216, 244, 0.14);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #cta-wii .gswiicta-shell {
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    #cta-wii .gswiicta-heading {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 20px;
    }

    #cta-wii .gswiicta-status {
        max-width: 650px;
    }

    #cta-wii .gswiicta-route {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #cta-wii .gswiicta-main {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-wii .gswiicta-contact {
        max-width: 760px;
    }

    #cta-wii .gswiicta-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #cta-wii .gswiicta-hud-route {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    #cta-wii .gswiicta-hud-line {
        display: none;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #cta-wii {
        overflow: hidden;
    }

    #cta-wii .gswiicta-grid {
        opacity: 0.17;

        background-size:
            32px 32px;
    }

    #cta-wii .gswiicta-glow,
    #cta-wii .gswiicta-scan {
        display: none;
    }

    #cta-wii .gswiicta-shell {
        width:
            calc(100% - 30px);

        max-width: 100%;

        padding:
            61px 0 66px;
    }

    #cta-wii .gswiicta-heading {
        display: block;

        margin-bottom: 28px;
    }

    #cta-wii .gswiicta-status {
        margin-top: 20px;

        padding:
            15px 16px;
    }

    #cta-wii .gswiicta-title {
        font-size:
            clamp(
                30px,
                9vw,
                40px
            );
    }

    #cta-wii .gswiicta-intro {
        font-size: 14px;
        line-height: 1.70;
    }

    #cta-wii .gswiicta-core {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;

        padding:
            15px;
    }

    #cta-wii .gswiicta-core-state {
        width:
            fit-content;
    }

    #cta-wii .gswiicta-route {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;
    }

    #cta-wii .gswiicta-action,
    #cta-wii .gswiicta-contact,
    #cta-wii .gswiicta-hud {
        padding:
            19px 15px;

        border-radius:
            16px;
    }

    #cta-wii .gswiicta-buttons {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-wii .gswiicta-btn {
        width: 100%;
    }

    #cta-wii .gswiicta-action-data {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-wii .gswiicta-trust {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-wii .gswiicta-hud-head {
        flex-direction: column;
        align-items: flex-start;

        gap: 8px;
    }

    #cta-wii .gswiicta-hud-screen {
        min-height: 440px;
    }

    #cta-wii .gswiicta-hud-route {
        width: 100%;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 9px;
    }

    #cta-wii .gswiicta-hud-node {
        min-height: 62px;
    }

    #cta-wii .gswiicta-hud-screen::before,
    #cta-wii .gswiicta-hud-screen::after,
    #cta-wii .gswiicta-hud-node::before {
        animation: none;
    }

    #cta-wii .gswiicta-national {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 13px;
    }

    #cta-wii .gswiicta-national-badges {
        justify-content: flex-start;

        max-width: none;
    }

    #cta-wii .gswiicta-warning {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 8px;
    }

    #cta-wii .gswiicta-warning-state {
        width:
            fit-content;
    }

    #cta-wii .gswiicta-footer {
        flex-direction: column;
        align-items: flex-start;

        gap: 6px;
    }
}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width: 390px) {

    #cta-wii .gswiicta-shell {
        width:
            calc(100% - 24px);
    }

    #cta-wii .gswiicta-route {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #cta-wii .gswiicta-action,
    #cta-wii .gswiicta-contact,
    #cta-wii .gswiicta-hud {
        padding-left:
            12px;

        padding-right:
            12px;
    }

    #cta-wii .gswiicta-contact-row {
        grid-template-columns:
            31px minmax(0, 1fr);

        gap: 8px;
    }

    #cta-wii .gswiicta-contact-icon {
        width: 30px;
        height: 30px;
    }
}


/* =========================================================
   ACCESIBILIDAD / MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #cta-wii *,
    #cta-wii *::before,
    #cta-wii *::after {
        scroll-behavior: auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }

    #cta-wii .gswiicta-scan {
        display: none !important;
    }
}