/* GS Frontend Core — Xbox One — 0.68.0 */

/* GSFC Xbox One — placeholders de hidratación */
.gsone__loading,.gsone__noscript{margin:0;padding:18px;border:1px solid rgba(91,224,31,.10);border-radius:12px;color:#91a296;background:rgba(3,12,7,.40);font:600 11px/1.55 "Poppins",Arial,sans-serif;text-align:center;}

/* =========================================================
   XBOX ONE — Hero
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   HERO XBOX ONE
   CSS ID EXTERIOR: xbox-one-inicio
   ========================================================= */

.gsonehero{
    scroll-margin-top:90px;

    --gs-bg:#020403;
    --gs-bg2:#061008;

    --gs-green:#5be01f;
    --gs-green2:#80ff48;
    --gs-green3:#baff9b;

    --gs-cyan:#27d9ef;
    --gs-blue:#3d83ff;
    --gs-violet:#8a67ff;

    --gs-yellow:#ffc857;
    --gs-red:#ff6378;

    --gs-white:#f3fff4;
    --gs-text:#eaf5eb;
    --gs-muted:#93a497;
    --gs-muted2:#6f8173;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gs-text);

    background:
        radial-gradient(
            circle at 11% 12%,
            rgba(91,224,31,.12),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 19%,
            rgba(39,217,239,.055),
            transparent 28%
        ),
        radial-gradient(
            circle at 74% 88%,
            rgba(138,103,255,.035),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 52%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonehero__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(91,224,31,.04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.04) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonehero__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 18%,
            transparent 82%,
            rgba(2,4,3,.88)
        );
}


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

.gsonehero__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonehero__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.13),
            rgba(39,217,239,.18),
            rgba(91,224,31,.11),
            transparent
        );

    box-shadow:
        0 0 16px rgba(91,224,31,.10);

    animation:
        gsone-scan
        11s linear infinite;
}

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

    8%{
        opacity:.32;
    }

    92%{
        opacity:.10;
    }

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


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

.gsonehero__orbit-a,
.gsonehero__orbit-b{
    position:absolute;

    pointer-events:none;

    border-radius:50%;
}

.gsonehero__orbit-a{
    width:720px;
    height:720px;

    right:-330px;
    top:30px;

    border:
        1px solid rgba(91,224,31,.055);

    animation:
        gsone-orbit-a
        58s linear infinite;
}

.gsonehero__orbit-a::before{
    content:"";

    position:absolute;

    inset:105px;

    border:
        1px dashed rgba(39,217,239,.06);

    border-radius:50%;
}

.gsonehero__orbit-a::after{
    content:"";

    position:absolute;

    inset:215px;

    border:
        1px solid rgba(138,103,255,.045);

    border-radius:50%;
}

.gsonehero__orbit-b{
    width:580px;
    height:580px;

    left:-290px;
    bottom:-300px;

    border:
        1px dashed rgba(91,224,31,.05);

    animation:
        gsone-orbit-b
        64s linear infinite reverse;
}

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

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

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

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


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

.gsonehero__shell{
    position:relative;
    z-index:3;

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

    margin:0 auto;

    padding:
        42px 0 78px;
}


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

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

    gap:18px;

    margin-bottom:19px;

    padding:
        0 2px;
}

.gsonehero__route{
    display:flex;
    align-items:center;

    gap:8px;

    color:#91b698;

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

    text-transform:uppercase;
    letter-spacing:.035em;
}


.gsonehero__route a,
.gsonehero__route [aria-current="page"]{
    color:inherit;
    text-decoration:none;
}

.gsonehero__route a{
    transition:
        color .2s ease;
}

.gsonehero__route a:hover{
    color:#c8edcd;
}

.gsonehero__route a:focus-visible,
.gsonehero__btn:focus-visible{
    outline:
        2px solid rgba(91,224,31,.90);

    outline-offset:
        4px;
}

.gsonehero__route::before{
    content:"";

    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 9px rgba(91,224,31,.72);
}

.gsonehero__independent{
    flex-shrink:0;

    padding:
        7px 10px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    background:
        rgba(91,224,31,.035);

    color:#92c785;

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

    text-transform:uppercase;
}


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

.gsonehero__main{
    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(520px,1.08fr);

    gap:28px;

    align-items:stretch;
}


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

.gsonehero__copy{
    min-width:0;

    padding:
        28px 4px 16px 0;
}

.gsonehero__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:17px;

    padding:
        8px 12px;

    border:
        1px solid rgba(91,224,31,.18);

    border-radius:999px;

    background:
        rgba(91,224,31,.045);

    color:#aeed98;

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

    text-transform:uppercase;
    letter-spacing:.055em;
}

.gsonehero__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.72);
}

.gsonehero__title{
    max-width:650px;

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

    overflow:visible;

    color:
        var(--gs-white);

    font-size:
        clamp(
            38px,
            5.25vw,
            67px
        );

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

    letter-spacing:-.045em;
}

.gsonehero__title-mark{
    color:
        var(--gs-green2);

    text-shadow:
        0 0 26px rgba(91,224,31,.11);
}

.gsonehero__lead{
    max-width:650px;

    margin:
        19px 0 0;

    color:
        var(--gs-muted);

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

.gsonehero__lead strong{
    color:#d5e7d6;
    font-weight:600;
}


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

.gsonehero__principle{
    position:relative;

    margin-top:21px;

    padding:
        17px 17px 17px 19px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.024),
            rgba(91,224,31,.028)
        );
}

.gsonehero__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:10px;
    bottom:10px;

    width:2px;

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

.gsonehero__principle strong{
    display:block;

    margin-bottom:5px;

    color:#d9f0d9;

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

.gsonehero__principle span{
    display:block;

    color:#7d9181;

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


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

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

    gap:9px;

    margin-top:22px;
}

.gsonehero__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:49px;

    padding:
        11px 16px;

    border-radius:11px;

    text-decoration:none;

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

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


.gsonehero__btn-icon svg{
    display:block;

    width:14px;
    height:14px;

    stroke:currentColor;
    fill:none;

    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gsonehero__btn-icon{
    display:grid;
    place-items:center;

    width:24px;
    height:24px;

    flex:0 0 24px;

    border-radius:7px;

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

.gsonehero__btn--wa{
    border:
        1px solid rgba(91,224,31,.28);

    background:
        linear-gradient(
            135deg,
            rgba(91,224,31,.16),
            rgba(91,224,31,.06)
        );

    color:
        var(--gs-green2);
}



.gsonehero__btn--phone{
    border:
        1px solid rgba(39,217,239,.17);

    background:
        rgba(39,217,239,.045);

    color:#9edce5;
}

.gsonehero__btn--phone .gsonehero__btn-icon{
    border:
        1px solid rgba(39,217,239,.15);

    background:
        rgba(39,217,239,.05);
}


/* =========================================================
   DATOS
   ========================================================= */

.gsonehero__facts{
    display:grid;

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

    gap:8px;

    margin-top:22px;
}

.gsonehero__fact{
    --fact-color:var(--gs-green);

    position:relative;

    min-width:0;

    padding:
        13px 11px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.065);

    border-radius:10px;

    background:
        rgba(4,13,7,.46);
}

.gsonehero__fact:nth-child(2){
    --fact-color:var(--gs-cyan);
}

.gsonehero__fact:nth-child(3){
    --fact-color:var(--gs-yellow);
}

.gsonehero__fact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:50px;
    height:2px;

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

.gsonehero__fact strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--fact-color);

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

    text-transform:uppercase;
}

.gsonehero__fact span{
    display:block;

    color:#748578;

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


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

.gsonehero__visual{
    position:relative;

    min-width:0;
}

.gsonehero__hud{
    position:relative;

    min-height:720px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.13);

    border-radius:25px;

    background:
        radial-gradient(
            circle at 50% 51%,
            rgba(91,224,31,.085),
            transparent 31%
        ),
        radial-gradient(
            circle at 55% 50%,
            rgba(39,217,239,.032),
            transparent 49%
        ),
        linear-gradient(
            145deg,
            rgba(6,17,10,.93),
            rgba(2,7,4,.985)
        );

    box-shadow:
        0 24px 65px rgba(0,0,0,.20);
}

.gsonehero__hud::before{
    content:"";

    position:absolute;

    z-index:2;

    left:0;
    top:0;

    width:245px;
    height:2px;

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

.gsonehero__hud::after{
    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    pointer-events:none;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.028) 1px,
            transparent 1px
        );

    background-size:29px 29px;
}


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

.gsonehero__hud-head{
    position:absolute;

    z-index:40;

    left:18px;
    right:18px;
    top:16px;

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

    gap:12px;
}

.gsonehero__hud-code{
    color:#b6aaf0;

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

    text-transform:uppercase;
}

.gsonehero__hud-status{
    display:inline-flex;
    align-items:center;

    gap:7px;

    flex-shrink:0;

    padding:
        7px 10px;

    border:
        1px solid rgba(91,224,31,.14);

    border-radius:999px;

    background:
        rgba(4,15,8,.52);

    color:#9fd48f;

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

.gsonehero__hud-status::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.70);
}


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

.gsonehero__frame{
    position:absolute;

    z-index:3;

    left:24px;
    right:24px;
    top:68px;
    bottom:98px;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:20px;
}

.gsonehero__frame::before{
    content:"";

    position:absolute;

    inset:12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:15px;
}


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

.gsonehero__corner{
    position:absolute;

    z-index:32;

    width:39px;
    height:39px;

    pointer-events:none;
}

.gsonehero__corner::before,
.gsonehero__corner::after{
    content:"";

    position:absolute;

    background:
        var(--gs-green2);

    box-shadow:
        0 0 8px rgba(91,224,31,.35);
}

.gsonehero__corner--tl{
    left:18px;
    top:62px;
}

.gsonehero__corner--tr{
    right:18px;
    top:62px;
}

.gsonehero__corner--bl{
    left:18px;
    bottom:92px;
}

.gsonehero__corner--br{
    right:18px;
    bottom:92px;
}

.gsonehero__corner--tl::before,
.gsonehero__corner--bl::before{
    left:0;
    width:2px;
    height:39px;
}

.gsonehero__corner--tl::after,
.gsonehero__corner--bl::after{
    left:0;
    width:39px;
    height:2px;
}

.gsonehero__corner--tr::before,
.gsonehero__corner--br::before{
    right:0;
    width:2px;
    height:39px;
}

.gsonehero__corner--tr::after,
.gsonehero__corner--br::after{
    right:0;
    width:39px;
    height:2px;
}

.gsonehero__corner--tl::before,
.gsonehero__corner--tr::before,
.gsonehero__corner--tl::after,
.gsonehero__corner--tr::after{
    top:0;
}

.gsonehero__corner--bl::before,
.gsonehero__corner--br::before,
.gsonehero__corner--bl::after,
.gsonehero__corner--br::after{
    bottom:0;
}


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

.gsonehero__ticks{
    position:absolute;

    z-index:7;

    top:118px;
    bottom:155px;

    width:7px;

    opacity:.58;

    background:
        repeating-linear-gradient(
            to bottom,
            rgba(39,217,239,.52) 0 1px,
            transparent 1px 11px
        );
}

.gsonehero__ticks--left{
    left:36px;
}

.gsonehero__ticks--right{
    right:36px;
}


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

.gsonehero__radar{
    position:absolute;

    z-index:4;

    left:50%;
    top:48%;

    width:560px;
    height:560px;

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

    pointer-events:none;
}

.gsonehero__radar-a,
.gsonehero__radar-b,
.gsonehero__radar-c{
    position:absolute;

    border-radius:50%;
}

.gsonehero__radar-a{
    inset:0;

    border:
        1px dashed rgba(91,224,31,.14);

    animation:
        gsone-radar-a
        28s linear infinite;
}

.gsonehero__radar-a::before{
    content:"";

    position:absolute;

    left:50%;
    top:-5px;

    width:10px;
    height:10px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 11px rgba(91,224,31,.75);
}

.gsonehero__radar-b{
    inset:72px;

    border:
        1px solid rgba(39,217,239,.13);

    animation:
        gsone-radar-b
        21s linear infinite reverse;
}

.gsonehero__radar-b::before{
    content:"";

    position:absolute;

    right:11%;
    bottom:12%;

    width:9px;
    height:9px;

    border-radius:50%;

    background:
        var(--gs-cyan);

    box-shadow:
        0 0 10px rgba(39,217,239,.70);
}

.gsonehero__radar-c{
    inset:151px;

    border:
        1px dashed rgba(138,103,255,.11);

    animation:
        gsone-radar-c
        16s linear infinite;
}

.gsonehero__radar-c::before{
    content:"";

    position:absolute;

    left:13%;
    top:18%;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--gs-yellow);

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

@keyframes gsone-radar-a{
    from{
        transform:rotate(0deg);
    }

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

@keyframes gsone-radar-b{
    from{
        transform:rotate(0deg);
    }

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

@keyframes gsone-radar-c{
    from{
        transform:rotate(0deg);
    }

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


/* =========================================================
   ÁREA DE ARTE
   MISMO ASPECTO QUE LA IMAGEN ORIGINAL: 2400 / 1309
   ========================================================= */

.gsonehero__art{
    position:absolute;

    z-index:15;

    left:50%;
    top:51%;

    width:
        min(
            1040px,
            96%
        );

    aspect-ratio:
        2400 / 1309;

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

    pointer-events:none;
}

.gsonehero__art::before{
    content:"";

    position:absolute;

    left:50%;
    top:55%;

    width:76%;
    height:58%;

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

    border-radius:50%;

    background:
        radial-gradient(
            ellipse,
            rgba(91,224,31,.18) 0%,
            rgba(39,217,239,.06) 34%,
            transparent 72%
        );

    filter:blur(18px);

    animation:
        gsone-art-glow
        5s ease-in-out infinite;
}

@keyframes gsone-art-glow{
    0%,
    100%{
        opacity:.78;
        transform:
            translate(-50%,-50%)
            scale(1);
    }

    50%{
        opacity:1;
        transform:
            translate(-50%,-50%)
            scale(1.045);
    }
}


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

.gsonehero__image{
    position:absolute;

    z-index:2;

    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    filter:
        drop-shadow(0 17px 25px rgba(0,0,0,.36))
        drop-shadow(0 0 16px rgba(91,224,31,.09))
        drop-shadow(0 0 28px rgba(39,217,239,.045));

    animation:
        gsone-image-float
        6s ease-in-out infinite;
}

@keyframes gsone-image-float{
    0%,
    100%{
        transform:translateY(0);
    }

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


/* =========================================================
   SVG DE ANOTACIONES
   MISMAS COORDENADAS 2400 × 1309
   ========================================================= */

.gsonehero__annotations{
    position:absolute;

    z-index:6;

    inset:0;

    width:100%;
    height:100%;

    overflow:visible;
}


/* =========================================================
   CAJAS SVG
   ========================================================= */

.gsonehero__svg-box{
    fill:rgba(2,9,5,.95);

    stroke-width:2.5;
}

.gsonehero__svg-box--one{
    stroke:#80ff48;
}

.gsonehero__svg-box--s{
    stroke:#27d9ef;
}

.gsonehero__svg-box--controller{
    stroke:#ffc857;
}


/* =========================================================
   LÍNEAS SVG
   ========================================================= */

.gsonehero__svg-line{
    fill:none;

    stroke-width:3;

    stroke-linecap:round;
    stroke-linejoin:round;

    vector-effect:
        non-scaling-stroke;
}

.gsonehero__svg-line--one{
    stroke:#80ff48;
}

.gsonehero__svg-line--s{
    stroke:#27d9ef;
}

.gsonehero__svg-line--controller{
    stroke:#ffc857;
}


/* =========================================================
   PUNTOS SVG
   ========================================================= */

.gsonehero__svg-point{
    stroke-width:4;

    vector-effect:
        non-scaling-stroke;
}

.gsonehero__svg-point--one{
    fill:#80ff48;
    stroke:rgba(128,255,72,.30);
}

.gsonehero__svg-point--s{
    fill:#27d9ef;
    stroke:rgba(39,217,239,.30);
}

.gsonehero__svg-point--controller{
    fill:#ffc857;
    stroke:rgba(255,200,87,.30);
}


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

.gsonehero__svg-title{
    font-family:"Poppins",Arial,sans-serif;

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

.gsonehero__svg-title--one{
    fill:#80ff48;
}

.gsonehero__svg-title--s{
    fill:#27d9ef;
}

.gsonehero__svg-title--controller{
    fill:#ffc857;
}

.gsonehero__svg-copy{
    fill:#849287;

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

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


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

.gsonehero__micro{
    position:absolute;

    z-index:30;

    padding:
        6px 9px;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:7px;

    background:
        rgba(2,9,6,.74);

    color:#78adb3;

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

    text-transform:uppercase;

    letter-spacing:.04em;
}

.gsonehero__micro--a{
    left:50%;
    top:79px;

    transform:
        translateX(-50%);
}

.gsonehero__micro--b{
    left:50%;
    bottom:108px;

    transform:
        translateX(-50%);

    color:#80ac77;

    border-color:
        rgba(91,224,31,.09);
}


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

.gsonehero__mobile-products{
    display:none;
}


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

.gsonehero__hud-terminal{
    position:absolute;

    z-index:40;

    left:18px;
    right:18px;
    bottom:17px;

    display:grid;

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

    gap:14px;

    align-items:center;

    padding:
        13px 14px;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:12px;

    background:
        rgba(3,12,7,.84);
}

.gsonehero__hud-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

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

    min-height:27px;

    padding:
        5px 7px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:7px;

    background:
        rgba(0,0,0,.13);

    color:#708073;

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

.gsonehero__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:999px;

    color:#95c787;

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

    text-transform:uppercase;
}

.gsonehero__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.60);
}


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

.gsonehero__systems{
    display:grid;

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

    gap:8px;

    margin-top:18px;
}

.gsonehero__system{
    --system-color:var(--gs-green);

    position:relative;

    min-width:0;

    padding:
        13px 10px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.065);

    border-radius:10px;

    background:
        rgba(3,12,6,.48);
}

.gsonehero__system:nth-child(2){
    --system-color:var(--gs-cyan);
}

.gsonehero__system:nth-child(3){
    --system-color:var(--gs-violet);
}

.gsonehero__system:nth-child(4){
    --system-color:var(--gs-yellow);
}

.gsonehero__system:nth-child(5){
    --system-color:var(--gs-blue);
}

.gsonehero__system:nth-child(6){
    --system-color:var(--gs-green2);
}

.gsonehero__system::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:45px;
    height:2px;

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

.gsonehero__system strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--system-color);

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

    text-transform:uppercase;
}

.gsonehero__system span{
    display:block;

    color:#708073;

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


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

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

    gap:18px;

    margin-top:18px;

    padding:
        0 3px;

    color:#566858;

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

    text-transform:uppercase;
}

.gsonehero__footer-state{
    display:flex;
    align-items:center;

    gap:7px;

    color:#657967;
}

.gsonehero__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gs-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.55);
}


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

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

    .gsonehero__btn:hover{
        transform:
            translateY(-2px);
    }

    .gsonehero__btn--wa:hover{
        border-color:
            rgba(91,224,31,.42);

        background:
            linear-gradient(
                135deg,
                rgba(91,224,31,.21),
                rgba(91,224,31,.08)
            );
    }

    .gsonehero__btn--phone:hover{
        border-color:
            rgba(39,217,239,.30);

        background:
            rgba(39,217,239,.075);
    }

}


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

@media (max-width:1180px){

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

    .gsonehero__copy{
        padding-right:0;
    }

    .gsonehero__hud{
        width:100%;

        max-width:920px;

        min-height:720px;

        margin:
            0 auto;
    }

}


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

@media (max-width:1024px){

    .gsonehero__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            36px 0 72px;
    }

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

}


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

@media (max-width:767px){

    .gsonehero{
        overflow:hidden;
    }

    .gsonehero__grid{
        opacity:.17;

        background-size:
            32px 32px;
    }

    .gsonehero__scan,
    .gsonehero__orbit-a,
    .gsonehero__orbit-b{
        display:none;
    }

    .gsonehero__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            28px 0 60px;
    }

    .gsonehero__topbar{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonehero__independent{
        width:fit-content;
    }

    .gsonehero__copy{
        padding:
            20px 0 10px;
    }

    .gsonehero__title{
        font-size:
            clamp(
                33px,
                9vw,
                45px
            );
    }

    .gsonehero__lead{
        font-size:14px;
        line-height:1.72;
    }

    .gsonehero__actions{
        display:grid;

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

    .gsonehero__btn{
        width:100%;
    }

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

    .gsonehero__hud{
        min-height:620px;

        border-radius:19px;
    }

    .gsonehero__hud-head{
        left:13px;
        right:13px;
        top:13px;

        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonehero__frame{
        left:12px;
        right:12px;
        top:86px;
        bottom:160px;
    }

    .gsonehero__corner,
    .gsonehero__ticks{
        display:none;
    }

    .gsonehero__radar{
        width:370px;
        height:370px;

        top:42%;
    }

    .gsonehero__radar-b{
        inset:50px;
    }

    .gsonehero__radar-c{
        inset:102px;
    }

    .gsonehero__art{
        top:42%;

        width:104%;
    }


    /* En móvil eliminamos líneas para evitar errores visuales */

    .gsonehero__annotations{
        display:none;
    }

    .gsonehero__micro{
        display:none;
    }


    /* Leyenda móvil */

    .gsonehero__mobile-products{
        position:absolute;

        z-index:36;

        left:14px;
        right:14px;
        bottom:94px;

        display:grid;

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

        gap:6px;
    }

    .gsonehero__mobile-products span{
        display:flex;
        align-items:center;

        min-height:34px;

        padding:
            6px 8px;

        border:
            1px solid rgba(91,224,31,.08);

        border-radius:7px;

        background:
            rgba(3,12,7,.80);

        color:#829485;

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

    .gsonehero__mobile-products span::before{
        content:"";

        width:5px;
        height:5px;

        flex:0 0 5px;

        margin-right:6px;

        border-radius:50%;

        background:
            var(--gs-green);

        box-shadow:
            0 0 6px rgba(91,224,31,.55);
    }

    .gsonehero__mobile-products span:nth-child(2)::before{
        background:
            var(--gs-cyan);

        box-shadow:
            0 0 6px rgba(39,217,239,.55);
    }

    .gsonehero__mobile-products span:nth-child(3)::before{
        background:
            var(--gs-yellow);

        box-shadow:
            0 0 6px rgba(255,200,87,.55);
    }

    .gsonehero__hud-terminal{
        left:12px;
        right:12px;
        bottom:12px;

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

        padding:
            11px;
    }

    .gsonehero__hud-route{
        display:none;
    }

    .gsonehero__hud-state{
        width:fit-content;
    }

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

    .gsonehero__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsonehero__hud{
        min-height:610px;
    }

    .gsonehero__radar{
        width:320px;
        height:320px;
    }

    .gsonehero__radar-b{
        inset:43px;
    }

    .gsonehero__radar-c{
        inset:88px;
    }

    .gsonehero__art{
        width:108%;
    }

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

}


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

@media (max-width:390px){

    .gsonehero__shell{
        width:
            calc(100% - 24px);
    }

    .gsonehero__title{
        font-size:32px;
    }

    .gsonehero__principle{
        padding:
            15px 13px 15px 16px;
    }

    .gsonehero__hud{
        min-height:625px;
    }

    .gsonehero__radar{
        width:285px;
        height:285px;
    }

    .gsonehero__radar-b{
        inset:38px;
    }

    .gsonehero__radar-c{
        inset:78px;
    }

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

}


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

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

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

    .gsonehero__scan,
    .gsonehero__orbit-a,
    .gsonehero__orbit-b{
        display:none !important;
    }

}


/* =========================================================
   XBOX ONE — Modelos y Alcance Xbox One
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — MODELOS Y ALCANCE
   CSS ID: modelos-alcance-xbox-one
   ROOT: .gsonemod
   ========================================================= */

.gsonemod{
    scroll-margin-top:90px;

    --gso-bg:#020403;
    --gso-bg2:#061008;

    --gso-green:#5be01f;
    --gso-green2:#80ff48;
    --gso-green3:#baff9b;

    --gso-cyan:#27d9ef;
    --gso-blue:#3d83ff;
    --gso-violet:#8a67ff;

    --gso-yellow:#ffc857;
    --gso-orange:#ff9e45;
    --gso-red:#ff6378;

    --gso-white:#f3fff4;
    --gso-text:#eaf5eb;
    --gso-muted:#91a296;
    --gso-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gso-text);

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(91,224,31,.095),
            transparent 28%
        ),
        radial-gradient(
            circle at 89% 17%,
            rgba(39,217,239,.04),
            transparent 29%
        ),
        radial-gradient(
            circle at 78% 84%,
            rgba(138,103,255,.025),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonemod__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.23;

    background-image:
        linear-gradient(
            rgba(91,224,31,.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.038) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonemod__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


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

.gsonemod__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonemod__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.11),
            rgba(39,217,239,.16),
            rgba(91,224,31,.09),
            transparent
        );

    box-shadow:
        0 0 14px rgba(91,224,31,.08);

    animation:
        gsonemod-scan
        13s linear infinite;
}

@keyframes gsonemod-scan{

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

    8%{
        opacity:.28;
    }

    92%{
        opacity:.10;
    }

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

}


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

.gsonemod__orbit{
    position:absolute;

    width:710px;
    height:710px;

    right:-370px;
    top:640px;

    pointer-events:none;

    border:
        1px solid rgba(91,224,31,.045);

    border-radius:50%;

    animation:
        gsonemod-orbit
        66s linear infinite;
}

.gsonemod__orbit::before{
    content:"";

    position:absolute;

    inset:105px;

    border:
        1px dashed rgba(39,217,239,.045);

    border-radius:50%;
}

.gsonemod__orbit::after{
    content:"";

    position:absolute;

    inset:215px;

    border:
        1px solid rgba(138,103,255,.035);

    border-radius:50%;
}

@keyframes gsonemod-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsonemod__shell{
    position:relative;
    z-index:3;

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsonemod__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(285px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:27px;
}

.gsonemod__heading-main{
    min-width:0;
}

.gsonemod__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(91,224,31,.17);

    border-radius:999px;

    background:
        rgba(91,224,31,.04);

    color:#a9e994;

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

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonemod__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gso-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.68);
}

.gsonemod__title{
    max-width:980px;

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

    overflow:visible;

    color:
        var(--gso-white);

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

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

    letter-spacing:-.035em;
}

.gsonemod__title span{
    color:
        var(--gso-green2);
}

.gsonemod__intro{
    max-width:920px;

    margin:
        16px 0 0;

    color:
        var(--gso-muted);

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


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

.gsonemod__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.13);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(39,217,239,.025),
            rgba(4,13,7,.92)
        );
}

.gsonemod__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

.gsonemod__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#90cad0;

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

    text-transform:uppercase;
}

.gsonemod__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gso-cyan);

    box-shadow:
        0 0 7px rgba(39,217,239,.5);
}

.gsonemod__status p{
    margin:0;

    color:#809485;

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


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

.gsonemod__principle{
    position:relative;

    display:grid;

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

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(91,224,31,.045),
            rgba(39,217,239,.012)
        );
}

.gsonemod__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:150px;
    height:2px;

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

.gsonemod__principle-icon{
    display:grid;
    place-items:center;

    width:60px;
    height:60px;

    border:
        1px solid rgba(91,224,31,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.075),
            transparent 68%
        );

    color:
        var(--gso-green2);

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

    text-align:center;
}

.gsonemod__principle-copy{
    min-width:0;
}

.gsonemod__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dff7dc;

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

.gsonemod__principle-copy span{
    display:block;

    color:#7d907f;

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

.gsonemod__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

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

    text-transform:uppercase;
}


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

.gsonemod__models{
    display:grid;

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

    gap:10px;

    margin-bottom:18px;
}

.gsonemod__model{
    --model-color:var(--gso-green);

    position:relative;

    min-width:0;

    padding:20px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:17px;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(91,224,31,.05),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(7,20,10,.82),
            rgba(2,8,4,.97)
        );
}

.gsonemod__model:nth-child(2){
    --model-color:var(--gso-cyan);

    border-color:
        rgba(39,217,239,.09);
}

.gsonemod__model:nth-child(3){
    --model-color:var(--gso-green2);
}

.gsonemod__model::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100px;
    height:2px;

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

.gsonemod__model-number{
    display:grid;
    place-items:center;

    width:38px;
    height:38px;

    margin-bottom:15px;

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

    border-radius:10px;

    color:
        var(--model-color);

    background:
        rgba(2,9,4,.56);

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

    text-align:center;
}

.gsonemod__model h3{
    margin:0;

    color:#e8f7e6;

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

.gsonemod__model-sub{
    display:block;

    margin-top:4px;

    color:
        var(--model-color);

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

    text-transform:uppercase;
}

.gsonemod__model p{
    margin:
        12px 0 0;

    color:#7d8f80;

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

.gsonemod__model-tags{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin-top:14px;
}

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

    min-height:27px;

    padding:
        5px 8px;

    border:
        1px solid rgba(255,255,255,.05);

    border-radius:7px;

    background:
        rgba(0,0,0,.12);

    color:#738576;

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


/* =========================================================
   ALL DIGITAL
   ========================================================= */

.gsonemod__digital{
    position:relative;

    display:grid;

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

    gap:15px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.11);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(138,103,255,.035),
            rgba(39,217,239,.014)
        );
}

.gsonemod__digital::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:125px;
    height:2px;

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

.gsonemod__digital-icon{
    display:grid;
    place-items:center;

    width:54px;
    height:54px;

    border:
        1px solid rgba(138,103,255,.17);

    border-radius:13px;

    color:#bba8ea;

    background:
        rgba(138,103,255,.04);

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

    text-align:center;
}

.gsonemod__digital-copy{
    min-width:0;
}

.gsonemod__digital-copy strong{
    display:block;

    margin-bottom:4px;

    color:#dcd0f3;

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

.gsonemod__digital-copy span{
    display:block;

    color:#80778e;

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

.gsonemod__digital-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(138,103,255,.12);

    border-radius:999px;

    color:#a697c8;

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

    text-transform:uppercase;
}


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

.gsonemod__equation{
    position:relative;

    margin-bottom:18px;

    padding:
        17px 18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.10);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(91,224,31,.025),
            rgba(0,0,0,.08)
        );

    text-align:center;
}

.gsonemod__equation span{
    color:#88a083;

    font-size:
        clamp(
            10px,
            1.4vw,
            13px
        );

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

    letter-spacing:.025em;

    text-transform:uppercase;
}

.gsonemod__equation b{
    color:
        var(--gso-green2);

    font-weight:700;
}


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

.gsonemod__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.93fr)
        minmax(430px,1.07fr);

    gap:18px;

    margin-bottom:18px;
}


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

.gsonemod__identify{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.10);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(7,20,10,.80),
            rgba(2,8,4,.97)
        );
}

.gsonemod__identify::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:155px;
    height:2px;

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

.gsonemod__section-label{
    display:block;

    margin-bottom:6px;

    color:#a4df91;

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

    text-transform:uppercase;
}

.gsonemod__section-title{
    margin:0;

    color:#e6f6e3;

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

.gsonemod__section-copy{
    margin:
        8px 0 0;

    color:#7b8d7e;

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

.gsonemod__checks{
    display:grid;

    gap:8px;

    margin-top:17px;
}

.gsonemod__check{
    display:grid;

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

    gap:13px;

    align-items:center;

    min-width:0;

    padding:12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(2,10,5,.40);
}


/* =========================================================
   NÚMEROS
   CORRECCIÓN DE CENTRADO
   ========================================================= */

.gsonemod__check-code{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:48px;
    height:48px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(91,224,31,.14);

    border-radius:10px;

    background:
        rgba(2,9,4,.72);

    color:
        var(--gso-green2);

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

    text-align:center;
}


/* =========================================================
   TEXTO CHECK
   YA NO AFECTA AL NÚMERO
   ========================================================= */

.gsonemod__check-content{
    min-width:0;
}

.gsonemod__check-content strong{
    display:block;

    margin-bottom:3px;

    color:#cadcca;

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

.gsonemod__check-description{
    display:block;

    color:#718274;

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


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

.gsonemod__hud{
    position:relative;

    min-height:565px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(91,224,31,.07),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,10,.72),
            rgba(2,8,4,.97)
        );
}

.gsonemod__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonemod__hud-head{
    position:absolute;

    z-index:15;

    left:17px;
    right:17px;
    top:15px;

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

    gap:12px;
}

.gsonemod__hud-code{
    color:#b6a9ee;

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

    text-transform:uppercase;
}

.gsonemod__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    color:#94c486;

    background:
        rgba(4,15,8,.48);

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

.gsonemod__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gso-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.60);
}


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

.gsonemod__core{
    position:absolute;

    z-index:8;

    left:50%;
    top:48%;

    width:150px;
    height:150px;

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

    display:grid;
    place-items:center;

    border:
        1px solid rgba(91,224,31,.25);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.12),
            rgba(2,8,4,.98) 70%
        );

    box-shadow:
        0 0 35px rgba(91,224,31,.08);

    animation:
        gsonemod-core
        3.4s ease-in-out infinite;
}

.gsonemod__core::before{
    content:"";

    position:absolute;

    inset:-22px;

    border:
        1px dashed rgba(39,217,239,.12);

    border-radius:50%;

    animation:
        gsonemod-core-ring
        16s linear infinite;
}

.gsonemod__core::after{
    content:"";

    position:absolute;

    inset:-72px;

    border:
        1px solid rgba(91,224,31,.07);

    border-radius:50%;
}

@keyframes gsonemod-core{

    0%,
    100%{
        box-shadow:
            0 0 25px rgba(91,224,31,.06);
    }

    50%{
        box-shadow:
            0 0 44px rgba(91,224,31,.15);
    }

}

@keyframes gsonemod-core-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonemod__core-copy{
    position:relative;
    z-index:3;

    text-align:center;
}

.gsonemod__core-copy strong{
    display:block;

    color:
        var(--gso-green2);

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

    text-transform:uppercase;
}

.gsonemod__core-copy span{
    display:block;

    margin-top:5px;

    color:#768977;

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


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

.gsonemod__node{
    --node-color:var(--gso-green);

    position:absolute;

    z-index:12;

    width:115px;

    text-align:center;
}


/* =========================================================
   CÍRCULOS
   CORRECCIÓN FAM / ID / CFG / HW
   ========================================================= */

.gsonemod__node-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:55px;
    height:55px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

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

    text-align:center;

    box-shadow:
        0 0 16px rgba(91,224,31,.05);
}

.gsonemod__node-title{
    display:block;

    color:
        var(--node-color);

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

    text-transform:uppercase;
}

.gsonemod__node-copy{
    display:block;

    margin-top:3px;

    color:#6e7e70;

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

.gsonemod__node--family{
    left:5%;
    top:20%;

    --node-color:var(--gso-green);
}

.gsonemod__node--label{
    right:5%;
    top:20%;

    --node-color:var(--gso-cyan);
}

.gsonemod__node--power{
    left:5%;
    bottom:18%;

    --node-color:var(--gso-yellow);
}

.gsonemod__node--hardware{
    right:5%;
    bottom:18%;

    --node-color:var(--gso-violet);
}


/* =========================================================
   CONEXIONES
   ========================================================= */

.gsonemod__connection{
    position:absolute;

    z-index:5;

    left:50%;
    top:48%;

    width:1px;
    height:190px;

    transform-origin:center bottom;

    background:
        linear-gradient(
            180deg,
            rgba(39,217,239,.03),
            rgba(91,224,31,.24)
        );
}

.gsonemod__connection--a{
    transform:
        translate(-50%,-100%)
        rotate(-48deg);
}

.gsonemod__connection--b{
    transform:
        translate(-50%,-100%)
        rotate(48deg);
}

.gsonemod__connection--c{
    transform:
        translate(-50%,-100%)
        rotate(-132deg);
}

.gsonemod__connection--d{
    transform:
        translate(-50%,-100%)
        rotate(132deg);
}


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

.gsonemod__hud-equation{
    position:absolute;

    z-index:15;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        10px 12px;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:9px;

    background:
        rgba(3,12,7,.68);

    color:#7c9677;

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

    text-align:center;

    text-transform:uppercase;
}

.gsonemod__hud-equation b{
    color:
        var(--gso-green2);
}


/* =========================================================
   DIFERENCIAS
   ========================================================= */

.gsonemod__differences{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(3,15,16,.32),
            rgba(2,8,4,.97)
        );
}

.gsonemod__differences::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:165px;
    height:2px;

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

.gsonemod__differences-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonemod__difference{
    --diff-color:var(--gso-green);

    position:relative;

    min-width:0;

    padding:
        16px 14px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:11px;

    background:
        rgba(3,11,6,.46);
}

.gsonemod__difference:nth-child(2){
    --diff-color:var(--gso-cyan);
}

.gsonemod__difference:nth-child(3){
    --diff-color:var(--gso-yellow);
}

.gsonemod__difference:nth-child(4){
    --diff-color:var(--gso-violet);
}

.gsonemod__difference::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:55px;
    height:2px;

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

.gsonemod__difference strong{
    display:block;

    margin-bottom:5px;

    color:
        var(--diff-color);

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

    text-transform:uppercase;
}

.gsonemod__difference span{
    display:block;

    color:#728274;

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


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

.gsonemod__scope{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(7,19,10,.75),
            rgba(2,8,4,.97)
        );
}

.gsonemod__scope::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:150px;
    height:2px;

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

.gsonemod__scope-grid{
    display:grid;

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

    gap:8px;

    margin-top:17px;
}

.gsonemod__scope-card{
    --scope-color:var(--gso-green);

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

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:8px;

    padding:
        14px 10px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.42);

    text-align:center;
}

.gsonemod__scope-card:nth-child(2){
    --scope-color:var(--gso-cyan);
}

.gsonemod__scope-card:nth-child(3){
    --scope-color:var(--gso-violet);
}

.gsonemod__scope-card:nth-child(4){
    --scope-color:var(--gso-yellow);
}

.gsonemod__scope-card:nth-child(5){
    --scope-color:var(--gso-blue);
}

.gsonemod__scope-card:nth-child(6){
    --scope-color:var(--gso-green2);
}

.gsonemod__scope-code{
    display:grid;
    place-items:center;

    flex:0 0 auto;

    width:35px;
    height:35px;

    margin:0 auto;

    padding:0;

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

    border-radius:9px;

    color:
        var(--scope-color);

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

    text-align:center;
}

.gsonemod__scope-card > .gsonemod__scope-code{
    display:grid !important;
    place-items:center !important;

    margin:0 auto !important;

    color:var(--scope-color) !important;

    font-size:8px !important;
    line-height:1 !important;

    text-align:center !important;
}

.gsonemod__scope-card strong{
    display:block;

    margin:0;

    color:
        var(--scope-color);

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

    text-transform:uppercase;
}

.gsonemod__scope-card > span:not(.gsonemod__scope-code){
    display:block;

    margin-top:0;

    color:#6e8070;

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


/* =========================================================
   COMPATIBILIDAD
   ========================================================= */

.gsonemod__compatibility{
    display:grid;

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

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

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

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.022),
            rgba(91,224,31,.01)
        );
}

.gsonemod__compatibility-copy{
    min-width:0;

    color:#8c856d;

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

.gsonemod__compatibility-copy strong{
    color:#e4dab8;
    font-weight:600;
}

.gsonemod__compatibility-state{
    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#bca970;

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

    text-transform:uppercase;
}


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

.gsonemod__history{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.085);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.018),
            rgba(138,103,255,.012)
        );
}

.gsonemod__history-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    border:
        1px solid rgba(255,99,120,.15);

    border-radius:9px;

    color:#db8995;

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

    text-align:center;
}

.gsonemod__history-copy{
    color:#88777b;

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

.gsonemod__history-copy strong{
    color:#d5b9bd;
    font-weight:600;
}

.gsonemod__history-state{
    flex-shrink:0;

    color:#ac8389;

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

    text-transform:uppercase;
}


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

.gsonemod__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.93),
            rgba(2,7,3,.98)
        );
}

.gsonemod__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.07);

    background:
        rgba(5,16,7,.72);
}

.gsonemod__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonemod__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonemod__terminal-dots span:nth-child(1){
    background:
        var(--gso-red);
}

.gsonemod__terminal-dots span:nth-child(2){
    background:
        var(--gso-yellow);
}

.gsonemod__terminal-dots span:nth-child(3){
    background:
        var(--gso-green);
}

.gsonemod__terminal-name{
    color:#637463;

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

    text-transform:uppercase;
}

.gsonemod__terminal-body{
    display:grid;

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

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonemod__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

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

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:7px;

    background:
        rgba(4,13,5,.48);

    color:#718173;

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

.gsonemod__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.11);

    border-radius:9px;

    color:#94c087;

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

.gsonemod__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gso-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.50);
}


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536653;

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

    text-transform:uppercase;
}

.gsonemod__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#667a67;
}

.gsonemod__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gso-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


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

@media (max-width:1024px){

    .gsonemod__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

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

        gap:20px;
    }

    .gsonemod__status{
        max-width:650px;
    }

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

    .gsonemod__hud{
        min-height:545px;
    }

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

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

}


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

@media (max-width:767px){

    .gsonemod{
        overflow:hidden;
    }

    .gsonemod__grid{
        opacity:.17;

        background-size:
            32px 32px;
    }

    .gsonemod__scan,
    .gsonemod__orbit{
        display:none;
    }

    .gsonemod__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonemod__heading{
        display:block;
    }

    .gsonemod__status{
        margin-top:19px;
    }

    .gsonemod__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonemod__intro{
        font-size:14px;
        line-height:1.7;
    }

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

        gap:9px;

        padding:15px;
    }

    .gsonemod__principle-state{
        width:fit-content;
    }

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

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

        gap:9px;

        padding:15px;
    }

    .gsonemod__digital-state{
        width:fit-content;
    }

    .gsonemod__identify,
    .gsonemod__differences,
    .gsonemod__scope{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonemod__hud{
        min-height:0;
    }

    .gsonemod__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonemod__core{
        top:49%;

        width:125px;
        height:125px;
    }

    .gsonemod__core::after{
        inset:-47px;
    }

    .gsonemod__connection{
        display:none;
    }

    .gsonemod__node{
        width:125px;
    }

    .gsonemod__node--family{
        left:4%;
        top:20%;
    }

    .gsonemod__node--label{
        right:4%;
        top:20%;
    }

    .gsonemod__node--power{
        left:4%;
        bottom:17%;
    }

    .gsonemod__node--hardware{
        right:4%;
        bottom:17%;
    }

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

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

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

        gap:8px;
    }

    .gsonemod__compatibility-state{
        width:fit-content;
    }

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

        gap:8px;
    }

    .gsonemod__history-state{
        width:fit-content;
    }

    .gsonemod__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonemod__terminal-state{
        width:fit-content;
    }

    .gsonemod__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsonemod__hud{
        min-height:0;
    }

    .gsonemod__core{
        top:48%;
    }

    .gsonemod__node--family{
        left:50%;
        top:16%;

        transform:
            translateX(-50%);
    }

    .gsonemod__node--label{
        left:50%;
        right:auto;
        top:31%;

        transform:
            translateX(-50%);
    }

    .gsonemod__node--power{
        left:50%;
        bottom:28%;

        transform:
            translateX(-50%);
    }

    .gsonemod__node--hardware{
        left:50%;
        right:auto;
        bottom:12%;

        transform:
            translateX(-50%);
    }

}


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

@media (max-width:390px){

    .gsonemod__shell{
        width:
            calc(100% - 24px);
    }

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

    .gsonemod__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsonemod__terminal-route span{
        width:100%;
    }

}


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

/* =========================================================
   AUDITORÍA — HUD RESPONSIVE Y MOVIMIENTO REDUCIDO
   ========================================================= */

@media (max-width:767px){

    #modelos-alcance-xbox-one .gsonemod__hud{
        min-height:0 !important;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
        padding:16px 12px;
    }

    #modelos-alcance-xbox-one .gsonemod__hud-head{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        grid-column:1 / -1;
        margin-bottom:8px;
    }

    #modelos-alcance-xbox-one .gsonemod__connection{
        display:none !important;
    }

    #modelos-alcance-xbox-one .gsonemod__core{
        position:relative;
        left:auto;
        top:auto;
        grid-column:1 / -1;
        width:126px;
        height:126px;
        margin:4px auto 10px;
        transform:none;
    }

    #modelos-alcance-xbox-one .gsonemod__core::after{
        inset:-38px;
    }

    #modelos-alcance-xbox-one .gsonemod__node,
    #modelos-alcance-xbox-one .gsonemod__node--family,
    #modelos-alcance-xbox-one .gsonemod__node--label,
    #modelos-alcance-xbox-one .gsonemod__node--power,
    #modelos-alcance-xbox-one .gsonemod__node--hardware{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        width:auto;
        min-height:118px;
        display:grid;
        align-content:center;
        padding:12px 9px;
        transform:none;
        border:1px solid rgba(255,255,255,.045);
        border-radius:12px;
        background:rgba(2,10,5,.48);
    }

    #modelos-alcance-xbox-one .gsonemod__node-circle{
        width:50px;
        height:50px;
        margin-bottom:8px;
        font-size:9px;
    }

    #modelos-alcance-xbox-one .gsonemod__node-title{
        font-size:10px;
    }

    #modelos-alcance-xbox-one .gsonemod__node-copy{
        font-size:9px;
    }

    #modelos-alcance-xbox-one .gsonemod__hud-equation{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        grid-column:1 / -1;
        margin-top:7px;
    }
}

@media (max-width:390px){

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

    #modelos-alcance-xbox-one .gsonemod__hud-head,
    #modelos-alcance-xbox-one .gsonemod__core,
    #modelos-alcance-xbox-one .gsonemod__hud-equation,
    #modelos-alcance-xbox-one .gsonemod__node{
        grid-column:1;
    }

    #modelos-alcance-xbox-one .gsonemod__node{
        min-height:108px;
    }
}

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

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

    #modelos-alcance-xbox-one .gsonemod__scan,
    #modelos-alcance-xbox-one .gsonemod__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Fallas Xbox One
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — FALLAS Y SÍNTOMAS
   CSS ID EXTERIOR: fallas-xbox-one
   ROOT AUTÓNOMO: .gsonefail
   ========================================================= */

.gsonefail{
    scroll-margin-top:90px;

    --gsof-bg:#020403;
    --gsof-bg2:#061008;

    --gsof-green:#5be01f;
    --gsof-green2:#80ff48;
    --gsof-green3:#baff9b;

    --gsof-cyan:#27d9ef;
    --gsof-blue:#3d83ff;
    --gsof-violet:#8a67ff;

    --gsof-yellow:#ffc857;
    --gsof-orange:#ff9e45;
    --gsof-red:#ff6378;

    --gsof-white:#f3fff4;
    --gsof-text:#eaf5eb;
    --gsof-muted:#91a296;
    --gsof-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gsof-text);

    background:
        radial-gradient(
            circle at 11% 13%,
            rgba(91,224,31,.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 17%,
            rgba(255,99,120,.035),
            transparent 29%
        ),
        radial-gradient(
            circle at 76% 82%,
            rgba(39,217,239,.025),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonefail__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.038) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonefail__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


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

.gsonefail__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonefail__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.10),
            rgba(255,99,120,.14),
            rgba(39,217,239,.14),
            transparent
        );

    box-shadow:
        0 0 15px rgba(91,224,31,.07);

    animation:
        gsonefail-scan
        13s linear infinite;
}

@keyframes gsonefail-scan{

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

    8%{
        opacity:.28;
    }

    92%{
        opacity:.09;
    }

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

}


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

.gsonefail__orbit{
    position:absolute;

    width:730px;
    height:730px;

    left:-390px;
    top:880px;

    pointer-events:none;

    border:
        1px solid rgba(91,224,31,.04);

    border-radius:50%;

    animation:
        gsonefail-orbit
        70s linear infinite;
}

.gsonefail__orbit::before{
    content:"";

    position:absolute;

    inset:115px;

    border:
        1px dashed rgba(39,217,239,.045);

    border-radius:50%;
}

.gsonefail__orbit::after{
    content:"";

    position:absolute;

    inset:225px;

    border:
        1px solid rgba(255,99,120,.025);

    border-radius:50%;
}

@keyframes gsonefail-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsonefail__shell{
    position:relative;
    z-index:3;

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsonefail__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonefail__heading-main{
    min-width:0;
}

.gsonefail__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(255,99,120,.16);

    border-radius:999px;

    background:
        rgba(255,99,120,.025);

    color:#db9da7;

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

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonefail__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsof-red);

    box-shadow:
        0 0 8px rgba(255,99,120,.65);
}

.gsonefail__title{
    max-width:990px;

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

    overflow:visible;

    color:
        var(--gsof-white);

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

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

    letter-spacing:-.035em;
}

.gsonefail__title span{
    color:
        var(--gsof-green2);
}

.gsonefail__intro{
    max-width:930px;

    margin:
        16px 0 0;

    color:
        var(--gsof-muted);

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


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

.gsonefail__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(255,99,120,.12);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,99,120,.022),
            rgba(4,13,7,.92)
        );
}

.gsonefail__status::before{
    content:"";

    position:absolute;

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

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gsof-red),
            transparent
        );
}

.gsonefail__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#d28c98;

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

    text-transform:uppercase;
}

.gsonefail__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsof-red);

    box-shadow:
        0 0 7px rgba(255,99,120,.50);
}

.gsonefail__status p{
    margin:0;

    color:#887b80;

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

.gsonefail__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#b5ed9c !important;

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

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(91,224,31,.24);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonefail__inline-link:hover{
    color:#e1ffd3 !important;

    border-color:
        rgba(91,224,31,.68);
}

.gsonefail__inline-link:focus-visible{
    outline:
        2px solid rgba(91,224,31,.90);

    outline-offset:
        4px;
}


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

.gsonefail__principle{
    position:relative;

    display:grid;

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

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(91,224,31,.04),
            rgba(39,217,239,.012)
        );
}

.gsonefail__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

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

.gsonefail__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(255,99,120,.07),
            transparent 67%
        );

    color:
        var(--gsof-red);

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

    text-align:center;
}

.gsonefail__principle-copy{
    min-width:0;
}

.gsonefail__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dff4dc;

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

.gsonefail__principle-copy span{
    display:block;

    color:#7d907f;

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

.gsonefail__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

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

    text-transform:uppercase;
}


/* =========================================================
   FAMILIAS DE FALLAS
   ========================================================= */

.gsonefail__families{
    display:grid;

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

    gap:7px;

    margin-bottom:18px;
}

.gsonefail__family{
    --family-color:var(--gsof-green);

    position:relative;

    min-width:0;

    padding:
        13px 8px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsonefail__family:nth-child(2){
    --family-color:var(--gsof-red);
}

.gsonefail__family:nth-child(3){
    --family-color:var(--gsof-cyan);
}

.gsonefail__family:nth-child(4){
    --family-color:var(--gsof-violet);
}

.gsonefail__family:nth-child(5){
    --family-color:var(--gsof-yellow);
}

.gsonefail__family:nth-child(6){
    --family-color:var(--gsof-blue);
}

.gsonefail__family:nth-child(7){
    --family-color:var(--gsof-green2);
}

.gsonefail__family:nth-child(8){
    --family-color:var(--gsof-cyan);
}

.gsonefail__family::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

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

.gsonefail__family-code{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin:
        0 auto 7px;

    padding:0;

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

    border-radius:9px;

    color:
        var(--family-color);

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

    text-align:center;
}

.gsonefail__family-title{
    display:block;

    color:
        var(--family-color);

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

    text-transform:uppercase;
}


/* =========================================================
   PANEL DE SÍNTOMAS
   ========================================================= */

.gsonefail__symptoms-panel{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.095);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 85% 8%,
            rgba(255,99,120,.025),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7,20,10,.80),
            rgba(2,8,4,.97)
        );
}

.gsonefail__symptoms-panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:200px;
    height:2px;

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

.gsonefail__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonefail__section-label{
    display:block;

    margin-bottom:6px;

    color:#a7df93;

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

    text-transform:uppercase;
}

.gsonefail__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonefail__section-copy{
    max-width:850px;

    margin:
        8px 0 0;

    color:#7b8d7e;

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

.gsonefail__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(255,99,120,.11);

    border-radius:999px;

    color:#bf8992;

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

    text-transform:uppercase;
}


/* =========================================================
   GRID DE SÍNTOMAS
   ========================================================= */

.gsonefail__symptoms{
    display:grid;

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

    gap:9px;
}

.gsonefail__symptom{
    --symptom-color:var(--gsof-green);

    position:relative;

    min-width:0;

    min-height:144px;

    padding:
        15px 14px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:11px;

    background:
        rgba(3,11,6,.46);
}

.gsonefail__symptom[data-type="arranque"]{
    --symptom-color:var(--gsof-red);
}

.gsonefail__symptom[data-type="video"]{
    --symptom-color:var(--gsof-cyan);
}

.gsonefail__symptom[data-type="lector"]{
    --symptom-color:var(--gsof-violet);
}

.gsonefail__symptom[data-type="temperatura"]{
    --symptom-color:var(--gsof-yellow);
}

.gsonefail__symptom[data-type="sistema"]{
    --symptom-color:var(--gsof-blue);
}

.gsonefail__symptom[data-type="almacenamiento"]{
    --symptom-color:#60a5fa;
}

.gsonefail__symptom[data-type="conectividad"]{
    --symptom-color:var(--gsof-green2);
}

.gsonefail__symptom[data-type="antecedentes"]{
    --symptom-color:var(--gsof-red);
}

.gsonefail__symptom::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

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

.gsonefail__symptom-number{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin-bottom:10px;

    padding:0;

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

    border-radius:8px;

    background:
        rgba(2,9,4,.68);

    color:
        var(--symptom-color);

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

    text-align:center;
}

.gsonefail__symptom strong{
    display:block;

    margin-bottom:5px;

    color:#d4e4d3;

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

.gsonefail__symptom-copy{
    display:block;

    color:#718274;

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

.gsonefail__symptom-tag{
    display:inline-flex;
    align-items:center;

    margin-top:9px;

    min-height:24px;

    padding:
        4px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:
        var(--symptom-color);

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

    text-transform:uppercase;
}


/* =========================================================
   AVISO DE CÓDIGOS / MENSAJES
   ========================================================= */

.gsonefail__errors{
    position:relative;

    display:grid;

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

    gap:15px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(255,99,120,.10);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.025),
            rgba(61,131,255,.015)
        );
}

.gsonefail__errors::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:145px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsof-red),
            var(--gsof-blue),
            transparent
        );
}

.gsonefail__errors-icon{
    display:grid;
    place-items:center;

    width:58px;
    height:58px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.17);

    border-radius:13px;

    background:
        rgba(255,99,120,.025);

    color:
        var(--gsof-red);

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

    text-align:center;
}

.gsonefail__errors-copy{
    min-width:0;
}

.gsonefail__errors-copy strong{
    display:block;

    margin-bottom:5px;

    color:#e3d4d7;

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

.gsonefail__errors-copy span{
    display:block;

    color:#88797e;

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

.gsonefail__errors-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(255,99,120,.11);

    border-radius:999px;

    color:#b8868e;

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

    text-transform:uppercase;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

.gsonefail__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.93fr)
        minmax(430px,1.07fr);

    gap:18px;

    margin-bottom:18px;
}


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

.gsonefail__analysis-card{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(7,20,10,.78),
            rgba(2,8,4,.97)
        );
}

.gsonefail__analysis-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:160px;
    height:2px;

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

.gsonefail__checks{
    display:grid;

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

    gap:8px;

    margin-top:17px;
}

.gsonefail__check{
    --check-color:var(--gsof-green);

    position:relative;

    min-width:0;

    padding:
        13px 12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonefail__check:nth-child(2){
    --check-color:var(--gsof-red);
}

.gsonefail__check:nth-child(3){
    --check-color:var(--gsof-cyan);
}

.gsonefail__check:nth-child(4){
    --check-color:var(--gsof-violet);
}

.gsonefail__check:nth-child(5){
    --check-color:var(--gsof-yellow);
}

.gsonefail__check:nth-child(6){
    --check-color:var(--gsof-blue);
}

.gsonefail__check-code{
    display:grid;
    place-items:center;

    width:33px;
    height:33px;

    margin-bottom:8px;

    padding:0;

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

    border-radius:8px;

    color:
        var(--check-color);

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

    text-align:center;
}

.gsonefail__check strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--check-color);

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

    text-transform:uppercase;
}

.gsonefail__check-copy{
    display:block;

    color:#718274;

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


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

.gsonefail__hud{
    position:relative;

    min-height:585px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 49%,
            rgba(91,224,31,.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 49%,
            rgba(255,99,120,.022),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,10,.72),
            rgba(2,8,4,.97)
        );
}

.gsonefail__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonefail__hud-head{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    top:15px;

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

    gap:12px;
}

.gsonefail__hud-code{
    color:#b7a9ee;

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

    text-transform:uppercase;
}

.gsonefail__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    background:
        rgba(4,15,8,.50);

    color:#96c789;

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

.gsonefail__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsof-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.58);
}


/* =========================================================
   HUD LÍNEA
   ========================================================= */

.gsonefail__hud-line{
    position:absolute;

    z-index:5;

    left:8%;
    right:8%;
    top:49%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(255,99,120,.14),
            rgba(255,99,120,.55),
            rgba(91,224,31,.55),
            rgba(39,217,239,.55),
            rgba(91,224,31,.15)
        );
}


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

.gsonefail__hud-node{
    --node-color:var(--gsof-green);

    position:absolute;

    z-index:12;

    top:49%;

    width:112px;

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

    text-align:center;
}

.gsonefail__hud-node--a{
    left:10%;

    --node-color:var(--gsof-red);
}

.gsonefail__hud-node--b{
    left:26%;

    --node-color:var(--gsof-green);
}

.gsonefail__hud-node--c{
    left:42%;

    --node-color:var(--gsof-yellow);
}

.gsonefail__hud-node--d{
    left:58%;

    --node-color:var(--gsof-cyan);
}

.gsonefail__hud-node--e{
    left:74%;

    --node-color:var(--gsof-violet);
}

.gsonefail__hud-node--f{
    left:90%;

    --node-color:var(--gsof-green2);
}


/* =========================================================
   CÍRCULO HUD
   PROTEGIDO CONTRA CONFLICTOS DE SPAN
   ========================================================= */

.gsonefail__hud-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:56px;
    height:56px;

    margin:
        0 auto 9px;

    padding:0;

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

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

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

    text-align:center;

    box-shadow:
        0 0 16px rgba(91,224,31,.045);
}

.gsonefail__hud-title{
    display:block;

    color:
        var(--node-color);

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

    text-transform:uppercase;
}

.gsonefail__hud-copy{
    display:block;

    margin-top:3px;

    color:#68796b;

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


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

.gsonefail__pulse{
    position:absolute;

    z-index:7;

    left:8%;
    top:49%;

    width:7px;
    height:7px;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:
        var(--gsof-green);

    box-shadow:
        0 0 9px rgba(91,224,31,.72);

    opacity:0;

    animation:
        gsonefail-pulse
        5.5s linear infinite;
}

.gsonefail__pulse--b{
    animation-delay:1.8s;

    background:
        var(--gsof-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.68);
}

@keyframes gsonefail-pulse{

    0%{
        left:8%;
        opacity:0;
    }

    10%{
        opacity:.9;
    }

    90%{
        opacity:.9;
    }

    100%{
        left:92%;
        opacity:0;
    }

}


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

.gsonefail__hud-top,
.gsonefail__hud-bottom{
    position:absolute;

    z-index:18;

    left:50%;

    transform:
        translateX(-50%);

    padding:
        6px 9px;

    border-radius:999px;

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

    text-transform:uppercase;
}

.gsonefail__hud-top{
    top:15%;

    border:
        1px solid rgba(255,99,120,.10);

    color:#b4828a;

    background:
        rgba(15,5,7,.35);
}

.gsonefail__hud-bottom{
    bottom:14%;

    border:
        1px solid rgba(91,224,31,.10);

    color:#87b37d;

    background:
        rgba(4,15,7,.42);
}


/* =========================================================
   REGLAS DE DIAGNÓSTICO
   ========================================================= */

.gsonefail__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.018),
            rgba(2,8,4,.97)
        );
}

.gsonefail__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:160px;
    height:2px;

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

.gsonefail__rules-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonefail__rule{
    --rule-color:var(--gsof-green);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.44);
}

.gsonefail__rule:nth-child(2){
    --rule-color:var(--gsof-cyan);
}

.gsonefail__rule:nth-child(3){
    --rule-color:var(--gsof-violet);
}

.gsonefail__rule:nth-child(4){
    --rule-color:var(--gsof-yellow);
}

.gsonefail__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

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

    text-transform:uppercase;
}

.gsonefail__rule span{
    display:block;

    color:#718274;

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


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

.gsonefail__warning{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.09);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.02),
            rgba(255,200,87,.012)
        );
}

.gsonefail__warning-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.15);

    border-radius:9px;

    color:#d78691;

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

    text-align:center;
}

.gsonefail__warning-copy{
    min-width:0;

    color:#89767a;

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

.gsonefail__warning-copy strong{
    color:#dabbbf;
    font-weight:600;
}

.gsonefail__warning-state{
    flex-shrink:0;

    color:#b18489;

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

    text-transform:uppercase;
}


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

.gsonefail__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.93),
            rgba(2,7,3,.98)
        );
}

.gsonefail__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.07);

    background:
        rgba(5,16,7,.72);
}

.gsonefail__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonefail__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonefail__terminal-dots span:nth-child(1){
    background:
        var(--gsof-red);
}

.gsonefail__terminal-dots span:nth-child(2){
    background:
        var(--gsof-yellow);
}

.gsonefail__terminal-dots span:nth-child(3){
    background:
        var(--gsof-green);
}

.gsonefail__terminal-name{
    color:#637463;

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

    text-transform:uppercase;
}

.gsonefail__terminal-body{
    display:grid;

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

    gap:16px;

    align-items:center;

    padding:
        18px;
}

.gsonefail__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

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

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:7px;

    background:
        rgba(4,13,5,.48);

    color:#718173;

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

.gsonefail__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.11);

    border-radius:9px;

    color:#94c087;

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

.gsonefail__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsof-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.50);
}


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536653;

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

    text-transform:uppercase;
}

.gsonefail__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#667a67;
}

.gsonefail__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsof-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


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

@media (max-width:1100px){

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

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

}


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

@media (max-width:1024px){

    .gsonefail__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

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

        gap:20px;
    }

    .gsonefail__status{
        max-width:650px;
    }

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

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

}


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

@media (max-width:767px){

    .gsonefail{
        overflow:hidden;
    }

    .gsonefail__grid{
        opacity:.17;

        background-size:
            32px 32px;
    }

    .gsonefail__scan,
    .gsonefail__orbit{
        display:none;
    }

    .gsonefail__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonefail__heading{
        display:block;
    }

    .gsonefail__status{
        margin-top:19px;
    }

    .gsonefail__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonefail__intro{
        font-size:14px;
        line-height:1.70;
    }

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

        gap:9px;

        padding:15px;
    }

    .gsonefail__principle-state{
        width:fit-content;
    }

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

    .gsonefail__symptoms-panel,
    .gsonefail__analysis-card,
    .gsonefail__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonefail__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonefail__section-state{
        width:fit-content;
    }

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

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

        gap:9px;
    }

    .gsonefail__errors-state{
        width:fit-content;
    }

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


    /* ===============================================
       HUD MÓVIL — RUTA VERTICAL
       =============================================== */

    .gsonefail__hud{
        min-height:0;
    }

    .gsonefail__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonefail__hud-line{
        left:50%;
        right:auto;
        top:13%;
        bottom:11%;

        width:1px;
        height:auto;

        background:
            linear-gradient(
                180deg,
                rgba(255,99,120,.15),
                rgba(255,99,120,.52),
                rgba(91,224,31,.50),
                rgba(39,217,239,.50),
                rgba(91,224,31,.15)
            );
    }

    .gsonefail__hud-node{
        left:50%;

        width:145px;

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

    .gsonefail__hud-node--a{
        top:16%;
    }

    .gsonefail__hud-node--b{
        top:29%;
    }

    .gsonefail__hud-node--c{
        top:42%;
    }

    .gsonefail__hud-node--d{
        top:55%;
    }

    .gsonefail__hud-node--e{
        top:68%;
    }

    .gsonefail__hud-node--f{
        top:81%;
    }

    .gsonefail__pulse{
        display:none;
    }

    .gsonefail__hud-top{
        top:5%;
    }

    .gsonefail__hud-bottom{
        bottom:4%;
    }

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

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

        gap:8px;
    }

    .gsonefail__warning-state{
        width:fit-content;
    }

    .gsonefail__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonefail__terminal-state{
        width:fit-content;
    }

    .gsonefail__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

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

}


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

@media (max-width:390px){

    .gsonefail__shell{
        width:
            calc(100% - 24px);
    }

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

    .gsonefail__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsonefail__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD RESPONSIVE Y ACCESIBILIDAD
   ========================================================= */

@media (max-width:767px){

    #fallas-xbox-one .gsonefail__hud{
        min-height:0 !important;

        display:grid;

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

        gap:9px;

        padding:
            16px 12px;
    }

    #fallas-xbox-one .gsonefail__hud-head{
        position:relative;

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

        grid-column:
            1 / -1;

        margin-bottom:6px;
    }

    #fallas-xbox-one .gsonefail__hud-line,
    #fallas-xbox-one .gsonefail__pulse{
        display:none !important;
    }

    #fallas-xbox-one .gsonefail__hud-node,
    #fallas-xbox-one .gsonefail__hud-node--a,
    #fallas-xbox-one .gsonefail__hud-node--b,
    #fallas-xbox-one .gsonefail__hud-node--c,
    #fallas-xbox-one .gsonefail__hud-node--d,
    #fallas-xbox-one .gsonefail__hud-node--e,
    #fallas-xbox-one .gsonefail__hud-node--f{
        position:relative;

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

        width:auto;
        min-height:118px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        transform:none;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:
            12px;

        background:
            rgba(2,10,5,.48);
    }

    #fallas-xbox-one .gsonefail__hud-circle{
        width:50px;
        height:50px;

        margin:
            0 auto 8px;
    }

    #fallas-xbox-one .gsonefail__hud-top,
    #fallas-xbox-one .gsonefail__hud-bottom{
        position:relative;

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

        grid-column:
            1 / -1;

        width:fit-content;
        max-width:100%;

        margin:
            4px auto;

        transform:none;
    }

    #fallas-xbox-one .gsonefail__hud-top{
        grid-row:
            2;
    }

    #fallas-xbox-one .gsonefail__hud-bottom{
        grid-column:
            1 / -1;
    }
}

@media (max-width:390px){

    #fallas-xbox-one .gsonefail__hud{
        grid-template-columns:
            minmax(0,1fr);
    }

    #fallas-xbox-one .gsonefail__hud-head,
    #fallas-xbox-one .gsonefail__hud-node,
    #fallas-xbox-one .gsonefail__hud-top,
    #fallas-xbox-one .gsonefail__hud-bottom{
        grid-column:
            1;
    }

    #fallas-xbox-one .gsonefail__hud-node{
        min-height:
            108px;
    }
}

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

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

    #fallas-xbox-one,
    #fallas-xbox-one *,
    #fallas-xbox-one *::before,
    #fallas-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #fallas-xbox-one .gsonefail__scan,
    #fallas-xbox-one .gsonefail__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — HDMI y Video Xbox One
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — HDMI Y VIDEO
   CSS ID EXTERIOR: hdmi-video-xbox-one
   ROOT AUTÓNOMO: .gsonevideo
   ========================================================= */

.gsonevideo{
    scroll-margin-top:90px;

    --gsv-bg:#020403;
    --gsv-bg2:#061008;

    --gsv-green:#5be01f;
    --gsv-green2:#80ff48;

    --gsv-cyan:#27d9ef;
    --gsv-cyan2:#86efff;
    --gsv-blue:#3d83ff;
    --gsv-violet:#8a67ff;

    --gsv-yellow:#ffc857;
    --gsv-orange:#ff9e45;
    --gsv-red:#ff6378;

    --gsv-white:#f3fff4;
    --gsv-text:#eaf5eb;
    --gsv-muted:#91a296;
    --gsv-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gsv-text);

    background:
        radial-gradient(
            circle at 12% 12%,
            rgba(39,217,239,.075),
            transparent 28%
        ),
        radial-gradient(
            circle at 86% 20%,
            rgba(91,224,31,.065),
            transparent 29%
        ),
        radial-gradient(
            circle at 75% 84%,
            rgba(61,131,255,.03),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonevideo__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(39,217,239,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.035) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonevideo__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


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

.gsonevideo__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonevideo__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(39,217,239,.15),
            rgba(91,224,31,.11),
            rgba(39,217,239,.15),
            transparent
        );

    box-shadow:
        0 0 16px rgba(39,217,239,.09);

    animation:
        gsonevideo-scan
        13s linear infinite;
}

@keyframes gsonevideo-scan{

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

    8%{
        opacity:.32;
    }

    92%{
        opacity:.09;
    }

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

}


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

.gsonevideo__orbit{
    position:absolute;

    width:760px;
    height:760px;

    right:-410px;
    top:820px;

    pointer-events:none;

    border:
        1px solid rgba(39,217,239,.04);

    border-radius:50%;

    animation:
        gsonevideo-orbit
        72s linear infinite;
}

.gsonevideo__orbit::before{
    content:"";

    position:absolute;

    inset:115px;

    border:
        1px dashed rgba(91,224,31,.04);

    border-radius:50%;
}

.gsonevideo__orbit::after{
    content:"";

    position:absolute;

    inset:230px;

    border:
        1px solid rgba(138,103,255,.03);

    border-radius:50%;
}

@keyframes gsonevideo-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsonevideo__shell{
    position:relative;
    z-index:3;

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsonevideo__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonevideo__heading-main{
    min-width:0;
}

.gsonevideo__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(39,217,239,.17);

    border-radius:999px;

    background:
        rgba(39,217,239,.035);

    color:#91d6df;

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

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonevideo__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 8px rgba(39,217,239,.68);
}

.gsonevideo__title{
    max-width:1000px;

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

    overflow:visible;

    color:
        var(--gsv-white);

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

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

    letter-spacing:-.035em;
}

.gsonevideo__title span{
    color:
        var(--gsv-cyan2);
}

.gsonevideo__intro{
    max-width:930px;

    margin:
        16px 0 0;

    color:
        var(--gsv-muted);

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


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

.gsonevideo__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.12);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(39,217,239,.025),
            rgba(4,13,7,.92)
        );
}

.gsonevideo__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

.gsonevideo__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#8dd4dd;

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

    text-transform:uppercase;
}

.gsonevideo__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 7px rgba(39,217,239,.55);
}

.gsonevideo__status p{
    margin:0;

    color:#7e9090;

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

.gsonevideo__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#a9edf4 !important;

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

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(39,217,239,.25);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonevideo__inline-link:hover{
    color:#ddfbff !important;

    border-color:
        rgba(39,217,239,.70);
}

.gsonevideo__inline-link:focus-visible{
    outline:
        2px solid rgba(39,217,239,.92);

    outline-offset:
        4px;
}


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

.gsonevideo__principle{
    position:relative;

    display:grid;

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

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.025),
            rgba(91,224,31,.025)
        );
}

.gsonevideo__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:2px;

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

.gsonevideo__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    padding:0;

    border:
        1px solid rgba(39,217,239,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(39,217,239,.075),
            transparent 68%
        );

    color:
        var(--gsv-cyan2);

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

    text-align:center;
}

.gsonevideo__principle-copy{
    min-width:0;
}

.gsonevideo__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dcefeb;

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

.gsonevideo__principle-copy span{
    display:block;

    color:#7d8f86;

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

.gsonevideo__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(39,217,239,.13);

    border-radius:999px;

    color:#8bbec4;

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

    text-transform:uppercase;
}


/* =========================================================
   CADENA DE VIDEO
   ========================================================= */

.gsonevideo__chain{
    display:grid;

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

    gap:7px;

    margin-bottom:18px;
}

.gsonevideo__stage{
    --stage-color:var(--gsv-green);

    position:relative;

    min-width:0;

    padding:
        14px 8px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:10px;

    background:
        rgba(3,12,7,.48);

    text-align:center;
}

.gsonevideo__stage:nth-child(2){
    --stage-color:var(--gsv-green2);
}

.gsonevideo__stage:nth-child(3){
    --stage-color:var(--gsv-cyan);
}

.gsonevideo__stage:nth-child(4){
    --stage-color:#6bdfea;
}

.gsonevideo__stage:nth-child(5){
    --stage-color:var(--gsv-blue);
}

.gsonevideo__stage:nth-child(6){
    --stage-color:var(--gsv-violet);
}

.gsonevideo__stage:nth-child(7){
    --stage-color:var(--gsv-cyan2);
}

.gsonevideo__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

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

.gsonevideo__stage-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:9px;

    color:
        var(--stage-color);

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

    text-align:center;
}

.gsonevideo__stage-title{
    display:block;

    color:
        var(--stage-color);

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

    text-transform:uppercase;
}

.gsonevideo__stage-copy{
    display:block;

    margin-top:3px;

    color:#6e8074;

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


/* =========================================================
   SÍNTOMAS
   ========================================================= */

.gsonevideo__symptoms-panel{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(39,217,239,.035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(5,17,13,.78),
            rgba(2,8,4,.97)
        );
}

.gsonevideo__symptoms-panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:205px;
    height:2px;

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

.gsonevideo__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonevideo__section-label{
    display:block;

    margin-bottom:6px;

    color:#8ed8df;

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

    text-transform:uppercase;
}

.gsonevideo__section-title{
    margin:0;

    color:#e5f5e8;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonevideo__section-copy{
    max-width:870px;

    margin:
        8px 0 0;

    color:#7b8d7e;

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

.gsonevideo__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(39,217,239,.11);

    border-radius:999px;

    color:#83bdc4;

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

    text-transform:uppercase;
}


/* =========================================================
   GRID DE SÍNTOMAS
   ========================================================= */

.gsonevideo__symptoms{
    display:grid;

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

    gap:9px;
}

.gsonevideo__symptom{
    --sym-color:var(--gsv-cyan);

    position:relative;

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

    padding:
        15px 14px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:11px;

    background:
        rgba(3,11,7,.45);
}

.gsonevideo__symptom[data-type="arranque"]{
    --sym-color:var(--gsv-green);
}

.gsonevideo__symptom[data-type="config"]{
    --sym-color:var(--gsv-blue);
}

.gsonevideo__symptom[data-type="fisico"]{
    --sym-color:var(--gsv-red);
}

.gsonevideo__symptom[data-type="calidad"]{
    --sym-color:var(--gsv-violet);
}

.gsonevideo__symptom[data-type="avanzado"]{
    --sym-color:var(--gsv-yellow);
}

.gsonevideo__symptom[data-type="antecedente"]{
    --sym-color:var(--gsv-red);
}

.gsonevideo__symptom::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

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

.gsonevideo__symptom-number{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin-bottom:10px;

    padding:0;

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

    border-radius:8px;

    background:
        rgba(2,9,5,.70);

    color:
        var(--sym-color);

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

    text-align:center;
}

.gsonevideo__symptom strong{
    display:block;

    margin-bottom:5px;

    color:#d3e4d8;

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

.gsonevideo__symptom-copy{
    display:block;

    color:#708176;

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

.gsonevideo__symptom-tag{
    display:inline-flex;
    align-items:center;

    margin-top:9px;

    min-height:24px;

    padding:
        4px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:
        var(--sym-color);

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

    text-transform:uppercase;
}


/* =========================================================
   PRUEBAS EXTERNAS
   ========================================================= */

.gsonevideo__external{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(7,19,10,.72),
            rgba(2,8,4,.97)
        );
}

.gsonevideo__external::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:165px;
    height:2px;

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

.gsonevideo__external-grid{
    display:grid;

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

    gap:8px;

    margin-top:17px;
}

.gsonevideo__external-card{
    --ext-color:var(--gsv-green);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.44);
}

.gsonevideo__external-card:nth-child(2){
    --ext-color:var(--gsv-cyan);
}

.gsonevideo__external-card:nth-child(3){
    --ext-color:var(--gsv-blue);
}

.gsonevideo__external-card:nth-child(4){
    --ext-color:var(--gsv-violet);
}

.gsonevideo__external-card:nth-child(5){
    --ext-color:var(--gsv-yellow);
}

.gsonevideo__external-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin-bottom:9px;

    padding:0;

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

    border-radius:8px;

    color:
        var(--ext-color);

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

    text-align:center;
}

.gsonevideo__external-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--ext-color);

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

    text-transform:uppercase;
}

.gsonevideo__external-copy{
    display:block;

    color:#708175;

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


/* =========================================================
   HDMI FÍSICO + HUD
   ========================================================= */

.gsonevideo__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(440px,1.08fr);

    gap:18px;

    margin-bottom:18px;
}


/* =========================================================
   INSPECCIÓN HDMI
   ========================================================= */

.gsonevideo__physical{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(255,99,120,.085);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 83% 16%,
            rgba(255,99,120,.025),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(9,14,10,.78),
            rgba(2,8,4,.97)
        );
}

.gsonevideo__physical::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:155px;
    height:2px;

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


/* =========================================================
   DIBUJO HDMI
   ========================================================= */

.gsonevideo__port{
    position:relative;

    width:
        min(
            340px,
            86%
        );

    height:158px;

    margin:
        24px auto 25px;

    display:grid;
    place-items:center;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:22px;

    background:
        radial-gradient(
            circle,
            rgba(39,217,239,.045),
            transparent 68%
        );
}

.gsonevideo__port::before{
    content:"";

    position:absolute;

    inset:-11px;

    border:
        1px dashed rgba(91,224,31,.07);

    border-radius:27px;

    animation:
        gsonevideo-port-scan
        8s linear infinite;
}

@keyframes gsonevideo-port-scan{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonevideo__port-body{
    position:relative;

    width:184px;
    height:83px;

    clip-path:
        polygon(
            7% 0,
            93% 0,
            100% 18%,
            100% 82%,
            93% 100%,
            7% 100%,
            0 82%,
            0 18%
        );

    border:
        2px solid var(--gsv-cyan);

    background:
        linear-gradient(
            180deg,
            rgba(39,217,239,.08),
            rgba(2,8,6,.98)
        );

    box-shadow:
        0 0 20px rgba(39,217,239,.08);
}

.gsonevideo__port-body::before{
    content:"";

    position:absolute;

    left:17px;
    right:17px;
    top:21px;

    height:28px;

    border:
        1px solid rgba(91,224,31,.24);

    background:
        rgba(1,5,3,.92);
}

.gsonevideo__pins{
    position:absolute;

    z-index:4;

    left:27px;
    right:27px;
    top:29px;

    display:grid;

    grid-template-columns:
        repeat(10,1fr);

    gap:4px;
}

.gsonevideo__pins span{
    display:block;

    width:100%;
    height:3px;

    border-radius:2px;

    background:
        var(--gsv-yellow);

    box-shadow:
        0 0 4px rgba(255,200,87,.20);
}

.gsonevideo__port-label{
    position:absolute;

    bottom:12px;

    color:#75aeb4;

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

    text-transform:uppercase;
}


/* =========================================================
   INSPECCIÓN
   ========================================================= */

.gsonevideo__physical-checks{
    display:grid;

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

    gap:8px;
}

.gsonevideo__physical-check{
    --phy-color:var(--gsv-cyan);

    min-width:0;

    padding:
        12px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,7,.42);
}

.gsonevideo__physical-check:nth-child(2){
    --phy-color:var(--gsv-yellow);
}

.gsonevideo__physical-check:nth-child(3){
    --phy-color:var(--gsv-green);
}

.gsonevideo__physical-check:nth-child(4){
    --phy-color:var(--gsv-red);
}

.gsonevideo__physical-check strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--phy-color);

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

    text-transform:uppercase;
}

.gsonevideo__physical-check span{
    display:block;

    color:#718176;

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


/* =========================================================
   HUD SEÑAL
   ========================================================= */

.gsonevideo__hud{
    position:relative;

    min-height:610px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 49%,
            rgba(39,217,239,.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 49%,
            rgba(91,224,31,.025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,12,.72),
            rgba(2,8,4,.97)
        );
}

.gsonevideo__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonevideo__hud-head{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    top:15px;

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

    gap:12px;
}

.gsonevideo__hud-code{
    color:#b7a9ee;

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

    text-transform:uppercase;
}

.gsonevideo__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(39,217,239,.12);

    border-radius:999px;

    background:
        rgba(3,14,13,.52);

    color:#84c5cc;

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

.gsonevideo__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 7px rgba(39,217,239,.62);
}


/* =========================================================
   OSCILOSCOPIO / SEÑAL
   ========================================================= */

.gsonevideo__scope{
    position:absolute;

    z-index:4;

    left:32px;
    right:32px;
    top:92px;

    height:154px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:13px;

    background:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        rgba(2,10,8,.62);

    background-size:
        18px 18px;
}

.gsonevideo__wave{
    position:absolute;

    left:-30%;
    top:50%;

    width:160%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            transparent 5%,
            var(--gsv-cyan) 5%,
            var(--gsv-cyan) 8%,
            transparent 8%,
            transparent 12%,
            var(--gsv-cyan) 12%,
            var(--gsv-cyan) 16%,
            transparent 16%,
            transparent 21%,
            var(--gsv-green) 21%,
            var(--gsv-green) 24%,
            transparent 24%,
            transparent 29%,
            var(--gsv-cyan) 29%,
            var(--gsv-cyan) 35%,
            transparent 35%,
            transparent 41%,
            var(--gsv-cyan2) 41%,
            var(--gsv-cyan2) 45%,
            transparent 45%,
            transparent 50%,
            var(--gsv-green) 50%,
            var(--gsv-green) 56%,
            transparent 56%,
            transparent 63%,
            var(--gsv-cyan) 63%,
            var(--gsv-cyan) 69%,
            transparent 69%,
            transparent 75%,
            var(--gsv-cyan2) 75%,
            var(--gsv-cyan2) 81%,
            transparent 81%
        );

    filter:
        drop-shadow(
            0 0 5px
            rgba(39,217,239,.75)
        );

    animation:
        gsonevideo-wave
        4.5s linear infinite;
}

.gsonevideo__wave::before,
.gsonevideo__wave::after{
    content:"";

    position:absolute;

    width:2px;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 5px rgba(39,217,239,.65);
}

.gsonevideo__wave::before{
    left:31%;
    top:-32px;

    height:64px;
}

.gsonevideo__wave::after{
    left:62%;
    top:-23px;

    height:46px;
}

@keyframes gsonevideo-wave{

    from{
        transform:
            translateX(0);
    }

    to{
        transform:
            translateX(28%);
    }

}

.gsonevideo__scope-label{
    position:absolute;

    left:11px;
    bottom:9px;

    color:#5f969c;

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

    text-transform:uppercase;
}


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

.gsonevideo__hud-route{
    position:absolute;

    z-index:8;

    left:22px;
    right:22px;
    top:290px;

    display:grid;

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

    gap:5px;
}

.gsonevideo__hud-node{
    --node-color:var(--gsv-green);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsonevideo__hud-node:nth-child(2){
    --node-color:var(--gsv-green2);
}

.gsonevideo__hud-node:nth-child(3){
    --node-color:var(--gsv-cyan);
}

.gsonevideo__hud-node:nth-child(4){
    --node-color:var(--gsv-blue);
}

.gsonevideo__hud-node:nth-child(5){
    --node-color:var(--gsv-violet);
}

.gsonevideo__hud-node:nth-child(6){
    --node-color:var(--gsv-cyan2);
}

.gsonevideo__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 28px);
    right:calc(-50% + 28px);
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(39,217,239,.12)
        );
}

.gsonevideo__hud-node:last-child::after{
    display:none;
}

.gsonevideo__hud-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:50%;

    background:
        rgba(2,9,6,.96);

    color:
        var(--node-color);

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

    text-align:center;

    box-shadow:
        0 0 15px rgba(39,217,239,.04);
}

.gsonevideo__hud-title{
    display:block;

    color:
        var(--node-color);

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

    text-transform:uppercase;
}

.gsonevideo__hud-copy{
    display:block;

    margin-top:3px;

    color:#65796f;

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


/* =========================================================
   PAQUETE DE SEÑAL
   ========================================================= */

.gsonevideo__packet{
    position:absolute;

    z-index:10;

    left:7%;
    top:317px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 10px rgba(39,217,239,.75);

    opacity:0;

    animation:
        gsonevideo-packet
        5s linear infinite;
}

.gsonevideo__packet--b{
    animation-delay:
        2.4s;

    background:
        var(--gsv-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.70);
}

@keyframes gsonevideo-packet{

    0%{
        left:7%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:92%;
        opacity:0;
    }

}


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

.gsonevideo__hud-equation{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    bottom:16px;

    padding:
        11px 12px;

    border:
        1px solid rgba(39,217,239,.08);

    border-radius:9px;

    background:
        rgba(3,12,9,.72);

    color:#759197;

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

    text-align:center;

    text-transform:uppercase;
}

.gsonevideo__hud-equation b{
    color:
        var(--gsv-cyan2);
}


/* =========================================================
   CONFIGURACIÓN / RESOLUCIÓN
   ========================================================= */

.gsonevideo__config{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(5,10,20,.28),
            rgba(2,8,4,.97)
        );
}

.gsonevideo__config::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

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

.gsonevideo__config-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonevideo__config-card{
    --cfg-color:var(--gsv-cyan);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,8,.42);
}

.gsonevideo__config-card:nth-child(2){
    --cfg-color:var(--gsv-blue);
}

.gsonevideo__config-card:nth-child(3){
    --cfg-color:var(--gsv-violet);
}

.gsonevideo__config-card:nth-child(4){
    --cfg-color:var(--gsv-yellow);
}

.gsonevideo__config-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--cfg-color);

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

    text-transform:uppercase;
}

.gsonevideo__config-card span{
    display:block;

    color:#6f8176;

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


/* =========================================================
   REGLAS
   ========================================================= */

.gsonevideo__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.016),
            rgba(2,8,4,.97)
        );
}

.gsonevideo__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:165px;
    height:2px;

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

.gsonevideo__rules-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonevideo__rule{
    --rule-color:var(--gsv-cyan);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,7,.43);
}

.gsonevideo__rule:nth-child(2){
    --rule-color:var(--gsv-green);
}

.gsonevideo__rule:nth-child(3){
    --rule-color:var(--gsv-violet);
}

.gsonevideo__rule:nth-child(4){
    --rule-color:var(--gsv-yellow);
}

.gsonevideo__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

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

    text-transform:uppercase;
}

.gsonevideo__rule span{
    display:block;

    color:#708176;

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


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

.gsonevideo__warning{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.09);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.018),
            rgba(39,217,239,.01)
        );
}

.gsonevideo__warning-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.15);

    border-radius:9px;

    color:#d88893;

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

    text-align:center;
}

.gsonevideo__warning-copy{
    min-width:0;

    color:#88777b;

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

.gsonevideo__warning-copy strong{
    color:#dbbdc1;

    font-weight:600;
}

.gsonevideo__warning-state{
    flex-shrink:0;

    color:#b18389;

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

    text-transform:uppercase;
}


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

.gsonevideo__terminal{
    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.11);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(5,16,13,.93),
            rgba(2,7,3,.98)
        );
}

.gsonevideo__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(39,217,239,.065);

    background:
        rgba(4,15,12,.72);
}

.gsonevideo__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonevideo__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonevideo__terminal-dots span:nth-child(1){
    background:
        var(--gsv-red);
}

.gsonevideo__terminal-dots span:nth-child(2){
    background:
        var(--gsv-yellow);
}

.gsonevideo__terminal-dots span:nth-child(3){
    background:
        var(--gsv-green);
}

.gsonevideo__terminal-name{
    color:#61756f;

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

    text-transform:uppercase;
}

.gsonevideo__terminal-body{
    display:grid;

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

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonevideo__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

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

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:7px;

    background:
        rgba(3,12,9,.46);

    color:#70817a;

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

.gsonevideo__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(39,217,239,.11);

    border-radius:9px;

    color:#88bbc1;

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

.gsonevideo__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 7px rgba(39,217,239,.52);
}


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#53645d;

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

    text-transform:uppercase;
}

.gsonevideo__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#65796e;
}

.gsonevideo__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsv-cyan);

    box-shadow:
        0 0 7px rgba(39,217,239,.48);
}


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

@media (max-width:1100px){

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

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

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

}


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

@media (max-width:1024px){

    .gsonevideo__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

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

        gap:20px;
    }

    .gsonevideo__status{
        max-width:650px;
    }

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

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

}


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

@media (max-width:767px){

    .gsonevideo{
        overflow:hidden;
    }

    .gsonevideo__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonevideo__scan,
    .gsonevideo__orbit{
        display:none;
    }

    .gsonevideo__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonevideo__heading{
        display:block;
    }

    .gsonevideo__status{
        margin-top:19px;
    }

    .gsonevideo__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonevideo__intro{
        font-size:14px;
        line-height:1.70;
    }

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

        gap:9px;

        padding:15px;
    }

    .gsonevideo__principle-state{
        width:fit-content;
    }

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

    .gsonevideo__symptoms-panel,
    .gsonevideo__external,
    .gsonevideo__physical,
    .gsonevideo__config,
    .gsonevideo__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonevideo__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonevideo__section-state{
        width:fit-content;
    }

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

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

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


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

    .gsonevideo__hud{
        min-height:0;
    }

    .gsonevideo__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonevideo__scope{
        left:14px;
        right:14px;
        top:91px;

        height:130px;
    }

    .gsonevideo__hud-route{
        left:14px;
        right:14px;
        top:258px;

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

        gap:10px;
    }

    .gsonevideo__hud-node{
        display:grid;

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

        gap:10px;

        align-items:center;

        text-align:left;
    }

    .gsonevideo__hud-node::after{
        display:none;
    }

    .gsonevideo__hud-circle{
        width:48px;
        height:48px;

        margin:0;
    }

    .gsonevideo__packet{
        display:none;
    }

    .gsonevideo__hud-equation{
        left:12px;
        right:12px;
        bottom:12px;
    }

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

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

        gap:8px;
    }

    .gsonevideo__warning-state{
        width:fit-content;
    }

    .gsonevideo__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonevideo__terminal-state{
        width:fit-content;
    }

    .gsonevideo__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

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

}


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

@media (max-width:390px){

    .gsonevideo__shell{
        width:
            calc(100% - 24px);
    }

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

    .gsonevideo__port{
        width:100%;
    }

    .gsonevideo__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsonevideo__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD RESPONSIVE
   ========================================================= */

@media (max-width:767px){

    #hdmi-video-xbox-one .gsonevideo__hud{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-head{
        position:relative;

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

        margin-bottom:
            13px;
    }

    #hdmi-video-xbox-one .gsonevideo__scope{
        position:relative;

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

        width:100%;
        height:136px;

        margin:
            0 0 12px;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-route{
        position:relative;

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

        display:grid;

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

        gap:
            9px;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-node{
        min-height:
            112px;

        display:grid;

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

        gap:
            7px;

        align-content:
            center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:
            12px;

        background:
            rgba(2,10,7,.50);

        text-align:
            center;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-node::after{
        display:none !important;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-circle{
        width:
            52px;

        height:
            52px;

        margin:
            0 auto 4px;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-title{
        font-size:
            9px;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-copy{
        margin-top:
            0;

        font-size:
            8.5px;
    }

    #hdmi-video-xbox-one .gsonevideo__packet{
        display:none !important;
    }

    #hdmi-video-xbox-one .gsonevideo__hud-equation{
        position:relative;

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

        margin-top:
            12px;
    }
}

@media (max-width:390px){

    #hdmi-video-xbox-one .gsonevideo__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    #hdmi-video-xbox-one .gsonevideo__hud-node{
        min-height:
            106px;
    }

    #hdmi-video-xbox-one .gsonevideo__title{
        line-height:
            1.10;
    }
}

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

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

    #hdmi-video-xbox-one,
    #hdmi-video-xbox-one *,
    #hdmi-video-xbox-one *::before,
    #hdmi-video-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #hdmi-video-xbox-one .gsonevideo__scan,
    #hdmi-video-xbox-one .gsonevideo__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Encendido Alimentación Arranque
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — ENCENDIDO, ALIMENTACIÓN Y ARRANQUE
   CSS ID: encendido-alimentacion-arranque-xbox-one
   ROOT AUTÓNOMO: .gsonepwr
   ========================================================= */

.gsonepwr{
    scroll-margin-top:90px;

    --gsp-bg:#020403;
    --gsp-bg2:#061008;

    --gsp-green:#5be01f;
    --gsp-green2:#80ff48;
    --gsp-green3:#baff9b;

    --gsp-cyan:#27d9ef;
    --gsp-blue:#3d83ff;
    --gsp-violet:#8a67ff;

    --gsp-yellow:#ffc857;
    --gsp-orange:#ff9e45;
    --gsp-red:#ff6378;

    --gsp-white:#f3fff4;
    --gsp-text:#eaf5eb;
    --gsp-muted:#91a296;
    --gsp-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gsp-text);

    background:
        radial-gradient(
            circle at 11% 13%,
            rgba(91,224,31,.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 89% 17%,
            rgba(255,200,87,.035),
            transparent 28%
        ),
        radial-gradient(
            circle at 76% 83%,
            rgba(39,217,239,.025),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonepwr__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.038) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonepwr__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


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

.gsonepwr__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonepwr__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.12),
            rgba(255,200,87,.13),
            rgba(39,217,239,.13),
            transparent
        );

    box-shadow:
        0 0 15px rgba(91,224,31,.08);

    animation:
        gsonepwr-scan
        13s linear infinite;
}

@keyframes gsonepwr-scan{

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

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

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

}


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

.gsonepwr__orbit{
    position:absolute;

    width:760px;
    height:760px;

    right:-420px;
    top:900px;

    pointer-events:none;

    border:
        1px solid rgba(91,224,31,.04);

    border-radius:50%;

    animation:
        gsonepwr-orbit
        72s linear infinite;
}

.gsonepwr__orbit::before{
    content:"";

    position:absolute;

    inset:118px;

    border:
        1px dashed rgba(39,217,239,.04);

    border-radius:50%;
}

.gsonepwr__orbit::after{
    content:"";

    position:absolute;

    inset:230px;

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

    border-radius:50%;
}

@keyframes gsonepwr-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsonepwr__shell{
    position:relative;
    z-index:3;

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsonepwr__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonepwr__heading-main{
    min-width:0;
}

.gsonepwr__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

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

    border-radius:999px;

    background:
        rgba(255,200,87,.025);

    color:#d9bd75;

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

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonepwr__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsp-yellow);

    box-shadow:
        0 0 8px rgba(255,200,87,.62);
}

.gsonepwr__title{
    max-width:1010px;

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

    overflow:visible;

    color:
        var(--gsp-white);

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

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

    letter-spacing:-.035em;
}

.gsonepwr__title span{
    color:
        var(--gsp-green2);
}

.gsonepwr__intro{
    max-width:940px;

    margin:
        16px 0 0;

    color:
        var(--gsp-muted);

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


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

.gsonepwr__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.022),
            rgba(4,13,7,.92)
        );
}

.gsonepwr__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

.gsonepwr__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#d3b672;

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

    text-transform:uppercase;
}

.gsonepwr__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsp-yellow);

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

.gsonepwr__status p{
    margin:0;

    color:#8b856f;

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

.gsonepwr__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#b7ef9e !important;

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

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(91,224,31,.24);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonepwr__inline-link:hover{
    color:#e4ffd8 !important;

    border-color:
        rgba(91,224,31,.70);
}

.gsonepwr__inline-link:focus-visible{
    outline:
        2px solid rgba(91,224,31,.92);

    outline-offset:
        4px;
}


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

.gsonepwr__principle{
    position:relative;

    display:grid;

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

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(91,224,31,.04),
            rgba(39,217,239,.012)
        );
}

.gsonepwr__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:2px;

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

.gsonepwr__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    padding:0;

    border:
        1px solid rgba(91,224,31,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.075),
            transparent 68%
        );

    color:
        var(--gsp-green2);

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

    text-align:center;
}

.gsonepwr__principle-copy{
    min-width:0;
}

.gsonepwr__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#ddf0dc;

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

.gsonepwr__principle-copy span{
    display:block;

    color:#7d907f;

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

.gsonepwr__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

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

    text-transform:uppercase;
}


/* =========================================================
   ARQUITECTURA POR MODELO
   ========================================================= */

.gsonepwr__models{
    display:grid;

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

    gap:9px;

    margin-bottom:18px;
}

.gsonepwr__model{
    --model-color:var(--gsp-green);

    position:relative;

    min-width:0;

    padding:19px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:15px;

    background:
        radial-gradient(
            circle at 88% 14%,
            rgba(91,224,31,.045),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(7,20,10,.78),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__model:nth-child(2){
    --model-color:var(--gsp-cyan);

    border-color:
        rgba(39,217,239,.08);
}

.gsonepwr__model:nth-child(3){
    --model-color:var(--gsp-green2);
}

.gsonepwr__model::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:90px;
    height:2px;

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

.gsonepwr__model-code{
    display:grid;
    place-items:center;

    width:40px;
    height:40px;

    margin-bottom:13px;

    padding:0;

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

    border-radius:10px;

    background:
        rgba(2,9,4,.66);

    color:
        var(--model-color);

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

    text-align:center;
}

.gsonepwr__model h3{
    margin:0;

    color:#e4f3e3;

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

.gsonepwr__model-type{
    display:block;

    margin-top:4px;

    color:
        var(--model-color);

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

    text-transform:uppercase;
}

.gsonepwr__model p{
    margin:
        11px 0 0;

    color:#7a8c7d;

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

.gsonepwr__model-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin-top:13px;
}

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

    min-height:26px;

    padding:
        5px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:#718274;

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


/* =========================================================
   SECUENCIA DE ALIMENTACIÓN
   ========================================================= */

.gsonepwr__chain{
    display:grid;

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

    gap:7px;

    margin-bottom:18px;
}

.gsonepwr__stage{
    --stage-color:var(--gsp-yellow);

    position:relative;

    min-width:0;

    padding:
        14px 8px;

    overflow:hidden;

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

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsonepwr__stage:nth-child(2){
    --stage-color:var(--gsp-orange);
}

.gsonepwr__stage:nth-child(3){
    --stage-color:var(--gsp-green);
}

.gsonepwr__stage:nth-child(4){
    --stage-color:var(--gsp-green2);
}

.gsonepwr__stage:nth-child(5){
    --stage-color:var(--gsp-cyan);
}

.gsonepwr__stage:nth-child(6){
    --stage-color:var(--gsp-violet);
}

.gsonepwr__stage:nth-child(7){
    --stage-color:var(--gsp-blue);
}

.gsonepwr__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

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

.gsonepwr__stage-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:9px;

    color:
        var(--stage-color);

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

    text-align:center;
}

.gsonepwr__stage-title{
    display:block;

    color:
        var(--stage-color);

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

    text-transform:uppercase;
}

.gsonepwr__stage-copy{
    display:block;

    margin-top:3px;

    color:#6e8073;

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


/* =========================================================
   SÍNTOMAS
   ========================================================= */

.gsonepwr__symptoms-panel{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(255,200,87,.025),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7,20,10,.80),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__symptoms-panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:205px;
    height:2px;

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

.gsonepwr__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonepwr__section-label{
    display:block;

    margin-bottom:6px;

    color:#a6df93;

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

    text-transform:uppercase;
}

.gsonepwr__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonepwr__section-copy{
    max-width:870px;

    margin:
        8px 0 0;

    color:#7b8d7e;

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

.gsonepwr__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

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

    border-radius:999px;

    color:#bda66d;

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

    text-transform:uppercase;
}

.gsonepwr__symptoms{
    display:grid;

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

    gap:9px;
}

.gsonepwr__symptom{
    --sym-color:var(--gsp-green);

    position:relative;

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

    padding:
        15px 14px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:11px;

    background:
        rgba(3,11,6,.45);
}

.gsonepwr__symptom[data-type="fuente"]{
    --sym-color:var(--gsp-yellow);
}

.gsonepwr__symptom[data-type="proteccion"]{
    --sym-color:var(--gsp-red);
}

.gsonepwr__symptom[data-type="arranque"]{
    --sym-color:var(--gsp-violet);
}

.gsonepwr__symptom[data-type="sistema"]{
    --sym-color:var(--gsp-blue);
}

.gsonepwr__symptom[data-type="intermitente"]{
    --sym-color:var(--gsp-cyan);
}

.gsonepwr__symptom[data-type="antecedente"]{
    --sym-color:var(--gsp-red);
}

.gsonepwr__symptom::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

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

.gsonepwr__symptom-number{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin-bottom:10px;

    padding:0;

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

    border-radius:8px;

    background:
        rgba(2,9,4,.68);

    color:
        var(--sym-color);

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

    text-align:center;
}

.gsonepwr__symptom strong{
    display:block;

    margin-bottom:5px;

    color:#d4e4d3;

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

.gsonepwr__symptom-copy{
    display:block;

    color:#718274;

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

.gsonepwr__symptom-tag{
    display:inline-flex;
    align-items:center;

    margin-top:9px;

    min-height:24px;

    padding:
        4px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:
        var(--sym-color);

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

    text-transform:uppercase;
}


/* =========================================================
   FUENTE EXTERNA ORIGINAL
   ========================================================= */

.gsonepwr__original{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,.82fr)
        minmax(400px,1.18fr);

    gap:18px;

    margin-bottom:18px;
}

.gsonepwr__original-copy{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(19,16,5,.28),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__original-copy::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:165px;
    height:2px;

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

.gsonepwr__original-points{
    display:grid;

    gap:8px;

    margin-top:17px;
}

.gsonepwr__original-point{
    display:grid;

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

    gap:11px;

    align-items:center;

    padding:12px;

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

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonepwr__original-code{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

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

    border-radius:9px;

    color:
        var(--gsp-yellow);

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

    text-align:center;
}

.gsonepwr__original-point strong{
    display:block;

    margin-bottom:3px;

    color:#d9d0ac;

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

.gsonepwr__original-point > div > span{
    display:block;

    color:#837e6b;

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


/* =========================================================
   INDICADOR FUENTE ORIGINAL
   ========================================================= */

.gsonepwr__psu{
    position:relative;

    min-height:430px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 47%,
            rgba(255,200,87,.055),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(12,13,5,.48),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__psu::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(255,200,87,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonepwr__psu-head{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    top:15px;

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

    gap:12px;
}

.gsonepwr__psu-code{
    color:#d0b56e;

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

    text-transform:uppercase;
}

.gsonepwr__psu-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

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

    border-radius:999px;

    color:#baa46c;

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

.gsonepwr__psu-grid{
    position:absolute;

    z-index:8;

    left:20px;
    right:20px;
    top:98px;

    display:grid;

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

    gap:12px;
}

.gsonepwr__psu-item{
    --psu-color:var(--gsp-green);

    min-width:0;

    text-align:center;
}

.gsonepwr__psu-item:nth-child(2){
    --psu-color:var(--gsp-red);
}

.gsonepwr__psu-item:nth-child(3){
    --psu-color:var(--gsp-orange);
}

.gsonepwr__psu-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:86px;
    height:86px;

    margin:
        0 auto 10px;

    padding:0;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--psu-color) 9%,
                transparent
            ),
            rgba(2,8,4,.96) 72%
        );

    color:
        var(--psu-color);

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

    text-align:center;

    box-shadow:
        0 0 22px
        color-mix(
            in srgb,
            var(--psu-color) 8%,
            transparent
        );
}

.gsonepwr__psu-title{
    display:block;

    color:
        var(--psu-color);

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

    text-transform:uppercase;
}

.gsonepwr__psu-copy{
    display:block;

    margin-top:4px;

    color:#746f61;

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

.gsonepwr__psu-note{
    position:absolute;

    z-index:15;

    left:17px;
    right:17px;
    bottom:16px;

    padding:
        12px 13px;

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

    border-radius:9px;

    background:
        rgba(10,10,3,.58);

    color:#8b8165;

    font-size:9px;
    line-height:1.55;

    text-align:center;
}

.gsonepwr__psu-note strong{
    color:#d6c393;
    font-weight:600;
}


/* =========================================================
   ANÁLISIS + HUD
   ========================================================= */

.gsonepwr__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(440px,1.08fr);

    gap:18px;

    margin-bottom:18px;
}


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

.gsonepwr__analysis-card{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(7,20,10,.78),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__analysis-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:165px;
    height:2px;

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

.gsonepwr__checks{
    display:grid;

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

    gap:8px;

    margin-top:17px;
}

.gsonepwr__check{
    --check-color:var(--gsp-yellow);

    min-width:0;

    padding:
        13px 12px;

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

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonepwr__check:nth-child(2){
    --check-color:var(--gsp-green);
}

.gsonepwr__check:nth-child(3){
    --check-color:var(--gsp-green2);
}

.gsonepwr__check:nth-child(4){
    --check-color:var(--gsp-cyan);
}

.gsonepwr__check:nth-child(5){
    --check-color:var(--gsp-violet);
}

.gsonepwr__check:nth-child(6){
    --check-color:var(--gsp-blue);
}

.gsonepwr__check-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin-bottom:8px;

    padding:0;

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

    border-radius:8px;

    color:
        var(--check-color);

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

    text-align:center;
}

.gsonepwr__check strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--check-color);

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

    text-transform:uppercase;
}

.gsonepwr__check-copy{
    display:block;

    color:#718274;

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


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

.gsonepwr__hud{
    position:relative;

    min-height:600px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(91,224,31,.065),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 48%,
            rgba(255,200,87,.025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,10,.72),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonepwr__hud-head{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    top:15px;

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

    gap:12px;
}

.gsonepwr__hud-code{
    color:#b7a9ee;

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

    text-transform:uppercase;
}

.gsonepwr__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    background:
        rgba(4,15,8,.50);

    color:#96c789;

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

.gsonepwr__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.58);
}


/* =========================================================
   MEDIDOR CENTRAL
   ========================================================= */

.gsonepwr__meter{
    position:absolute;

    z-index:6;

    left:50%;
    top:39%;

    width:285px;
    height:285px;

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

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:50%;

    animation:
        gsonepwr-meter
        26s linear infinite;
}

.gsonepwr__meter::before{
    content:"";

    position:absolute;

    inset:45px;

    border:
        1px dashed rgba(39,217,239,.12);

    border-radius:50%;

    animation:
        gsonepwr-meter-inner
        17s linear infinite reverse;
}

.gsonepwr__meter::after{
    content:"";

    position:absolute;

    inset:94px;

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

    border-radius:50%;
}

@keyframes gsonepwr-meter{

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

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

}

@keyframes gsonepwr-meter-inner{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonepwr__meter-dot{
    position:absolute;

    left:50%;
    top:-5px;

    width:10px;
    height:10px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.72);
}


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

.gsonepwr__hud-route{
    position:absolute;

    z-index:12;

    left:22px;
    right:22px;
    bottom:104px;

    display:grid;

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

    gap:5px;
}

.gsonepwr__hud-node{
    --node-color:var(--gsp-yellow);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsonepwr__hud-node:nth-child(2){
    --node-color:var(--gsp-orange);
}

.gsonepwr__hud-node:nth-child(3){
    --node-color:var(--gsp-green);
}

.gsonepwr__hud-node:nth-child(4){
    --node-color:var(--gsp-green2);
}

.gsonepwr__hud-node:nth-child(5){
    --node-color:var(--gsp-violet);
}

.gsonepwr__hud-node:nth-child(6){
    --node-color:var(--gsp-blue);
}

.gsonepwr__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 28px);
    right:calc(-50% + 28px);
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(91,224,31,.12)
        );
}

.gsonepwr__hud-node:last-child::after{
    display:none;
}


/* =========================================================
   CÍRCULOS — CENTRADO PROTEGIDO
   ========================================================= */

.gsonepwr__hud-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

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

    text-align:center;

    box-shadow:
        0 0 15px rgba(91,224,31,.045);
}

.gsonepwr__hud-title{
    display:block;

    color:
        var(--node-color);

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

    text-transform:uppercase;
}

.gsonepwr__hud-copy{
    display:block;

    margin-top:3px;

    color:#65786a;

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


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

.gsonepwr__packet{
    position:absolute;

    z-index:15;

    left:7%;
    bottom:159px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.72);

    opacity:0;

    animation:
        gsonepwr-packet
        5s linear infinite;
}

.gsonepwr__packet--b{
    animation-delay:2.4s;

    background:
        var(--gsp-cyan);

    box-shadow:
        0 0 10px rgba(39,217,239,.68);
}

@keyframes gsonepwr-packet{

    0%{
        left:7%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:92%;
        opacity:0;
    }

}


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

.gsonepwr__hud-equation{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        11px 12px;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:9px;

    background:
        rgba(3,12,7,.72);

    color:#769174;

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

    text-align:center;

    text-transform:uppercase;
}

.gsonepwr__hud-equation b{
    color:
        var(--gsp-green2);
}


/* =========================================================
   DIFERENCIAR ALIMENTACIÓN / ARRANQUE
   ========================================================= */

.gsonepwr__difference{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(138,103,255,.015),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__difference::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsp-yellow),
            var(--gsp-violet),
            var(--gsp-green),
            transparent
        );
}

.gsonepwr__difference-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonepwr__difference-card{
    --diff-color:var(--gsp-yellow);

    min-width:0;

    padding:
        15px 13px;

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

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonepwr__difference-card:nth-child(2){
    --diff-color:var(--gsp-green);
}

.gsonepwr__difference-card:nth-child(3){
    --diff-color:var(--gsp-violet);
}

.gsonepwr__difference-card:nth-child(4){
    --diff-color:var(--gsp-blue);
}

.gsonepwr__difference-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--diff-color);

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

    text-transform:uppercase;
}

.gsonepwr__difference-card span{
    display:block;

    color:#708176;

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


/* =========================================================
   REGLAS
   ========================================================= */

.gsonepwr__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.016),
            rgba(2,8,4,.97)
        );
}

.gsonepwr__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:165px;
    height:2px;

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

.gsonepwr__rules-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonepwr__rule{
    --rule-color:var(--gsp-yellow);

    min-width:0;

    padding:
        15px 13px;

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

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonepwr__rule:nth-child(2){
    --rule-color:var(--gsp-green);
}

.gsonepwr__rule:nth-child(3){
    --rule-color:var(--gsp-violet);
}

.gsonepwr__rule:nth-child(4){
    --rule-color:var(--gsp-cyan);
}

.gsonepwr__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

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

    text-transform:uppercase;
}

.gsonepwr__rule span{
    display:block;

    color:#708176;

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


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

.gsonepwr__warning{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.09);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.018),
            rgba(255,200,87,.01)
        );
}

.gsonepwr__warning-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.15);

    border-radius:9px;

    color:#d88893;

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

    text-align:center;
}

.gsonepwr__warning-copy{
    min-width:0;

    color:#88777b;

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

.gsonepwr__warning-copy strong{
    color:#dbbdc1;

    font-weight:600;
}

.gsonepwr__warning-state{
    flex-shrink:0;

    color:#b18389;

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

    text-transform:uppercase;
}


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

.gsonepwr__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.93),
            rgba(2,7,3,.98)
        );
}

.gsonepwr__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.065);

    background:
        rgba(5,16,7,.72);
}

.gsonepwr__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonepwr__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonepwr__terminal-dots span:nth-child(1){
    background:
        var(--gsp-red);
}

.gsonepwr__terminal-dots span:nth-child(2){
    background:
        var(--gsp-yellow);
}

.gsonepwr__terminal-dots span:nth-child(3){
    background:
        var(--gsp-green);
}

.gsonepwr__terminal-name{
    color:#617365;

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

    text-transform:uppercase;
}

.gsonepwr__terminal-body{
    display:grid;

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

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonepwr__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

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

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:7px;

    background:
        rgba(4,13,5,.46);

    color:#708174;

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

.gsonepwr__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:9px;

    color:#91bd86;

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

.gsonepwr__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536453;

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

    text-transform:uppercase;
}

.gsonepwr__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657867;
}

.gsonepwr__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


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

@media (max-width:1100px){

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

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

}


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

@media (max-width:1024px){

    .gsonepwr__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

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

        gap:20px;
    }

    .gsonepwr__status{
        max-width:650px;
    }

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

    .gsonepwr__psu{
        min-height:400px;
    }

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

}


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

@media (max-width:767px){

    .gsonepwr{
        overflow:hidden;
    }

    .gsonepwr__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonepwr__scan,
    .gsonepwr__orbit{
        display:none;
    }

    .gsonepwr__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonepwr__heading{
        display:block;
    }

    .gsonepwr__status{
        margin-top:19px;
    }

    .gsonepwr__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonepwr__intro{
        font-size:14px;
        line-height:1.70;
    }

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

        gap:9px;

        padding:15px;
    }

    .gsonepwr__principle-state{
        width:fit-content;
    }

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

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

    .gsonepwr__symptoms-panel,
    .gsonepwr__original-copy,
    .gsonepwr__analysis-card,
    .gsonepwr__difference,
    .gsonepwr__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonepwr__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonepwr__section-state{
        width:fit-content;
    }

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

    .gsonepwr__psu{
        min-height:0;
    }

    .gsonepwr__psu-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonepwr__psu-grid{
        top:105px;

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

        gap:14px;
    }

    .gsonepwr__psu-circle{
        width:72px;
        height:72px;
    }

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


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

    .gsonepwr__hud{
        min-height:0;
    }

    .gsonepwr__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonepwr__meter{
        top:26%;

        width:225px;
        height:225px;
    }

    .gsonepwr__hud-route{
        left:15px;
        right:15px;
        bottom:88px;

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

        gap:12px 6px;
    }

    .gsonepwr__hud-node::after{
        display:none;
    }

    .gsonepwr__hud-circle{
        width:50px;
        height:50px;
    }

    .gsonepwr__packet{
        display:none;
    }

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

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

        gap:8px;
    }

    .gsonepwr__warning-state{
        width:fit-content;
    }

    .gsonepwr__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonepwr__terminal-state{
        width:fit-content;
    }

    .gsonepwr__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

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

}


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

@media (max-width:390px){

    .gsonepwr__shell{
        width:
            calc(100% - 24px);
    }

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

    .gsonepwr__hud{
        min-height:0;
    }

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

    .gsonepwr__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsonepwr__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — FUENTE EXTERNA Y HUD RESPONSIVE
   ========================================================= */

@media (max-width:767px){

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-head{
        position:relative;

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

        margin-bottom:
            13px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-grid{
        position:relative;

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

        display:grid;

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

        gap:
            9px;

        margin-top:
            0;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-item{
        min-height:
            128px;

        display:grid;

        align-content:
            center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:
            12px;

        background:
            rgba(7,10,3,.42);
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-item:nth-child(3){
        grid-column:
            1 / -1;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-circle{
        width:
            68px;

        height:
            68px;

        margin:
            0 auto 9px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-note{
        position:relative;

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

        margin-top:
            12px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-head{
        position:relative;

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

        margin-bottom:
            13px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__meter{
        position:relative;

        left:auto;
        top:auto;

        width:
            210px;

        height:
            210px;

        margin:
            2px auto 14px;

        transform:none;

        animation:none;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-route{
        position:relative;

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

        display:grid;

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

        gap:
            9px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-node{
        min-height:
            112px;

        display:grid;

        align-content:
            center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:
            12px;

        background:
            rgba(2,10,6,.48);

        text-align:
            center;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-node::after{
        display:none !important;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-circle{
        width:
            52px;

        height:
            52px;

        margin:
            0 auto 7px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-title{
        font-size:
            9px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-copy{
        margin-top:
            2px;

        font-size:
            8.5px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__packet{
        display:none !important;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-equation{
        position:relative;

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

        margin-top:
            12px;
    }
}

@media (max-width:390px){

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-grid,
    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-item:nth-child(3){
        grid-column:
            1;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__psu-item,
    #encendido-alimentacion-arranque-xbox-one .gsonepwr__hud-node{
        min-height:
            108px;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__title{
        line-height:
            1.10;
    }
}

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

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

    #encendido-alimentacion-arranque-xbox-one,
    #encendido-alimentacion-arranque-xbox-one *,
    #encendido-alimentacion-arranque-xbox-one *::before,
    #encendido-alimentacion-arranque-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #encendido-alimentacion-arranque-xbox-one .gsonepwr__scan,
    #encendido-alimentacion-arranque-xbox-one .gsonepwr__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Lector de Discos
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — LECTOR DE DISCOS
   CSS ID EXTERIOR: lector-discos-xbox-one
   ROOT AUTÓNOMO: .gsonedisc
   ========================================================= */

.gsonedisc{
    scroll-margin-top:90px;

    --gsd-bg:#020403;
    --gsd-bg2:#061008;

    --gsd-green:#5be01f;
    --gsd-green2:#80ff48;

    --gsd-cyan:#27d9ef;
    --gsd-blue:#3d83ff;
    --gsd-violet:#8a67ff;

    --gsd-yellow:#ffc857;
    --gsd-orange:#ff9e45;
    --gsd-red:#ff6378;

    --gsd-white:#f3fff4;
    --gsd-text:#eaf5eb;
    --gsd-muted:#91a296;
    --gsd-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gsd-text);

    background:
        radial-gradient(
            circle at 12% 13%,
            rgba(138,103,255,.06),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(91,224,31,.07),
            transparent 29%
        ),
        radial-gradient(
            circle at 73% 84%,
            rgba(39,217,239,.025),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonedisc__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.037) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.037) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonedisc__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


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

.gsonedisc__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonedisc__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.10),
            rgba(138,103,255,.15),
            rgba(39,217,239,.12),
            transparent
        );

    box-shadow:
        0 0 15px rgba(138,103,255,.08);

    animation:
        gsonedisc-scan
        13s linear infinite;
}

@keyframes gsonedisc-scan{

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

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

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

}


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

.gsonedisc__orbit{
    position:absolute;

    width:760px;
    height:760px;

    left:-420px;
    top:980px;

    pointer-events:none;

    border:
        1px solid rgba(138,103,255,.038);

    border-radius:50%;

    animation:
        gsonedisc-orbit
        72s linear infinite;
}

.gsonedisc__orbit::before{
    content:"";

    position:absolute;

    inset:118px;

    border:
        1px dashed rgba(91,224,31,.04);

    border-radius:50%;
}

.gsonedisc__orbit::after{
    content:"";

    position:absolute;

    inset:230px;

    border:
        1px solid rgba(39,217,239,.028);

    border-radius:50%;
}

@keyframes gsonedisc-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsonedisc__shell{
    position:relative;
    z-index:3;

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsonedisc__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonedisc__heading-main{
    min-width:0;
}

.gsonedisc__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(138,103,255,.16);

    border-radius:999px;

    background:
        rgba(138,103,255,.03);

    color:#b9a8e5;

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

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonedisc__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsd-violet);

    box-shadow:
        0 0 8px rgba(138,103,255,.66);
}

.gsonedisc__title{
    max-width:1000px;

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

    overflow:visible;

    color:
        var(--gsd-white);

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

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

    letter-spacing:-.035em;
}

.gsonedisc__title span{
    color:
        var(--gsd-green2);
}

.gsonedisc__intro{
    max-width:940px;

    margin:
        16px 0 0;

    color:
        var(--gsd-muted);

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


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

.gsonedisc__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.12);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(138,103,255,.025),
            rgba(4,13,7,.92)
        );
}

.gsonedisc__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

.gsonedisc__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#b09edc;

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

    text-transform:uppercase;
}

.gsonedisc__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsd-violet);

    box-shadow:
        0 0 7px rgba(138,103,255,.55);
}

.gsonedisc__status p{
    margin:0;

    color:#81798e;

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

.gsonedisc__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#c2b5ee !important;

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

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(138,103,255,.28);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonedisc__inline-link:hover{
    color:#eee9ff !important;

    border-color:
        rgba(138,103,255,.72);
}

.gsonedisc__inline-link:focus-visible{
    outline:
        2px solid rgba(138,103,255,.92);

    outline-offset:
        4px;
}


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

.gsonedisc__principle{
    position:relative;

    display:grid;

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

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(138,103,255,.025),
            rgba(91,224,31,.025)
        );
}

.gsonedisc__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:185px;
    height:2px;

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

.gsonedisc__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    padding:0;

    border:
        1px solid rgba(138,103,255,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(138,103,255,.08),
            transparent 68%
        );

    color:#bba9ee;

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

    text-align:center;
}

.gsonedisc__principle-copy{
    min-width:0;
}

.gsonedisc__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#e1e0ec;

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

.gsonedisc__principle-copy span{
    display:block;

    color:#7e8d81;

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

.gsonedisc__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

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

    text-transform:uppercase;
}


/* =========================================================
   VARIANTES
   ========================================================= */

.gsonedisc__models{
    display:grid;

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

    gap:8px;

    margin-bottom:18px;
}

.gsonedisc__model{
    --model-color:var(--gsd-green);

    position:relative;

    min-width:0;

    padding:17px 15px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:12px;

    background:
        rgba(3,12,6,.47);
}

.gsonedisc__model:nth-child(2){
    --model-color:var(--gsd-cyan);
}

.gsonedisc__model:nth-child(3){
    --model-color:var(--gsd-green2);
}

.gsonedisc__model:nth-child(4){
    --model-color:var(--gsd-red);
}

.gsonedisc__model::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:60px;
    height:2px;

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

.gsonedisc__model-code{
    display:grid;
    place-items:center;

    width:38px;
    height:38px;

    margin-bottom:10px;

    padding:0;

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

    border-radius:9px;

    color:
        var(--model-color);

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

    text-align:center;
}

.gsonedisc__model strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--model-color);

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

    text-transform:uppercase;
}

.gsonedisc__model-copy{
    display:block;

    color:#718175;

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


/* =========================================================
   SECUENCIA DEL LECTOR
   ========================================================= */

.gsonedisc__chain{
    display:grid;

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

    gap:7px;

    margin-bottom:18px;
}

.gsonedisc__stage{
    --stage-color:var(--gsd-green);

    position:relative;

    min-width:0;

    padding:
        14px 8px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.46);

    text-align:center;
}

.gsonedisc__stage:nth-child(2){
    --stage-color:var(--gsd-cyan);
}

.gsonedisc__stage:nth-child(3){
    --stage-color:var(--gsd-yellow);
}

.gsonedisc__stage:nth-child(4){
    --stage-color:var(--gsd-violet);
}

.gsonedisc__stage:nth-child(5){
    --stage-color:var(--gsd-blue);
}

.gsonedisc__stage:nth-child(6){
    --stage-color:var(--gsd-cyan);
}

.gsonedisc__stage:nth-child(7){
    --stage-color:var(--gsd-green2);
}

.gsonedisc__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

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

.gsonedisc__stage-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:9px;

    color:
        var(--stage-color);

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

    text-align:center;
}

.gsonedisc__stage-title{
    display:block;

    color:
        var(--stage-color);

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

    text-transform:uppercase;
}

.gsonedisc__stage-copy{
    display:block;

    margin-top:3px;

    color:#6e8073;

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


/* =========================================================
   SÍNTOMAS
   ========================================================= */

.gsonedisc__symptoms-panel{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(138,103,255,.03),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(8,13,13,.78),
            rgba(2,8,4,.97)
        );
}

.gsonedisc__symptoms-panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:205px;
    height:2px;

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

.gsonedisc__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonedisc__section-label{
    display:block;

    margin-bottom:6px;

    color:#b5a4e1;

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

    text-transform:uppercase;
}

.gsonedisc__section-title{
    margin:0;

    color:#e6f3e5;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonedisc__section-copy{
    max-width:870px;

    margin:
        8px 0 0;

    color:#7b8d7e;

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

.gsonedisc__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(138,103,255,.11);

    border-radius:999px;

    color:#a493cb;

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

    text-transform:uppercase;
}


/* =========================================================
   GRID DE SÍNTOMAS
   ========================================================= */

.gsonedisc__symptoms{
    display:grid;

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

    gap:9px;
}

.gsonedisc__symptom{
    --sym-color:var(--gsd-violet);

    position:relative;

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

    padding:
        15px 14px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.055);

    border-radius:11px;

    background:
        rgba(3,11,7,.45);
}

.gsonedisc__symptom[data-type="mecanica"]{
    --sym-color:var(--gsd-yellow);
}

.gsonedisc__symptom[data-type="deteccion"]{
    --sym-color:var(--gsd-cyan);
}

.gsonedisc__symptom[data-type="lectura"]{
    --sym-color:var(--gsd-violet);
}

.gsonedisc__symptom[data-type="sistema"]{
    --sym-color:var(--gsd-blue);
}

.gsonedisc__symptom[data-type="fisico"]{
    --sym-color:var(--gsd-red);
}

.gsonedisc__symptom[data-type="intermitente"]{
    --sym-color:var(--gsd-green2);
}

.gsonedisc__symptom::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

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

.gsonedisc__symptom-number{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin-bottom:10px;

    padding:0;

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

    border-radius:8px;

    background:
        rgba(2,9,5,.70);

    color:
        var(--sym-color);

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

    text-align:center;
}

.gsonedisc__symptom strong{
    display:block;

    margin-bottom:5px;

    color:#d5e4d7;

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

.gsonedisc__symptom-copy{
    display:block;

    color:#708176;

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

.gsonedisc__symptom-tag{
    display:inline-flex;
    align-items:center;

    margin-top:9px;

    min-height:24px;

    padding:
        4px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:
        var(--sym-color);

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

    text-transform:uppercase;
}


/* =========================================================
   DESCARTES EXTERNOS
   ========================================================= */

.gsonedisc__external{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(7,19,10,.72),
            rgba(2,8,4,.97)
        );
}

.gsonedisc__external::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

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

.gsonedisc__external-grid{
    display:grid;

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

    gap:8px;

    margin-top:17px;
}

.gsonedisc__external-card{
    --ext-color:var(--gsd-green);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.44);
}

.gsonedisc__external-card:nth-child(2){
    --ext-color:var(--gsd-cyan);
}

.gsonedisc__external-card:nth-child(3){
    --ext-color:var(--gsd-violet);
}

.gsonedisc__external-card:nth-child(4){
    --ext-color:var(--gsd-yellow);
}

.gsonedisc__external-card:nth-child(5){
    --ext-color:var(--gsd-blue);
}

.gsonedisc__external-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin-bottom:9px;

    padding:0;

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

    border-radius:8px;

    color:
        var(--ext-color);

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

    text-align:center;
}

.gsonedisc__external-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--ext-color);

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

    text-transform:uppercase;
}

.gsonedisc__external-copy{
    display:block;

    color:#708175;

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


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

.gsonedisc__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(445px,1.1fr);

    gap:18px;

    margin-bottom:18px;
}


/* =========================================================
   INSPECCIÓN
   ========================================================= */

.gsonedisc__inspection{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(15,13,5,.30),
            rgba(2,8,4,.97)
        );
}

.gsonedisc__inspection::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:160px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsd-yellow),
            var(--gsd-violet),
            transparent
        );
}


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

.gsonedisc__drive{
    position:relative;

    width:
        min(
            370px,
            94%
        );

    height:235px;

    margin:
        25px auto 25px;

    display:grid;
    place-items:center;
}


/* =========================================================
   DISCO
   ========================================================= */

.gsonedisc__disc{
    position:absolute;

    left:50%;
    top:50%;

    width:188px;
    height:188px;

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

    border:
        1px solid rgba(138,103,255,.32);

    border-radius:50%;

    background:
        radial-gradient(
            circle at 50% 50%,
            #020403 0 12px,
            rgba(39,217,239,.30) 13px 15px,
            transparent 16px 35px,
            rgba(91,224,31,.08) 36px 37px,
            transparent 38px 61px,
            rgba(138,103,255,.11) 62px 63px,
            transparent 64px 83px,
            rgba(39,217,239,.15) 84px 85px,
            rgba(2,6,4,.96) 86px
        );

    box-shadow:
        0 0 30px rgba(138,103,255,.07);

    animation:
        gsonedisc-rotate
        5s linear infinite;
}

.gsonedisc__disc::before{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:35px;
    height:35px;

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

    border:
        1px solid var(--gsd-green);

    border-radius:50%;

    background:
        #020403;

    box-shadow:
        0 0 12px rgba(91,224,31,.12);
}

.gsonedisc__disc::after{
    content:"";

    position:absolute;

    left:50%;
    top:7px;

    width:4px;
    height:28px;

    transform:
        translateX(-50%);

    border-radius:2px;

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

    box-shadow:
        0 0 8px rgba(39,217,239,.35);
}

@keyframes gsonedisc-rotate{

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

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

}


/* =========================================================
   LÁSER
   ========================================================= */

.gsonedisc__laser{
    position:absolute;

    z-index:4;

    left:50%;
    top:50%;

    width:145px;
    height:1px;

    transform-origin:left center;

    background:
        linear-gradient(
            90deg,
            var(--gsd-red),
            rgba(255,99,120,.15),
            transparent
        );

    box-shadow:
        0 0 8px rgba(255,99,120,.45);

    animation:
        gsonedisc-laser
        2.8s ease-in-out infinite alternate;
}

.gsonedisc__laser::before{
    content:"";

    position:absolute;

    left:-4px;
    top:-4px;

    width:9px;
    height:9px;

    border-radius:50%;

    background:
        var(--gsd-red);

    box-shadow:
        0 0 12px rgba(255,99,120,.80);
}

@keyframes gsonedisc-laser{

    0%{
        transform:
            rotate(-14deg)
            scaleX(.55);
    }

    100%{
        transform:
            rotate(14deg)
            scaleX(1);
    }

}


/* =========================================================
   ANILLOS DE ESCÁNER
   ========================================================= */

.gsonedisc__drive-ring{
    position:absolute;

    left:50%;
    top:50%;

    width:224px;
    height:224px;

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

    border:
        1px dashed rgba(91,224,31,.10);

    border-radius:50%;

    animation:
        gsonedisc-drive-ring
        18s linear infinite;
}

.gsonedisc__drive-ring::before{
    content:"";

    position:absolute;

    inset:-24px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:50%;
}

@keyframes gsonedisc-drive-ring{

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

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

}


/* =========================================================
   ETIQUETAS DEL LECTOR
   ========================================================= */

.gsonedisc__drive-label{
    position:absolute;

    padding:
        5px 8px;

    border:
        1px solid rgba(255,255,255,.055);

    border-radius:6px;

    background:
        rgba(2,9,5,.80);

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

    text-transform:uppercase;
}

.gsonedisc__drive-label--disc{
    left:7px;
    top:28px;

    color:
        var(--gsd-cyan);
}

.gsonedisc__drive-label--spin{
    right:4px;
    top:67px;

    color:
        var(--gsd-yellow);
}

.gsonedisc__drive-label--read{
    right:8px;
    bottom:37px;

    color:
        var(--gsd-violet);
}

.gsonedisc__drive-label--mechanic{
    left:9px;
    bottom:29px;

    color:
        var(--gsd-green);
}


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

.gsonedisc__inspection-grid{
    display:grid;

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

    gap:8px;
}

.gsonedisc__inspection-card{
    --ins-color:var(--gsd-green);

    min-width:0;

    padding:12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.42);
}

.gsonedisc__inspection-card:nth-child(2){
    --ins-color:var(--gsd-yellow);
}

.gsonedisc__inspection-card:nth-child(3){
    --ins-color:var(--gsd-violet);
}

.gsonedisc__inspection-card:nth-child(4){
    --ins-color:var(--gsd-red);
}

.gsonedisc__inspection-card strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--ins-color);

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

    text-transform:uppercase;
}

.gsonedisc__inspection-card span{
    display:block;

    color:#718176;

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


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

.gsonedisc__hud{
    position:relative;

    min-height:620px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.10);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 47%,
            rgba(138,103,255,.055),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 47%,
            rgba(91,224,31,.025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(5,11,13,.72),
            rgba(2,8,4,.97)
        );
}

.gsonedisc__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonedisc__hud-head{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    top:15px;

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

    gap:12px;
}

.gsonedisc__hud-code{
    color:#b8a8e6;

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

    text-transform:uppercase;
}

.gsonedisc__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(138,103,255,.12);

    border-radius:999px;

    background:
        rgba(9,6,16,.45);

    color:#aa99d2;

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

.gsonedisc__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsd-violet);

    box-shadow:
        0 0 7px rgba(138,103,255,.58);
}


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

.gsonedisc__hud-core{
    position:absolute;

    z-index:8;

    left:50%;
    top:39%;

    width:218px;
    height:218px;

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

    display:grid;
    place-items:center;

    border:
        1px solid rgba(138,103,255,.13);

    border-radius:50%;
}

.gsonedisc__hud-core::before{
    content:"";

    position:absolute;

    inset:29px;

    border:
        1px dashed rgba(39,217,239,.13);

    border-radius:50%;

    animation:
        gsonedisc-hud-core
        15s linear infinite;
}

.gsonedisc__hud-core::after{
    content:"";

    position:absolute;

    inset:73px;

    border:
        1px solid rgba(91,224,31,.19);

    border-radius:50%;

    box-shadow:
        0 0 18px rgba(91,224,31,.06);
}

@keyframes gsonedisc-hud-core{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonedisc__hud-core-copy{
    position:relative;
    z-index:5;

    text-align:center;
}

.gsonedisc__hud-core-copy strong{
    display:block;

    color:
        var(--gsd-green2);

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

    text-transform:uppercase;
}

.gsonedisc__hud-core-copy span{
    display:block;

    margin-top:4px;

    color:#708074;

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


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

.gsonedisc__hud-route{
    position:absolute;

    z-index:12;

    left:22px;
    right:22px;
    bottom:105px;

    display:grid;

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

    gap:5px;
}

.gsonedisc__hud-node{
    --node-color:var(--gsd-green);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsonedisc__hud-node:nth-child(2){
    --node-color:var(--gsd-yellow);
}

.gsonedisc__hud-node:nth-child(3){
    --node-color:var(--gsd-cyan);
}

.gsonedisc__hud-node:nth-child(4){
    --node-color:var(--gsd-violet);
}

.gsonedisc__hud-node:nth-child(5){
    --node-color:var(--gsd-blue);
}

.gsonedisc__hud-node:nth-child(6){
    --node-color:var(--gsd-green2);
}

.gsonedisc__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 28px);
    right:calc(-50% + 28px);
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(91,224,31,.10)
        );
}

.gsonedisc__hud-node:last-child::after{
    display:none;
}


/* =========================================================
   CÍRCULOS HUD
   PROTEGIDOS CONTRA REGLAS GENÉRICAS
   ========================================================= */

.gsonedisc__hud-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0;

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

    border-radius:50%;

    background:
        rgba(2,9,5,.96);

    color:
        var(--node-color);

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

    text-align:center;

    box-shadow:
        0 0 15px rgba(138,103,255,.04);
}

.gsonedisc__hud-title{
    display:block;

    color:
        var(--node-color);

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

    text-transform:uppercase;
}

.gsonedisc__hud-copy{
    display:block;

    margin-top:3px;

    color:#65776b;

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


/* =========================================================
   PAQUETES
   ========================================================= */

.gsonedisc__packet{
    position:absolute;

    z-index:15;

    left:7%;
    bottom:160px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--gsd-violet);

    box-shadow:
        0 0 10px rgba(138,103,255,.70);

    opacity:0;

    animation:
        gsonedisc-packet
        5.2s linear infinite;
}

.gsonedisc__packet--b{
    animation-delay:
        2.5s;

    background:
        var(--gsd-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.68);
}

@keyframes gsonedisc-packet{

    0%{
        left:7%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:92%;
        opacity:0;
    }

}


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

.gsonedisc__hud-equation{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        11px 12px;

    border:
        1px solid rgba(138,103,255,.08);

    border-radius:9px;

    background:
        rgba(6,7,12,.72);

    color:#827994;

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

    text-align:center;

    text-transform:uppercase;
}

.gsonedisc__hud-equation b{
    color:
        #b7a5e3;
}


/* =========================================================
   DIFERENCIAS
   ========================================================= */

.gsonedisc__differences{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(4,14,16,.25),
            rgba(2,8,4,.97)
        );
}

.gsonedisc__differences::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

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

.gsonedisc__differences-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonedisc__difference{
    --diff-color:var(--gsd-green);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonedisc__difference:nth-child(2){
    --diff-color:var(--gsd-yellow);
}

.gsonedisc__difference:nth-child(3){
    --diff-color:var(--gsd-violet);
}

.gsonedisc__difference:nth-child(4){
    --diff-color:var(--gsd-blue);
}

.gsonedisc__difference strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--diff-color);

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

    text-transform:uppercase;
}

.gsonedisc__difference span{
    display:block;

    color:#708176;

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


/* =========================================================
   REGLAS
   ========================================================= */

.gsonedisc__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.015),
            rgba(2,8,4,.97)
        );
}

.gsonedisc__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsd-yellow),
            var(--gsd-violet),
            transparent
        );
}

.gsonedisc__rules-grid{
    display:grid;

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

    gap:9px;

    margin-top:17px;
}

.gsonedisc__rule{
    --rule-color:var(--gsd-violet);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(138,103,255,.055);

    border-radius:10px;

    background:
        rgba(3,11,7,.43);
}

.gsonedisc__rule:nth-child(2){
    --rule-color:var(--gsd-yellow);
}

.gsonedisc__rule:nth-child(3){
    --rule-color:var(--gsd-cyan);
}

.gsonedisc__rule:nth-child(4){
    --rule-color:var(--gsd-green);
}

.gsonedisc__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

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

    text-transform:uppercase;
}

.gsonedisc__rule span{
    display:block;

    color:#708176;

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


/* =========================================================
   ALL DIGITAL
   ========================================================= */

.gsonedisc__digital{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.085);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.018),
            rgba(138,103,255,.012)
        );
}

.gsonedisc__digital-icon{
    display:grid;
    place-items:center;

    width:44px;
    height:44px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.14);

    border-radius:10px;

    color:
        var(--gsd-red);

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

    text-align:center;
}

.gsonedisc__digital-copy{
    min-width:0;

    color:#88777c;

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

.gsonedisc__digital-copy strong{
    color:#d8bcc0;

    font-weight:600;
}

.gsonedisc__digital-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(255,99,120,.11);

    border-radius:999px;

    color:#af8289;

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

    text-transform:uppercase;
}


/* =========================================================
   ANTECEDENTES
   ========================================================= */

.gsonedisc__history{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.085);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.015),
            rgba(255,200,87,.01)
        );
}

.gsonedisc__history-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.14);

    border-radius:9px;

    color:#d48691;

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

    text-align:center;
}

.gsonedisc__history-copy{
    min-width:0;

    color:#87777a;

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

.gsonedisc__history-copy strong{
    color:#d7babc;
    font-weight:600;
}

.gsonedisc__history-state{
    flex-shrink:0;

    color:#aa8086;

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

    text-transform:uppercase;
}


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

.gsonedisc__terminal{
    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.105);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(9,10,16,.90),
            rgba(2,7,3,.98)
        );
}

.gsonedisc__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(138,103,255,.065);

    background:
        rgba(8,8,14,.70);
}

.gsonedisc__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonedisc__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonedisc__terminal-dots span:nth-child(1){
    background:
        var(--gsd-red);
}

.gsonedisc__terminal-dots span:nth-child(2){
    background:
        var(--gsd-yellow);
}

.gsonedisc__terminal-dots span:nth-child(3){
    background:
        var(--gsd-green);
}

.gsonedisc__terminal-name{
    color:#696174;

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

    text-transform:uppercase;
}

.gsonedisc__terminal-body{
    display:grid;

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

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonedisc__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

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

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(138,103,255,.05);

    border-radius:7px;

    background:
        rgba(6,8,10,.46);

    color:#74727e;

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

.gsonedisc__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(138,103,255,.11);

    border-radius:9px;

    color:#a394c7;

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

.gsonedisc__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsd-violet);

    box-shadow:
        0 0 7px rgba(138,103,255,.52);
}


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#575460;

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

    text-transform:uppercase;
}

.gsonedisc__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#6b6872;
}

.gsonedisc__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsd-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


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

@media (max-width:1100px){

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

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

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

}


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

@media (max-width:1024px){

    .gsonedisc__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

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

        gap:20px;
    }

    .gsonedisc__status{
        max-width:650px;
    }

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

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

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

}


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

@media (max-width:767px){

    .gsonedisc{
        overflow:hidden;
    }

    .gsonedisc__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonedisc__scan,
    .gsonedisc__orbit{
        display:none;
    }

    .gsonedisc__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonedisc__heading{
        display:block;
    }

    .gsonedisc__status{
        margin-top:19px;
    }

    .gsonedisc__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonedisc__intro{
        font-size:14px;
        line-height:1.70;
    }

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

        gap:9px;

        padding:15px;
    }

    .gsonedisc__principle-state{
        width:fit-content;
    }

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

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

    .gsonedisc__symptoms-panel,
    .gsonedisc__external,
    .gsonedisc__inspection,
    .gsonedisc__differences,
    .gsonedisc__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonedisc__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonedisc__section-state{
        width:fit-content;
    }

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

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

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


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

    .gsonedisc__hud{
        min-height:0;
    }

    .gsonedisc__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonedisc__hud-core{
        top:27%;

        width:190px;
        height:190px;
    }

    .gsonedisc__hud-route{
        left:15px;
        right:15px;
        bottom:86px;

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

        gap:12px 6px;
    }

    .gsonedisc__hud-node::after{
        display:none;
    }

    .gsonedisc__hud-circle{
        width:50px;
        height:50px;
    }

    .gsonedisc__packet{
        display:none;
    }

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

    .gsonedisc__digital,
    .gsonedisc__history{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsonedisc__digital-state,
    .gsonedisc__history-state{
        width:fit-content;
    }

    .gsonedisc__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonedisc__terminal-state{
        width:fit-content;
    }

    .gsonedisc__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

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

    .gsonedisc__drive{
        height:215px;
    }

    .gsonedisc__disc{
        width:165px;
        height:165px;
    }

    .gsonedisc__drive-ring{
        width:198px;
        height:198px;
    }

}


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

@media (max-width:390px){

    .gsonedisc__shell{
        width:
            calc(100% - 24px);
    }

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

    .gsonedisc__drive-label{
        display:none;
    }

    .gsonedisc__hud{
        min-height:0;
    }

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

    .gsonedisc__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsonedisc__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD RESPONSIVE Y ACCESIBILIDAD
   ========================================================= */

@media (max-width:767px){

    #lector-discos-xbox-one .gsonedisc__hud{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #lector-discos-xbox-one .gsonedisc__hud-head{
        position:relative;

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

        margin-bottom:
            14px;
    }

    #lector-discos-xbox-one .gsonedisc__hud-core{
        position:relative;

        left:auto;
        top:auto;

        width:
            176px;

        height:
            176px;

        margin:
            2px auto 15px;

        transform:none;
    }

    #lector-discos-xbox-one .gsonedisc__hud-route{
        position:relative;

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

        display:grid;

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

        gap:
            9px;
    }

    #lector-discos-xbox-one .gsonedisc__hud-node{
        min-height:
            112px;

        display:grid;

        align-content:
            center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:
            12px;

        background:
            rgba(4,8,10,.50);

        text-align:
            center;
    }

    #lector-discos-xbox-one .gsonedisc__hud-node::after{
        display:none !important;
    }

    #lector-discos-xbox-one .gsonedisc__hud-circle{
        width:
            52px;

        height:
            52px;

        margin:
            0 auto 7px;
    }

    #lector-discos-xbox-one .gsonedisc__hud-title{
        font-size:
            9px;
    }

    #lector-discos-xbox-one .gsonedisc__hud-copy{
        margin-top:
            2px;

        font-size:
            8.5px;
    }

    #lector-discos-xbox-one .gsonedisc__packet{
        display:none !important;
    }

    #lector-discos-xbox-one .gsonedisc__hud-equation{
        position:relative;

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

        margin-top:
            12px;
    }
}

@media (max-width:390px){

    #lector-discos-xbox-one .gsonedisc__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    #lector-discos-xbox-one .gsonedisc__hud-node{
        min-height:
            106px;
    }

    #lector-discos-xbox-one .gsonedisc__title{
        line-height:
            1.10;
    }
}

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

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

    #lector-discos-xbox-one,
    #lector-discos-xbox-one *,
    #lector-discos-xbox-one *::before,
    #lector-discos-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #lector-discos-xbox-one .gsonedisc__scan,
    #lector-discos-xbox-one .gsonedisc__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Temperatura y Refrigeración
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — TEMPERATURA Y REFRIGERACIÓN
   CSS ID EXTERIOR: temperatura-refrigeracion-xbox-one
   ROOT AUTÓNOMO: .gsonetherm
   ========================================================= */

.gsonetherm{
    scroll-margin-top:90px;

    --gst-bg:#020403;
    --gst-bg2:#061008;

    --gst-green:#5be01f;
    --gst-green2:#80ff48;

    --gst-cyan:#27d9ef;
    --gst-blue:#3d83ff;
    --gst-violet:#8a67ff;

    --gst-yellow:#ffc857;
    --gst-orange:#ff9e45;
    --gst-red:#ff6378;

    --gst-white:#f3fff4;
    --gst-text:#eaf5eb;
    --gst-muted:#91a296;
    --gst-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gst-text);

    background:
        radial-gradient(
            circle at 12% 12%,
            rgba(255,200,87,.055),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(91,224,31,.07),
            transparent 29%
        ),
        radial-gradient(
            circle at 74% 84%,
            rgba(39,217,239,.025),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

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

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

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

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

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


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

.gsonetherm__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.037) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.037) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonetherm__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


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

.gsonetherm__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonetherm__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(39,217,239,.13),
            rgba(91,224,31,.10),
            rgba(255,200,87,.14),
            transparent
        );

    box-shadow:
        0 0 15px rgba(39,217,239,.07);

    animation:
        gsonetherm-scan
        13s linear infinite;
}

@keyframes gsonetherm-scan{

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

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

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

}


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

.gsonetherm__orbit{
    position:absolute;

    width:780px;
    height:780px;

    right:-430px;
    top:950px;

    pointer-events:none;

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

    border-radius:50%;

    animation:
        gsonetherm-orbit
        74s linear infinite;
}

.gsonetherm__orbit::before{
    content:"";

    position:absolute;

    inset:120px;

    border:
        1px dashed rgba(39,217,239,.04);

    border-radius:50%;
}

.gsonetherm__orbit::after{
    content:"";

    position:absolute;

    inset:235px;

    border:
        1px solid rgba(91,224,31,.03);

    border-radius:50%;
}

@keyframes gsonetherm-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsonetherm__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsonetherm__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonetherm__heading-main{
    min-width:0;
}

.gsonetherm__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(255,200,87,.16);

    border-radius:999px;

    background:
        rgba(255,200,87,.025);

    color:#d9bc74;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonetherm__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gst-yellow);

    box-shadow:
        0 0 8px rgba(255,200,87,.62);
}

.gsonetherm__title{
    max-width:1010px;

    margin:0;
    padding-bottom:.06em;

    overflow:visible;

    color:
        var(--gst-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsonetherm__title span{
    color:
        var(--gst-green2);
}

.gsonetherm__intro{
    max-width:940px;

    margin:
        16px 0 0;

    color:
        var(--gst-muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   ESTADO
   ========================================================= */

.gsonetherm__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.11);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.022),
            rgba(4,13,7,.92)
        );
}

.gsonetherm__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gst-yellow),
            transparent
        );
}

.gsonetherm__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#d0b46f;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gst-yellow);

    box-shadow:
        0 0 7px rgba(255,200,87,.52);
}

.gsonetherm__status p{
    margin:0;

    color:#8a846f;

    font-size:12px;
    line-height:1.62;
}

.gsonetherm__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#e1cf90 !important;

    font-size:10px;
    line-height:1.4;
    font-weight:650;

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(255,200,87,.28);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonetherm__inline-link:hover{
    color:#fff2bd !important;

    border-color:
        rgba(255,200,87,.72);
}

.gsonetherm__inline-link:focus-visible{
    outline:
        2px solid rgba(255,200,87,.92);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsonetherm__principle{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.025),
            rgba(91,224,31,.028)
        );
}

.gsonetherm__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:190px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-yellow),
            var(--gst-green),
            var(--gst-cyan),
            transparent
        );
}

.gsonetherm__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    padding:0;

    border:
        1px solid rgba(255,200,87,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(255,200,87,.075),
            transparent 68%
        );

    color:
        var(--gst-yellow);

    font-size:11px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonetherm__principle-copy{
    min-width:0;
}

.gsonetherm__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#e4efd8;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsonetherm__principle-copy span{
    display:block;

    color:#7d8f80;

    font-size:12px;
    line-height:1.62;
}

.gsonetherm__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   CADENA TÉRMICA
   ========================================================= */

.gsonetherm__chain{
    display:grid;

    grid-template-columns:
        repeat(7,minmax(0,1fr));

    gap:7px;

    margin-bottom:18px;
}

.gsonetherm__stage{
    --stage-color:var(--gst-cyan);

    position:relative;

    min-width:0;

    padding:
        14px 8px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsonetherm__stage:nth-child(2){
    --stage-color:var(--gst-green);
}

.gsonetherm__stage:nth-child(3){
    --stage-color:var(--gst-yellow);
}

.gsonetherm__stage:nth-child(4){
    --stage-color:var(--gst-orange);
}

.gsonetherm__stage:nth-child(5){
    --stage-color:var(--gst-cyan);
}

.gsonetherm__stage:nth-child(6){
    --stage-color:var(--gst-violet);
}

.gsonetherm__stage:nth-child(7){
    --stage-color:var(--gst-green2);
}

.gsonetherm__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--stage-color),
            transparent
        );
}

.gsonetherm__stage-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin:
        0 auto 8px;

    padding:0;

    border:
        1px solid var(--stage-color);

    border-radius:9px;

    color:
        var(--stage-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonetherm__stage-title{
    display:block;

    color:
        var(--stage-color);

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__stage-copy{
    display:block;

    margin-top:3px;

    color:#6e8073;

    font-size:8px;
    line-height:1.4;
}


/* =========================================================
   SÍNTOMAS
   ========================================================= */

.gsonetherm__symptoms-panel{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(255,200,87,.025),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(11,15,7,.78),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__symptoms-panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:205px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-yellow),
            var(--gst-green),
            transparent
        );
}

.gsonetherm__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonetherm__section-label{
    display:block;

    margin-bottom:6px;

    color:#d2b970;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonetherm__section-copy{
    max-width:870px;

    margin:
        8px 0 0;

    color:#7b8d7e;

    font-size:11px;
    line-height:1.65;
}

.gsonetherm__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(255,200,87,.11);

    border-radius:999px;

    color:#baa269;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   GRID DE SÍNTOMAS
   ========================================================= */

.gsonetherm__symptoms{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;
}

.gsonetherm__symptom{
    --sym-color:var(--gst-yellow);

    position:relative;

    min-width:0;
    min-height:145px;

    padding:
        15px 14px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.055);

    border-radius:11px;

    background:
        rgba(3,11,6,.45);
}

.gsonetherm__symptom[data-type="aire"]{
    --sym-color:var(--gst-cyan);
}

.gsonetherm__symptom[data-type="ventilador"]{
    --sym-color:var(--gst-green);
}

.gsonetherm__symptom[data-type="temperatura"]{
    --sym-color:var(--gst-yellow);
}

.gsonetherm__symptom[data-type="apagado"]{
    --sym-color:var(--gst-red);
}

.gsonetherm__symptom[data-type="carga"]{
    --sym-color:var(--gst-violet);
}

.gsonetherm__symptom[data-type="estabilidad"]{
    --sym-color:var(--gst-blue);
}

.gsonetherm__symptom[data-type="antecedente"]{
    --sym-color:var(--gst-red);
}

.gsonetherm__symptom::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--sym-color),
            transparent
        );
}

.gsonetherm__symptom-number{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin-bottom:10px;

    padding:0;

    border:
        1px solid var(--sym-color);

    border-radius:8px;

    background:
        rgba(2,9,4,.68);

    color:
        var(--sym-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonetherm__symptom strong{
    display:block;

    margin-bottom:5px;

    color:#d4e4d3;

    font-size:11px;
    line-height:1.45;
    font-weight:600;
}

.gsonetherm__symptom-copy{
    display:block;

    color:#718274;

    font-size:10px;
    line-height:1.55;
}

.gsonetherm__symptom-tag{
    display:inline-flex;
    align-items:center;

    margin-top:9px;

    min-height:24px;

    padding:
        4px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:
        var(--sym-color);

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   CONDICIONES EXTERNAS
   ========================================================= */

.gsonetherm__external{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(3,14,16,.24),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__external::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-cyan),
            var(--gst-green),
            transparent
        );
}

.gsonetherm__external-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonetherm__external-card{
    --ext-color:var(--gst-cyan);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.44);
}

.gsonetherm__external-card:nth-child(2){
    --ext-color:var(--gst-green);
}

.gsonetherm__external-card:nth-child(3){
    --ext-color:var(--gst-yellow);
}

.gsonetherm__external-card:nth-child(4){
    --ext-color:var(--gst-violet);
}

.gsonetherm__external-card:nth-child(5){
    --ext-color:var(--gst-blue);
}

.gsonetherm__external-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin-bottom:9px;

    padding:0;

    border:
        1px solid var(--ext-color);

    border-radius:8px;

    color:
        var(--ext-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonetherm__external-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--ext-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__external-copy{
    display:block;

    color:#708175;

    font-size:9px;
    line-height:1.5;
}


/* =========================================================
   ANÁLISIS PRINCIPAL
   ========================================================= */

.gsonetherm__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(445px,1.1fr);

    gap:18px;

    margin-bottom:18px;
}


/* =========================================================
   SISTEMA DE REFRIGERACIÓN
   ========================================================= */

.gsonetherm__cooling{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.08);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 43%,
            rgba(39,217,239,.035),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(4,15,14,.35),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__cooling::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-cyan),
            var(--gst-yellow),
            transparent
        );
}


/* =========================================================
   VENTILADOR VISUAL
   ========================================================= */

.gsonetherm__fanbox{
    position:relative;

    width:
        min(
            385px,
            96%
        );

    height:270px;

    margin:
        24px auto 22px;

    display:grid;
    place-items:center;
}

.gsonetherm__fan-ring{
    position:absolute;

    left:50%;
    top:50%;

    width:220px;
    height:220px;

    transform:
        translate(-50%,-50%);

    border:
        1px solid rgba(39,217,239,.16);

    border-radius:50%;

    box-shadow:
        0 0 28px rgba(39,217,239,.05);
}

.gsonetherm__fan-ring::before{
    content:"";

    position:absolute;

    inset:-22px;

    border:
        1px dashed rgba(91,224,31,.10);

    border-radius:50%;

    animation:
        gsonetherm-ring-spin
        22s linear infinite;
}

.gsonetherm__fan-ring::after{
    content:"";

    position:absolute;

    inset:30px;

    border:
        1px solid rgba(255,200,87,.08);

    border-radius:50%;
}

@keyframes gsonetherm-ring-spin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   ASPAS
   ========================================================= */

.gsonetherm__fan{
    position:absolute;

    left:50%;
    top:50%;

    width:170px;
    height:170px;

    transform:
        translate(-50%,-50%);

    animation:
        gsonetherm-fan-spin
        2.8s linear infinite;
}

@keyframes gsonetherm-fan-spin{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}

.gsonetherm__blade{
    position:absolute;

    left:50%;
    top:50%;

    width:72px;
    height:34px;

    transform-origin:
        0 50%;

    border:
        1px solid rgba(91,224,31,.17);

    border-radius:
        70% 20% 70% 20%;

    background:
        linear-gradient(
            90deg,
            rgba(91,224,31,.18),
            rgba(39,217,239,.04)
        );
}

.gsonetherm__blade:nth-child(1){
    transform:rotate(0deg);
}

.gsonetherm__blade:nth-child(2){
    transform:rotate(45deg);
}

.gsonetherm__blade:nth-child(3){
    transform:rotate(90deg);
}

.gsonetherm__blade:nth-child(4){
    transform:rotate(135deg);
}

.gsonetherm__blade:nth-child(5){
    transform:rotate(180deg);
}

.gsonetherm__blade:nth-child(6){
    transform:rotate(225deg);
}

.gsonetherm__blade:nth-child(7){
    transform:rotate(270deg);
}

.gsonetherm__blade:nth-child(8){
    transform:rotate(315deg);
}

.gsonetherm__fan-hub{
    position:absolute;

    z-index:7;

    left:50%;
    top:50%;

    width:54px;
    height:54px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    border:
        1px solid rgba(128,255,72,.34);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.15),
            #020604 72%
        );

    color:
        var(--gst-green2);

    font-size:8px;
    line-height:1;
    font-weight:700;

    box-shadow:
        0 0 18px rgba(91,224,31,.10);
}


/* =========================================================
   FLUJO DE AIRE
   ========================================================= */

.gsonetherm__air{
    position:absolute;

    width:90px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--gst-cyan)
        );

    opacity:.35;

    animation:
        gsonetherm-air
        2.3s ease-in-out infinite;
}

.gsonetherm__air::after{
    content:"";

    position:absolute;

    right:0;
    top:-3px;

    width:7px;
    height:7px;

    border-top:
        1px solid var(--gst-cyan);

    border-right:
        1px solid var(--gst-cyan);

    transform:
        rotate(45deg);
}

.gsonetherm__air--a{
    left:2px;
    top:38%;
}

.gsonetherm__air--b{
    left:10px;
    top:55%;

    animation-delay:.45s;
}

.gsonetherm__air--c{
    right:2px;
    top:38%;

    transform:
        rotate(180deg);

    animation-delay:.8s;
}

.gsonetherm__air--d{
    right:10px;
    top:55%;

    transform:
        rotate(180deg);

    animation-delay:1.2s;
}

@keyframes gsonetherm-air{

    0%,
    100%{
        opacity:.18;
    }

    50%{
        opacity:.60;
    }

}


/* =========================================================
   ETIQUETAS VISUALES
   ========================================================= */

.gsonetherm__fan-label{
    position:absolute;

    padding:
        5px 8px;

    border:
        1px solid rgba(255,255,255,.055);

    border-radius:6px;

    background:
        rgba(2,9,5,.80);

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__fan-label--input{
    left:0;
    top:16px;

    color:
        var(--gst-cyan);
}

.gsonetherm__fan-label--fan{
    right:0;
    top:16px;

    color:
        var(--gst-green);
}

.gsonetherm__fan-label--sink{
    right:0;
    bottom:19px;

    color:
        var(--gst-yellow);
}

.gsonetherm__fan-label--output{
    left:0;
    bottom:19px;

    color:
        var(--gst-cyan);
}


/* =========================================================
   CHECKS REFRIGERACIÓN
   ========================================================= */

.gsonetherm__cooling-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:8px;
}

.gsonetherm__cooling-card{
    --cool-color:var(--gst-cyan);

    min-width:0;

    padding:12px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.42);
}

.gsonetherm__cooling-card:nth-child(2){
    --cool-color:var(--gst-green);
}

.gsonetherm__cooling-card:nth-child(3){
    --cool-color:var(--gst-yellow);
}

.gsonetherm__cooling-card:nth-child(4){
    --cool-color:var(--gst-violet);
}

.gsonetherm__cooling-card strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--cool-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__cooling-card span{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.5;
}


/* =========================================================
   HUD TÉRMICO
   ========================================================= */

.gsonetherm__hud{
    position:relative;

    min-height:620px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(255,200,87,.055),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(39,217,239,.02),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(11,11,5,.55),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonetherm__hud-head{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.gsonetherm__hud-code{
    color:#d0b572;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    background:
        rgba(4,15,8,.50);

    color:#96c789;

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}

.gsonetherm__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gst-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.58);
}


/* =========================================================
   GRÁFICO DE CARGA / TEMPERATURA
   ========================================================= */

.gsonetherm__graph{
    position:absolute;

    z-index:5;

    left:30px;
    right:30px;
    top:90px;

    height:180px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.08);

    border-radius:13px;

    background:
        linear-gradient(
            rgba(255,200,87,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        rgba(4,10,6,.60);

    background-size:
        22px 22px;
}

.gsonetherm__graph-label{
    position:absolute;

    left:10px;
    top:9px;

    color:#8e866a;

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__curve{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:100%;
}

.gsonetherm__curve::before{
    content:"";

    position:absolute;

    left:-15%;
    bottom:34%;

    width:130%;
    height:3px;

    transform:
        rotate(-8deg);

    transform-origin:center;

    background:
        linear-gradient(
            90deg,
            var(--gst-cyan),
            var(--gst-green),
            var(--gst-yellow),
            var(--gst-orange)
        );

    box-shadow:
        0 0 8px rgba(255,200,87,.25);

    animation:
        gsonetherm-curve
        4s ease-in-out infinite alternate;
}

@keyframes gsonetherm-curve{

    0%{
        bottom:0;
        opacity:.65;
    }

    100%{
        bottom:17px;
        opacity:1;
    }

}


/* =========================================================
   BARRAS
   ========================================================= */

.gsonetherm__bars{
    position:absolute;

    left:14px;
    right:14px;
    bottom:12px;

    height:100px;

    display:flex;
    align-items:flex-end;

    gap:5px;
}

.gsonetherm__bar{
    flex:1;

    min-width:0;

    border-radius:
        3px 3px 0 0;

    background:
        linear-gradient(
            180deg,
            rgba(255,200,87,.62),
            rgba(91,224,31,.10)
        );

    opacity:.25;

    animation:
        gsonetherm-bars
        2.5s ease-in-out infinite alternate;
}

.gsonetherm__bar:nth-child(1){
    height:21%;
}

.gsonetherm__bar:nth-child(2){
    height:28%;
    animation-delay:.15s;
}

.gsonetherm__bar:nth-child(3){
    height:36%;
    animation-delay:.3s;
}

.gsonetherm__bar:nth-child(4){
    height:43%;
    animation-delay:.45s;
}

.gsonetherm__bar:nth-child(5){
    height:51%;
    animation-delay:.6s;
}

.gsonetherm__bar:nth-child(6){
    height:58%;
    animation-delay:.75s;
}

.gsonetherm__bar:nth-child(7){
    height:64%;
    animation-delay:.9s;
}

.gsonetherm__bar:nth-child(8){
    height:69%;
    animation-delay:1.05s;
}

.gsonetherm__bar:nth-child(9){
    height:72%;
    animation-delay:1.2s;
}

.gsonetherm__bar:nth-child(10){
    height:74%;
    animation-delay:1.35s;
}

@keyframes gsonetherm-bars{

    from{
        opacity:.18;
        transform:scaleY(.92);
    }

    to{
        opacity:.48;
        transform:scaleY(1);
    }

}


/* =========================================================
   RUTA HUD
   ========================================================= */

.gsonetherm__hud-route{
    position:absolute;

    z-index:12;

    left:22px;
    right:22px;
    bottom:105px;

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:5px;
}

.gsonetherm__hud-node{
    --node-color:var(--gst-cyan);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsonetherm__hud-node:nth-child(2){
    --node-color:var(--gst-green);
}

.gsonetherm__hud-node:nth-child(3){
    --node-color:var(--gst-yellow);
}

.gsonetherm__hud-node:nth-child(4){
    --node-color:var(--gst-orange);
}

.gsonetherm__hud-node:nth-child(5){
    --node-color:var(--gst-violet);
}

.gsonetherm__hud-node:nth-child(6){
    --node-color:var(--gst-green2);
}

.gsonetherm__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 28px);
    right:calc(-50% + 28px);
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(91,224,31,.10)
        );
}

.gsonetherm__hud-node:last-child::after{
    display:none;
}


/* =========================================================
   CÍRCULOS HUD
   CENTRADO PROTEGIDO
   ========================================================= */

.gsonetherm__hud-circle{
    display:grid;

    place-items:center;
    align-items:center;
    justify-items:center;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0;

    border:
        1px solid var(--node-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;

    box-shadow:
        0 0 15px rgba(91,224,31,.04);
}

.gsonetherm__hud-title{
    display:block;

    color:
        var(--node-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__hud-copy{
    display:block;

    margin-top:3px;

    color:#65776b;

    font-size:7px;
    line-height:1.4;
}


/* =========================================================
   PAQUETES HUD
   ========================================================= */

.gsonetherm__packet{
    position:absolute;

    z-index:15;

    left:7%;
    bottom:160px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--gst-cyan);

    box-shadow:
        0 0 10px rgba(39,217,239,.70);

    opacity:0;

    animation:
        gsonetherm-packet
        5.2s linear infinite;
}

.gsonetherm__packet--b{
    animation-delay:
        2.5s;

    background:
        var(--gst-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.68);
}

@keyframes gsonetherm-packet{

    0%{
        left:7%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:92%;
        opacity:0;
    }

}


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

.gsonetherm__hud-equation{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        11px 12px;

    border:
        1px solid rgba(255,200,87,.08);

    border-radius:9px;

    background:
        rgba(9,10,5,.72);

    color:#8e8469;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonetherm__hud-equation b{
    color:
        var(--gst-yellow);
}


/* =========================================================
   COMPONENTES A REVISAR
   ========================================================= */

.gsonetherm__systems{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(6,18,8,.68),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__systems::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-green),
            var(--gst-yellow),
            transparent
        );
}

.gsonetherm__systems-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonetherm__system{
    --sys-color:var(--gst-cyan);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonetherm__system:nth-child(2){
    --sys-color:var(--gst-green);
}

.gsonetherm__system:nth-child(3){
    --sys-color:var(--gst-yellow);
}

.gsonetherm__system:nth-child(4){
    --sys-color:var(--gst-violet);
}

.gsonetherm__system:nth-child(5){
    --sys-color:var(--gst-blue);
}

.gsonetherm__system strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--sys-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__system span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   DIFERENCIAS
   ========================================================= */

.gsonetherm__differences{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.08);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(138,103,255,.014),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__differences::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-yellow),
            var(--gst-violet),
            transparent
        );
}

.gsonetherm__differences-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin-top:17px;
}

.gsonetherm__difference{
    --diff-color:var(--gst-cyan);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonetherm__difference:nth-child(2){
    --diff-color:var(--gst-yellow);
}

.gsonetherm__difference:nth-child(3){
    --diff-color:var(--gst-violet);
}

.gsonetherm__difference:nth-child(4){
    --diff-color:var(--gst-green);
}

.gsonetherm__difference strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--diff-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__difference span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   REGLAS
   ========================================================= */

.gsonetherm__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(255,99,120,.075);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,99,120,.014),
            rgba(2,8,4,.97)
        );
}

.gsonetherm__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gst-red),
            var(--gst-yellow),
            transparent
        );
}

.gsonetherm__rules-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin-top:17px;
}

.gsonetherm__rule{
    --rule-color:var(--gst-yellow);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(255,200,87,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonetherm__rule:nth-child(2){
    --rule-color:var(--gst-red);
}

.gsonetherm__rule:nth-child(3){
    --rule-color:var(--gst-green);
}

.gsonetherm__rule:nth-child(4){
    --rule-color:var(--gst-cyan);
}

.gsonetherm__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonetherm__rule span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

.gsonetherm__warning{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.085);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.017),
            rgba(255,200,87,.009)
        );
}

.gsonetherm__warning-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:
        1px solid rgba(255,99,120,.14);

    border-radius:9px;

    color:#d48691;

    font-size:10px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonetherm__warning-copy{
    min-width:0;

    color:#87777a;

    font-size:11px;
    line-height:1.62;
}

.gsonetherm__warning-copy strong{
    color:#d7babc;
    font-weight:600;
}

.gsonetherm__warning-state{
    flex-shrink:0;

    color:#aa8086;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsonetherm__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.105);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.90),
            rgba(2,7,3,.98)
        );
}

.gsonetherm__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.065);

    background:
        rgba(5,16,7,.70);
}

.gsonetherm__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonetherm__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonetherm__terminal-dots span:nth-child(1){
    background:
        var(--gst-red);
}

.gsonetherm__terminal-dots span:nth-child(2){
    background:
        var(--gst-yellow);
}

.gsonetherm__terminal-dots span:nth-child(3){
    background:
        var(--gst-green);
}

.gsonetherm__terminal-name{
    color:#617365;

    font-size:10px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsonetherm__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonetherm__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

.gsonetherm__terminal-route span{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:7px;

    background:
        rgba(4,13,5,.46);

    color:#708174;

    font-size:10px;
    line-height:1.35;
    font-weight:500;
}

.gsonetherm__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:9px;

    color:#91bd86;

    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.gsonetherm__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gst-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsonetherm__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536453;

    font-size:10px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsonetherm__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657867;
}

.gsonetherm__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gst-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width:1100px){

    .gsonetherm__chain{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .gsonetherm__symptoms{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .gsonetherm__external-grid,
    .gsonetherm__systems-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsonetherm__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsonetherm__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:20px;
    }

    .gsonetherm__status{
        max-width:650px;
    }

    .gsonetherm__analysis{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonetherm__differences-grid,
    .gsonetherm__rules-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsonetherm{
        overflow:hidden;
    }

    .gsonetherm__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonetherm__scan,
    .gsonetherm__orbit{
        display:none;
    }

    .gsonetherm__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonetherm__heading{
        display:block;
    }

    .gsonetherm__status{
        margin-top:19px;
    }

    .gsonetherm__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonetherm__intro{
        font-size:14px;
        line-height:1.70;
    }

    .gsonetherm__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsonetherm__principle-state{
        width:fit-content;
    }

    .gsonetherm__chain{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonetherm__symptoms-panel,
    .gsonetherm__external,
    .gsonetherm__cooling,
    .gsonetherm__systems,
    .gsonetherm__differences,
    .gsonetherm__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonetherm__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonetherm__section-state{
        width:fit-content;
    }

    .gsonetherm__symptoms{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonetherm__external-grid,
    .gsonetherm__systems-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonetherm__cooling-grid{
        grid-template-columns:
            minmax(0,1fr);
    }


    /* ===============================================
       HUD MÓVIL
       =============================================== */

    .gsonetherm__hud{
        min-height:0;
    }

    .gsonetherm__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonetherm__graph{
        left:14px;
        right:14px;
        top:94px;

        height:155px;
    }

    .gsonetherm__hud-route{
        left:15px;
        right:15px;
        bottom:87px;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:12px 6px;
    }

    .gsonetherm__hud-node::after{
        display:none;
    }

    .gsonetherm__hud-circle{
        width:50px;
        height:50px;
    }

    .gsonetherm__packet{
        display:none;
    }

    .gsonetherm__differences-grid,
    .gsonetherm__rules-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonetherm__warning{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsonetherm__warning-state{
        width:fit-content;
    }

    .gsonetherm__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonetherm__terminal-state{
        width:fit-content;
    }

    .gsonetherm__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsonetherm__symptoms{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonetherm__fanbox{
        height:245px;
    }

    .gsonetherm__fan-ring{
        width:190px;
        height:190px;
    }

    .gsonetherm__fan{
        width:148px;
        height:148px;
    }

    .gsonetherm__blade{
        width:62px;
        height:30px;
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsonetherm__shell{
        width:
            calc(100% - 24px);
    }

    .gsonetherm__chain{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonetherm__fan-label{
        display:none;
    }

    .gsonetherm__air{
        display:none;
    }

    .gsonetherm__hud{
        min-height:0;
    }

    .gsonetherm__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonetherm__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsonetherm__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD RESPONSIVE Y ACCESIBILIDAD
   ========================================================= */

@media (max-width:767px){

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        margin-bottom:
            13px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__graph{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        width:100%;
        height:150px;

        margin:
            0 0 13px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-route{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            9px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-node{
        min-height:
            112px;

        display:grid;

        align-content:
            center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:
            12px;

        background:
            rgba(9,10,5,.48);

        text-align:
            center;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-node::after{
        display:none !important;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-circle{
        width:
            52px;

        height:
            52px;

        margin:
            0 auto 7px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-title{
        font-size:
            9px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-copy{
        margin-top:
            2px;

        font-size:
            8.5px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__packet{
        display:none !important;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        margin-top:
            12px;
    }
}

@media (max-width:390px){

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__hud-node{
        min-height:
            106px;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__title{
        line-height:
            1.10;
    }
}

/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    #temperatura-refrigeracion-xbox-one,
    #temperatura-refrigeracion-xbox-one *,
    #temperatura-refrigeracion-xbox-one *::before,
    #temperatura-refrigeracion-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #temperatura-refrigeracion-xbox-one .gsonetherm__scan,
    #temperatura-refrigeracion-xbox-one .gsonetherm__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Sistema Almacenamiento Conectividad
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — SISTEMA, ALMACENAMIENTO Y CONECTIVIDAD
   CSS ID EXTERIOR: sistema-almacenamiento-conectividad-xbox-one
   ROOT AUTÓNOMO: .gsonesys
   REVISIÓN:
   - Centrado ERR / SYS / OSU / DX corregido
   - HUD de recuperación con animación visible
   - Códigos E101 / E102 / E105 / E106 / E200 / E208
   ========================================================= */

.gsonesys{
    scroll-margin-top:90px;

    --gss-bg:#020403;
    --gss-bg2:#061008;

    --gss-green:#5be01f;
    --gss-green2:#80ff48;

    --gss-cyan:#27d9ef;
    --gss-blue:#3d83ff;
    --gss-violet:#8a67ff;

    --gss-yellow:#ffc857;
    --gss-orange:#ff9e45;
    --gss-red:#ff6378;

    --gss-white:#f3fff4;
    --gss-text:#eaf5eb;
    --gss-muted:#91a296;
    --gss-muted2:#6d7e71;

    position:relative;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    overflow:hidden;

    color:var(--gss-text);

    background:
        radial-gradient(
            circle at 11% 12%,
            rgba(61,131,255,.055),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(91,224,31,.065),
            transparent 29%
        ),
        radial-gradient(
            circle at 76% 83%,
            rgba(138,103,255,.03),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsonesys *,
.gsonesys *::before,
.gsonesys *::after{
    box-sizing:border-box;

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsonesys__grid{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.036) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.036) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonesys__grid::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.88),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.88)
        );
}


/* =========================================================
   ESCÁNER GENERAL
   ========================================================= */

.gsonesys__scan{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}

.gsonesys__scan::before{
    content:"";

    position:absolute;
    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(61,131,255,.14),
            rgba(39,217,239,.13),
            rgba(91,224,31,.11),
            transparent
        );

    box-shadow:
        0 0 15px rgba(39,217,239,.07);

    animation:
        gsonesys-scan
        13s linear infinite;
}

@keyframes gsonesys-scan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

    100%{
        transform:translateY(7200px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITA DE FONDO
   ========================================================= */

.gsonesys__orbit{
    position:absolute;

    width:800px;
    height:800px;

    left:-445px;
    top:1080px;

    pointer-events:none;

    border:
        1px solid rgba(61,131,255,.035);

    border-radius:50%;

    animation:
        gsonesys-orbit
        76s linear infinite;
}

.gsonesys__orbit::before{
    content:"";

    position:absolute;
    inset:122px;

    border:
        1px dashed rgba(91,224,31,.04);

    border-radius:50%;
}

.gsonesys__orbit::after{
    content:"";

    position:absolute;
    inset:240px;

    border:
        1px solid rgba(138,103,255,.028);

    border-radius:50%;
}

@keyframes gsonesys-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsonesys__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsonesys__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonesys__heading-main{
    min-width:0;
}

.gsonesys__kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:15px;

    padding:7px 11px;

    border:
        1px solid rgba(61,131,255,.16);

    border-radius:999px;

    background:
        rgba(61,131,255,.027);

    color:#9dbaf0;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.055em;
    text-transform:uppercase;
}

.gsonesys__kicker::before{
    content:"";

    width:6px;
    height:6px;
    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gss-blue);

    box-shadow:
        0 0 8px rgba(61,131,255,.64);
}

.gsonesys__title{
    max-width:1020px;
    margin:0;
    padding-bottom:.06em;

    overflow:visible;

    color:
        var(--gss-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsonesys__title span{
    color:
        var(--gss-green2);
}

.gsonesys__intro{
    max-width:950px;

    margin:
        16px 0 0;

    color:
        var(--gss-muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   STATUS
   ========================================================= */

.gsonesys__status{
    position:relative;
    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.11);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(61,131,255,.022),
            rgba(4,13,7,.92)
        );
}

.gsonesys__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gss-blue),
            transparent
        );
}

.gsonesys__status-label{
    display:flex;
    align-items:center;
    gap:7px;

    margin-bottom:7px;

    color:#93ace0;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__status-label::before{
    content:"";

    width:6px;
    height:6px;
    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gss-blue);

    box-shadow:
        0 0 7px rgba(61,131,255,.52);
}

.gsonesys__status p{
    margin:0;

    color:#7c8792;

    font-size:12px;
    line-height:1.62;
}

.gsonesys__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#a9c8ff !important;

    font-size:10px;
    line-height:1.4;
    font-weight:650;

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(61,131,255,.28);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonesys__inline-link:hover{
    color:#e1ecff !important;

    border-color:
        rgba(61,131,255,.72);
}

.gsonesys__inline-link:focus-visible{
    outline:
        2px solid rgba(61,131,255,.92);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsonesys__principle{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(61,131,255,.025),
            rgba(91,224,31,.025)
        );
}

.gsonesys__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:200px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-blue),
            var(--gss-cyan),
            var(--gss-green),
            transparent
        );
}

.gsonesys__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(61,131,255,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(61,131,255,.075),
            transparent 68%
        );

    color:#8db2ff;

    font-size:11px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonesys__principle-copy{
    min-width:0;
}

.gsonesys__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dceadf;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsonesys__principle-copy span{
    display:block;

    color:#7d8f80;

    font-size:12px;
    line-height:1.62;
}

.gsonesys__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TRES ÁREAS
   ========================================================= */

.gsonesys__domains{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;

    margin-bottom:18px;
}

.gsonesys__domain{
    --domain-color:var(--gss-blue);

    position:relative;

    min-width:0;

    padding:20px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.08);

    border-radius:16px;

    background:
        radial-gradient(
            circle at 87% 15%,
            rgba(61,131,255,.045),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(5,12,18,.62),
            rgba(2,8,4,.97)
        );
}

.gsonesys__domain:nth-child(2){
    --domain-color:var(--gss-violet);

    border-color:
        rgba(138,103,255,.08);
}

.gsonesys__domain:nth-child(3){
    --domain-color:var(--gss-green);

    border-color:
        rgba(91,224,31,.08);
}

.gsonesys__domain::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:105px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--domain-color),
            transparent
        );
}

.gsonesys__domain-code{
    display:grid;
    place-items:center;

    width:42px;
    height:42px;

    margin-bottom:13px;
    padding:0;

    border:
        1px solid var(--domain-color);

    border-radius:10px;

    background:
        rgba(2,9,5,.66);

    color:
        var(--domain-color);

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonesys__domain h3{
    margin:0;

    color:#e2f0e5;

    font-size:17px;
    line-height:1.4;
    font-weight:700;
}

.gsonesys__domain-sub{
    display:block;

    margin-top:4px;

    color:
        var(--domain-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__domain p{
    margin:
        11px 0 0;

    color:#788a7d;

    font-size:11px;
    line-height:1.65;
}

.gsonesys__domain-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;

    margin-top:13px;
}

.gsonesys__domain-tags span{
    display:inline-flex;
    align-items:center;

    min-height:26px;

    padding:
        5px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:#718174;

    font-size:9px;
    line-height:1.3;
    font-weight:600;
}


/* =========================================================
   CADENA
   ========================================================= */

.gsonesys__chain{
    display:grid;

    grid-template-columns:
        repeat(7,minmax(0,1fr));

    gap:7px;

    margin-bottom:18px;
}

.gsonesys__stage{
    --stage-color:var(--gss-blue);

    position:relative;

    min-width:0;

    padding:
        14px 8px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsonesys__stage:nth-child(2){
    --stage-color:var(--gss-violet);
}

.gsonesys__stage:nth-child(3){
    --stage-color:var(--gss-cyan);
}

.gsonesys__stage:nth-child(4){
    --stage-color:var(--gss-green);
}

.gsonesys__stage:nth-child(5){
    --stage-color:var(--gss-yellow);
}

.gsonesys__stage:nth-child(6){
    --stage-color:var(--gss-green2);
}

.gsonesys__stage:nth-child(7){
    --stage-color:var(--gss-cyan);
}

.gsonesys__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--stage-color),
            transparent
        );
}

.gsonesys__stage-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin:
        0 auto 8px;

    padding:0;

    border:
        1px solid var(--stage-color);

    border-radius:9px;

    color:
        var(--stage-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonesys__stage-title{
    display:block;

    color:
        var(--stage-color);

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__stage-copy{
    display:block;

    margin-top:3px;

    color:#6e8073;

    font-size:8px;
    line-height:1.4;
}


/* =========================================================
   SECCIONES COMUNES
   ========================================================= */

.gsonesys__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonesys__section-label{
    display:block;

    margin-bottom:6px;

    color:#96b4ed;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonesys__section-copy{
    max-width:880px;

    margin:
        8px 0 0;

    color:#7b8d7e;

    font-size:11px;
    line-height:1.65;
}

.gsonesys__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(61,131,255,.11);

    border-radius:999px;

    color:#8fa8d4;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   SÍNTOMAS
   ========================================================= */

.gsonesys__symptoms-panel{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(61,131,255,.025),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(5,12,17,.58),
            rgba(2,8,4,.97)
        );
}

.gsonesys__symptoms-panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:215px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-blue),
            var(--gss-green),
            transparent
        );
}

.gsonesys__symptoms{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;
}

.gsonesys__symptom{
    --sym-color:var(--gss-blue);

    position:relative;

    min-width:0;
    min-height:147px;

    padding:
        15px 14px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.055);

    border-radius:11px;

    background:
        rgba(3,11,6,.45);
}

.gsonesys__symptom[data-type="sistema"]{
    --sym-color:var(--gss-blue);
}

.gsonesys__symptom[data-type="actualizacion"]{
    --sym-color:var(--gss-cyan);
}

.gsonesys__symptom[data-type="almacenamiento"]{
    --sym-color:var(--gss-violet);
}

.gsonesys__symptom[data-type="usb"]{
    --sym-color:var(--gss-yellow);
}

.gsonesys__symptom[data-type="red"]{
    --sym-color:var(--gss-green);
}

.gsonesys__symptom[data-type="control"]{
    --sym-color:var(--gss-green2);
}

.gsonesys__symptom[data-type="antecedente"]{
    --sym-color:var(--gss-red);
}

.gsonesys__symptom::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--sym-color),
            transparent
        );
}

.gsonesys__symptom-number{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin-bottom:10px;
    padding:0;

    border:
        1px solid var(--sym-color);

    border-radius:8px;

    background:
        rgba(2,9,4,.68);

    color:
        var(--sym-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonesys__symptom strong{
    display:block;

    margin-bottom:5px;

    color:#d4e4d3;

    font-size:11px;
    line-height:1.45;
    font-weight:600;
}

.gsonesys__symptom-copy{
    display:block;

    color:#718274;

    font-size:10px;
    line-height:1.55;
}

.gsonesys__symptom-tag{
    display:inline-flex;
    align-items:center;

    margin-top:9px;

    min-height:24px;

    padding:
        4px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    background:
        rgba(0,0,0,.10);

    color:
        var(--sym-color);

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   CÓDIGOS DE INICIO / ACTUALIZACIÓN
   ========================================================= */

.gsonesys__codes{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(138,103,255,.035),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(8,8,17,.42),
            rgba(2,8,4,.97)
        );
}

.gsonesys__codes::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-violet),
            var(--gss-blue),
            var(--gss-cyan),
            transparent
        );
}

.gsonesys__codes-grid{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:8px;

    margin-top:18px;
}

.gsonesys__error-card{
    --error-color:var(--gss-blue);

    position:relative;

    min-width:0;

    padding:
        15px 12px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.07);

    border-radius:11px;

    background:
        rgba(3,10,8,.48);
}

.gsonesys__error-card:nth-child(2){
    --error-color:var(--gss-cyan);
}

.gsonesys__error-card:nth-child(3){
    --error-color:var(--gss-violet);
}

.gsonesys__error-card:nth-child(4){
    --error-color:var(--gss-yellow);
}

.gsonesys__error-card:nth-child(5){
    --error-color:var(--gss-green);
}

.gsonesys__error-card:nth-child(6){
    --error-color:var(--gss-orange);
}

.gsonesys__error-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:54px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--error-color),
            transparent
        );
}

.gsonesys__error-code{
    display:grid;
    place-items:center;

    width:58px;
    height:42px;

    margin:
        0 0 10px;

    padding:0;

    border:
        1px solid var(--error-color);

    border-radius:9px;

    background:
        rgba(1,7,5,.72);

    color:
        var(--error-color);

    font-size:11px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonesys__error-card strong{
    display:block;

    margin-bottom:5px;

    color:#d7e2da;

    font-size:10px;
    line-height:1.45;
    font-weight:600;
}

.gsonesys__error-copy{
    display:block;

    color:#718075;

    font-size:9px;
    line-height:1.52;
}

.gsonesys__codes-note{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:13px;

    align-items:center;

    margin-top:14px;

    padding:14px;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:11px;

    background:
        rgba(255,200,87,.018);
}

.gsonesys__codes-note-icon{
    display:grid;
    place-items:center;

    width:38px;
    height:38px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(255,200,87,.16);

    border-radius:9px;

    color:
        var(--gss-yellow);

    font-size:9px;
    line-height:1;
    font-weight:700;
}

.gsonesys__codes-note-copy{
    color:#88806a;

    font-size:10px;
    line-height:1.6;
}

.gsonesys__codes-note-copy strong{
    color:#dbca98;
    font-weight:600;
}

.gsonesys__codes-note-state{
    flex-shrink:0;

    color:#bdab78;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   RECUPERACIÓN
   ========================================================= */

.gsonesys__recovery{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(430px,1.12fr);

    gap:18px;

    margin-bottom:18px;
}

.gsonesys__recovery-copy{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(5,11,20,.30),
            rgba(2,8,4,.97)
        );
}

.gsonesys__recovery-copy::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-blue),
            var(--gss-cyan),
            transparent
        );
}

.gsonesys__recovery-list{
    display:grid;
    gap:8px;

    margin-top:17px;
}

.gsonesys__recovery-item{
    display:grid;

    grid-template-columns:
        82px minmax(0,1fr);

    gap:22px;

    align-items:center;

    min-width:0;

    padding:
        24px 25px;

    border:
        1px solid rgba(61,131,255,.07);

    border-radius:18px;

    background:
        rgba(2,10,7,.44);
}


/* =========================================================
   CORRECCIÓN PRINCIPAL:
   NO EXISTE .recovery-item span {display:block}
   ========================================================= */

.gsonesys__recovery-code{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:82px;
    height:82px;

    min-width:82px;
    min-height:82px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(61,131,255,.24);

    border-radius:18px;

    background:
        rgba(2,9,5,.76);

    color:
        var(--gss-blue);

    font-size:16px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;
    vertical-align:middle;
}

.gsonesys__recovery-item:nth-child(2) .gsonesys__recovery-code{
    border-color:
        rgba(39,217,239,.27);

    color:
        var(--gss-cyan);
}

.gsonesys__recovery-item:nth-child(3) .gsonesys__recovery-code{
    border-color:
        rgba(138,103,255,.27);

    color:
        var(--gss-violet);
}

.gsonesys__recovery-item:nth-child(4) .gsonesys__recovery-code{
    border-color:
        rgba(91,224,31,.27);

    color:
        var(--gss-green);
}

.gsonesys__recovery-item-content{
    min-width:0;
}

.gsonesys__recovery-item-title{
    display:block;

    margin:0 0 5px;

    color:#cbdad2;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsonesys__recovery-item-copy{
    display:block;

    margin:0;

    color:#718076;

    font-size:11px;
    line-height:1.58;
}


/* =========================================================
   HUD RECUPERACIÓN
   ========================================================= */

.gsonesys__recovery-hud{
    position:relative;

    min-height:475px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(61,131,255,.075),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 48%,
            rgba(91,224,31,.022),
            transparent 54%
        ),
        linear-gradient(
            145deg,
            rgba(4,12,16,.60),
            rgba(2,8,4,.97)
        );
}

.gsonesys__recovery-hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.23;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(61,131,255,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonesys__recovery-head{
    position:absolute;

    z-index:30;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:14px;

    min-width:0;
}

.gsonesys__recovery-head-code{
    min-width:0;

    color:#94b1ea;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__recovery-head-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    max-width:48%;

    padding:
        6px 9px;

    border:
        1px solid rgba(39,217,239,.11);

    border-radius:999px;

    color:#83bcc3;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-align:center;
    white-space:normal;
}

.gsonesys__recovery-head-state::before{
    content:"";

    width:5px;
    height:5px;

    flex:0 0 5px;

    border-radius:50%;

    background:
        var(--gss-cyan);

    box-shadow:
        0 0 8px rgba(39,217,239,.65);

    animation:
        gsonesys-status-pulse
        1.8s ease-in-out infinite;
}

@keyframes gsonesys-status-pulse{

    0%,
    100%{
        opacity:.35;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.25);
    }

}


/* =========================================================
   ÓRBITA VISIBLE
   ========================================================= */

.gsonesys__recovery-orbit{
    position:absolute;

    z-index:5;

    left:50%;
    top:48%;

    width:300px;
    height:300px;

    transform:
        translate(-50%,-50%);

    border:
        1px solid rgba(91,224,31,.07);

    border-radius:50%;

    pointer-events:none;
}

.gsonesys__recovery-orbit::before{
    content:"";

    position:absolute;

    left:50%;
    top:-6px;

    width:11px;
    height:11px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        var(--gss-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.9),
        0 0 20px rgba(91,224,31,.4);

    animation:
        gsonesys-orbit-dot
        6s linear infinite;
}

@keyframes gsonesys-orbit-dot{

    from{
        transform:
            translateX(-50%)
            rotate(0deg)
            translateY(0);
    }

    to{
        transform:
            translateX(-50%)
            rotate(360deg)
            translateY(0);
    }

}

.gsonesys__recovery-arc{
    position:absolute;

    z-index:6;

    left:50%;
    top:48%;

    width:256px;
    height:256px;

    transform:
        translate(-50%,-50%)
        rotate(0deg);

    border-radius:50%;

    border-top:
        2px solid rgba(39,217,239,.85);

    border-right:
        2px solid rgba(61,131,255,.22);

    border-bottom:
        2px solid transparent;

    border-left:
        2px solid transparent;

    filter:
        drop-shadow(
            0 0 6px
            rgba(39,217,239,.40)
        );

    animation:
        gsonesys-recovery-arc
        5.5s linear infinite;
}

@keyframes gsonesys-recovery-arc{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}


/* =========================================================
   BARRIDO RADIAL
   ========================================================= */

.gsonesys__recovery-sweep{
    position:absolute;

    z-index:7;

    left:50%;
    top:48%;

    width:145px;
    height:1px;

    transform-origin:
        0 50%;

    background:
        linear-gradient(
            90deg,
            rgba(39,217,239,.75),
            rgba(39,217,239,.12),
            transparent
        );

    box-shadow:
        0 0 8px rgba(39,217,239,.34);

    animation:
        gsonesys-recovery-sweep
        4.4s linear infinite;
}

.gsonesys__recovery-sweep::after{
    content:"";

    position:absolute;

    right:14px;
    top:-3px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--gss-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.82);
}

@keyframes gsonesys-recovery-sweep{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   PULSOS DEL NÚCLEO
   ========================================================= */

.gsonesys__recovery-pulse{
    position:absolute;

    z-index:4;

    left:50%;
    top:48%;

    width:135px;
    height:135px;

    transform:
        translate(-50%,-50%)
        scale(.62);

    border:
        1px solid rgba(61,131,255,.30);

    border-radius:50%;

    opacity:0;

    animation:
        gsonesys-recovery-pulse
        3.2s ease-out infinite;
}

.gsonesys__recovery-pulse--b{
    animation-delay:
        1.05s;

    border-color:
        rgba(39,217,239,.26);
}

.gsonesys__recovery-pulse--c{
    animation-delay:
        2.1s;

    border-color:
        rgba(91,224,31,.23);
}

@keyframes gsonesys-recovery-pulse{

    0%{
        opacity:.70;

        transform:
            translate(-50%,-50%)
            scale(.62);
    }

    75%{
        opacity:.05;

        transform:
            translate(-50%,-50%)
            scale(2.05);
    }

    100%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(2.18);
    }

}


/* =========================================================
   NÚCLEO
   ========================================================= */

.gsonesys__recovery-core{
    position:absolute;

    z-index:12;

    left:50%;
    top:48%;

    width:152px;
    height:152px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    margin:0;
    padding:0;

    border:
        1px solid rgba(61,131,255,.26);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(61,131,255,.13),
            rgba(2,8,4,.98) 71%
        );

    box-shadow:
        0 0 32px rgba(61,131,255,.09);

    animation:
        gsonesys-core-breathe
        3s ease-in-out infinite;
}

@keyframes gsonesys-core-breathe{

    0%,
    100%{
        box-shadow:
            0 0 22px rgba(61,131,255,.06);

        border-color:
            rgba(61,131,255,.22);
    }

    50%{
        box-shadow:
            0 0 38px rgba(61,131,255,.16);

        border-color:
            rgba(39,217,239,.42);
    }

}

.gsonesys__recovery-core::before{
    content:"";

    position:absolute;

    inset:-29px;

    border:
        1px dashed rgba(39,217,239,.14);

    border-radius:50%;
}

.gsonesys__recovery-core::after{
    content:"";

    position:absolute;

    inset:-77px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:50%;
}

.gsonesys__recovery-core-copy{
    position:relative;
    z-index:4;

    text-align:center;
}

.gsonesys__recovery-core-title{
    display:block;

    color:#8db5ff;

    font-size:13px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__recovery-core-sub{
    display:block;

    margin-top:5px;

    color:#6f7c83;

    font-size:8px;
    line-height:1.4;
}


/* =========================================================
   NODOS RECUPERACIÓN
   ========================================================= */

.gsonesys__recovery-node{
    --rec-color:var(--gss-blue);

    position:absolute;

    z-index:18;

    width:112px;

    text-align:center;

    animation:
        gsonesys-node-pulse
        4.8s ease-in-out infinite;
}

.gsonesys__recovery-node--a{
    left:6%;
    top:22%;

    --rec-color:var(--gss-blue);

    animation-delay:0s;
}

.gsonesys__recovery-node--b{
    right:6%;
    top:22%;

    --rec-color:var(--gss-cyan);

    animation-delay:1.2s;
}

.gsonesys__recovery-node--c{
    left:6%;
    bottom:18%;

    --rec-color:var(--gss-violet);

    animation-delay:2.4s;
}

.gsonesys__recovery-node--d{
    right:6%;
    bottom:18%;

    --rec-color:var(--gss-green);

    animation-delay:3.6s;
}

@keyframes gsonesys-node-pulse{

    0%,
    78%,
    100%{
        opacity:.72;
        filter:none;
    }

    12%{
        opacity:1;

        filter:
            drop-shadow(
                0 0 7px
                var(--rec-color)
            );
    }

}

.gsonesys__recovery-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--rec-color);

    border-radius:50%;

    background:
        rgba(2,9,5,.96);

    color:
        var(--rec-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;
}

.gsonesys__recovery-node-title{
    display:block;

    color:
        var(--rec-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__recovery-node-copy{
    display:block;

    margin-top:3px;

    color:#65776e;

    font-size:7px;
    line-height:1.4;
}

.gsonesys__recovery-equation{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    bottom:14px;

    padding:
        10px 12px;

    border:
        1px solid rgba(61,131,255,.075);

    border-radius:9px;

    background:
        rgba(3,9,14,.82);

    color:#78899f;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonesys__recovery-equation b{
    color:#8fb4ff;
}


/* =========================================================
   ALMACENAMIENTO + CONECTIVIDAD
   ========================================================= */

.gsonesys__analysis{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:18px;

    margin-bottom:18px;
}

.gsonesys__panel{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(10,8,18,.22),
            rgba(2,8,4,.97)
        );
}

.gsonesys__panel--network{
    border-color:
        rgba(91,224,31,.085);

    background:
        linear-gradient(
            145deg,
            rgba(6,17,9,.55),
            rgba(2,8,4,.97)
        );
}

.gsonesys__panel::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-violet),
            var(--gss-blue),
            transparent
        );
}

.gsonesys__panel--network::before{
    background:
        linear-gradient(
            90deg,
            var(--gss-green),
            var(--gss-cyan),
            transparent
        );
}


/* =========================================================
   ALMACENAMIENTO VISUAL
   ========================================================= */

.gsonesys__storage-visual{
    position:relative;

    width:
        min(
            390px,
            96%
        );

    height:250px;

    margin:
        24px auto 22px;

    display:grid;
    place-items:center;
}

.gsonesys__drive{
    position:relative;

    width:220px;
    height:128px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.20);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(138,103,255,.07),
            rgba(2,8,4,.97)
        );

    box-shadow:
        0 0 30px rgba(138,103,255,.05);
}

.gsonesys__drive::before{
    content:"";

    position:absolute;

    left:18px;
    right:18px;
    top:22px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--gss-violet),
            var(--gss-blue),
            transparent
        );
}

.gsonesys__drive::after{
    content:"";

    position:absolute;

    left:22px;
    bottom:20px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--gss-green);

    box-shadow:
        0 0 9px rgba(91,224,31,.60);

    animation:
        gsonesys-drive-led
        1.6s ease-in-out infinite;
}

@keyframes gsonesys-drive-led{

    0%,
    100%{
        opacity:.25;
    }

    45%{
        opacity:1;
    }

    55%{
        opacity:.35;
    }

    72%{
        opacity:1;
    }

}

.gsonesys__drive-platter{
    position:absolute;

    right:28px;
    top:37px;

    width:70px;
    height:70px;

    border:
        1px solid rgba(39,217,239,.18);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            #020403 0 9px,
            rgba(39,217,239,.10) 10px 11px,
            transparent 12px 27px,
            rgba(138,103,255,.14) 28px 29px,
            transparent 30px
        );

    animation:
        gsonesys-drive-spin
        4.5s linear infinite;
}

.gsonesys__drive-platter::before{
    content:"";

    position:absolute;

    left:50%;
    top:4px;

    width:3px;
    height:17px;

    transform:
        translateX(-50%);

    border-radius:2px;

    background:
        var(--gss-cyan);

    box-shadow:
        0 0 6px rgba(39,217,239,.45);
}

@keyframes gsonesys-drive-spin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonesys__drive-bars{
    position:absolute;

    left:24px;
    top:42px;

    display:grid;
    gap:7px;

    width:78px;
}

.gsonesys__drive-bars span{
    display:block;

    height:5px;

    border-radius:3px;

    background:
        linear-gradient(
            90deg,
            rgba(138,103,255,.65),
            rgba(61,131,255,.18)
        );

    animation:
        gsonesys-drive-bars
        2s ease-in-out infinite alternate;
}

.gsonesys__drive-bars span:nth-child(2){
    width:78%;
    animation-delay:.25s;
}

.gsonesys__drive-bars span:nth-child(3){
    width:54%;
    animation-delay:.5s;
}

@keyframes gsonesys-drive-bars{

    from{
        opacity:.30;
    }

    to{
        opacity:1;
    }

}

.gsonesys__storage-label{
    position:absolute;

    padding:
        5px 8px;

    border:
        1px solid rgba(255,255,255,.05);

    border-radius:6px;

    background:
        rgba(2,9,5,.80);

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__storage-label--internal{
    left:0;
    top:20px;

    color:
        var(--gss-violet);
}

.gsonesys__storage-label--system{
    right:0;
    top:20px;

    color:
        var(--gss-blue);
}

.gsonesys__storage-label--external{
    left:0;
    bottom:18px;

    color:
        var(--gss-yellow);
}

.gsonesys__storage-label--test{
    right:0;
    bottom:18px;

    color:
        var(--gss-green);
}


/* =========================================================
   RED VISUAL
   ========================================================= */

.gsonesys__network-visual{
    position:relative;

    width:
        min(
            390px,
            96%
        );

    height:250px;

    margin:
        24px auto 22px;

    display:grid;
    place-items:center;
}

.gsonesys__network-core{
    position:absolute;

    left:50%;
    top:50%;

    width:94px;
    height:94px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    margin:0;
    padding:0;

    border:
        1px solid rgba(91,224,31,.25);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.10),
            rgba(2,8,4,.98) 72%
        );

    color:
        var(--gss-green2);

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;

    box-shadow:
        0 0 25px rgba(91,224,31,.07);

    animation:
        gsonesys-network-core
        2.7s ease-in-out infinite;
}

@keyframes gsonesys-network-core{

    0%,
    100%{
        box-shadow:
            0 0 18px rgba(91,224,31,.05);
    }

    50%{
        box-shadow:
            0 0 34px rgba(91,224,31,.16);
    }

}

.gsonesys__network-ring{
    position:absolute;

    left:50%;
    top:50%;

    width:158px;
    height:158px;

    transform:
        translate(-50%,-50%);

    border:
        1px dashed rgba(39,217,239,.11);

    border-radius:50%;

    animation:
        gsonesys-network-spin
        19s linear infinite;
}

.gsonesys__network-ring::before{
    content:"";

    position:absolute;

    inset:-42px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:50%;
}

.gsonesys__network-ring::after{
    content:"";

    position:absolute;

    left:50%;
    top:-5px;

    width:9px;
    height:9px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        var(--gss-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.7);
}

@keyframes gsonesys-network-spin{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}

.gsonesys__network-node{
    --network-color:var(--gss-green);

    position:absolute;

    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:53px;
    height:53px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--network-color);

    border-radius:50%;

    background:
        rgba(2,9,5,.93);

    color:
        var(--network-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;

    animation:
        gsonesys-network-node-pulse
        4s ease-in-out infinite;
}

.gsonesys__network-node--wifi{
    left:3px;
    top:31px;

    --network-color:var(--gss-green);
}

.gsonesys__network-node--lan{
    right:3px;
    top:31px;

    --network-color:var(--gss-cyan);

    animation-delay:1s;
}

.gsonesys__network-node--ctrl{
    left:3px;
    bottom:29px;

    --network-color:var(--gss-green2);

    animation-delay:2s;
}

.gsonesys__network-node--usb{
    right:3px;
    bottom:29px;

    --network-color:var(--gss-yellow);

    animation-delay:3s;
}

@keyframes gsonesys-network-node-pulse{

    0%,
    75%,
    100%{
        opacity:.66;
    }

    15%{
        opacity:1;

        box-shadow:
            0 0 14px
            var(--network-color);
    }

}


/* =========================================================
   CARDS PANEL
   ========================================================= */

.gsonesys__panel-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:8px;
}

.gsonesys__panel-card{
    --panel-color:var(--gss-violet);

    min-width:0;

    padding:12px;

    border:
        1px solid rgba(138,103,255,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.42);
}

.gsonesys__panel-card:nth-child(2){
    --panel-color:var(--gss-blue);
}

.gsonesys__panel-card:nth-child(3){
    --panel-color:var(--gss-yellow);
}

.gsonesys__panel-card:nth-child(4){
    --panel-color:var(--gss-green);
}

.gsonesys__panel--network .gsonesys__panel-card:nth-child(1){
    --panel-color:var(--gss-green);
}

.gsonesys__panel--network .gsonesys__panel-card:nth-child(2){
    --panel-color:var(--gss-cyan);
}

.gsonesys__panel--network .gsonesys__panel-card:nth-child(3){
    --panel-color:var(--gss-green2);
}

.gsonesys__panel--network .gsonesys__panel-card:nth-child(4){
    --panel-color:var(--gss-yellow);
}

.gsonesys__panel-card strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--panel-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__panel-card span{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.5;
}


/* =========================================================
   HUD GENERAL
   ========================================================= */

.gsonesys__hud{
    position:relative;

    min-height:620px;

    margin-bottom:18px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 43%,
            rgba(61,131,255,.055),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 43%,
            rgba(91,224,31,.02),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(4,11,14,.62),
            rgba(2,8,4,.97)
        );
}

.gsonesys__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonesys__hud-head{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.gsonesys__hud-code{
    color:#9eb7e8;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:999px;

    background:
        rgba(4,15,8,.50);

    color:#96c789;

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}

.gsonesys__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gss-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.58);
}


/* =========================================================
   MAPA CENTRAL
   ========================================================= */

.gsonesys__map{
    position:absolute;

    left:50%;
    top:39%;

    width:340px;
    height:250px;

    transform:
        translate(-50%,-50%);

    pointer-events:none;
}

.gsonesys__map-ring{
    position:absolute;

    left:50%;
    top:50%;

    width:210px;
    height:210px;

    transform:
        translate(-50%,-50%);

    border:
        1px solid rgba(61,131,255,.11);

    border-radius:50%;

    animation:
        gsonesys-map-spin
        14s linear infinite;
}

.gsonesys__map-ring::before{
    content:"";

    position:absolute;

    inset:35px;

    border:
        1px dashed rgba(39,217,239,.12);

    border-radius:50%;
}

.gsonesys__map-ring::after{
    content:"";

    position:absolute;

    left:50%;
    top:-5px;

    width:10px;
    height:10px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        var(--gss-blue);

    box-shadow:
        0 0 9px rgba(61,131,255,.80);
}

@keyframes gsonesys-map-spin{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}

.gsonesys__map-core{
    position:absolute;

    z-index:5;

    left:50%;
    top:50%;

    width:82px;
    height:82px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    margin:0;
    padding:0;

    border:
        1px solid rgba(128,255,72,.25);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.11),
            #020604 72%
        );

    color:
        var(--gss-green2);

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;
}


/* =========================================================
   RUTA HUD GENERAL
   ========================================================= */

.gsonesys__hud-route{
    position:absolute;

    z-index:12;

    left:36px;
    right:36px;
    bottom:105px;

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:7px;
}

.gsonesys__hud-node{
    --node-color:var(--gss-blue);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsonesys__hud-node:nth-child(2){
    --node-color:var(--gss-violet);
}

.gsonesys__hud-node:nth-child(3){
    --node-color:var(--gss-yellow);
}

.gsonesys__hud-node:nth-child(4){
    --node-color:var(--gss-green);
}

.gsonesys__hud-node:nth-child(5){
    --node-color:var(--gss-green2);
}

.gsonesys__hud-node:nth-child(6){
    --node-color:var(--gss-cyan);
}

.gsonesys__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 28px);
    right:calc(-50% + 28px);
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(91,224,31,.10)
        );
}

.gsonesys__hud-node:last-child::after{
    display:none;
}

.gsonesys__hud-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--node-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;

    box-shadow:
        0 0 15px rgba(61,131,255,.04);
}

.gsonesys__hud-title{
    display:block;

    color:
        var(--node-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__hud-copy{
    display:block;

    margin-top:3px;

    color:#65776b;

    font-size:7px;
    line-height:1.4;
}

.gsonesys__packet{
    position:absolute;

    z-index:15;

    left:7%;
    bottom:160px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--gss-blue);

    box-shadow:
        0 0 10px rgba(61,131,255,.70);

    opacity:0;

    animation:
        gsonesys-packet
        5.2s linear infinite;
}

.gsonesys__packet--b{
    animation-delay:
        2.5s;

    background:
        var(--gss-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.68);
}

@keyframes gsonesys-packet{

    0%{
        left:7%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:92%;
        opacity:0;
    }

}

.gsonesys__hud-equation{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        11px 12px;

    border:
        1px solid rgba(61,131,255,.08);

    border-radius:9px;

    background:
        rgba(3,9,14,.72);

    color:#7b899f;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonesys__hud-equation b{
    color:#91b5ff;
}


/* =========================================================
   PRUEBAS
   ========================================================= */

.gsonesys__tests{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(6,18,8,.65),
            rgba(2,8,4,.97)
        );
}

.gsonesys__tests::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-green),
            var(--gss-cyan),
            transparent
        );
}

.gsonesys__tests-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonesys__test{
    --test-color:var(--gss-blue);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(61,131,255,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonesys__test:nth-child(2){
    --test-color:var(--gss-violet);
}

.gsonesys__test:nth-child(3){
    --test-color:var(--gss-green);
}

.gsonesys__test:nth-child(4){
    --test-color:var(--gss-cyan);
}

.gsonesys__test:nth-child(5){
    --test-color:var(--gss-yellow);
}

.gsonesys__test strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--test-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__test span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   REGLAS
   ========================================================= */

.gsonesys__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.075);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.014),
            rgba(2,8,4,.97)
        );
}

.gsonesys__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gss-yellow),
            var(--gss-red),
            transparent
        );
}

.gsonesys__rules-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin-top:17px;
}

.gsonesys__rule{
    --rule-color:var(--gss-blue);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(61,131,255,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonesys__rule:nth-child(2){
    --rule-color:var(--gss-violet);
}

.gsonesys__rule:nth-child(3){
    --rule-color:var(--gss-green);
}

.gsonesys__rule:nth-child(4){
    --rule-color:var(--gss-green2);
}

.gsonesys__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonesys__rule span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

.gsonesys__warning{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,99,120,.085);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,99,120,.017),
            rgba(61,131,255,.009)
        );
}

.gsonesys__warning-icon{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(255,99,120,.14);

    border-radius:9px;

    color:#d48691;

    font-size:10px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonesys__warning-copy{
    min-width:0;

    color:#87777a;

    font-size:11px;
    line-height:1.62;
}

.gsonesys__warning-copy strong{
    color:#d7babc;
    font-weight:600;
}

.gsonesys__warning-state{
    flex-shrink:0;

    color:#aa8086;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsonesys__terminal{
    overflow:hidden;

    border:
        1px solid rgba(61,131,255,.105);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(5,11,18,.86),
            rgba(2,7,3,.98)
        );
}

.gsonesys__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(61,131,255,.065);

    background:
        rgba(5,10,16,.70);
}

.gsonesys__terminal-dots{
    display:flex;
    gap:6px;
}

.gsonesys__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonesys__terminal-dots span:nth-child(1){
    background:
        var(--gss-red);
}

.gsonesys__terminal-dots span:nth-child(2){
    background:
        var(--gss-yellow);
}

.gsonesys__terminal-dots span:nth-child(3){
    background:
        var(--gss-green);
}

.gsonesys__terminal-name{
    color:#606c7e;

    font-size:10px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsonesys__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonesys__terminal-route{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.gsonesys__terminal-route span{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(61,131,255,.05);

    border-radius:7px;

    background:
        rgba(4,10,13,.46);

    color:#6f7b84;

    font-size:10px;
    line-height:1.35;
    font-weight:500;
}

.gsonesys__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:9px;

    color:#91bd86;

    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.gsonesys__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gss-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsonesys__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#53605b;

    font-size:10px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsonesys__footer-state{
    display:flex;
    align-items:center;
    gap:6px;

    color:#65746b;
}

.gsonesys__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gss-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width:1100px){

    .gsonesys__chain{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .gsonesys__symptoms{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .gsonesys__codes-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .gsonesys__tests-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsonesys__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsonesys__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:20px;
    }

    .gsonesys__status{
        max-width:650px;
    }

    .gsonesys__recovery,
    .gsonesys__analysis{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__rules-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsonesys{
        overflow:hidden;
    }

    .gsonesys__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonesys__scan,
    .gsonesys__orbit{
        display:none;
    }

    .gsonesys__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonesys__heading{
        display:block;
    }

    .gsonesys__status{
        margin-top:19px;
    }

    .gsonesys__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonesys__intro{
        font-size:14px;
        line-height:1.70;
    }

    .gsonesys__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsonesys__principle-state{
        width:fit-content;
    }

    .gsonesys__domains{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__chain{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonesys__symptoms-panel,
    .gsonesys__codes,
    .gsonesys__recovery-copy,
    .gsonesys__panel,
    .gsonesys__tests,
    .gsonesys__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonesys__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonesys__section-state{
        width:fit-content;
    }

    .gsonesys__symptoms{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonesys__codes-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonesys__codes-note{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsonesys__codes-note-state{
        width:fit-content;
    }


    /* ===============================================
       LISTA RECUPERACIÓN MÓVIL
       =============================================== */

    .gsonesys__recovery-item{
        grid-template-columns:
            62px minmax(0,1fr);

        gap:14px;

        padding:
            17px 15px;

        border-radius:13px;
    }

    .gsonesys__recovery-code{
        width:62px;
        height:62px;

        min-width:62px;
        min-height:62px;

        border-radius:14px;

        font-size:12px;
    }


    /* ===============================================
       HUD RECUPERACIÓN
       =============================================== */

    .gsonesys__recovery-hud{
        min-height:0;
    }

    .gsonesys__recovery-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonesys__recovery-head-state{
        max-width:100%;
        width:fit-content;

        text-align:left;
    }

    .gsonesys__recovery-core{
        top:45%;

        width:125px;
        height:125px;
    }

    .gsonesys__recovery-core::after{
        inset:-48px;
    }

    .gsonesys__recovery-orbit{
        top:45%;

        width:240px;
        height:240px;
    }

    .gsonesys__recovery-arc{
        top:45%;

        width:206px;
        height:206px;
    }

    .gsonesys__recovery-sweep{
        top:45%;

        width:112px;
    }

    .gsonesys__recovery-pulse{
        top:45%;
    }

    .gsonesys__recovery-node{
        width:105px;
    }

    .gsonesys__recovery-node--a{
        left:3%;
        top:18%;
    }

    .gsonesys__recovery-node--b{
        right:3%;
        top:18%;
    }

    .gsonesys__recovery-node--c{
        left:3%;
        bottom:16%;
    }

    .gsonesys__recovery-node--d{
        right:3%;
        bottom:16%;
    }


    /* ===============================================
       STORAGE / NETWORK
       =============================================== */

    .gsonesys__panel-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__storage-visual,
    .gsonesys__network-visual{
        height:225px;
    }


    /* ===============================================
       HUD GENERAL
       =============================================== */

    .gsonesys__hud{
        min-height:0;
    }

    .gsonesys__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonesys__map{
        top:25%;

        width:285px;
        height:215px;
    }

    .gsonesys__map-ring{
        width:180px;
        height:180px;
    }

    .gsonesys__hud-route{
        left:15px;
        right:15px;
        bottom:87px;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:12px 6px;
    }

    .gsonesys__hud-node::after{
        display:none;
    }

    .gsonesys__hud-circle{
        width:50px;
        height:50px;
    }

    .gsonesys__packet{
        display:none;
    }

    .gsonesys__tests-grid,
    .gsonesys__rules-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__warning{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsonesys__warning-state{
        width:fit-content;
    }

    .gsonesys__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonesys__terminal-state{
        width:fit-content;
    }

    .gsonesys__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsonesys__symptoms{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__codes-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__recovery-hud{
        min-height:0;
    }

    .gsonesys__recovery-core{
        top:47%;
    }

    .gsonesys__recovery-orbit,
    .gsonesys__recovery-arc,
    .gsonesys__recovery-sweep,
    .gsonesys__recovery-pulse{
        top:47%;
    }

    .gsonesys__recovery-node--a{
        left:50%;
        top:14%;

        transform:
            translateX(-50%);
    }

    .gsonesys__recovery-node--b{
        left:50%;
        right:auto;
        top:28%;

        transform:
            translateX(-50%);
    }

    .gsonesys__recovery-node--c{
        left:50%;
        bottom:27%;

        transform:
            translateX(-50%);
    }

    .gsonesys__recovery-node--d{
        left:50%;
        right:auto;
        bottom:11%;

        transform:
            translateX(-50%);
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsonesys__shell{
        width:
            calc(100% - 24px);
    }

    .gsonesys__chain{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__storage-label{
        display:none;
    }

    .gsonesys__network-node{
        width:46px;
        height:46px;
    }

    .gsonesys__hud{
        min-height:0;
    }

    .gsonesys__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonesys__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsonesys__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD DE RECUPERACIÓN RESPONSIVE
   ========================================================= */

@media (max-width:767px){

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-hud{
        min-height:0 !important;

        display:grid;
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;

        padding:
            16px 12px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        grid-column:
            1 / -1;

        margin-bottom:5px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-pulse,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-orbit,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-arc,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-sweep{
        display:none !important;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-core{
        position:relative;

        left:auto;
        top:auto;

        grid-column:
            1 / -1;

        width:138px;
        height:138px;

        margin:
            14px auto 17px;

        transform:none;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-core::before{
        inset:-22px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-core::after{
        inset:-42px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node--a,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node--b,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node--c,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node--d{
        position:relative;

        left:auto;
        right:auto;
        top:auto;
        bottom:auto;

        width:auto;
        min-height:116px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        transform:none;

        animation:none;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:12px;

        background:
            rgba(3,9,14,.56);

        text-align:center;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-circle{
        width:52px;
        height:52px;

        margin:
            0 auto 7px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node-title{
        font-size:9px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node-copy{
        margin-top:2px;

        font-size:8.5px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        grid-column:
            1 / -1;

        margin-top:4px;
    }


    /* =====================================================
       HUD GENERAL
       ===================================================== */

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        margin-bottom:
            13px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__map{
        position:relative;

        left:auto;
        top:auto;

        width:285px;
        max-width:100%;
        height:215px;

        margin:
            0 auto 12px;

        transform:none;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__map-ring{
        width:180px;
        height:180px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-route{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            9px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-node{
        min-height:112px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:12px;

        background:
            rgba(3,9,14,.52);

        text-align:center;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-node::after{
        display:none !important;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-circle{
        width:52px;
        height:52px;

        margin:
            0 auto 7px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-title{
        font-size:9px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-copy{
        margin-top:2px;

        font-size:8.5px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__packet{
        display:none !important;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        margin-top:
            12px;
    }
}

@media (max-width:390px){

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-hud{
        grid-template-columns:
            minmax(0,1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-head,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-core,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-equation{
        grid-column:
            1;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__recovery-node,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__hud-node{
        min-height:106px;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__title{
        line-height:1.10;
    }
}

/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    #sistema-almacenamiento-conectividad-xbox-one,
    #sistema-almacenamiento-conectividad-xbox-one *,
    #sistema-almacenamiento-conectividad-xbox-one *::before,
    #sistema-almacenamiento-conectividad-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__scan,
    #sistema-almacenamiento-conectividad-xbox-one .gsonesys__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Diagnóstico, Refacciones y Garantía
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — DIAGNÓSTICO, COMPONENTES Y GARANTÍA AUDITADO
   ID INTERNO HTML: diagnostico-refacciones-xbox-one
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — DIAGNÓSTICO, REFACCIONES Y GARANTÍA
   CSS ID EXTERIOR: diagnostico-refacciones-xbox-one
   ROOT AUTÓNOMO: .gsonedx
   ========================================================= */

.gsonedx{
    scroll-margin-top:90px;

    --dx-bg:#020403;
    --dx-bg2:#061008;

    --dx-green:#5be01f;
    --dx-green2:#80ff48;
    --dx-cyan:#27d9ef;
    --dx-blue:#3d83ff;
    --dx-violet:#8a67ff;

    --dx-yellow:#ffc857;
    --dx-orange:#ff9e45;
    --dx-red:#ff6378;

    --dx-white:#f3fff4;
    --dx-text:#eaf5eb;
    --dx-muted:#91a296;
    --dx-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--dx-text);

    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(91,224,31,.072),
            transparent 29%
        ),
        radial-gradient(
            circle at 91% 17%,
            rgba(138,103,255,.038),
            transparent 29%
        ),
        radial-gradient(
            circle at 73% 84%,
            rgba(39,217,239,.025),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsonedx *,
.gsonedx *::before,
.gsonedx *::after{
    box-sizing:border-box;

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsonedx__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.036) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.036) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonedx__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.90),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.90)
        );
}


/* =========================================================
   ESCÁNER
   ========================================================= */

.gsonedx__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonedx__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.12),
            rgba(39,217,239,.12),
            rgba(138,103,255,.11),
            transparent
        );

    box-shadow:
        0 0 15px rgba(91,224,31,.08);

    animation:
        gsonedx-scan
        13s linear infinite;
}

@keyframes gsonedx-scan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

    100%{
        transform:translateY(7200px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITA
   ========================================================= */

.gsonedx__orbit{
    position:absolute;

    width:820px;
    height:820px;

    right:-470px;
    top:980px;

    pointer-events:none;

    border:
        1px solid rgba(91,224,31,.035);

    border-radius:50%;

    animation:
        gsonedx-orbit
        78s linear infinite;
}

.gsonedx__orbit::before{
    content:"";

    position:absolute;
    inset:125px;

    border:
        1px dashed rgba(39,217,239,.04);

    border-radius:50%;
}

.gsonedx__orbit::after{
    content:"";

    position:absolute;
    inset:245px;

    border:
        1px solid rgba(138,103,255,.028);

    border-radius:50%;
}

@keyframes gsonedx-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsonedx__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsonedx__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonedx__heading-main{
    min-width:0;
}

.gsonedx__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(91,224,31,.16);

    border-radius:999px;

    background:
        rgba(91,224,31,.026);

    color:#a5db94;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonedx__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--dx-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.62);
}

.gsonedx__title{
    max-width:1030px;

    margin:0;
    padding-bottom:.06em;

    overflow:visible;

    color:
        var(--dx-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsonedx__title span{
    color:
        var(--dx-green2);
}

.gsonedx__intro{
    max-width:950px;

    margin:
        16px 0 0;

    color:
        var(--dx-muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   ESTADO
   ========================================================= */

.gsonedx__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(91,224,31,.022),
            rgba(4,13,7,.92)
        );
}

.gsonedx__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--dx-green),
            transparent
        );
}

.gsonedx__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#9dd18e;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--dx-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.55);
}

.gsonedx__status p{
    margin:0;

    color:#7f907f;

    font-size:12px;
    line-height:1.62;
}

.gsonedx__inline-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;

    margin-top:10px;

    color:#b9eba8 !important;

    font-size:10px;
    line-height:1.4;
    font-weight:650;

    text-decoration:none !important;

    border-bottom:
        1px solid rgba(91,224,31,.28);

    transition:
        color .2s ease,
        border-color .2s ease;
}

.gsonedx__inline-link:hover{
    color:#e5ffdb !important;

    border-color:
        rgba(91,224,31,.72);
}

.gsonedx__inline-link:focus-visible{
    outline:
        2px solid rgba(91,224,31,.92);

    outline-offset:
        4px;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsonedx__principle{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.095);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.022),
            rgba(91,224,31,.026)
        );
}

.gsonedx__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:200px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-cyan),
            var(--dx-green),
            transparent
        );
}

.gsonedx__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(39,217,239,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(39,217,239,.075),
            transparent 68%
        );

    color:
        var(--dx-cyan);

    font-size:11px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__principle-copy{
    min-width:0;
}

.gsonedx__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dcebe0;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsonedx__principle-copy span{
    display:block;

    color:#7d8f80;

    font-size:12px;
    line-height:1.62;
}

.gsonedx__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   RUTA DE DIAGNÓSTICO
   ========================================================= */

.gsonedx__chain{
    display:grid;

    grid-template-columns:
        repeat(7,minmax(0,1fr));

    gap:7px;

    margin-bottom:18px;
}

.gsonedx__stage{
    --stage-color:var(--dx-cyan);

    position:relative;

    min-width:0;

    padding:
        14px 8px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsonedx__stage:nth-child(2){
    --stage-color:var(--dx-blue);
}

.gsonedx__stage:nth-child(3){
    --stage-color:var(--dx-violet);
}

.gsonedx__stage:nth-child(4){
    --stage-color:var(--dx-yellow);
}

.gsonedx__stage:nth-child(5){
    --stage-color:var(--dx-green);
}

.gsonedx__stage:nth-child(6){
    --stage-color:var(--dx-green2);
}

.gsonedx__stage:nth-child(7){
    --stage-color:var(--dx-cyan);
}

.gsonedx__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--stage-color),
            transparent
        );
}

.gsonedx__stage-code{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    margin:
        0 auto 8px;

    padding:0;

    border:
        1px solid var(--stage-color);

    border-radius:9px;

    color:
        var(--stage-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__stage-title{
    display:block;

    color:
        var(--stage-color);

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__stage-copy{
    display:block;

    margin-top:3px;

    color:#6e8073;

    font-size:8px;
    line-height:1.4;
}


/* =========================================================
   TÍTULOS DE SUBSECCIÓN
   ========================================================= */

.gsonedx__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonedx__section-label{
    display:block;

    margin-bottom:6px;

    color:#9edb8e;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonedx__section-copy{
    max-width:880px;

    margin:
        8px 0 0;

    color:#7b8d7e;

    font-size:11px;
    line-height:1.65;
}

.gsonedx__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:999px;

    color:#91bc85;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   DOS RUTAS DE RECEPCIÓN
   ========================================================= */

.gsonedx__intake{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(91,224,31,.03),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(7,18,9,.70),
            rgba(2,8,4,.97)
        );
}

.gsonedx__intake::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-green),
            var(--dx-cyan),
            transparent
        );
}

.gsonedx__intake-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;
}

.gsonedx__intake-card{
    --intake-color:var(--dx-green);

    position:relative;

    min-width:0;

    padding:21px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.075);

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            rgba(91,224,31,.022),
            rgba(2,9,5,.88)
        );
}

.gsonedx__intake-card--prior{
    --intake-color:var(--dx-yellow);

    border-color:
        rgba(255,200,87,.075);

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.018),
            rgba(2,9,5,.88)
        );
}

.gsonedx__intake-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--intake-color),
            transparent
        );
}

.gsonedx__intake-code{
    display:grid;
    place-items:center;

    width:48px;
    height:48px;

    margin-bottom:13px;
    padding:0;

    border:
        1px solid var(--intake-color);

    border-radius:11px;

    color:
        var(--intake-color);

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__intake-card h4{
    margin:0;

    color:#dfedde;

    font-size:16px;
    line-height:1.42;
    font-weight:700;
}

.gsonedx__intake-card p{
    margin:
        9px 0 0;

    color:#788a7d;

    font-size:11px;
    line-height:1.66;
}

.gsonedx__intake-list{
    display:grid;

    gap:7px;

    margin-top:14px;
}

.gsonedx__intake-point{
    display:grid;

    grid-template-columns:
        7px minmax(0,1fr);

    gap:9px;

    align-items:start;

    color:#748579;

    font-size:10px;
    line-height:1.55;
}

.gsonedx__intake-point::before{
    content:"";

    width:6px;
    height:6px;

    margin-top:5px;

    border-radius:50%;

    background:
        var(--intake-color);

    box-shadow:
        0 0 7px
        color-mix(
            in srgb,
            var(--intake-color) 46%,
            transparent
        );
}

.gsonedx__intake-result{
    display:inline-flex;
    align-items:center;

    margin-top:15px;

    padding:
        7px 9px;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--intake-color) 18%,
            transparent
        );

    border-radius:8px;

    color:
        var(--intake-color);

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   DIAGNÓSTICO + HUD
   ========================================================= */

.gsonedx__analysis{
    display:grid;

    grid-template-columns:
        minmax(0,.90fr)
        minmax(445px,1.10fr);

    gap:18px;

    margin-bottom:18px;
}


/* =========================================================
   CÓMO SE DETERMINA
   ========================================================= */

.gsonedx__analysis-card{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(3,15,16,.27),
            rgba(2,8,4,.97)
        );
}

.gsonedx__analysis-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-cyan),
            var(--dx-green),
            transparent
        );
}

.gsonedx__checks{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonedx__check{
    --check-color:var(--dx-cyan);

    min-width:0;

    padding:
        14px 12px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonedx__check:nth-child(2){
    --check-color:var(--dx-blue);
}

.gsonedx__check:nth-child(3){
    --check-color:var(--dx-violet);
}

.gsonedx__check:nth-child(4){
    --check-color:var(--dx-yellow);
}

.gsonedx__check:nth-child(5){
    --check-color:var(--dx-green);
}

.gsonedx__check:nth-child(6){
    --check-color:var(--dx-green2);
}

.gsonedx__check-code{
    display:grid;
    place-items:center;

    width:36px;
    height:36px;

    margin-bottom:9px;
    padding:0;

    border:
        1px solid var(--check-color);

    border-radius:8px;

    color:
        var(--check-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__check strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--check-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__check-copy{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.55;
}


/* =========================================================
   HUD DE DIAGNÓSTICO
   ========================================================= */

.gsonedx__hud{
    position:relative;

    min-height:630px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.095);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 43%,
            rgba(91,224,31,.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 43%,
            rgba(39,217,239,.025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,12,.72),
            rgba(2,8,4,.97)
        );
}

.gsonedx__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonedx__hud-head{
    position:absolute;

    z-index:30;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.gsonedx__hud-code{
    color:#93c5c8;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    color:#98c68b;

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}

.gsonedx__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--dx-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.60);

    animation:
        gsonedx-status
        1.7s ease-in-out infinite;
}

@keyframes gsonedx-status{

    0%,
    100%{
        opacity:.35;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.25);
    }

}


/* =========================================================
   NÚCLEO HUD
   ========================================================= */

.gsonedx__hud-core{
    position:absolute;

    z-index:10;

    left:50%;
    top:39%;

    width:170px;
    height:170px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    border:
        1px solid rgba(91,224,31,.25);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.12),
            rgba(2,8,4,.98) 71%
        );

    box-shadow:
        0 0 30px rgba(91,224,31,.07);

    animation:
        gsonedx-core
        3.2s ease-in-out infinite;
}

@keyframes gsonedx-core{

    0%,
    100%{
        box-shadow:
            0 0 22px rgba(91,224,31,.06);
    }

    50%{
        box-shadow:
            0 0 42px rgba(91,224,31,.17);
    }

}

.gsonedx__hud-core::before{
    content:"";

    position:absolute;

    inset:-38px;

    border:
        1px dashed rgba(39,217,239,.13);

    border-radius:50%;

    animation:
        gsonedx-core-ring
        16s linear infinite;
}

.gsonedx__hud-core::after{
    content:"";

    position:absolute;

    inset:-90px;

    border:
        1px solid rgba(138,103,255,.055);

    border-radius:50%;
}

@keyframes gsonedx-core-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonedx__hud-core-copy{
    position:relative;
    z-index:5;

    text-align:center;
}

.gsonedx__hud-core-title{
    display:block;

    color:
        var(--dx-green2);

    font-size:14px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__hud-core-sub{
    display:block;

    margin-top:5px;

    color:#728275;

    font-size:8px;
    line-height:1.4;
}


/* =========================================================
   BARRIDO
   ========================================================= */

.gsonedx__sweep{
    position:absolute;

    z-index:9;

    left:50%;
    top:39%;

    width:155px;
    height:1px;

    transform-origin:
        0 50%;

    background:
        linear-gradient(
            90deg,
            rgba(39,217,239,.72),
            rgba(39,217,239,.10),
            transparent
        );

    box-shadow:
        0 0 7px rgba(39,217,239,.30);

    animation:
        gsonedx-sweep
        5s linear infinite;
}

.gsonedx__sweep::after{
    content:"";

    position:absolute;

    right:12px;
    top:-3px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--dx-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.75);
}

@keyframes gsonedx-sweep{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   PULSOS
   ========================================================= */

.gsonedx__pulse{
    position:absolute;

    z-index:6;

    left:50%;
    top:39%;

    width:150px;
    height:150px;

    transform:
        translate(-50%,-50%)
        scale(.65);

    border:
        1px solid rgba(91,224,31,.24);

    border-radius:50%;

    opacity:0;

    animation:
        gsonedx-pulse
        3.4s ease-out infinite;
}

.gsonedx__pulse--b{
    animation-delay:
        1.1s;

    border-color:
        rgba(39,217,239,.23);
}

.gsonedx__pulse--c{
    animation-delay:
        2.2s;

    border-color:
        rgba(138,103,255,.20);
}

@keyframes gsonedx-pulse{

    0%{
        opacity:.65;

        transform:
            translate(-50%,-50%)
            scale(.65);
    }

    80%{
        opacity:.04;

        transform:
            translate(-50%,-50%)
            scale(2.12);
    }

    100%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(2.20);
    }

}


/* =========================================================
   RUTA HUD
   ========================================================= */

.gsonedx__hud-route{
    position:absolute;

    z-index:14;

    left:22px;
    right:22px;
    bottom:106px;

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:5px;
}

.gsonedx__hud-node{
    --node-color:var(--dx-cyan);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsonedx__hud-node:nth-child(2){
    --node-color:var(--dx-blue);
}

.gsonedx__hud-node:nth-child(3){
    --node-color:var(--dx-violet);
}

.gsonedx__hud-node:nth-child(4){
    --node-color:var(--dx-yellow);
}

.gsonedx__hud-node:nth-child(5){
    --node-color:var(--dx-green);
}

.gsonedx__hud-node:nth-child(6){
    --node-color:var(--dx-green2);
}

.gsonedx__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 28px);
    right:calc(-50% + 28px);
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(91,224,31,.10)
        );
}

.gsonedx__hud-node:last-child::after{
    display:none;
}


/* =========================================================
   CENTRADO PROTEGIDO
   ========================================================= */

.gsonedx__hud-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--node-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;

    box-shadow:
        0 0 15px rgba(91,224,31,.04);
}

.gsonedx__hud-title{
    display:block;

    color:
        var(--node-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__hud-copy{
    display:block;

    margin-top:3px;

    color:#65776b;

    font-size:7px;
    line-height:1.4;
}


/* =========================================================
   PAQUETE HUD
   ========================================================= */

.gsonedx__packet{
    position:absolute;

    z-index:16;

    left:7%;
    bottom:161px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--dx-cyan);

    box-shadow:
        0 0 10px rgba(39,217,239,.70);

    opacity:0;

    animation:
        gsonedx-packet
        5.2s linear infinite;
}

.gsonedx__packet--b{
    animation-delay:
        2.5s;

    background:
        var(--dx-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.68);
}

@keyframes gsonedx-packet{

    0%{
        left:7%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:92%;
        opacity:0;
    }

}


/* =========================================================
   ECUACIÓN
   ========================================================= */

.gsonedx__hud-equation{
    position:absolute;

    z-index:22;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        11px 12px;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:9px;

    background:
        rgba(3,11,6,.78);

    color:#718673;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonedx__hud-equation b{
    color:
        var(--dx-green2);
}


/* =========================================================
   VIABILIDAD
   ========================================================= */

.gsonedx__viability{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(138,103,255,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(138,103,255,.016),
            rgba(2,8,4,.97)
        );
}

.gsonedx__viability::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-violet),
            var(--dx-green),
            transparent
        );
}

.gsonedx__viability-grid{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonedx__viability-card{
    --via-color:var(--dx-cyan);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonedx__viability-card:nth-child(2){
    --via-color:var(--dx-violet);
}

.gsonedx__viability-card:nth-child(3){
    --via-color:var(--dx-yellow);
}

.gsonedx__viability-card:nth-child(4){
    --via-color:var(--dx-green);
}

.gsonedx__viability-card:nth-child(5){
    --via-color:var(--dx-blue);
}

.gsonedx__viability-card:nth-child(6){
    --via-color:var(--dx-red);
}

.gsonedx__viability-code{
    display:grid;
    place-items:center;

    width:35px;
    height:35px;

    margin-bottom:9px;
    padding:0;

    border:
        1px solid var(--via-color);

    border-radius:8px;

    color:
        var(--via-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__viability-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--via-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__viability-copy{
    display:block;

    color:#708176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   REFACCIONES
   ========================================================= */

.gsonedx__parts{
    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(420px,1.12fr);

    gap:18px;

    margin-bottom:18px;
}

.gsonedx__parts-copy{
    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.018),
            rgba(2,8,4,.97)
        );
}

.gsonedx__parts-copy::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-yellow),
            var(--dx-green),
            transparent
        );
}

.gsonedx__parts-list{
    display:grid;

    gap:8px;

    margin-top:17px;
}

.gsonedx__part-item{
    --part-color:var(--dx-green);

    display:grid;

    grid-template-columns:
        42px minmax(0,1fr);

    gap:11px;

    align-items:center;

    padding:12px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.42);
}

.gsonedx__part-item:nth-child(2){
    --part-color:var(--dx-cyan);
}

.gsonedx__part-item:nth-child(3){
    --part-color:var(--dx-yellow);
}

.gsonedx__part-item:nth-child(4){
    --part-color:var(--dx-violet);
}

.gsonedx__part-code{
    display:grid;
    place-items:center;

    width:42px;
    height:42px;

    margin:0;
    padding:0;

    border:
        1px solid var(--part-color);

    border-radius:9px;

    color:
        var(--part-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__part-content{
    min-width:0;
}

.gsonedx__part-title{
    display:block;

    margin-bottom:3px;

    color:
        var(--part-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__part-copy{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   MATRIZ DE REFACCIÓN
   ========================================================= */

.gsonedx__parts-hud{
    position:relative;

    min-height:480px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(255,200,87,.05),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(12,11,5,.43),
            rgba(2,8,4,.97)
        );
}

.gsonedx__parts-hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.23;

    background-image:
        linear-gradient(
            rgba(255,200,87,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.022) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonedx__parts-head{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.gsonedx__parts-head-code{
    color:#cfb774;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__parts-head-state{
    color:#a28f66;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__parts-core{
    position:absolute;

    z-index:8;

    left:50%;
    top:46%;

    width:140px;
    height:140px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    border:
        1px solid rgba(255,200,87,.25);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,200,87,.10),
            rgba(2,8,4,.98) 71%
        );

    box-shadow:
        0 0 28px rgba(255,200,87,.07);

    animation:
        gsonedx-parts-core
        3s ease-in-out infinite;
}

@keyframes gsonedx-parts-core{

    0%,
    100%{
        box-shadow:
            0 0 20px rgba(255,200,87,.05);
    }

    50%{
        box-shadow:
            0 0 38px rgba(255,200,87,.15);
    }

}

.gsonedx__parts-core::before{
    content:"";

    position:absolute;

    inset:-32px;

    border:
        1px dashed rgba(39,217,239,.11);

    border-radius:50%;

    animation:
        gsonedx-parts-ring
        15s linear infinite;
}

@keyframes gsonedx-parts-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonedx__parts-core-title{
    display:block;

    color:
        var(--dx-yellow);

    font-size:13px;
    line-height:1.35;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonedx__parts-core-sub{
    display:block;

    margin-top:4px;

    color:#7c7560;

    font-size:8px;
    line-height:1.4;

    text-align:center;
}


/* =========================================================
   NODOS REFACCIONES
   ========================================================= */

.gsonedx__parts-node{
    --parts-color:var(--dx-green);

    position:absolute;

    z-index:12;

    width:120px;

    text-align:center;
}

.gsonedx__parts-node--a{
    left:7%;
    top:25%;

    --parts-color:var(--dx-green);
}

.gsonedx__parts-node--b{
    right:7%;
    top:25%;

    --parts-color:var(--dx-cyan);
}

.gsonedx__parts-node--c{
    left:7%;
    bottom:19%;

    --parts-color:var(--dx-violet);
}

.gsonedx__parts-node--d{
    right:7%;
    bottom:19%;

    --parts-color:var(--dx-yellow);
}

.gsonedx__parts-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:58px;
    height:58px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--parts-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--parts-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;
}

.gsonedx__parts-node-title{
    display:block;

    color:
        var(--parts-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__parts-node-copy{
    display:block;

    margin-top:3px;

    color:#6a766b;

    font-size:7px;
    line-height:1.4;
}

.gsonedx__parts-equation{
    position:absolute;

    z-index:20;

    left:17px;
    right:17px;
    bottom:14px;

    padding:
        10px 12px;

    border:
        1px solid rgba(255,200,87,.075);

    border-radius:9px;

    background:
        rgba(10,10,4,.72);

    color:#8c8166;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonedx__parts-equation b{
    color:
        var(--dx-yellow);
}


/* =========================================================
   PRESUPUESTO
   ========================================================= */

.gsonedx__quote{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(39,217,239,.014),
            rgba(2,8,4,.97)
        );
}

.gsonedx__quote::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-cyan),
            var(--dx-green),
            transparent
        );
}

.gsonedx__quote-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonedx__quote-card{
    --quote-color:var(--dx-cyan);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonedx__quote-card:nth-child(2){
    --quote-color:var(--dx-violet);
}

.gsonedx__quote-card:nth-child(3){
    --quote-color:var(--dx-yellow);
}

.gsonedx__quote-card:nth-child(4){
    --quote-color:var(--dx-green);
}

.gsonedx__quote-card:nth-child(5){
    --quote-color:var(--dx-blue);
}

.gsonedx__quote-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--quote-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__quote-card span{
    display:block;

    color:#708176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   GARANTÍA
   ========================================================= */

.gsonedx__warranty{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:20px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(91,224,31,.05),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(6,20,9,.74),
            rgba(2,8,4,.97)
        );
}

.gsonedx__warranty::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-green2),
            var(--dx-green),
            var(--dx-cyan),
            transparent
        );
}

.gsonedx__warranty-layout{
    display:grid;

    grid-template-columns:
        250px minmax(0,1fr);

    gap:25px;

    align-items:center;
}

.gsonedx__warranty-badge{
    position:relative;

    display:grid;
    place-items:center;

    width:210px;
    height:210px;

    margin:
        0 auto;

    border:
        1px solid rgba(128,255,72,.30);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.10),
            rgba(2,8,4,.98) 70%
        );

    box-shadow:
        0 0 36px rgba(91,224,31,.08);
}

.gsonedx__warranty-badge::before{
    content:"";

    position:absolute;

    inset:-20px;

    border:
        1px dashed rgba(39,217,239,.10);

    border-radius:50%;

    animation:
        gsonedx-warranty-ring
        19s linear infinite;
}

.gsonedx__warranty-badge::after{
    content:"";

    position:absolute;

    inset:23px;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:50%;
}

@keyframes gsonedx-warranty-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonedx__warranty-badge-copy{
    position:relative;
    z-index:5;

    text-align:center;
}

.gsonedx__warranty-number{
    display:block;

    color:
        var(--dx-green2);

    font-size:48px;
    line-height:.95;
    font-weight:700;

    letter-spacing:-.045em;
}

.gsonedx__warranty-days{
    display:block;

    margin-top:7px;

    color:#a4d995;

    font-size:11px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__warranty-written{
    display:block;

    margin-top:5px;

    color:#718674;

    font-size:8px;
    line-height:1.4;

    text-transform:uppercase;
}

.gsonedx__warranty-content{
    min-width:0;
}

.gsonedx__warranty-title{
    margin:0;

    color:#e8f7e5;

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );

    line-height:1.22;
    font-weight:700;

    letter-spacing:-.025em;
}

.gsonedx__warranty-lead{
    margin:
        10px 0 0;

    color:#849588;

    font-size:12px;
    line-height:1.68;
}

.gsonedx__warranty-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:8px;

    margin-top:16px;
}

.gsonedx__warranty-card{
    --war-color:var(--dx-green);

    min-width:0;

    padding:
        13px 12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);
}

.gsonedx__warranty-card:nth-child(2){
    --war-color:var(--dx-cyan);
}

.gsonedx__warranty-card:nth-child(3){
    --war-color:var(--dx-violet);
}

.gsonedx__warranty-card:nth-child(4){
    --war-color:var(--dx-yellow);
}

.gsonedx__warranty-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--war-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__warranty-card span{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   REFERENCIA LFPC
   ========================================================= */

.gsonedx__legal{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(61,131,255,.08);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(61,131,255,.012),
            rgba(91,224,31,.012)
        );
}

.gsonedx__legal-icon{
    display:grid;
    place-items:center;

    width:44px;
    height:44px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(61,131,255,.15);

    border-radius:10px;

    color:#88acdf;

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonedx__legal-copy{
    min-width:0;

    color:#77858a;

    font-size:10px;
    line-height:1.62;
}

.gsonedx__legal-copy strong{
    color:#b7c8cd;
    font-weight:600;
}

.gsonedx__legal-state{
    flex-shrink:0;

    color:#7f9aad;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   REGLAS
   ========================================================= */

.gsonedx__rules{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.075);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.014),
            rgba(2,8,4,.97)
        );
}

.gsonedx__rules::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--dx-yellow),
            var(--dx-green),
            transparent
        );
}

.gsonedx__rules-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin-top:17px;
}

.gsonedx__rule{
    --rule-color:var(--dx-cyan);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonedx__rule:nth-child(2){
    --rule-color:var(--dx-yellow);
}

.gsonedx__rule:nth-child(3){
    --rule-color:var(--dx-violet);
}

.gsonedx__rule:nth-child(4){
    --rule-color:var(--dx-green);
}

.gsonedx__rule strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--rule-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonedx__rule span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsonedx__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.105);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.90),
            rgba(2,7,3,.98)
        );
}

.gsonedx__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.065);

    background:
        rgba(5,16,7,.70);
}

.gsonedx__terminal-dots{
    display:flex;
    gap:6px;
}

.gsonedx__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonedx__terminal-dots span:nth-child(1){
    background:
        var(--dx-red);
}

.gsonedx__terminal-dots span:nth-child(2){
    background:
        var(--dx-yellow);
}

.gsonedx__terminal-dots span:nth-child(3){
    background:
        var(--dx-green);
}

.gsonedx__terminal-name{
    color:#617365;

    font-size:10px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsonedx__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonedx__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

.gsonedx__terminal-route span{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:7px;

    background:
        rgba(4,13,5,.46);

    color:#708174;

    font-size:10px;
    line-height:1.35;
    font-weight:500;
}

.gsonedx__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:9px;

    color:#91bd86;

    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.gsonedx__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--dx-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsonedx__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536453;

    font-size:10px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsonedx__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657867;
}

.gsonedx__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--dx-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width:1100px){

    .gsonedx__chain{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .gsonedx__viability-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .gsonedx__quote-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsonedx__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsonedx__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:20px;
    }

    .gsonedx__status{
        max-width:650px;
    }

    .gsonedx__analysis,
    .gsonedx__parts{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__warranty-layout{
        grid-template-columns:
            220px minmax(0,1fr);
    }

    .gsonedx__rules-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsonedx{
        overflow:hidden;
    }

    .gsonedx__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonedx__scan,
    .gsonedx__orbit{
        display:none;
    }

    .gsonedx__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonedx__heading{
        display:block;
    }

    .gsonedx__status{
        margin-top:19px;
    }

    .gsonedx__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonedx__intro{
        font-size:14px;
        line-height:1.70;
    }

    .gsonedx__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsonedx__principle-state{
        width:fit-content;
    }

    .gsonedx__chain{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonedx__intake,
    .gsonedx__analysis-card,
    .gsonedx__viability,
    .gsonedx__parts-copy,
    .gsonedx__quote,
    .gsonedx__warranty,
    .gsonedx__rules{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonedx__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonedx__section-state{
        width:fit-content;
    }

    .gsonedx__intake-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__checks{
        grid-template-columns:
            minmax(0,1fr);
    }


    /* ===============================================
       HUD
       =============================================== */

    .gsonedx__hud{
        min-height:0;
    }

    .gsonedx__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonedx__hud-core{
        top:25%;

        width:135px;
        height:135px;
    }

    .gsonedx__sweep{
        top:25%;

        width:125px;
    }

    .gsonedx__pulse{
        top:25%;
    }

    .gsonedx__hud-route{
        left:15px;
        right:15px;
        bottom:87px;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:12px 6px;
    }

    .gsonedx__hud-node::after{
        display:none;
    }

    .gsonedx__hud-circle{
        width:50px;
        height:50px;
    }

    .gsonedx__packet{
        display:none;
    }


    /* ===============================================
       VIABILIDAD
       =============================================== */

    .gsonedx__viability-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    /* ===============================================
       REFACCIONES
       =============================================== */

    .gsonedx__parts-hud{
        min-height:0;
    }

    .gsonedx__parts-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonedx__parts-core{
        top:45%;
    }

    .gsonedx__parts-node--a{
        left:4%;
        top:20%;
    }

    .gsonedx__parts-node--b{
        right:4%;
        top:20%;
    }

    .gsonedx__parts-node--c{
        left:4%;
        bottom:17%;
    }

    .gsonedx__parts-node--d{
        right:4%;
        bottom:17%;
    }


    /* ===============================================
       PRESUPUESTO / GARANTÍA
       =============================================== */

    .gsonedx__quote-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__warranty-layout{
        grid-template-columns:
            minmax(0,1fr);

        gap:25px;
    }

    .gsonedx__warranty-badge{
        width:180px;
        height:180px;
    }

    .gsonedx__warranty-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__legal{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsonedx__legal-state{
        width:fit-content;
    }

    .gsonedx__rules-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonedx__terminal-state{
        width:fit-content;
    }

    .gsonedx__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsonedx__viability-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__parts-hud{
        min-height:0;
    }

    .gsonedx__parts-node--a{
        left:50%;
        top:15%;

        transform:
            translateX(-50%);
    }

    .gsonedx__parts-node--b{
        left:50%;
        right:auto;
        top:29%;

        transform:
            translateX(-50%);
    }

    .gsonedx__parts-node--c{
        left:50%;
        bottom:27%;

        transform:
            translateX(-50%);
    }

    .gsonedx__parts-node--d{
        left:50%;
        right:auto;
        bottom:11%;

        transform:
            translateX(-50%);
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsonedx__shell{
        width:
            calc(100% - 24px);
    }

    .gsonedx__chain{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__hud{
        min-height:0;
    }

    .gsonedx__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonedx__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsonedx__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD DE DIAGNÓSTICO RESPONSIVE
   ========================================================= */

@media (max-width:767px){

    #diagnostico-refacciones-xbox-one .gsonedx__hud{
        min-height:0 !important;

        display:grid;
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;

        padding:
            16px 12px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        grid-column:
            1 / -1;

        margin-bottom:
            4px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__pulse,
    #diagnostico-refacciones-xbox-one .gsonedx__sweep{
        display:none !important;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-core{
        position:relative;

        left:auto;
        top:auto;

        grid-column:
            1 / -1;

        width:138px;
        height:138px;

        margin:
            14px auto 17px;

        transform:none;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-core::before{
        inset:-23px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-core::after{
        inset:-44px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-route{
        display:contents;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-node{
        min-height:112px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:12px;

        background:
            rgba(3,11,6,.50);

        text-align:center;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-node::after{
        display:none !important;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-circle{
        width:52px;
        height:52px;

        margin:
            0 auto 7px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-title{
        font-size:9px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-copy{
        margin-top:2px;

        font-size:8.5px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__packet{
        display:none !important;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        grid-column:
            1 / -1;

        margin-top:
            4px;
    }


    /* =====================================================
       MATRIZ DE COMPONENTES
       ===================================================== */

    #diagnostico-refacciones-xbox-one .gsonedx__parts-hud{
        min-height:0 !important;

        display:grid;
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;

        padding:
            16px 12px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        grid-column:
            1 / -1;

        margin-bottom:
            4px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-core{
        position:relative;

        left:auto;
        top:auto;

        grid-column:
            1 / -1;

        width:130px;
        height:130px;

        margin:
            14px auto 17px;

        transform:none;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-core::before{
        inset:-23px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-node,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-node--a,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-node--b,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-node--c,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-node--d{
        position:relative;

        left:auto;
        right:auto;
        top:auto;
        bottom:auto;

        width:auto;
        min-height:112px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        transform:none;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:12px;

        background:
            rgba(10,10,4,.48);

        text-align:center;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-circle{
        width:52px;
        height:52px;

        margin:
            0 auto 7px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-node-title{
        font-size:9px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-node-copy{
        margin-top:2px;

        font-size:8.5px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__parts-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        grid-column:
            1 / -1;

        margin-top:
            4px;
    }
}

@media (max-width:390px){

    #diagnostico-refacciones-xbox-one .gsonedx__hud,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-hud{
        grid-template-columns:
            minmax(0,1fr);
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-head,
    #diagnostico-refacciones-xbox-one .gsonedx__hud-core,
    #diagnostico-refacciones-xbox-one .gsonedx__hud-node,
    #diagnostico-refacciones-xbox-one .gsonedx__hud-equation,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-head,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-core,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-node,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-equation{
        grid-column:
            1;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__hud-node,
    #diagnostico-refacciones-xbox-one .gsonedx__parts-node{
        min-height:
            106px;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__title{
        line-height:
            1.10;
    }
}

/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    #diagnostico-refacciones-xbox-one,
    #diagnostico-refacciones-xbox-one *,
    #diagnostico-refacciones-xbox-one *::before,
    #diagnostico-refacciones-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #diagnostico-refacciones-xbox-one .gsonedx__scan,
    #diagnostico-refacciones-xbox-one .gsonedx__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — Proceso de Servicio
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — PROCESO DE SERVICIO AUDITADO
   ID INTERNO HTML: proceso-servicio-xbox-one
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — PROCESO DE SERVICIO
   CSS ID EXTERIOR: proceso-servicio-xbox-one
   ROOT AUTÓNOMO: .gsoneprocess
   ========================================================= */

.gsoneprocess{
    scroll-margin-top:90px;

    --gsp-bg:#020403;
    --gsp-bg2:#061008;

    --gsp-green:#5be01f;
    --gsp-green2:#80ff48;

    --gsp-cyan:#27d9ef;
    --gsp-blue:#3d83ff;
    --gsp-violet:#8a67ff;

    --gsp-yellow:#ffc857;
    --gsp-orange:#ff9e45;
    --gsp-red:#ff6378;

    --gsp-white:#f3fff4;
    --gsp-text:#eaf5eb;
    --gsp-muted:#91a296;
    --gsp-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--gsp-text);

    background:
        radial-gradient(
            circle at 11% 11%,
            rgba(91,224,31,.072),
            transparent 29%
        ),
        radial-gradient(
            circle at 89% 20%,
            rgba(39,217,239,.035),
            transparent 29%
        ),
        radial-gradient(
            circle at 73% 82%,
            rgba(138,103,255,.028),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 50%,
            #020403 100%
        );

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsoneprocess *,
.gsoneprocess *::before,
.gsoneprocess *::after{
    box-sizing:border-box;

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsoneprocess__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.036) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.036) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsoneprocess__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.90),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.90)
        );
}


/* =========================================================
   ESCÁNER
   ========================================================= */

.gsoneprocess__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsoneprocess__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.13),
            rgba(39,217,239,.12),
            rgba(138,103,255,.10),
            transparent
        );

    box-shadow:
        0 0 15px rgba(91,224,31,.08);

    animation:
        gsoneprocess-scan
        13s linear infinite;
}

@keyframes gsoneprocess-scan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

    100%{
        transform:translateY(7600px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITA
   ========================================================= */

.gsoneprocess__orbit{
    position:absolute;

    width:820px;
    height:820px;

    left:-460px;
    top:1080px;

    pointer-events:none;

    border:
        1px solid rgba(91,224,31,.035);

    border-radius:50%;

    animation:
        gsoneprocess-orbit
        78s linear infinite;
}

.gsoneprocess__orbit::before{
    content:"";

    position:absolute;

    inset:125px;

    border:
        1px dashed rgba(39,217,239,.04);

    border-radius:50%;
}

.gsoneprocess__orbit::after{
    content:"";

    position:absolute;

    inset:245px;

    border:
        1px solid rgba(138,103,255,.028);

    border-radius:50%;
}

@keyframes gsoneprocess-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsoneprocess__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsoneprocess__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsoneprocess__heading-main{
    min-width:0;
}

.gsoneprocess__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(91,224,31,.16);

    border-radius:999px;

    background:
        rgba(91,224,31,.026);

    color:#a4dc93;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsoneprocess__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.62);
}

.gsoneprocess__title{
    max-width:1030px;

    margin:0;
    padding-bottom:.06em;

    overflow:visible;

    color:
        var(--gsp-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsoneprocess__title span{
    color:
        var(--gsp-green2);
}

.gsoneprocess__intro{
    max-width:950px;

    margin:
        16px 0 0;

    color:
        var(--gsp-muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   ESTADO
   ========================================================= */

.gsoneprocess__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(91,224,31,.022),
            rgba(4,13,7,.92)
        );
}

.gsoneprocess__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--gsp-green),
            transparent
        );
}

.gsoneprocess__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#9dd18e;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.55);
}

.gsoneprocess__status p{
    margin:0;

    color:#7f907f;

    font-size:12px;
    line-height:1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsoneprocess__principle{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.095);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.022),
            rgba(91,224,31,.026)
        );
}

.gsoneprocess__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:205px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsp-cyan),
            var(--gsp-green),
            transparent
        );
}

.gsoneprocess__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(39,217,239,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(39,217,239,.075),
            transparent 68%
        );

    color:
        var(--gsp-cyan);

    font-size:11px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsoneprocess__principle-copy{
    min-width:0;
}

.gsoneprocess__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dcebe0;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsoneprocess__principle-copy span{
    display:block;

    color:#7d8f80;

    font-size:12px;
    line-height:1.62;
}

.gsoneprocess__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   SECUENCIA PRINCIPAL
   ========================================================= */

.gsoneprocess__chain{
    display:grid;

    grid-template-columns:
        repeat(9,minmax(0,1fr));

    gap:6px;

    margin-bottom:18px;
}

.gsoneprocess__stage{
    --stage-color:var(--gsp-cyan);

    position:relative;

    min-width:0;

    padding:
        14px 7px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsoneprocess__stage:nth-child(2){
    --stage-color:var(--gsp-blue);
}

.gsoneprocess__stage:nth-child(3){
    --stage-color:var(--gsp-violet);
}

.gsoneprocess__stage:nth-child(4){
    --stage-color:var(--gsp-yellow);
}

.gsoneprocess__stage:nth-child(5){
    --stage-color:var(--gsp-green);
}

.gsoneprocess__stage:nth-child(6){
    --stage-color:var(--gsp-cyan);
}

.gsoneprocess__stage:nth-child(7){
    --stage-color:var(--gsp-green2);
}

.gsoneprocess__stage:nth-child(8){
    --stage-color:var(--gsp-yellow);
}

.gsoneprocess__stage:nth-child(9){
    --stage-color:var(--gsp-green);
}

.gsoneprocess__stage::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:38px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--stage-color),
            transparent
        );
}

.gsoneprocess__stage-code{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    margin:
        0 auto 8px;

    padding:0;

    border:
        1px solid var(--stage-color);

    border-radius:8px;

    color:
        var(--stage-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsoneprocess__stage-title{
    display:block;

    color:
        var(--stage-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__stage-copy{
    display:block;

    margin-top:3px;

    color:#6d7f72;

    font-size:7px;
    line-height:1.4;
}


/* =========================================================
   TÍTULOS
   ========================================================= */

.gsoneprocess__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsoneprocess__section-label{
    display:block;

    margin-bottom:6px;

    color:#9edb8e;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsoneprocess__section-copy{
    max-width:890px;

    margin:
        8px 0 0;

    color:#7b8d7e;

    font-size:11px;
    line-height:1.65;
}

.gsoneprocess__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:999px;

    color:#91bc85;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   PASOS DETALLADOS
   ========================================================= */

.gsoneprocess__steps{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(91,224,31,.03),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(6,18,8,.68),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__steps::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsp-green),
            var(--gsp-cyan),
            transparent
        );
}

.gsoneprocess__steps-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;
}

.gsoneprocess__step{
    --step-color:var(--gsp-green);

    position:relative;

    min-width:0;

    min-height:180px;

    padding:
        18px 16px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:12px;

    background:
        rgba(3,11,6,.44);
}

.gsoneprocess__step:nth-child(2){
    --step-color:var(--gsp-cyan);
}

.gsoneprocess__step:nth-child(3){
    --step-color:var(--gsp-violet);
}

.gsoneprocess__step:nth-child(4){
    --step-color:var(--gsp-yellow);
}

.gsoneprocess__step:nth-child(5){
    --step-color:var(--gsp-green);
}

.gsoneprocess__step:nth-child(6){
    --step-color:var(--gsp-blue);
}

.gsoneprocess__step:nth-child(7){
    --step-color:var(--gsp-green2);
}

.gsoneprocess__step:nth-child(8){
    --step-color:var(--gsp-yellow);
}

.gsoneprocess__step:nth-child(9){
    --step-color:var(--gsp-green);
}

.gsoneprocess__step::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:82px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--step-color),
            transparent
        );
}

.gsoneprocess__step-number{
    display:grid;
    place-items:center;

    width:38px;
    height:38px;

    margin-bottom:11px;
    padding:0;

    border:
        1px solid var(--step-color);

    border-radius:9px;

    background:
        rgba(2,9,5,.70);

    color:
        var(--step-color);

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsoneprocess__step strong{
    display:block;

    margin-bottom:6px;

    color:#dbe9dc;

    font-size:11px;
    line-height:1.45;
    font-weight:600;
}

.gsoneprocess__step-copy{
    display:block;

    color:#728276;

    font-size:10px;
    line-height:1.58;
}

.gsoneprocess__step-tag{
    display:inline-flex;
    align-items:center;

    margin-top:10px;

    padding:
        5px 7px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:6px;

    color:
        var(--step-color);

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   HUD DE PROCESO
   ========================================================= */

.gsoneprocess__hud{
    position:relative;

    min-height:640px;

    margin-bottom:18px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(91,224,31,.06),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 40%,
            rgba(39,217,239,.025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,12,.72),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsoneprocess__hud-head{
    position:absolute;

    z-index:30;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.gsoneprocess__hud-code{
    color:#93c5c8;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    color:#98c68b;

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}

.gsoneprocess__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.60);

    animation:
        gsoneprocess-status
        1.7s ease-in-out infinite;
}

@keyframes gsoneprocess-status{

    0%,
    100%{
        opacity:.35;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.25);
    }

}


/* =========================================================
   NÚCLEO
   ========================================================= */

.gsoneprocess__hud-core{
    position:absolute;

    z-index:12;

    left:50%;
    top:37%;

    width:174px;
    height:174px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    border:
        1px solid rgba(91,224,31,.25);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.12),
            rgba(2,8,4,.98) 71%
        );

    box-shadow:
        0 0 30px rgba(91,224,31,.07);

    animation:
        gsoneprocess-core
        3.2s ease-in-out infinite;
}

.gsoneprocess__hud-core::before{
    content:"";

    position:absolute;

    inset:-40px;

    border:
        1px dashed rgba(39,217,239,.14);

    border-radius:50%;

    animation:
        gsoneprocess-core-ring
        15s linear infinite;
}

.gsoneprocess__hud-core::after{
    content:"";

    position:absolute;

    inset:-92px;

    border:
        1px solid rgba(138,103,255,.055);

    border-radius:50%;
}

@keyframes gsoneprocess-core{

    0%,
    100%{
        box-shadow:
            0 0 20px rgba(91,224,31,.05);
    }

    50%{
        box-shadow:
            0 0 42px rgba(91,224,31,.17);
    }

}

@keyframes gsoneprocess-core-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsoneprocess__hud-core-copy{
    position:relative;
    z-index:5;

    text-align:center;
}

.gsoneprocess__hud-core-title{
    display:block;

    color:
        var(--gsp-green2);

    font-size:14px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__hud-core-sub{
    display:block;

    margin-top:5px;

    color:#718374;

    font-size:8px;
    line-height:1.4;
}


/* =========================================================
   PULSOS
   ========================================================= */

.gsoneprocess__pulse{
    position:absolute;

    z-index:7;

    left:50%;
    top:37%;

    width:150px;
    height:150px;

    transform:
        translate(-50%,-50%)
        scale(.65);

    border:
        1px solid rgba(91,224,31,.24);

    border-radius:50%;

    opacity:0;

    animation:
        gsoneprocess-pulse
        3.5s ease-out infinite;
}

.gsoneprocess__pulse--b{
    animation-delay:
        1.15s;

    border-color:
        rgba(39,217,239,.22);
}

.gsoneprocess__pulse--c{
    animation-delay:
        2.3s;

    border-color:
        rgba(138,103,255,.18);
}

@keyframes gsoneprocess-pulse{

    0%{
        opacity:.65;

        transform:
            translate(-50%,-50%)
            scale(.65);
    }

    80%{
        opacity:.04;

        transform:
            translate(-50%,-50%)
            scale(2.15);
    }

    100%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(2.24);
    }

}


/* =========================================================
   BARRIDO
   ========================================================= */

.gsoneprocess__sweep{
    position:absolute;

    z-index:10;

    left:50%;
    top:37%;

    width:158px;
    height:1px;

    transform-origin:
        0 50%;

    background:
        linear-gradient(
            90deg,
            rgba(39,217,239,.72),
            rgba(39,217,239,.10),
            transparent
        );

    box-shadow:
        0 0 7px rgba(39,217,239,.30);

    animation:
        gsoneprocess-sweep
        5s linear infinite;
}

.gsoneprocess__sweep::after{
    content:"";

    position:absolute;

    right:12px;
    top:-3px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--gsp-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.75);
}

@keyframes gsoneprocess-sweep{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   RUTA HUD
   ========================================================= */

.gsoneprocess__hud-route{
    position:absolute;

    z-index:16;

    left:20px;
    right:20px;
    bottom:105px;

    display:grid;

    grid-template-columns:
        repeat(9,minmax(0,1fr));

    gap:4px;
}

.gsoneprocess__hud-node{
    --node-color:var(--gsp-cyan);

    position:relative;

    min-width:0;

    text-align:center;
}

.gsoneprocess__hud-node:nth-child(2){
    --node-color:var(--gsp-blue);
}

.gsoneprocess__hud-node:nth-child(3){
    --node-color:var(--gsp-violet);
}

.gsoneprocess__hud-node:nth-child(4){
    --node-color:var(--gsp-yellow);
}

.gsoneprocess__hud-node:nth-child(5){
    --node-color:var(--gsp-green);
}

.gsoneprocess__hud-node:nth-child(6){
    --node-color:var(--gsp-cyan);
}

.gsoneprocess__hud-node:nth-child(7){
    --node-color:var(--gsp-green2);
}

.gsoneprocess__hud-node:nth-child(8){
    --node-color:var(--gsp-yellow);
}

.gsoneprocess__hud-node:nth-child(9){
    --node-color:var(--gsp-green);
}

.gsoneprocess__hud-node::after{
    content:"";

    position:absolute;

    left:calc(50% + 23px);
    right:calc(-50% + 23px);
    top:23px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            rgba(91,224,31,.08)
        );
}

.gsoneprocess__hud-node:last-child::after{
    display:none;
}


/* =========================================================
   CÍRCULOS HUD
   ========================================================= */

.gsoneprocess__hud-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:46px;
    height:46px;

    margin:
        0 auto 7px;

    padding:0 !important;

    border:
        1px solid var(--node-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;

    box-shadow:
        0 0 12px rgba(91,224,31,.035);
}

.gsoneprocess__hud-title{
    display:block;

    color:
        var(--node-color);

    font-size:7px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__hud-copy{
    display:block;

    margin-top:3px;

    color:#637468;

    font-size:6px;
    line-height:1.35;
}


/* =========================================================
   PAQUETE HUD
   ========================================================= */

.gsoneprocess__packet{
    position:absolute;

    z-index:18;

    left:5%;
    bottom:149px;

    width:7px;
    height:7px;

    border-radius:2px;

    background:
        var(--gsp-cyan);

    box-shadow:
        0 0 10px rgba(39,217,239,.70);

    opacity:0;

    animation:
        gsoneprocess-packet
        6s linear infinite;
}

.gsoneprocess__packet--b{
    animation-delay:
        2.9s;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 10px rgba(91,224,31,.68);
}

@keyframes gsoneprocess-packet{

    0%{
        left:5%;
        opacity:0;
    }

    8%{
        opacity:1;
    }

    92%{
        opacity:1;
    }

    100%{
        left:94%;
        opacity:0;
    }

}


/* =========================================================
   ECUACIÓN
   ========================================================= */

.gsoneprocess__hud-equation{
    position:absolute;

    z-index:22;

    left:17px;
    right:17px;
    bottom:15px;

    padding:
        11px 12px;

    border:
        1px solid rgba(91,224,31,.08);

    border-radius:9px;

    background:
        rgba(3,11,6,.78);

    color:#718673;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsoneprocess__hud-equation b{
    color:
        var(--gsp-green2);
}


/* =========================================================
   LOCAL / NACIONAL
   ========================================================= */

.gsoneprocess__routes{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:18px;

    margin-bottom:18px;
}

.gsoneprocess__route{
    --route-color:var(--gsp-green);

    position:relative;

    min-width:0;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(6,18,8,.66),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__route--national{
    --route-color:var(--gsp-cyan);

    border-color:
        rgba(39,217,239,.085);

    background:
        linear-gradient(
            145deg,
            rgba(3,14,16,.30),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__route::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--route-color),
            transparent
        );
}

.gsoneprocess__route-icon{
    display:grid;
    place-items:center;

    width:48px;
    height:48px;

    margin-bottom:13px;
    padding:0;

    border:
        1px solid var(--route-color);

    border-radius:11px;

    color:
        var(--route-color);

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsoneprocess__route-title{
    margin:0;

    color:#e0eee1;

    font-size:18px;
    line-height:1.4;
    font-weight:700;
}

.gsoneprocess__route-sub{
    display:block;

    margin-top:4px;

    color:
        var(--route-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__route-copy{
    margin:
        11px 0 0;

    color:#788a7d;

    font-size:11px;
    line-height:1.66;
}

.gsoneprocess__route-list{
    display:grid;

    gap:7px;

    margin-top:15px;
}

.gsoneprocess__route-point{
    display:grid;

    grid-template-columns:
        7px minmax(0,1fr);

    gap:9px;

    align-items:start;

    color:#728277;

    font-size:10px;
    line-height:1.55;
}

.gsoneprocess__route-point::before{
    content:"";

    width:6px;
    height:6px;

    margin-top:5px;

    border-radius:50%;

    background:
        var(--route-color);

    box-shadow:
        0 0 7px rgba(91,224,31,.35);
}

.gsoneprocess__route--national .gsoneprocess__route-point::before{
    box-shadow:
        0 0 7px rgba(39,217,239,.35);
}

.gsoneprocess__route-status{
    display:inline-flex;
    align-items:center;

    margin-top:15px;

    padding:
        7px 9px;

    border:
        1px solid rgba(255,255,255,.055);

    border-radius:8px;

    color:
        var(--route-color);

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__route-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:13px;
}

.gsoneprocess__route-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:40px;

    padding:
        9px 12px;

    border:
        1px solid color-mix(
            in srgb,
            var(--route-color) 28%,
            transparent
        );

    border-radius:9px;

    background-color:
        color-mix(
            in srgb,
            var(--route-color) 7%,
            transparent
        );

    color:
        var(--route-color) !important;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-decoration:none !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background-color .2s ease;
}

.gsoneprocess__route-link:hover{
    transform:translateY(-1px);

    border-color:
        color-mix(
            in srgb,
            var(--route-color) 58%,
            transparent
        );

    background-color:
        color-mix(
            in srgb,
            var(--route-color) 11%,
            transparent
        );
}

.gsoneprocess__route-link:focus-visible{
    outline:
        2px solid var(--route-color);

    outline-offset:
        4px;
}


/* =========================================================
   ENVÍOS NACIONALES
   ========================================================= */

.gsoneprocess__shipping{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:18px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(39,217,239,.035),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,16,.28),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__shipping::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:190px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsp-cyan),
            var(--gsp-green),
            transparent
        );
}

.gsoneprocess__shipping-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsoneprocess__shipping-card{
    --ship-color:var(--gsp-cyan);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(39,217,239,.055);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsoneprocess__shipping-card:nth-child(2){
    --ship-color:var(--gsp-green);
}

.gsoneprocess__shipping-card:nth-child(3){
    --ship-color:var(--gsp-yellow);
}

.gsoneprocess__shipping-card:nth-child(4){
    --ship-color:var(--gsp-violet);
}

.gsoneprocess__shipping-card:nth-child(5){
    --ship-color:var(--gsp-green2);
}

.gsoneprocess__shipping-code{
    display:grid;
    place-items:center;

    width:35px;
    height:35px;

    margin-bottom:9px;
    padding:0;

    border:
        1px solid var(--ship-color);

    border-radius:8px;

    color:
        var(--ship-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsoneprocess__shipping-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--ship-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__shipping-copy{
    display:block;

    color:#708176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   GUÍA PREPAGADA
   ========================================================= */

.gsoneprocess__guide{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:15px;

    align-items:center;

    margin-top:14px;

    padding:16px;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.018),
            rgba(39,217,239,.012)
        );
}

.gsoneprocess__guide-price{
    display:grid;
    place-items:center;

    min-width:115px;
    min-height:70px;

    padding:
        10px;

    border:
        1px solid rgba(255,200,87,.16);

    border-radius:12px;

    color:
        var(--gsp-yellow);

    text-align:center;
}

.gsoneprocess__guide-price strong{
    display:block;

    font-size:17px;
    line-height:1.2;
    font-weight:700;
}

.gsoneprocess__guide-price span{
    display:block;

    margin-top:3px;

    color:#aa9664;

    font-size:8px;
    line-height:1.35;

    text-transform:uppercase;
}

.gsoneprocess__guide-copy{
    min-width:0;

    color:#837e6d;

    font-size:10px;
    line-height:1.62;
}

.gsoneprocess__guide-copy strong{
    color:#d0bd86;
    font-weight:600;
}

.gsoneprocess__guide-data{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:8px;

    color:#8bb9be;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   PAQUETERÍAS
   ========================================================= */

.gsoneprocess__carriers{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin-top:13px;
}

.gsoneprocess__carrier{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        6px 9px;

    border:
        1px solid rgba(39,217,239,.065);

    border-radius:7px;

    background:
        rgba(3,11,8,.43);

    color:#72959a;

    font-size:9px;
    line-height:1.35;
    font-weight:700;
}


/* =========================================================
   TIEMPOS Y PAGO
   ========================================================= */

.gsoneprocess__conditions{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin-bottom:18px;
}

.gsoneprocess__condition{
    --condition-color:var(--gsp-green);

    position:relative;

    min-width:0;

    padding:
        17px 14px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.06);

    border-radius:12px;

    background:
        rgba(3,11,6,.44);
}

.gsoneprocess__condition:nth-child(2){
    --condition-color:var(--gsp-yellow);
}

.gsoneprocess__condition:nth-child(3){
    --condition-color:var(--gsp-cyan);
}

.gsoneprocess__condition:nth-child(4){
    --condition-color:var(--gsp-violet);
}

.gsoneprocess__condition::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--condition-color),
            transparent
        );
}

.gsoneprocess__condition-code{
    display:grid;
    place-items:center;

    width:36px;
    height:36px;

    margin-bottom:10px;
    padding:0;

    border:
        1px solid var(--condition-color);

    border-radius:8px;

    color:
        var(--condition-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsoneprocess__condition strong{
    display:block;

    margin-bottom:5px;

    color:
        var(--condition-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__condition-copy{
    display:block;

    color:#718176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   SIN ANTICIPO
   ========================================================= */

.gsoneprocess__payment{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.10);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(91,224,31,.045),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(6,20,9,.70),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__payment::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsp-green2),
            var(--gsp-green),
            transparent
        );
}

.gsoneprocess__payment-layout{
    display:grid;

    grid-template-columns:
        235px minmax(0,1fr);

    gap:24px;

    align-items:center;
}

.gsoneprocess__payment-badge{
    position:relative;

    display:grid;
    place-items:center;

    width:190px;
    height:190px;

    margin:
        0 auto;

    border:
        1px solid rgba(128,255,72,.28);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.10),
            rgba(2,8,4,.98) 70%
        );

    box-shadow:
        0 0 32px rgba(91,224,31,.07);
}

.gsoneprocess__payment-badge::before{
    content:"";

    position:absolute;

    inset:-20px;

    border:
        1px dashed rgba(39,217,239,.10);

    border-radius:50%;

    animation:
        gsoneprocess-payment-ring
        18s linear infinite;
}

@keyframes gsoneprocess-payment-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsoneprocess__payment-badge-copy{
    position:relative;
    z-index:4;

    text-align:center;
}

.gsoneprocess__payment-main{
    display:block;

    color:
        var(--gsp-green2);

    font-size:25px;
    line-height:1.05;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__payment-sub{
    display:block;

    margin-top:7px;

    color:#94c787;

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__payment-copy{
    min-width:0;
}

.gsoneprocess__payment-title{
    margin:0;

    color:#e7f6e4;

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );

    line-height:1.22;
    font-weight:700;

    letter-spacing:-.025em;
}

.gsoneprocess__payment-lead{
    margin:
        10px 0 0;

    color:#849588;

    font-size:12px;
    line-height:1.68;
}

.gsoneprocess__payment-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:8px;

    margin-top:16px;
}

.gsoneprocess__payment-card{
    --pay-color:var(--gsp-green);

    min-width:0;

    padding:
        13px 12px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);
}

.gsoneprocess__payment-card:nth-child(2){
    --pay-color:var(--gsp-yellow);
}

.gsoneprocess__payment-card:nth-child(3){
    --pay-color:var(--gsp-cyan);
}

.gsoneprocess__payment-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--pay-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__payment-card span{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   ACLARACIONES
   ========================================================= */

.gsoneprocess__notes{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.075);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.014),
            rgba(2,8,4,.97)
        );
}

.gsoneprocess__notes::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gsp-yellow),
            var(--gsp-green),
            transparent
        );
}

.gsoneprocess__notes-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:9px;

    margin-top:17px;
}

.gsoneprocess__note{
    --note-color:var(--gsp-yellow);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(255,200,87,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsoneprocess__note:nth-child(2){
    --note-color:var(--gsp-cyan);
}

.gsoneprocess__note:nth-child(3){
    --note-color:var(--gsp-violet);
}

.gsoneprocess__note:nth-child(4){
    --note-color:var(--gsp-green);
}

.gsoneprocess__note strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--note-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsoneprocess__note span{
    display:block;

    color:#708176;

    font-size:10px;
    line-height:1.55;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsoneprocess__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.105);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.90),
            rgba(2,7,3,.98)
        );
}

.gsoneprocess__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.065);

    background:
        rgba(5,16,7,.70);
}

.gsoneprocess__terminal-dots{
    display:flex;

    gap:6px;
}

.gsoneprocess__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsoneprocess__terminal-dots span:nth-child(1){
    background:
        var(--gsp-red);
}

.gsoneprocess__terminal-dots span:nth-child(2){
    background:
        var(--gsp-yellow);
}

.gsoneprocess__terminal-dots span:nth-child(3){
    background:
        var(--gsp-green);
}

.gsoneprocess__terminal-name{
    color:#617365;

    font-size:10px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsoneprocess__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsoneprocess__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

.gsoneprocess__terminal-route span{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:7px;

    background:
        rgba(4,13,5,.46);

    color:#708174;

    font-size:10px;
    line-height:1.35;
    font-weight:500;
}

.gsoneprocess__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:9px;

    color:#91bd86;

    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.gsoneprocess__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsoneprocess__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536453;

    font-size:10px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsoneprocess__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657867;
}

.gsoneprocess__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--gsp-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width:1100px){

    .gsoneprocess__chain{
        grid-template-columns:
            repeat(5,minmax(0,1fr));
    }

    .gsoneprocess__hud-route{
        grid-template-columns:
            repeat(5,minmax(0,1fr));
    }

    .gsoneprocess__hud{
        min-height:750px;
    }

    .gsoneprocess__hud-node:nth-child(5)::after{
        display:none;
    }

    .gsoneprocess__shipping-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsoneprocess__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsoneprocess__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:20px;
    }

    .gsoneprocess__status{
        max-width:650px;
    }

    .gsoneprocess__steps-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsoneprocess__conditions{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsoneprocess__payment-layout{
        grid-template-columns:
            210px minmax(0,1fr);
    }

    .gsoneprocess__notes-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsoneprocess{
        overflow:hidden;
    }

    .gsoneprocess__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsoneprocess__scan,
    .gsoneprocess__orbit{
        display:none;
    }

    .gsoneprocess__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsoneprocess__heading{
        display:block;
    }

    .gsoneprocess__status{
        margin-top:19px;
    }

    .gsoneprocess__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsoneprocess__intro{
        font-size:14px;
        line-height:1.70;
    }

    .gsoneprocess__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsoneprocess__principle-state{
        width:fit-content;
    }

    .gsoneprocess__chain{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsoneprocess__steps,
    .gsoneprocess__route,
    .gsoneprocess__shipping,
    .gsoneprocess__payment,
    .gsoneprocess__notes{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsoneprocess__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsoneprocess__section-state{
        width:fit-content;
    }

    .gsoneprocess__steps-grid{
        grid-template-columns:
            minmax(0,1fr);
    }


    /* ===============================================
       HUD
       =============================================== */

    .gsoneprocess__hud{
        min-height:0;
    }

    .gsoneprocess__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsoneprocess__hud-core{
        top:20%;

        width:140px;
        height:140px;
    }

    .gsoneprocess__pulse,
    .gsoneprocess__sweep{
        top:20%;
    }

    .gsoneprocess__sweep{
        width:128px;
    }

    .gsoneprocess__hud-route{
        left:15px;
        right:15px;
        bottom:85px;

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:13px 6px;
    }

    .gsoneprocess__hud-node::after{
        display:none;
    }

    .gsoneprocess__hud-circle{
        width:48px;
        height:48px;
    }

    .gsoneprocess__packet{
        display:none;
    }


    /* ===============================================
       RUTAS
       =============================================== */

    .gsoneprocess__routes{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__shipping-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__guide{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsoneprocess__guide-price{
        width:fit-content;
        min-width:0;
        min-height:0;
    }

    .gsoneprocess__guide-data{
        width:fit-content;
    }


    /* ===============================================
       CONDICIONES
       =============================================== */

    .gsoneprocess__conditions{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__payment-layout{
        grid-template-columns:
            minmax(0,1fr);

        gap:24px;
    }

    .gsoneprocess__payment-badge{
        width:170px;
        height:170px;
    }

    .gsoneprocess__payment-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__notes-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsoneprocess__terminal-state{
        width:fit-content;
    }

    .gsoneprocess__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsoneprocess__hud{
        min-height:0;
    }

    .gsoneprocess__hud-route{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsoneprocess__shell{
        width:
            calc(100% - 24px);
    }

    .gsoneprocess__chain{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__hud{
        min-height:0;
    }

    .gsoneprocess__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__carriers{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);
    }

    .gsoneprocess__carrier{
        width:100%;
    }

    .gsoneprocess__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsoneprocess__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — HUD RESPONSIVE
   ========================================================= */

@media (max-width:767px){

    #proceso-servicio-xbox-one .gsoneprocess__hud{
        min-height:0 !important;

        display:block;

        padding:
            16px 12px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        flex-direction:column;
        align-items:flex-start;

        gap:7px;

        margin-bottom:
            14px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-core{
        position:relative;

        left:auto;
        top:auto;

        width:142px;
        height:142px;

        margin:
            15px auto 18px;

        transform:none;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-core::before{
        inset:-24px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-core::after{
        inset:-46px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__pulse,
    #proceso-servicio-xbox-one .gsoneprocess__sweep{
        display:none !important;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-route{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            9px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-node{
        min-height:108px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:12px;

        background:
            rgba(3,11,6,.50);

        text-align:center;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-node:last-child{
        grid-column:
            1 / -1;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-node::after{
        display:none !important;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-circle{
        width:50px;
        height:50px;

        margin:
            0 auto 7px;

        font-size:8px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-title{
        font-size:
            9px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-copy{
        margin-top:
            2px;

        font-size:
            8.5px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__packet{
        display:none !important;
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        margin-top:
            12px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__route-actions{
        width:100%;
    }

    #proceso-servicio-xbox-one .gsoneprocess__route-link{
        width:100%;
    }
}

@media (max-width:390px){

    #proceso-servicio-xbox-one .gsoneprocess__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

    #proceso-servicio-xbox-one .gsoneprocess__hud-node,
    #proceso-servicio-xbox-one .gsoneprocess__hud-node:last-child{
        grid-column:
            1;

        min-height:
            102px;
    }

    #proceso-servicio-xbox-one .gsoneprocess__title{
        line-height:
            1.10;
    }
}

/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    #proceso-servicio-xbox-one,
    #proceso-servicio-xbox-one *,
    #proceso-servicio-xbox-one *::before,
    #proceso-servicio-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #proceso-servicio-xbox-one .gsoneprocess__scan,
    #proceso-servicio-xbox-one .gsoneprocess__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — FAQs
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — PREGUNTAS FRECUENTES AUDITADO
   ID INTERNO HTML: preguntas-xbox-one
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — PREGUNTAS FRECUENTES
   CSS ID EXTERIOR: preguntas-xbox-one
   ROOT AUTÓNOMO: .gsonefaq
   ========================================================= */

.gsonefaq{
    scroll-margin-top:90px;

    --faq-bg:#020403;
    --faq-bg2:#061008;

    --faq-green:#5be01f;
    --faq-green2:#80ff48;

    --faq-cyan:#27d9ef;
    --faq-blue:#3d83ff;
    --faq-violet:#8a67ff;

    --faq-yellow:#ffc857;
    --faq-orange:#ff9e45;
    --faq-red:#ff6378;

    --faq-white:#f3fff4;
    --faq-text:#eaf5eb;
    --faq-muted:#91a296;
    --faq-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--faq-text);

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(91,224,31,.065),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 17%,
            rgba(39,217,239,.035),
            transparent 28%
        ),
        radial-gradient(
            circle at 77% 82%,
            rgba(138,103,255,.026),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 51%,
            #020403 100%
        );

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsonefaq *,
.gsonefaq *::before,
.gsonefaq *::after{
    box-sizing:border-box;

    font-family:"Poppins",Arial,sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsonefaq__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(91,224,31,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.035) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonefaq__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.90),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.90)
        );
}


/* =========================================================
   ESCÁNER
   ========================================================= */

.gsonefaq__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonefaq__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.13),
            rgba(39,217,239,.12),
            rgba(138,103,255,.10),
            transparent
        );

    box-shadow:
        0 0 15px rgba(91,224,31,.08);

    animation:
        gsonefaq-scan
        13s linear infinite;
}

@keyframes gsonefaq-scan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.30;
    }

    92%{
        opacity:.09;
    }

    100%{
        transform:translateY(7000px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITA
   ========================================================= */

.gsonefaq__orbit{
    position:absolute;

    width:780px;
    height:780px;

    right:-440px;
    top:920px;

    pointer-events:none;

    border:
        1px solid rgba(91,224,31,.035);

    border-radius:50%;

    animation:
        gsonefaq-orbit
        78s linear infinite;
}

.gsonefaq__orbit::before{
    content:"";

    position:absolute;

    inset:120px;

    border:
        1px dashed rgba(39,217,239,.04);

    border-radius:50%;
}

.gsonefaq__orbit::after{
    content:"";

    position:absolute;

    inset:235px;

    border:
        1px solid rgba(138,103,255,.028);

    border-radius:50%;
}

@keyframes gsonefaq-orbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsonefaq__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsonefaq__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(290px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:28px;
}

.gsonefaq__heading-main{
    min-width:0;
}

.gsonefaq__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(91,224,31,.16);

    border-radius:999px;

    background:
        rgba(91,224,31,.026);

    color:#a4dc93;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonefaq__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--faq-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.62);
}

.gsonefaq__title{
    max-width:1020px;

    margin:0;
    padding-bottom:.06em;

    overflow:visible;

    color:
        var(--faq-white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsonefaq__title span{
    color:
        var(--faq-green2);
}

.gsonefaq__intro{
    max-width:950px;

    margin:
        16px 0 0;

    color:
        var(--faq-muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   STATUS
   ========================================================= */

.gsonefaq__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(91,224,31,.022),
            rgba(4,13,7,.92)
        );
}

.gsonefaq__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--faq-green),
            transparent
        );
}

.gsonefaq__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#9dd18e;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--faq-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.55);
}

.gsonefaq__status p{
    margin:0;

    color:#7f907f;

    font-size:12px;
    line-height:1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsonefaq__principle{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:16px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.095);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.022),
            rgba(91,224,31,.026)
        );
}

.gsonefaq__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:205px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-cyan),
            var(--faq-green),
            transparent
        );
}

.gsonefaq__principle-icon{
    display:grid;
    place-items:center;

    width:62px;
    height:62px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(39,217,239,.18);

    border-radius:14px;

    background:
        radial-gradient(
            circle,
            rgba(39,217,239,.075),
            transparent 68%
        );

    color:
        var(--faq-cyan);

    font-size:21px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonefaq__principle-copy{
    min-width:0;
}

.gsonefaq__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#dcebe0;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsonefaq__principle-copy span{
    display:block;

    color:#7d8f80;

    font-size:12px;
    line-height:1.62;
}

.gsonefaq__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(128,255,72,.13);

    border-radius:999px;

    color:#9bc88d;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   RESUMEN RÁPIDO
   ========================================================= */

.gsonefaq__facts{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:7px;

    margin-bottom:18px;
}

.gsonefaq__fact{
    --fact-color:var(--faq-green);

    position:relative;

    min-width:0;

    padding:
        14px 9px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:10px;

    background:
        rgba(3,12,6,.47);

    text-align:center;
}

.gsonefaq__fact:nth-child(2){
    --fact-color:var(--faq-cyan);
}

.gsonefaq__fact:nth-child(3){
    --fact-color:var(--faq-yellow);
}

.gsonefaq__fact:nth-child(4){
    --fact-color:var(--faq-violet);
}

.gsonefaq__fact:nth-child(5){
    --fact-color:var(--faq-blue);
}

.gsonefaq__fact:nth-child(6){
    --fact-color:var(--faq-green2);
}

.gsonefaq__fact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:48px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--fact-color),
            transparent
        );
}

.gsonefaq__fact-code{
    display:grid;
    place-items:center;

    width:40px;
    height:40px;

    margin:
        0 auto 9px;

    padding:0;

    border:
        1px solid var(--fact-color);

    border-radius:9px;

    color:
        var(--fact-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonefaq__fact strong{
    display:block;

    color:
        var(--fact-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__fact-copy{
    display:block;

    margin-top:3px;

    color:#697a6d;

    font-size:8px;
    line-height:1.45;
}


/* =========================================================
   CABECERAS DE SECCIÓN
   ========================================================= */

.gsonefaq__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:19px;
}

.gsonefaq__section-label{
    display:block;

    margin-bottom:6px;

    color:#9edb8e;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__section-title{
    margin:0;

    color:#e5f5e2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsonefaq__section-copy{
    max-width:880px;

    margin:
        8px 0 0;

    color:#7b8d7e;

    font-size:11px;
    line-height:1.65;
}

.gsonefaq__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:999px;

    color:#91bc85;

    font-size:10px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   HUD PREGUNTAS
   ========================================================= */

.gsonefaq__hud{
    position:relative;

    min-height:430px;

    margin-bottom:18px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(91,224,31,.06),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 48%,
            rgba(39,217,239,.025),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,12,.70),
            rgba(2,8,4,.97)
        );
}

.gsonefaq__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(39,217,239,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.025) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsonefaq__hud-head{
    position:absolute;

    z-index:25;

    left:17px;
    right:17px;
    top:15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.gsonefaq__hud-code{
    color:#93c5c8;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__hud-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    padding:
        6px 9px;

    border:
        1px solid rgba(91,224,31,.12);

    border-radius:999px;

    color:#98c68b;

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}

.gsonefaq__hud-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--faq-green);

    box-shadow:
        0 0 8px rgba(91,224,31,.60);

    animation:
        gsonefaq-status
        1.8s ease-in-out infinite;
}

@keyframes gsonefaq-status{

    0%,
    100%{
        opacity:.35;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.25);
    }

}


/* =========================================================
   NÚCLEO ?
   ========================================================= */

.gsonefaq__hud-core{
    position:absolute;

    z-index:12;

    left:50%;
    top:46%;

    width:150px;
    height:150px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    margin:0;
    padding:0;

    border:
        1px solid rgba(91,224,31,.26);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.12),
            rgba(2,8,4,.98) 71%
        );

    box-shadow:
        0 0 32px rgba(91,224,31,.08);

    animation:
        gsonefaq-core
        3.1s ease-in-out infinite;
}

.gsonefaq__hud-core::before{
    content:"";

    position:absolute;

    inset:-34px;

    border:
        1px dashed rgba(39,217,239,.14);

    border-radius:50%;

    animation:
        gsonefaq-core-ring
        14s linear infinite;
}

.gsonefaq__hud-core::after{
    content:"";

    position:absolute;

    inset:-76px;

    border:
        1px solid rgba(138,103,255,.055);

    border-radius:50%;
}

@keyframes gsonefaq-core{

    0%,
    100%{
        box-shadow:
            0 0 20px rgba(91,224,31,.05);
    }

    50%{
        box-shadow:
            0 0 44px rgba(91,224,31,.17);
    }

}

@keyframes gsonefaq-core-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonefaq__hud-question{
    position:relative;
    z-index:5;

    color:
        var(--faq-green2);

    font-size:52px;
    line-height:1;
    font-weight:700;

    text-align:center;

    text-shadow:
        0 0 16px rgba(91,224,31,.22);
}


/* =========================================================
   BARRIDO
   ========================================================= */

.gsonefaq__sweep{
    position:absolute;

    z-index:9;

    left:50%;
    top:46%;

    width:140px;
    height:1px;

    transform-origin:
        0 50%;

    background:
        linear-gradient(
            90deg,
            rgba(39,217,239,.72),
            rgba(39,217,239,.10),
            transparent
        );

    box-shadow:
        0 0 7px rgba(39,217,239,.30);

    animation:
        gsonefaq-sweep
        4.8s linear infinite;
}

.gsonefaq__sweep::after{
    content:"";

    position:absolute;

    right:11px;
    top:-3px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--faq-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.75);
}

@keyframes gsonefaq-sweep{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   NODOS HUD
   ========================================================= */

.gsonefaq__hud-node{
    --hud-color:var(--faq-cyan);

    position:absolute;

    z-index:17;

    width:125px;

    text-align:center;

    animation:
        gsonefaq-node
        5.2s ease-in-out infinite;
}

.gsonefaq__hud-node--a{
    left:8%;
    top:29%;

    --hud-color:var(--faq-cyan);

    animation-delay:0s;
}

.gsonefaq__hud-node--b{
    right:8%;
    top:29%;

    --hud-color:var(--faq-green);

    animation-delay:1.3s;
}

.gsonefaq__hud-node--c{
    left:8%;
    bottom:17%;

    --hud-color:var(--faq-violet);

    animation-delay:2.6s;
}

.gsonefaq__hud-node--d{
    right:8%;
    bottom:17%;

    --hud-color:var(--faq-yellow);

    animation-delay:3.9s;
}

@keyframes gsonefaq-node{

    0%,
    78%,
    100%{
        opacity:.70;
        filter:none;
    }

    12%{
        opacity:1;

        filter:
            drop-shadow(
                0 0 7px
                var(--hud-color)
            );
    }

}

.gsonefaq__hud-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:58px;
    height:58px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--hud-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--hud-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;
}

.gsonefaq__hud-node-title{
    display:block;

    color:
        var(--hud-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__hud-node-copy{
    display:block;

    margin-top:3px;

    color:#66776b;

    font-size:7px;
    line-height:1.4;
}


/* =========================================================
   ECUACIÓN HUD
   ========================================================= */

.gsonefaq__hud-equation{
    position:absolute;

    z-index:22;

    left:17px;
    right:17px;
    bottom:14px;

    padding:
        10px 12px;

    border:
        1px solid rgba(91,224,31,.075);

    border-radius:9px;

    background:
        rgba(3,11,6,.80);

    color:#718673;

    font-size:9px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonefaq__hud-equation b{
    color:
        var(--faq-green2);
}


/* =========================================================
   CONTENEDOR PREGUNTAS
   ========================================================= */

.gsonefaq__questions{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 91% 7%,
            rgba(91,224,31,.028),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(6,18,8,.64),
            rgba(2,8,4,.97)
        );
}

.gsonefaq__questions::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-green),
            var(--faq-cyan),
            transparent
        );
}


/* =========================================================
   GRID ACORDEÓN
   ========================================================= */

.gsonefaq__accordion-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:9px;

    align-items:start;
}


/* =========================================================
   DETAILS
   ========================================================= */

.gsonefaq__item{
    --item-color:var(--faq-green);

    position:relative;

    min-width:0;

    margin:0;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.065);

    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            rgba(5,16,7,.62),
            rgba(2,9,5,.91)
        );

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.gsonefaq__item[data-cat="diagnostico"]{
    --item-color:var(--faq-cyan);
}

.gsonefaq__item[data-cat="servicio"]{
    --item-color:var(--faq-green);
}

.gsonefaq__item[data-cat="garantia"]{
    --item-color:var(--faq-green2);
}

.gsonefaq__item[data-cat="componentes"]{
    --item-color:var(--faq-violet);
}

.gsonefaq__item[data-cat="alerta"]{
    --item-color:var(--faq-yellow);
}

.gsonefaq__item[data-cat="envio"]{
    --item-color:var(--faq-blue);
}

.gsonefaq__item::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:80px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--item-color),
            transparent
        );
}

.gsonefaq__item[open]{
    border-color:
        color-mix(
            in srgb,
            var(--item-color) 22%,
            transparent
        );

    background:
        linear-gradient(
            145deg,
            rgba(7,20,9,.78),
            rgba(2,9,5,.96)
        );

    box-shadow:
        0 0 20px rgba(91,224,31,.025);
}


/* =========================================================
   SUMMARY
   ========================================================= */

.gsonefaq__summary{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:12px;

    align-items:center;

    min-height:78px;

    padding:
        15px 15px;

    cursor:pointer;

    list-style:none;

    outline:none;
}

.gsonefaq__summary::-webkit-details-marker{
    display:none;
}

.gsonefaq__summary::marker{
    display:none;
    content:"";
}

.gsonefaq__summary:focus-visible{
    outline:
        1px solid var(--item-color);

    outline-offset:-3px;
}

.gsonefaq__summary-code{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:42px;
    height:42px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--item-color);

    border-radius:9px;

    background:
        rgba(2,9,5,.72);

    color:
        var(--item-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;
}

.gsonefaq__summary-copy{
    min-width:0;
}

.gsonefaq__summary-category{
    display:block;

    margin-bottom:3px;

    color:
        var(--item-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__summary-title{
    display:block;

    color:#dbe9dc;

    font-size:11px;
    line-height:1.48;
    font-weight:600;
}

.gsonefaq__summary-toggle{
    position:relative;

    display:grid;
    place-items:center;

    width:30px;
    height:30px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(255,255,255,.055);

    border-radius:8px;

    color:
        var(--item-color);

    background:
        rgba(0,0,0,.12);
}

.gsonefaq__summary-toggle::before,
.gsonefaq__summary-toggle::after{
    content:"";

    position:absolute;

    width:10px;
    height:1px;

    background:
        currentColor;

    transition:
        transform .25s ease;
}

.gsonefaq__summary-toggle::after{
    transform:
        rotate(90deg);
}

.gsonefaq__item[open] .gsonefaq__summary-toggle::after{
    transform:
        rotate(0deg);
}


/* =========================================================
   RESPUESTA
   ========================================================= */

.gsonefaq__answer{
    position:relative;

    padding:
        0 16px 17px 69px;

    color:#829286;

    font-size:11px;
    line-height:1.70;
}

.gsonefaq__answer::before{
    content:"";

    position:absolute;

    left:20px;
    top:3px;
    bottom:20px;

    width:1px;

    background:
        linear-gradient(
            180deg,
            var(--item-color),
            transparent
        );

    opacity:.28;
}

.gsonefaq__answer p{
    margin:0;
}

.gsonefaq__answer p + p{
    margin-top:8px;
}

.gsonefaq__answer strong{
    color:#cbd9ce;
    font-weight:600;
}

.gsonefaq__answer-note{
    display:inline-flex;
    align-items:center;

    margin-top:10px;

    padding:
        5px 7px;

    border:
        1px solid rgba(255,255,255,.05);

    border-radius:6px;

    color:
        var(--item-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   PREPARAR CONSULTA
   ========================================================= */

.gsonefaq__prepare{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.085);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(3,14,16,.27),
            rgba(2,8,4,.97)
        );
}

.gsonefaq__prepare::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-cyan),
            var(--faq-green),
            transparent
        );
}

.gsonefaq__prepare-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;

    margin-top:17px;
}

.gsonefaq__prepare-card{
    --prepare-color:var(--faq-cyan);

    min-width:0;

    padding:
        15px 12px;

    border:
        1px solid rgba(39,217,239,.05);

    border-radius:10px;

    background:
        rgba(3,11,6,.43);
}

.gsonefaq__prepare-card:nth-child(2){
    --prepare-color:var(--faq-green);
}

.gsonefaq__prepare-card:nth-child(3){
    --prepare-color:var(--faq-violet);
}

.gsonefaq__prepare-card:nth-child(4){
    --prepare-color:var(--faq-yellow);
}

.gsonefaq__prepare-card:nth-child(5){
    --prepare-color:var(--faq-blue);
}

.gsonefaq__prepare-code{
    display:grid;
    place-items:center;

    width:35px;
    height:35px;

    margin-bottom:9px;
    padding:0;

    border:
        1px solid var(--prepare-color);

    border-radius:8px;

    color:
        var(--prepare-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonefaq__prepare-card strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--prepare-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonefaq__prepare-copy{
    display:block;

    color:#708176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   ADVERTENCIA FINAL
   ========================================================= */

.gsonefaq__warning{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(255,200,87,.085);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.016),
            rgba(91,224,31,.010)
        );
}

.gsonefaq__warning-icon{
    display:grid;
    place-items:center;

    width:42px;
    height:42px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(255,200,87,.15);

    border-radius:9px;

    color:
        var(--faq-yellow);

    font-size:15px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonefaq__warning-copy{
    min-width:0;

    color:#867f6c;

    font-size:11px;
    line-height:1.62;
}

.gsonefaq__warning-copy strong{
    color:#d6c495;
    font-weight:600;
}

.gsonefaq__warning-state{
    flex-shrink:0;

    color:#ad9b6d;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsonefaq__terminal{
    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.105);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.90),
            rgba(2,7,3,.98)
        );
}

.gsonefaq__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(91,224,31,.065);

    background:
        rgba(5,16,7,.70);
}

.gsonefaq__terminal-dots{
    display:flex;

    gap:6px;
}

.gsonefaq__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonefaq__terminal-dots span:nth-child(1){
    background:
        var(--faq-red);
}

.gsonefaq__terminal-dots span:nth-child(2){
    background:
        var(--faq-yellow);
}

.gsonefaq__terminal-dots span:nth-child(3){
    background:
        var(--faq-green);
}

.gsonefaq__terminal-name{
    color:#617365;

    font-size:10px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsonefaq__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:center;

    padding:18px;
}

.gsonefaq__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

.gsonefaq__terminal-route span{
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:7px;

    background:
        rgba(4,13,5,.46);

    color:#708174;

    font-size:10px;
    line-height:1.35;
    font-weight:500;
}

.gsonefaq__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(91,224,31,.11);

    border-radius:9px;

    color:#91bd86;

    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.gsonefaq__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--faq-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsonefaq__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#536453;

    font-size:10px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsonefaq__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657867;
}

.gsonefaq__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--faq-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width:1100px){

    .gsonefaq__facts{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .gsonefaq__prepare-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsonefaq__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsonefaq__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:20px;
    }

    .gsonefaq__status{
        max-width:650px;
    }

    .gsonefaq__accordion-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsonefaq{
        overflow:hidden;
    }

    .gsonefaq__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonefaq__scan,
    .gsonefaq__orbit{
        display:none;
    }

    .gsonefaq__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonefaq__heading{
        display:block;
    }

    .gsonefaq__status{
        margin-top:19px;
    }

    .gsonefaq__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsonefaq__intro{
        font-size:14px;
        line-height:1.70;
    }

    .gsonefaq__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsonefaq__principle-state{
        width:fit-content;
    }

    .gsonefaq__facts{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    /* ===============================================
       HUD MÓVIL
       =============================================== */

    .gsonefaq__hud{
        min-height:0;
    }

    .gsonefaq__hud-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsonefaq__hud-core{
        top:43%;

        width:125px;
        height:125px;
    }

    .gsonefaq__sweep{
        top:43%;

        width:113px;
    }

    .gsonefaq__hud-node{
        width:105px;
    }

    .gsonefaq__hud-node--a{
        left:3%;
        top:20%;
    }

    .gsonefaq__hud-node--b{
        right:3%;
        top:20%;
    }

    .gsonefaq__hud-node--c{
        left:3%;
        bottom:18%;
    }

    .gsonefaq__hud-node--d{
        right:3%;
        bottom:18%;
    }


    /* ===============================================
       PREGUNTAS
       =============================================== */

    .gsonefaq__questions,
    .gsonefaq__prepare{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsonefaq__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsonefaq__section-state{
        width:fit-content;
    }

    .gsonefaq__summary{
        grid-template-columns:
            38px minmax(0,1fr) 28px;

        gap:10px;

        min-height:74px;

        padding:
            13px 12px;
    }

    .gsonefaq__summary-code{
        width:38px;
        height:38px;
    }

    .gsonefaq__answer{
        padding:
            0 13px 15px 60px;
    }

    .gsonefaq__answer::before{
        left:17px;
    }

    .gsonefaq__prepare-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonefaq__warning{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsonefaq__warning-state{
        width:fit-content;
    }

    .gsonefaq__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;

        padding:
            16px 14px;
    }

    .gsonefaq__terminal-state{
        width:fit-content;
    }

    .gsonefaq__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsonefaq__facts{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonefaq__hud{
        min-height:0;
    }

    .gsonefaq__hud-core{
        top:47%;
    }

    .gsonefaq__sweep{
        top:47%;
    }

    .gsonefaq__hud-node--a{
        left:50%;
        top:15%;

        transform:
            translateX(-50%);
    }

    .gsonefaq__hud-node--b{
        left:50%;
        right:auto;
        top:29%;

        transform:
            translateX(-50%);
    }

    .gsonefaq__hud-node--c{
        left:50%;
        bottom:27%;

        transform:
            translateX(-50%);
    }

    .gsonefaq__hud-node--d{
        left:50%;
        right:auto;
        bottom:11%;

        transform:
            translateX(-50%);
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsonefaq__shell{
        width:
            calc(100% - 24px);
    }

    .gsonefaq__summary{
        grid-template-columns:
            36px minmax(0,1fr) 26px;

        gap:8px;

        padding:
            12px 10px;
    }

    .gsonefaq__summary-code{
        width:36px;
        height:36px;
    }

    .gsonefaq__summary-toggle{
        width:26px;
        height:26px;
    }

    .gsonefaq__answer{
        padding:
            0 11px 14px 54px;
    }

    .gsonefaq__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsonefaq__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */
/* =========================================================
   AUDITORÍA — ACCIONES ÚTILES
   ========================================================= */

.gsonefaq__actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;

    margin-top:16px;
}

.gsonefaq__action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:42px;

    padding:
        10px 13px;

    border:
        1px solid rgba(39,217,239,.16);

    border-radius:10px;

    background-color:
        rgba(39,217,239,.035);

    color:#a9e7ee !important;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-decoration:none !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background-color .2s ease;
}

.gsonefaq__action:hover{
    transform:translateY(-1px);

    border-color:
        rgba(39,217,239,.48);

    background-color:
        rgba(39,217,239,.065);
}

.gsonefaq__action--whatsapp{
    border-color:
        rgba(91,224,31,.18);

    background-color:
        rgba(91,224,31,.04);

    color:#b9eba8 !important;
}

.gsonefaq__action--whatsapp:hover{
    border-color:
        rgba(91,224,31,.52);

    background-color:
        rgba(91,224,31,.075);
}

.gsonefaq__action:focus-visible{
    outline:
        2px solid rgba(39,217,239,.92);

    outline-offset:
        4px;
}

.gsonefaq__action--whatsapp:focus-visible{
    outline-color:
        rgba(91,224,31,.92);
}


/* =========================================================
   AUDITORÍA — HUD RESPONSIVE
   ========================================================= */

@media (max-width:767px){

    #preguntas-xbox-one .gsonefaq__hud{
        min-height:0 !important;

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;

        padding:
            16px 12px;
    }

    #preguntas-xbox-one .gsonefaq__hud-head{
        position:relative;

        left:auto;
        right:auto;
        top:auto;

        grid-column:
            1 / -1;

        flex-direction:column;
        align-items:flex-start;

        gap:7px;

        margin-bottom:5px;
    }

    #preguntas-xbox-one .gsonefaq__hud-core{
        position:relative;

        left:auto;
        top:auto;

        grid-column:
            1 / -1;

        width:128px;
        height:128px;

        margin:
            15px auto 18px;

        transform:none;
    }

    #preguntas-xbox-one .gsonefaq__hud-core::before{
        inset:-24px;
    }

    #preguntas-xbox-one .gsonefaq__hud-core::after{
        inset:-45px;
    }

    #preguntas-xbox-one .gsonefaq__sweep{
        display:none !important;
    }

    #preguntas-xbox-one .gsonefaq__hud-node,
    #preguntas-xbox-one .gsonefaq__hud-node--a,
    #preguntas-xbox-one .gsonefaq__hud-node--b,
    #preguntas-xbox-one .gsonefaq__hud-node--c,
    #preguntas-xbox-one .gsonefaq__hud-node--d{
        position:relative;

        left:auto;
        right:auto;
        top:auto;
        bottom:auto;

        width:auto;
        min-height:112px;

        display:grid;
        align-content:center;

        padding:
            12px 9px;

        transform:none;

        animation:none;

        border:
            1px solid rgba(255,255,255,.045);

        border-radius:12px;

        background:
            rgba(3,11,6,.50);

        text-align:center;
    }

    #preguntas-xbox-one .gsonefaq__hud-circle{
        width:52px;
        height:52px;

        margin:
            0 auto 7px;

        font-size:8px;
    }

    #preguntas-xbox-one .gsonefaq__hud-node-title{
        font-size:9px;
    }

    #preguntas-xbox-one .gsonefaq__hud-node-copy{
        margin-top:2px;

        font-size:8.5px;
    }

    #preguntas-xbox-one .gsonefaq__hud-equation{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        grid-column:
            1 / -1;

        margin-top:4px;
    }

    #preguntas-xbox-one .gsonefaq__actions{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);
    }

    #preguntas-xbox-one .gsonefaq__action{
        width:100%;
    }
}

@media (max-width:390px){

    #preguntas-xbox-one .gsonefaq__hud{
        grid-template-columns:
            minmax(0,1fr);
    }

    #preguntas-xbox-one .gsonefaq__hud-head,
    #preguntas-xbox-one .gsonefaq__hud-core,
    #preguntas-xbox-one .gsonefaq__hud-node,
    #preguntas-xbox-one .gsonefaq__hud-equation{
        grid-column:
            1;
    }

    #preguntas-xbox-one .gsonefaq__hud-node{
        min-height:
            106px;
    }

    #preguntas-xbox-one .gsonefaq__title{
        line-height:
            1.10;
    }
}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    #preguntas-xbox-one,
    #preguntas-xbox-one *,
    #preguntas-xbox-one *::before,
    #preguntas-xbox-one *::after{
        scroll-behavior:auto !important;
        animation:none !important;
        transition:none !important;
    }

    #preguntas-xbox-one .gsonefaq__scan,
    #preguntas-xbox-one .gsonefaq__orbit{
        display:none !important;
    }
}


/* =========================================================
   XBOX ONE — CTA
   Migración 0.68.0.
   ========================================================= */
/* =========================================================
   GAMMERS STYLE
   XBOX ONE — CTA FINAL
   ID INTERNO: cta-xbox-one
   ROOT AUTÓNOMO: .gsonecta
   ========================================================= */

.gsonecta{
    --cta-bg:#020403;
    --cta-bg2:#061008;

    --cta-green:#5be01f;
    --cta-green2:#80ff48;

    --cta-cyan:#27d9ef;
    --cta-blue:#3d83ff;
    --cta-violet:#8a67ff;

    --cta-yellow:#ffc857;
    --cta-red:#ff6378;

    --cta-white:#f3fff4;
    --cta-text:#eaf5eb;
    --cta-muted:#91a296;
    --cta-muted2:#6d7e71;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--cta-text);

    background:
        radial-gradient(
            circle at 16% 18%,
            rgba(91,224,31,.10),
            transparent 29%
        ),
        radial-gradient(
            circle at 84% 22%,
            rgba(39,217,239,.042),
            transparent 31%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(91,224,31,.045),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #020403 0%,
            #061008 53%,
            #020403 100%
        );

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsonecta *,
.gsonecta *::before,
.gsonecta *::after{
    box-sizing:border-box;

    font-family:
        "Poppins",
        system-ui,
        sans-serif;

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO TÉCNICO
   ========================================================= */

.gsonecta__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.25;

    background-image:
        linear-gradient(
            rgba(91,224,31,.038) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91,224,31,.038) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsonecta__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,3,.92),
            transparent 17%,
            transparent 83%,
            rgba(2,4,3,.92)
        );
}


/* =========================================================
   ESCÁNER
   ========================================================= */

.gsonecta__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsonecta__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,224,31,.18),
            rgba(39,217,239,.14),
            rgba(91,224,31,.15),
            transparent
        );

    box-shadow:
        0 0 18px rgba(91,224,31,.10);

    animation:
        gsonecta-scan
        10s linear infinite;
}

@keyframes gsonecta-scan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.38;
    }

    92%{
        opacity:.10;
    }

    100%{
        transform:translateY(2600px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITAS
   ========================================================= */

.gsonecta__orbit-a,
.gsonecta__orbit-b{
    position:absolute;

    pointer-events:none;

    border-radius:50%;
}

.gsonecta__orbit-a{
    width:720px;
    height:720px;

    right:-370px;
    top:-170px;

    border:
        1px solid rgba(91,224,31,.05);

    animation:
        gsonecta-orbit-a
        46s linear infinite;
}

.gsonecta__orbit-a::before{
    content:"";

    position:absolute;

    inset:110px;

    border:
        1px dashed rgba(39,217,239,.05);

    border-radius:50%;
}

.gsonecta__orbit-a::after{
    content:"";

    position:absolute;

    inset:220px;

    border:
        1px solid rgba(91,224,31,.045);

    border-radius:50%;
}

.gsonecta__orbit-b{
    width:520px;
    height:520px;

    left:-310px;
    bottom:-230px;

    border:
        1px solid rgba(39,217,239,.035);

    animation:
        gsonecta-orbit-b
        62s linear infinite reverse;
}

@keyframes gsonecta-orbit-a{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

@keyframes gsonecta-orbit-b{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsonecta__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        92px 0 88px;
}


/* =========================================================
   MARCO PRINCIPAL
   ========================================================= */

.gsonecta__frame{
    position:relative;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.14);

    border-radius:28px;

    background:
        radial-gradient(
            circle at 80% 18%,
            rgba(91,224,31,.075),
            transparent 30%
        ),
        radial-gradient(
            circle at 14% 84%,
            rgba(39,217,239,.028),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(5,18,8,.90),
            rgba(2,8,4,.97)
        );

    box-shadow:
        0 30px 80px rgba(0,0,0,.24),
        inset 0 0 0 1px rgba(255,255,255,.012);
}

.gsonecta__frame::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:42%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cta-green2),
            var(--cta-green),
            var(--cta-cyan),
            transparent
        );
}

.gsonecta__frame::after{
    content:"";

    position:absolute;

    right:0;
    bottom:0;

    width:28%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--cta-cyan),
            var(--cta-green)
        );
}


/* =========================================================
   ESQUINAS HUD
   ========================================================= */

.gsonecta__corner{
    position:absolute;

    z-index:4;

    width:44px;
    height:44px;

    pointer-events:none;
}

.gsonecta__corner::before,
.gsonecta__corner::after{
    content:"";

    position:absolute;

    background:
        var(--cta-green);

    opacity:.52;

    box-shadow:
        0 0 8px rgba(91,224,31,.18);
}

.gsonecta__corner::before{
    width:24px;
    height:1px;
}

.gsonecta__corner::after{
    width:1px;
    height:24px;
}

.gsonecta__corner--tl{
    left:14px;
    top:14px;
}

.gsonecta__corner--tl::before{
    left:0;
    top:0;
}

.gsonecta__corner--tl::after{
    left:0;
    top:0;
}

.gsonecta__corner--tr{
    right:14px;
    top:14px;
}

.gsonecta__corner--tr::before{
    right:0;
    top:0;
}

.gsonecta__corner--tr::after{
    right:0;
    top:0;
}

.gsonecta__corner--bl{
    left:14px;
    bottom:14px;
}

.gsonecta__corner--bl::before{
    left:0;
    bottom:0;
}

.gsonecta__corner--bl::after{
    left:0;
    bottom:0;
}

.gsonecta__corner--br{
    right:14px;
    bottom:14px;
}

.gsonecta__corner--br::before{
    right:0;
    bottom:0;
}

.gsonecta__corner--br::after{
    right:0;
    bottom:0;
}


/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.gsonecta__main{
    position:relative;
    z-index:5;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(360px,.68fr);

    gap:48px;

    align-items:center;

    padding:
        58px 58px 38px;
}


/* =========================================================
   COLUMNA TEXTO
   ========================================================= */

.gsonecta__copy{
    min-width:0;
}

.gsonecta__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:16px;

    padding:
        7px 11px;

    border:
        1px solid rgba(91,224,31,.17);

    border-radius:999px;

    background:
        rgba(91,224,31,.032);

    color:#a5dc94;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.055em;

    text-transform:uppercase;
}

.gsonecta__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 9px rgba(91,224,31,.72);
}

.gsonecta__title{
    max-width:760px;

    margin:0;

    color:
        var(--cta-white);

    font-size:
        clamp(
            34px,
            4.5vw,
            58px
        );

    line-height:1.04;
    font-weight:700;

    letter-spacing:-.042em;
}

.gsonecta__title span{
    color:
        var(--cta-green2);

    text-shadow:
        0 0 28px rgba(91,224,31,.10);
}

.gsonecta__lead{
    max-width:760px;

    margin:
        18px 0 0;

    color:
        var(--cta-muted);

    font-size:15px;
    line-height:1.76;
}

.gsonecta__lead strong{
    color:#d6e5d8;
    font-weight:600;
}


/* =========================================================
   MENSAJE DE PRINCIPIO
   ========================================================= */

.gsonecta__principle{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr);

    gap:13px;

    align-items:center;

    max-width:760px;

    margin-top:20px;

    padding:14px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.08);

    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.018),
            rgba(91,224,31,.018)
        );
}

.gsonecta__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:125px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cta-cyan),
            var(--cta-green),
            transparent
        );
}

.gsonecta__principle-code{
    display:grid;
    place-items:center;

    width:42px;
    height:42px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(39,217,239,.18);

    border-radius:9px;

    color:
        var(--cta-cyan);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonecta__principle-copy{
    color:#788b7d;

    font-size:10px;
    line-height:1.58;
}

.gsonecta__principle-copy strong{
    color:#bcd3c2;
    font-weight:600;
}


/* =========================================================
   BOTONES
   ========================================================= */

.gsonecta__actions{
    display:flex;
    flex-wrap:wrap;

    gap:10px;

    margin-top:23px;
}

.gsonecta__button{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:52px;

    padding:
        12px 18px;

    overflow:hidden;

    border-radius:11px;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-decoration:none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease;
}

.gsonecta__button:hover{
    transform:
        translateY(-2px);
}

.gsonecta__button:focus-visible{
    outline:
        2px solid var(--cta-cyan);

    outline-offset:3px;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.gsonecta__button--whatsapp{
    border:
        1px solid rgba(128,255,72,.35);

    background:
        linear-gradient(
            135deg,
            #65e72c,
            #46c91d
        );

    color:#051006 !important;

    box-shadow:
        0 10px 26px rgba(91,224,31,.12);
}

/* El icono lo inserta el Custom Code global.
   No se declara background-image ni pseudoicono local. */
.gsonecta__button--whatsapp .gs-global-wa-icon{
    width:18px;
    height:18px;

    flex:0 0 18px;

    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

.gsonecta__button--whatsapp::after{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    transform:
        translateX(-125%)
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.20),
            transparent
        );

    animation:
        gsonecta-button-shine
        5.5s ease-in-out infinite;
}

@keyframes gsonecta-button-shine{

    0%,
    70%{
        transform:
            translateX(-125%)
            skewX(-20deg);
    }

    88%,
    100%{
        transform:
            translateX(125%)
            skewX(-20deg);
    }

}


/* =========================================================
   TELÉFONO
   ========================================================= */

.gsonecta__button--phone{
    border:
        1px solid rgba(39,217,239,.17);

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.055),
            rgba(4,15,9,.80)
        );

    color:#a5d7db !important;
}

.gsonecta__button--phone::before{
    content:"";

    width:8px;
    height:8px;

    flex:0 0 8px;

    border:
        1px solid var(--cta-cyan);

    border-radius:2px;

    transform:
        rotate(45deg);

    box-shadow:
        0 0 7px rgba(39,217,239,.25);
}

.gsonecta__button--phone:hover{
    border-color:
        rgba(39,217,239,.30);

    box-shadow:
        0 10px 24px rgba(39,217,239,.05);
}


/* =========================================================
   MICRO CONTACTO
   ========================================================= */

.gsonecta__micro{
    display:flex;
    flex-wrap:wrap;

    gap:8px 16px;

    margin-top:16px;

    color:#667769;

    font-size:9px;
    line-height:1.45;
}

.gsonecta__micro-item{
    display:inline-flex;
    align-items:center;

    gap:6px;
}

.gsonecta__micro-dot{
    width:5px;
    height:5px;

    flex:0 0 5px;

    border-radius:50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.43);
}


/* =========================================================
   PANEL DERECHO
   ========================================================= */

.gsonecta__panel{
    position:relative;

    min-width:0;

    min-height:445px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.10);

    border-radius:21px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(91,224,31,.075),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(5,18,8,.82),
            rgba(2,8,4,.97)
        );
}

.gsonecta__panel::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.25;

    background-image:
        linear-gradient(
            rgba(91,224,31,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(39,217,239,.025) 1px,
            transparent 1px
        );

    background-size:26px 26px;
}


/* =========================================================
   PANEL HEADER
   ========================================================= */

.gsonecta__panel-head{
    position:absolute;

    z-index:20;

    left:16px;
    right:16px;
    top:14px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:10px;
}

.gsonecta__panel-code{
    color:#90c586;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__panel-state{
    display:inline-flex;
    align-items:center;

    gap:5px;

    color:#789f76;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__panel-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.55);

    animation:
        gsonecta-state-pulse
        1.8s ease-in-out infinite;
}

@keyframes gsonecta-state-pulse{

    0%,
    100%{
        opacity:.35;
        transform:scale(.8);
    }

    50%{
        opacity:1;
        transform:scale(1.2);
    }

}


/* =========================================================
   NÚCLEO
   ========================================================= */

.gsonecta__core{
    position:absolute;

    z-index:10;

    left:50%;
    top:41%;

    width:138px;
    height:138px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    margin:0;
    padding:0;

    border:
        1px solid rgba(128,255,72,.28);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(91,224,31,.13),
            rgba(2,8,4,.98) 70%
        );

    box-shadow:
        0 0 34px rgba(91,224,31,.09);

    animation:
        gsonecta-core-breathe
        3s ease-in-out infinite;
}

.gsonecta__core::before{
    content:"";

    position:absolute;

    inset:-30px;

    border:
        1px dashed rgba(39,217,239,.14);

    border-radius:50%;

    animation:
        gsonecta-core-ring
        14s linear infinite;
}

.gsonecta__core::after{
    content:"";

    position:absolute;

    inset:-70px;

    border:
        1px solid rgba(91,224,31,.055);

    border-radius:50%;
}

@keyframes gsonecta-core-breathe{

    0%,
    100%{
        box-shadow:
            0 0 20px rgba(91,224,31,.05);
    }

    50%{
        box-shadow:
            0 0 42px rgba(91,224,31,.18);
    }

}

@keyframes gsonecta-core-ring{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsonecta__core-copy{
    position:relative;
    z-index:4;

    text-align:center;
}

.gsonecta__core-title{
    display:block;

    color:
        var(--cta-green2);

    font-size:18px;
    line-height:1.1;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__core-sub{
    display:block;

    margin-top:5px;

    color:#708274;

    font-size:8px;
    line-height:1.4;

    text-transform:uppercase;
}


/* =========================================================
   BARRIDO
   ========================================================= */

.gsonecta__sweep{
    position:absolute;

    z-index:9;

    left:50%;
    top:41%;

    width:128px;
    height:1px;

    transform-origin:
        0 50%;

    background:
        linear-gradient(
            90deg,
            rgba(39,217,239,.78),
            rgba(39,217,239,.10),
            transparent
        );

    box-shadow:
        0 0 7px rgba(39,217,239,.30);

    animation:
        gsonecta-sweep
        4.6s linear infinite;
}

.gsonecta__sweep::after{
    content:"";

    position:absolute;

    right:10px;
    top:-3px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--cta-cyan);

    box-shadow:
        0 0 9px rgba(39,217,239,.78);
}

@keyframes gsonecta-sweep{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   PULSOS
   ========================================================= */

.gsonecta__pulse{
    position:absolute;

    z-index:6;

    left:50%;
    top:41%;

    width:130px;
    height:130px;

    transform:
        translate(-50%,-50%)
        scale(.68);

    border:
        1px solid rgba(91,224,31,.25);

    border-radius:50%;

    opacity:0;

    animation:
        gsonecta-pulse
        3.4s ease-out infinite;
}

.gsonecta__pulse--b{
    animation-delay:
        1.1s;

    border-color:
        rgba(39,217,239,.23);
}

.gsonecta__pulse--c{
    animation-delay:
        2.2s;

    border-color:
        rgba(138,103,255,.18);
}

@keyframes gsonecta-pulse{

    0%{
        opacity:.68;

        transform:
            translate(-50%,-50%)
            scale(.68);
    }

    80%{
        opacity:.04;

        transform:
            translate(-50%,-50%)
            scale(2.10);
    }

    100%{
        opacity:0;

        transform:
            translate(-50%,-50%)
            scale(2.20);
    }

}


/* =========================================================
   NODOS PANEL
   ========================================================= */

.gsonecta__node{
    --node-color:var(--cta-green);

    position:absolute;

    z-index:15;

    width:100px;

    text-align:center;
}

.gsonecta__node--a{
    left:7%;
    top:22%;

    --node-color:var(--cta-cyan);
}

.gsonecta__node--b{
    right:7%;
    top:22%;

    --node-color:var(--cta-green);
}

.gsonecta__node--c{
    left:7%;
    bottom:18%;

    --node-color:var(--cta-violet);
}

.gsonecta__node--d{
    right:7%;
    bottom:18%;

    --node-color:var(--cta-yellow);
}


/* =========================================================
   CENTRADO PROTEGIDO
   ========================================================= */

.gsonecta__node-circle{
    display:grid !important;

    place-items:center !important;
    align-items:center !important;
    justify-items:center !important;

    width:52px;
    height:52px;

    margin:
        0 auto 7px;

    padding:0 !important;

    border:
        1px solid var(--node-color);

    border-radius:50%;

    background:
        rgba(2,9,4,.96);

    color:
        var(--node-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;

    text-align:center !important;
}

.gsonecta__node-title{
    display:block;

    color:
        var(--node-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__node-copy{
    display:block;

    margin-top:3px;

    color:#65766a;

    font-size:7px;
    line-height:1.4;
}


/* =========================================================
   PANEL FOOT
   ========================================================= */

.gsonecta__panel-foot{
    position:absolute;

    z-index:22;

    left:15px;
    right:15px;
    bottom:13px;

    padding:
        10px 12px;

    border:
        1px solid rgba(91,224,31,.075);

    border-radius:9px;

    background:
        rgba(3,11,6,.82);

    color:#718674;

    font-size:8px;
    line-height:1.5;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsonecta__panel-foot b{
    color:
        var(--cta-green2);
}


/* =========================================================
   DATOS CLAVE
   ========================================================= */

.gsonecta__facts{
    position:relative;
    z-index:5;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;

    padding:
        0 58px 38px;
}

.gsonecta__fact{
    --fact-color:var(--cta-green);

    position:relative;

    min-width:0;

    padding:
        16px 13px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.065);

    border-radius:11px;

    background:
        rgba(3,11,6,.52);
}

.gsonecta__fact:nth-child(2){
    --fact-color:var(--cta-green2);
}

.gsonecta__fact:nth-child(3){
    --fact-color:var(--cta-cyan);
}

.gsonecta__fact:nth-child(4){
    --fact-color:var(--cta-yellow);
}

.gsonecta__fact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:68px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--fact-color),
            transparent
        );
}

.gsonecta__fact-code{
    display:grid;
    place-items:center;

    width:36px;
    height:36px;

    margin-bottom:9px;
    padding:0;

    border:
        1px solid var(--fact-color);

    border-radius:8px;

    color:
        var(--fact-color);

    font-size:8px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonecta__fact strong{
    display:block;

    margin-bottom:4px;

    color:
        var(--fact-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__fact-copy{
    display:block;

    color:#718176;

    font-size:9px;
    line-height:1.52;
}


/* =========================================================
   QUÉ ENVIAR POR MENSAJE
   ========================================================= */

.gsonecta__brief{
    position:relative;
    z-index:5;

    margin:
        0 58px 38px;

    padding:19px;

    overflow:hidden;

    border:
        1px solid rgba(39,217,239,.075);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(39,217,239,.018),
            rgba(91,224,31,.016)
        );
}

.gsonecta__brief::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:175px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cta-cyan),
            var(--cta-green),
            transparent
        );
}

.gsonecta__brief-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:15px;

    margin-bottom:14px;
}

.gsonecta__brief-label{
    display:block;

    margin-bottom:4px;

    color:#88c4c9;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__brief-title{
    margin:0;

    color:#dceadf;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsonecta__brief-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(39,217,239,.10);

    border-radius:8px;

    color:#7ba7ab;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__brief-grid{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:7px;
}

.gsonecta__brief-item{
    --brief-color:var(--cta-green);

    min-width:0;

    padding:
        11px 10px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:9px;

    background:
        rgba(3,11,6,.40);
}

.gsonecta__brief-item:nth-child(2){
    --brief-color:var(--cta-cyan);
}

.gsonecta__brief-item:nth-child(3){
    --brief-color:var(--cta-violet);
}

.gsonecta__brief-item:nth-child(4){
    --brief-color:var(--cta-yellow);
}

.gsonecta__brief-item:nth-child(5){
    --brief-color:var(--cta-blue);
}

.gsonecta__brief-code{
    display:grid;
    place-items:center;

    width:30px;
    height:30px;

    margin-bottom:7px;
    padding:0;

    border:
        1px solid var(--brief-color);

    border-radius:7px;

    color:
        var(--brief-color);

    font-size:7px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonecta__brief-item strong{
    display:block;

    margin-bottom:3px;

    color:
        var(--brief-color);

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsonecta__brief-copy{
    display:block;

    color:#6c7c70;

    font-size:8px;
    line-height:1.45;
}


/* =========================================================
   SERVICIO NACIONAL
   ========================================================= */

.gsonecta__national{
    position:relative;
    z-index:5;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:15px;

    align-items:center;

    margin:
        0 58px 38px;

    padding:18px;

    border:
        1px solid rgba(61,131,255,.075);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(61,131,255,.016),
            rgba(39,217,239,.012)
        );
}

.gsonecta__national-code{
    display:grid;
    place-items:center;

    width:48px;
    height:48px;

    margin:0;
    padding:0;

    border:
        1px solid rgba(61,131,255,.16);

    border-radius:10px;

    color:#8fb2e9;

    font-size:9px;
    line-height:1;
    font-weight:700;

    text-align:center;
}

.gsonecta__national-copy{
    min-width:0;

    color:#74838b;

    font-size:10px;
    line-height:1.62;
}

.gsonecta__national-copy strong{
    color:#bacbd2;
    font-weight:600;
}

.gsonecta__national-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(39,217,239,.09);

    border-radius:8px;

    color:#82aaae;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TERMINAL FINAL
   ========================================================= */

.gsonecta__terminal{
    position:relative;
    z-index:5;

    margin:
        0 58px 45px;

    overflow:hidden;

    border:
        1px solid rgba(91,224,31,.09);

    border-radius:13px;

    background:
        linear-gradient(
            155deg,
            rgba(6,18,8,.88),
            rgba(2,7,3,.98)
        );
}

.gsonecta__terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:39px;

    padding:
        8px 12px;

    border-bottom:
        1px solid rgba(91,224,31,.06);

    background:
        rgba(5,16,7,.68);
}

.gsonecta__terminal-dots{
    display:flex;
    gap:6px;
}

.gsonecta__terminal-dots span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsonecta__terminal-dots span:nth-child(1){
    background:
        var(--cta-red);
}

.gsonecta__terminal-dots span:nth-child(2){
    background:
        var(--cta-yellow);
}

.gsonecta__terminal-dots span:nth-child(3){
    background:
        var(--cta-green);
}

.gsonecta__terminal-name{
    color:#617365;

    font-size:9px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsonecta__terminal-body{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    padding:
        15px 14px;
}

.gsonecta__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

.gsonecta__terminal-route span{
    display:inline-flex;
    align-items:center;

    min-height:27px;

    padding:
        5px 7px;

    border:
        1px solid rgba(91,224,31,.05);

    border-radius:6px;

    background:
        rgba(4,13,5,.46);

    color:#6f8073;

    font-size:9px;
    line-height:1.35;
}

.gsonecta__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(91,224,31,.10);

    border-radius:8px;

    color:#91bd86;

    font-size:9px;
    line-height:1.35;
    font-weight:600;
}

.gsonecta__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.52);
}


/* =========================================================
   FOOTER INTERNO
   ========================================================= */

.gsonecta__footer{
    position:relative;
    z-index:5;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    padding:
        14px 58px;

    border-top:
        1px solid rgba(91,224,31,.055);

    background:
        rgba(2,8,4,.50);

    color:#526354;

    font-size:9px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsonecta__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657867;
}

.gsonecta__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:
        var(--cta-green);

    box-shadow:
        0 0 7px rgba(91,224,31,.48);
}


/* =========================================================
   TABLET GRANDE
   ========================================================= */

@media (max-width:1100px){

    .gsonecta__main{
        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.65fr);

        gap:32px;

        padding:
            48px 42px 34px;
    }

    .gsonecta__facts{
        padding:
            0 42px 34px;
    }

    .gsonecta__brief,
    .gsonecta__national{
        margin:
            0 42px 34px;
    }

    .gsonecta__terminal{
        margin:
            0 42px 40px;
    }

    .gsonecta__footer{
        padding:
            14px 42px;
    }

    .gsonecta__brief-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsonecta__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsonecta__main{
        grid-template-columns:
            minmax(0,1fr);

        gap:30px;
    }

    .gsonecta__panel{
        min-height:430px;
    }

    .gsonecta__facts{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsonecta{
        overflow:hidden;
    }

    .gsonecta__grid{
        opacity:.16;

        background-size:
            32px 32px;
    }

    .gsonecta__scan,
    .gsonecta__orbit-a,
    .gsonecta__orbit-b{
        display:none;
    }

    .gsonecta__shell{
        width:
            calc(100% - 30px);

        max-width:100%;

        padding:
            61px 0 65px;
    }

    .gsonecta__frame{
        border-radius:20px;
    }

    .gsonecta__main{
        padding:
            34px 18px 28px;
    }

    .gsonecta__title{
        font-size:
            clamp(
                30px,
                9vw,
                40px
            );
    }

    .gsonecta__lead{
        font-size:14px;
        line-height:1.70;
    }

    .gsonecta__actions{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsonecta__button{
        width:100%;
    }

    .gsonecta__micro{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);
    }


    /* ===============================================
       HUD — flujo estable, sin lienzo de altura fija
       =============================================== */

    .gsonecta__panel{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:10px;

        min-height:0;

        padding:
            82px 14px 56px;
    }

    .gsonecta__panel-head{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

    .gsonecta__sweep,
    .gsonecta__pulse{
        display:none;
    }

    .gsonecta__core{
        position:relative;

        left:auto;
        top:auto;

        grid-column:1 / -1;

        width:112px;
        height:112px;

        margin:
            2px auto 12px;

        transform:none;
    }

    .gsonecta__core::before{
        inset:-16px;
    }

    .gsonecta__core::after{
        inset:-28px;
    }

    .gsonecta__node,
    .gsonecta__node--a,
    .gsonecta__node--b,
    .gsonecta__node--c,
    .gsonecta__node--d{
        position:relative;

        left:auto;
        right:auto;
        top:auto;
        bottom:auto;

        width:auto;
        min-width:0;

        padding:
            12px 8px;

        transform:none;

        border:
            1px solid rgba(91,224,31,.07);

        border-radius:10px;

        background:
            rgba(3,11,6,.48);
    }

    .gsonecta__node-circle{
        margin:
            0 auto 7px;
    }

    .gsonecta__panel-foot{
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        grid-column:1 / -1;

        margin-top:2px;
    }


    /* ===============================================
       RESTO
       =============================================== */

    .gsonecta__facts{
        grid-template-columns:
            minmax(0,1fr);

        padding:
            0 18px 28px;
    }

    .gsonecta__brief,
    .gsonecta__national{
        margin:
            0 18px 28px;
    }

    .gsonecta__brief{
        padding:16px;
    }

    .gsonecta__brief-head{
        flex-direction:column;

        gap:7px;
    }

    .gsonecta__brief-state{
        width:fit-content;
    }

    .gsonecta__brief-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsonecta__national{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:16px;
    }

    .gsonecta__national-state{
        width:fit-content;
    }

    .gsonecta__terminal{
        margin:
            0 18px 28px;
    }

    .gsonecta__terminal-body{
        flex-direction:column;
        align-items:flex-start;
    }

    .gsonecta__terminal-state{
        width:fit-content;
    }

    .gsonecta__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;

        padding:
            13px 18px;
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsonecta__panel{
        grid-template-columns:
            minmax(0,1fr);

        padding:
            82px 12px 50px;
    }

    .gsonecta__brief-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsonecta__shell{
        width:
            calc(100% - 24px);
    }

    .gsonecta__main{
        padding:
            30px 14px 24px;
    }

    .gsonecta__facts{
        padding:
            0 14px 24px;
    }

    .gsonecta__brief,
    .gsonecta__national{
        margin:
            0 14px 24px;
    }

    .gsonecta__terminal{
        margin:
            0 14px 24px;
    }

    .gsonecta__footer{
        padding:
            12px 14px;
    }

    .gsonecta__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsonecta__terminal-route span{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .gsonecta *,
    .gsonecta *::before,
    .gsonecta *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .gsonecta__scan,
    .gsonecta__orbit-a,
    .gsonecta__orbit-b{
        display:none !important;
    }

}