/* =========================================================
   GAMMERS STYLE — AVERÍA POR INDICADOR DE LUCES
   Hero migrado a GS Frontend Core 0.30.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AVERÍA POR INDICADOR DE LUCES — HERO

   CSS ID EXTERIOR:
   averia-indicador-luces-inicio

   ROOT: .gsledhero
   ========================================================= */

.gsledhero{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 10% 13%,
            rgba(41,217,239,.080),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(139,105,255,.060),
            transparent 31%
        ),
        radial-gradient(
            circle at 75% 86%,
            rgba(255,97,119,.035),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 52%,
            #020408 100%
        );

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

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

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

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

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


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

.gsledhero__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.23;

    background-image:
        linear-gradient(
            rgba(41,217,239,.032) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.027) 1px,
            transparent 1px
        );

    background-size:48px 48px;
}

.gsledhero__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


/* =========================================================
   LÍNEA SUPERIOR
   ========================================================= */

.gsledhero__topline{
    position:absolute;

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

    height:2px;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--cyan),
            var(--violet),
            var(--yellow),
            var(--red),
            transparent
        );

    opacity:.70;

    box-shadow:
        0 0 22px rgba(41,217,239,.12);
}


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

.gsledhero__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledhero__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.16),
            rgba(139,105,255,.10),
            transparent
        );

    box-shadow:
        0 0 16px rgba(41,217,239,.10);

    animation:
        gsledheroScan
        11s linear infinite;
}

@keyframes gsledheroScan{

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

    8%{
        opacity:.42;
    }

    92%{
        opacity:.08;
    }

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

}


/* =========================================================
   ORBITAS DECORATIVAS
   ========================================================= */

.gsledhero__orbit{
    position:absolute;

    width:720px;
    height:720px;

    right:-410px;
    top:-260px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.045);

    border-radius:50%;

    animation:
        gsledheroOrbit
        70s linear infinite;
}

.gsledhero__orbit::before{
    content:"";

    position:absolute;
    inset:110px;

    border:
        1px dashed rgba(139,105,255,.045);

    border-radius:50%;
}

.gsledhero__orbit::after{
    content:"";

    position:absolute;
    inset:225px;

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

    border-radius:50%;
}

@keyframes gsledheroOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

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

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

    min-height:760px;

    margin:0 auto;

    padding:
        92px 0 78px;

    display:grid;

    grid-template-columns:
        minmax(0,1.03fr)
        minmax(420px,.97fr);

    gap:48px;

    align-items:center;
}


/* =========================================================
   CONTENIDO IZQUIERDO
   ========================================================= */

.gsledhero__copy{
    min-width:0;
}


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

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

    gap:8px;

    margin-bottom:17px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8ecbd3;

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

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledhero__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 9px rgba(41,217,239,.64);

    animation:
        gsledheroKicker
        1.8s ease-in-out infinite;
}

@keyframes gsledheroKicker{

    0%,
    100%{
        opacity:.42;
        transform:scale(.85);
    }

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

}


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

.gsledhero__title{
    max-width:760px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.045em;
}

.gsledhero__title span{
    color:var(--cyan);
}


/* =========================================================
   LEAD
   ========================================================= */

.gsledhero__lead{
    max-width:760px;

    margin:
        19px 0 0;

    color:var(--muted);

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

.gsledhero__lead strong{
    color:#c3d6df;
    font-weight:600;
}


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

.gsledhero__principle{
    position:relative;

    display:grid;

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

    gap:12px;

    align-items:center;

    margin-top:22px;

    padding:
        15px;

    overflow:hidden;

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

    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.018),
            rgba(255,97,119,.010)
        );
}

.gsledhero__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:170px;
    height:2px;

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

.gsledhero__principle-code{
    display:grid !important;
    place-items:center !important;

    width:48px;
    height:48px;

    margin:0;
    padding:0 !important;

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

    border-radius:10px;

    color:var(--yellow);

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

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

.gsledhero__principle-copy strong{
    display:block;

    margin-bottom:4px;

    color:#d3c9aa;

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

.gsledhero__principle-copy span{
    display:block;

    color:#817c70;

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


/* =========================================================
   ACCIONES
   ========================================================= */

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

    gap:10px;

    margin-top:24px;
}

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

    gap:9px;

    min-height:52px;

    padding:
        11px 17px;

    border-radius:11px;

    text-decoration:none !important;

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

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

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

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

.gsledhero__button--primary{
    border:
        1px solid rgba(41,217,239,.30);

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.95),
            rgba(75,142,255,.88)
        );

    color:#021014 !important;

    box-shadow:
        0 12px 30px rgba(41,217,239,.10);
}

.gsledhero__button--primary:hover{
    box-shadow:
        0 15px 36px rgba(41,217,239,.16);
}

.gsledhero__button--secondary{
    border:
        1px solid rgba(139,105,255,.16);

    background:
        rgba(139,105,255,.025);

    color:#aaa1cf !important;
}

.gsledhero__button--secondary:hover{
    border-color:
        rgba(139,105,255,.30);

    background:
        rgba(139,105,255,.050);
}

.gsledhero__button-icon{
    display:grid !important;
    place-items:center !important;

    width:23px;
    height:23px;

    flex:0 0 23px;

    margin:0;
    padding:0 !important;

    border:
        1px solid currentColor;

    border-radius:50%;

    font-size:7px;
    line-height:1 !important;
    font-weight:800;
}


/* =========================================================
   MICROFACTS
   ========================================================= */

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

    gap:7px;

    margin-top:19px;
}

.gsledhero__micro-item{
    display:inline-flex;
    align-items:center;

    gap:6px;

    min-height:29px;

    padding:
        5px 8px;

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

    border-radius:7px;

    background:
        rgba(3,9,14,.42);

    color:#697b87;

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

.gsledhero__micro-item::before{
    content:"";

    width:5px;
    height:5px;

    flex:0 0 5px;

    border-radius:50%;

    background:var(--cyan);

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


/* =========================================================
   PANEL DE DIAGNÓSTICO
   ========================================================= */

.gsledhero__visual{
    position:relative;

    min-width:0;

    min-height:590px;

    padding:
        20px;

    overflow:hidden;

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

    border-radius:25px;

    background:
        radial-gradient(
            circle at 50% 38%,
            rgba(41,217,239,.045),
            transparent 32%
        ),
        radial-gradient(
            circle at 83% 19%,
            rgba(139,105,255,.040),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(5,15,23,.87),
            rgba(2,7,12,.97)
        );

    box-shadow:
        0 28px 80px rgba(0,0,0,.23);
}

.gsledhero__visual::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.22;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(41,217,239,.026) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.024) 1px,
            transparent 1px
        );

    background-size:28px 28px;
}

.gsledhero__visual::after{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:210px;
    height:2px;

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


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

.gsledhero__hud-head{
    position:relative;
    z-index:4;

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

    gap:12px;

    margin-bottom:18px;
}

.gsledhero__hud-title{
    min-width:0;
}

.gsledhero__hud-title span{
    display:block;

    margin-bottom:3px;

    color:#83b6bd;

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

    text-transform:uppercase;
}

.gsledhero__hud-title strong{
    display:block;

    color:#dbe9f0;

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

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

    gap:6px;

    flex-shrink:0;

    padding:
        6px 8px;

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

    border-radius:999px;

    color:#88b5bc;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 7px rgba(41,217,239,.58);

    animation:
        gsledheroHudStatus
        1.5s ease-in-out infinite;
}

@keyframes gsledheroHudStatus{

    0%,
    100%{
        opacity:.35;
    }

    50%{
        opacity:1;
    }

}


/* =========================================================
   MONITOR CENTRAL
   ========================================================= */

.gsledhero__monitor{
    position:relative;
    z-index:4;

    min-height:310px;

    margin-bottom:12px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(41,217,239,.045),
            transparent 42%
        ),
        rgba(2,8,13,.68);
}

.gsledhero__monitor::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(41,217,239,.020),
            transparent
        );
}


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

.gsledhero__core{
    position:absolute;

    left:50%;
    top:45%;

    width:138px;
    height:138px;

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

    display:grid;
    place-items:center;

    border:
        1px solid rgba(41,217,239,.22);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(41,217,239,.090),
            rgba(2,8,13,.97) 69%
        );

    box-shadow:
        0 0 36px rgba(41,217,239,.07);
}

.gsledhero__core::before{
    content:"";

    position:absolute;

    inset:-28px;

    border:
        1px dashed rgba(139,105,255,.12);

    border-radius:50%;

    animation:
        gsledheroCoreRing
        13s linear infinite;
}

.gsledhero__core::after{
    content:"";

    position:absolute;

    inset:-61px;

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

    border-radius:50%;
}

@keyframes gsledheroCoreRing{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

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

    text-align:center;
}

.gsledhero__core-title{
    display:block;

    color:var(--cyan);

    font-size:22px;
    line-height:1.1;
    font-weight:700;

    letter-spacing:-.03em;

    text-transform:uppercase;
}

.gsledhero__core-sub{
    display:block;

    margin-top:5px;

    color:#718795;

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

    text-transform:uppercase;
}


/* =========================================================
   LEDS ALREDEDOR
   ========================================================= */

.gsledhero__led{
    --led-color:var(--cyan);

    position:absolute;
    z-index:6;

    display:grid;
    place-items:center;

    width:54px;
    height:54px;

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

    border-radius:50%;

    background:
        rgba(2,8,13,.96);

    box-shadow:
        0 0 18px rgba(0,0,0,.12);
}

.gsledhero__led::before{
    content:"";

    width:16px;
    height:16px;

    border-radius:50%;

    background:var(--led-color);

    box-shadow:
        0 0 9px var(--led-color),
        0 0 20px rgba(255,255,255,.06);

    animation:
        gsledheroLedBlink
        3.6s ease-in-out infinite;
}

.gsledhero__led--blue{
    --led-color:var(--blue);

    left:12%;
    top:20%;
}

.gsledhero__led--white{
    --led-color:#d9f3ff;

    right:12%;
    top:20%;
}

.gsledhero__led--orange{
    --led-color:var(--orange);

    left:13%;
    bottom:20%;
}

.gsledhero__led--red{
    --led-color:var(--red);

    right:13%;
    bottom:20%;
}

.gsledhero__led--white::before{
    animation-delay:.6s;
}

.gsledhero__led--orange::before{
    animation-delay:1.2s;
}

.gsledhero__led--red::before{
    animation-delay:1.8s;
}

@keyframes gsledheroLedBlink{

    0%,
    100%{
        opacity:.28;
        transform:scale(.84);
    }

    18%{
        opacity:1;
        transform:scale(1.06);
    }

    30%{
        opacity:.35;
    }

    45%{
        opacity:1;
    }

    62%{
        opacity:.25;
    }

}


/* =========================================================
   CONECTORES AL CORE
   ========================================================= */

.gsledhero__connector{
    --line-color:var(--cyan);

    position:absolute;
    z-index:3;

    height:1px;

    transform-origin:left center;

    background:
        linear-gradient(
            90deg,
            var(--line-color),
            rgba(255,255,255,.025)
        );

    opacity:.18;
}

.gsledhero__connector::after{
    content:"";

    position:absolute;

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

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--line-color);

    box-shadow:
        0 0 8px var(--line-color);
}

.gsledhero__connector--a{
    --line-color:var(--blue);

    width:130px;

    left:21%;
    top:29%;

    transform:
        rotate(24deg);
}

.gsledhero__connector--b{
    --line-color:#d9f3ff;

    width:130px;

    right:21%;
    top:29%;

    transform:
        rotate(156deg);

    transform-origin:right center;
}

.gsledhero__connector--b::after{
    right:auto;
    left:-3px;
}

.gsledhero__connector--c{
    --line-color:var(--orange);

    width:130px;

    left:21%;
    bottom:29%;

    transform:
        rotate(-24deg);
}

.gsledhero__connector--d{
    --line-color:var(--red);

    width:130px;

    right:21%;
    bottom:29%;

    transform:
        rotate(-156deg);

    transform-origin:right center;
}

.gsledhero__connector--d::after{
    right:auto;
    left:-3px;
}


/* =========================================================
   SWEEP
   ========================================================= */

.gsledhero__sweep{
    position:absolute;
    z-index:4;

    left:50%;
    top:45%;

    width:118px;
    height:1px;

    transform-origin:
        0 50%;

    background:
        linear-gradient(
            90deg,
            rgba(41,217,239,.75),
            rgba(41,217,239,.10),
            transparent
        );

    box-shadow:
        0 0 7px rgba(41,217,239,.22);

    animation:
        gsledheroSweep
        4.6s linear infinite;
}

.gsledhero__sweep::after{
    content:"";

    position:absolute;

    right:8px;
    top:-3px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.75);
}

@keyframes gsledheroSweep{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

.gsledhero__monitor-foot{
    position:absolute;
    z-index:7;

    left:12px;
    right:12px;
    bottom:10px;

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

    gap:10px;

    padding:
        8px 10px;

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

    border-radius:8px;

    background:
        rgba(2,8,13,.78);
}

.gsledhero__monitor-foot span{
    color:#657885;

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

    text-transform:uppercase;
}

.gsledhero__monitor-foot strong{
    color:#91c0c7;

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

    text-transform:uppercase;
}


/* =========================================================
   VARIABLES DE LECTURA
   ========================================================= */

.gsledhero__signals{
    position:relative;
    z-index:4;

    display:grid;

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

    gap:7px;

    margin-bottom:12px;
}

.gsledhero__signal{
    --sig-color:var(--cyan);

    min-width:0;

    padding:
        10px 8px;

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

    border-radius:9px;

    background:
        rgba(2,8,13,.55);

    text-align:center;
}

.gsledhero__signal:nth-child(2){
    --sig-color:var(--blue);
}

.gsledhero__signal:nth-child(3){
    --sig-color:var(--yellow);
}

.gsledhero__signal:nth-child(4){
    --sig-color:var(--violet);
}

.gsledhero__signal:nth-child(5){
    --sig-color:var(--red);
}

.gsledhero__signal-code{
    display:block;

    margin-bottom:3px;

    color:var(--sig-color);

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

    text-transform:uppercase;
}

.gsledhero__signal-copy{
    display:block;

    color:#647783;

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


/* =========================================================
   RUTA
   ========================================================= */

.gsledhero__route{
    position:relative;
    z-index:4;

    padding:
        13px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.060);

    border-radius:11px;

    background:
        rgba(3,10,15,.58);
}

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

    gap:10px;

    margin-bottom:10px;
}

.gsledhero__route-label strong{
    color:#8ab9c0;

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

    text-transform:uppercase;
}

.gsledhero__route-label span{
    color:#657885;

    font-size:7px;
    line-height:1.35;

    text-transform:uppercase;
}

.gsledhero__route-flow{
    position:relative;

    display:grid;

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

    gap:5px;
}

.gsledhero__route-flow::before{
    content:"";

    position:absolute;

    left:10%;
    right:10%;
    top:21px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--yellow),
            var(--violet),
            var(--red),
            var(--green)
        );

    opacity:.18;
}

.gsledhero__route-node{
    --route-color:var(--cyan);

    position:relative;
    z-index:2;

    min-width:0;

    text-align:center;
}

.gsledhero__route-node:nth-child(2){
    --route-color:var(--yellow);
}

.gsledhero__route-node:nth-child(3){
    --route-color:var(--violet);
}

.gsledhero__route-node:nth-child(4){
    --route-color:var(--red);
}

.gsledhero__route-node:nth-child(5){
    --route-color:var(--green);
}

.gsledhero__route-circle{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin:
        0 auto 6px;

    padding:0 !important;

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

    border-radius:50%;

    background:
        rgba(2,8,13,.96);

    color:var(--route-color);

    font-size:6px;
    line-height:1 !important;
    font-weight:700;
}

.gsledhero__route-node strong{
    display:block;

    color:var(--route-color);

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

    text-transform:uppercase;
}

.gsledhero__route-copy{
    display:block;

    margin-top:2px;

    color:#627581;

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


/* =========================================================
   TOKEN
   ========================================================= */

.gsledhero__route-token{
    position:absolute;
    z-index:5;

    left:10%;
    top:18px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 9px rgba(41,217,239,.70);

    opacity:0;

    animation:
        gsledheroToken
        6.5s linear infinite;
}

@keyframes gsledheroToken{

    0%{
        left:10%;
        opacity:0;
        background:var(--cyan);
    }

    8%{
        opacity:1;
    }

    28%{
        background:var(--yellow);
    }

    50%{
        background:var(--violet);
    }

    71%{
        background:var(--red);
    }

    92%{
        left:90%;
        opacity:1;
        background:var(--green);
    }

    100%{
        left:90%;
        opacity:0;
    }

}


/* =========================================================
   ETIQUETAS FLOTANTES
   ========================================================= */

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

    min-width:116px;

    padding:
        8px 9px;

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

    border-radius:8px;

    background:
        rgba(2,8,13,.82);

    backdrop-filter:
        blur(6px);
}

.gsledhero__tag strong{
    display:block;

    margin-bottom:2px;

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

    text-transform:uppercase;
}

.gsledhero__tag span{
    display:block;

    color:#657784;

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

.gsledhero__tag--a{
    left:13px;
    top:102px;
}

.gsledhero__tag--a strong{
    color:var(--blue);
}

.gsledhero__tag--b{
    right:13px;
    top:102px;

    text-align:right;
}

.gsledhero__tag--b strong{
    color:#d9f3ff;
}

.gsledhero__tag--c{
    left:13px;
    top:220px;
}

.gsledhero__tag--c strong{
    color:var(--orange);
}

.gsledhero__tag--d{
    right:13px;
    top:220px;

    text-align:right;
}

.gsledhero__tag--d strong{
    color:var(--red);
}


/* =========================================================
   PANEL INFERIOR DEL HERO
   ========================================================= */

.gsledhero__bottom{
    position:relative;
    z-index:4;

    grid-column:
        1 / -1;

    display:grid;

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

    gap:9px;

    margin-top:-7px;
}

.gsledhero__fact{
    --fact-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        15px 13px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(3,10,15,.55);
}

.gsledhero__fact:nth-child(2){
    --fact-color:var(--yellow);
}

.gsledhero__fact:nth-child(3){
    --fact-color:var(--violet);
}

.gsledhero__fact:nth-child(4){
    --fact-color:var(--green);
}

.gsledhero__fact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

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

.gsledhero__fact-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:8px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--fact-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledhero__fact strong{
    display:block;

    margin-bottom:4px;

    color:var(--fact-color);

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

    text-transform:uppercase;
}

.gsledhero__fact-copy{
    display:block;

    color:#657782;

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


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

.gsledhero__footer{
    position:relative;
    z-index:4;

    grid-column:
        1 / -1;

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

    gap:18px;

    margin-top:13px;

    padding:
        0 3px;

    color:#526572;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#647986;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


/* =========================================================
   1180 PX
   ========================================================= */

@media (max-width:1180px){

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

        gap:32px;

        min-height:0;
    }

    .gsledhero__copy{
        max-width:850px;
    }

    .gsledhero__visual{
        width:100%;
        max-width:820px;

        min-height:590px;

        margin:
            0 auto;
    }

}


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

@media (max-width:1024px){

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

        padding:
            78px 0 72px;
    }

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

}


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

@media (max-width:767px){

    .gsledhero__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledhero__scan,
    .gsledhero__orbit{
        display:none;
    }

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

        padding:
            62px 0 60px;
    }

    .gsledhero__title{
        font-size:
            clamp(
                32px,
                9.8vw,
                42px
            );
    }

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

    .gsledhero__actions{
        display:grid;

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

    .gsledhero__button{
        width:100%;
    }

    .gsledhero__visual{
        min-height:auto;

        padding:
            16px;

        border-radius:18px;
    }

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

        gap:8px;
    }

    .gsledhero__monitor{
        min-height:340px;
    }

    .gsledhero__tag{
        display:none;
    }

    .gsledhero__connector{
        display:none;
    }

    .gsledhero__led--blue{
        left:10%;
        top:20%;
    }

    .gsledhero__led--white{
        right:10%;
        top:20%;
    }

    .gsledhero__led--orange{
        left:10%;
        bottom:22%;
    }

    .gsledhero__led--red{
        right:10%;
        bottom:22%;
    }

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

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

        gap:14px 7px;
    }

    .gsledhero__route-flow::before,
    .gsledhero__route-token{
        display:none;
    }

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

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

        gap:6px;
    }

}


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

@media (max-width:480px){

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

    .gsledhero__monitor{
        min-height:385px;
    }

    .gsledhero__core{
        width:120px;
        height:120px;
    }

    .gsledhero__led{
        width:46px;
        height:46px;
    }

    .gsledhero__led::before{
        width:13px;
        height:13px;
    }

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

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

}


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

@media (max-width:390px){

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

    .gsledhero__visual{
        padding:
            14px 11px;
    }

    .gsledhero__monitor{
        min-height:410px;
    }

    .gsledhero__led--blue{
        left:7%;
    }

    .gsledhero__led--white{
        right:7%;
    }

    .gsledhero__led--orange{
        left:7%;
    }

    .gsledhero__led--red{
        right:7%;
    }

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

}


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

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

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

    .gsledhero__scan,
    .gsledhero__orbit,
    .gsledhero__route-token{
        display:none !important;
    }

}

.gsledhero__dynamic{
    width:100%;
}

.gsledhero__dynamic-loading{
    position:absolute;
    left:50%;
    top:50%;
    z-index:8;
    margin:0;
    padding:14px 16px;
    transform:translate(-50%,-50%);
    color:#718795;
    font-size:10px;
    line-height:1.55;
    text-align:center;
}

/* =========================================================
   CÓMO LEER UN INDICADOR DE LUCES — GSFC 0.31.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   CÓMO LEER UN INDICADOR DE LUCES

   CSS ID EXTERIOR:
   como-leer-indicador-luces

   ROOT: .gsledread
   ========================================================= */

.gsledread{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;
    --white:#f4faff;

    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 11% 8%,
            rgba(41,217,239,.055),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 17%,
            rgba(139,105,255,.040),
            transparent 31%
        ),
        radial-gradient(
            circle at 77% 87%,
            rgba(255,200,87,.022),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

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

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

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

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

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


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

.gsledread__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.030) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.025) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledread__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


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

.gsledread__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledread__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.12),
            rgba(139,105,255,.08),
            rgba(255,200,87,.06),
            transparent
        );

    box-shadow:
        0 0 14px rgba(41,217,239,.07);

    animation:
        gsledreadScan
        13s linear infinite;
}

@keyframes gsledreadScan{

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

    8%{
        opacity:.32;
    }

    92%{
        opacity:.07;
    }

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

}


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

.gsledread__orbit{
    position:absolute;

    width:760px;
    height:760px;

    right:-485px;
    top:1150px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.030);

    border-radius:50%;

    animation:
        gsledreadOrbit
        78s linear infinite;
}

.gsledread__orbit::before{
    content:"";

    position:absolute;
    inset:125px;

    border:
        1px dashed rgba(139,105,255,.032);

    border-radius:50%;
}

.gsledread__orbit::after{
    content:"";

    position:absolute;
    inset:245px;

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

    border-radius:50%;
}

@keyframes gsledreadOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

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

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsledread__heading{
    display:grid;

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

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

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

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

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

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

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledread__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.58);
}

.gsledread__title{
    max-width:1040px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

.gsledread__title span{
    color:var(--cyan);
}

.gsledread__intro{
    max-width:960px;

    margin:
        16px 0 0;

    color:var(--muted);

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


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

.gsledread__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.015),
            rgba(3,10,15,.92)
        );
}

.gsledread__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

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

    gap:7px;

    margin-bottom:7px;

    color:#c3ac72;

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

    text-transform:uppercase;
}

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

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--yellow);

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

.gsledread__status p{
    margin:0;

    color:#827e70;

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


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

.gsledread__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.015),
            rgba(139,105,255,.012)
        );
}

.gsledread__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

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

.gsledread__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(41,217,239,.17);

    border-radius:13px;

    color:var(--cyan);

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

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

.gsledread__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d8e6ed;

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

.gsledread__principle-copy span{
    display:block;

    color:#748692;

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

.gsledread__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#aa9b70;

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

    text-transform:uppercase;
}


/* =========================================================
   ENCABEZADO DE BLOQUES
   ========================================================= */

.gsledread__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsledread__section-label{
    display:block;

    margin-bottom:6px;

    color:#87bdc5;

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

    text-transform:uppercase;
}

.gsledread__section-label--violet{
    color:#9e91c8;
}

.gsledread__section-label--yellow{
    color:#c0a86d;
}

.gsledread__section-label--gold{
    color:#bea66e;
}

.gsledread__section-title{
    margin:0;

    color:#e3edf2;

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

.gsledread__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748591;

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

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

    flex-shrink:0;

    padding:
        6px 9px;

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

    border-radius:999px;

    color:#83aeb5;

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

    text-transform:uppercase;
}


/* =========================================================
   CINCO VARIABLES
   ========================================================= */

.gsledread__variables{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 9%,
            rgba(41,217,239,.032),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.45),
            rgba(2,8,13,.97)
        );
}

.gsledread__variables::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

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

.gsledread__variable-grid{
    display:grid;

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

    gap:8px;
}

.gsledread__variable{
    --variable-color:var(--cyan);

    position:relative;

    min-width:0;

    min-height:215px;

    padding:
        17px 14px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(2,9,14,.55);
}

.gsledread__variable:nth-child(2){
    --variable-color:var(--blue);
}

.gsledread__variable:nth-child(3){
    --variable-color:var(--yellow);
}

.gsledread__variable:nth-child(4){
    --variable-color:var(--violet);
}

.gsledread__variable:nth-child(5){
    --variable-color:var(--red);
}

.gsledread__variable::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:78px;
    height:2px;

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

.gsledread__variable-code{
    display:grid !important;
    place-items:center !important;

    width:45px;
    height:45px;

    margin-bottom:11px;
    padding:0 !important;

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

    border-radius:10px;

    color:var(--variable-color);

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

.gsledread__variable h4{
    margin:0;

    color:var(--variable-color);

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

    text-transform:uppercase;
}

.gsledread__variable p{
    margin:
        7px 0 0;

    color:#6e7f8a;

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

.gsledread__variable-example{
    display:block;

    margin-top:9px;

    padding:
        7px 8px;

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

    border-radius:7px;

    background:
        rgba(2,7,11,.44);

    color:#687985;

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

.gsledread__variable-example strong{
    color:var(--variable-color);
    font-weight:700;
}


/* =========================================================
   PATRONES
   ========================================================= */

.gsledread__patterns{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 89% 8%,
            rgba(139,105,255,.035),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,8,20,.30),
            rgba(2,8,13,.97)
        );
}

.gsledread__patterns::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

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

.gsledread__pattern-grid{
    display:grid;

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

    gap:10px;
}

.gsledread__pattern{
    --pattern-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        17px 14px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(2,9,14,.52);
}

.gsledread__pattern:nth-child(2){
    --pattern-color:var(--blue);
}

.gsledread__pattern:nth-child(3){
    --pattern-color:var(--yellow);
}

.gsledread__pattern:nth-child(4){
    --pattern-color:var(--orange);
}

.gsledread__pattern:nth-child(5){
    --pattern-color:var(--violet);
}

.gsledread__pattern:nth-child(6){
    --pattern-color:var(--red);
}

.gsledread__pattern-head{
    display:flex;

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

    gap:10px;

    margin-bottom:12px;
}

.gsledread__pattern-code{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin:0;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--pattern-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledread__pattern-name{
    min-width:0;

    color:var(--pattern-color);

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

    text-align:right;

    text-transform:uppercase;
}


/* =========================================================
   LÍNEAS DE PATRÓN
   ========================================================= */

.gsledread__pattern-line{
    display:flex;
    align-items:center;

    gap:8px;

    min-height:42px;

    padding:
        8px 9px;

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

    border-radius:8px;

    background:
        rgba(2,7,11,.42);
}

.gsledread__pulse-dot{
    width:10px;
    height:10px;

    flex:0 0 10px;

    border-radius:50%;

    background:var(--pattern-color);

    box-shadow:
        0 0 9px var(--pattern-color);
}

.gsledread__pulse-dot--off{
    opacity:.13;

    box-shadow:none;
}

.gsledread__pulse-dot--soft{
    opacity:.38;
}

.gsledread__pulse-gap{
    width:13px;
    height:1px;

    flex:0 0 13px;

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

.gsledread__pulse-gap--wide{
    width:28px;
    flex-basis:28px;
}

.gsledread__pattern-copy{
    display:block;

    margin-top:9px;

    color:#6c7d88;

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


/* =========================================================
   ANIMACIONES DE PATRONES
   ========================================================= */

.gsledread__pattern--fixed .gsledread__pulse-dot{
    animation:
        gsledreadFixed
        2.4s ease-in-out infinite;
}

@keyframes gsledreadFixed{

    0%,
    100%{
        opacity:.76;
    }

    50%{
        opacity:1;
    }

}

.gsledread__pattern--slow .gsledread__pulse-dot:nth-child(1){
    animation:
        gsledreadSlow
        3.2s ease-in-out infinite;
}

.gsledread__pattern--slow .gsledread__pulse-dot:nth-child(3){
    animation:
        gsledreadSlow
        3.2s ease-in-out 1.6s infinite;
}

@keyframes gsledreadSlow{

    0%,
    100%{
        opacity:.15;
        transform:scale(.82);
    }

    20%,
    42%{
        opacity:1;
        transform:scale(1);
    }

    65%{
        opacity:.15;
    }

}

.gsledread__pattern--fast .gsledread__pulse-dot{
    animation:
        gsledreadFast
        1.15s ease-in-out infinite;
}

.gsledread__pattern--fast .gsledread__pulse-dot:nth-child(2){
    animation-delay:.18s;
}

.gsledread__pattern--fast .gsledread__pulse-dot:nth-child(3){
    animation-delay:.36s;
}

.gsledread__pattern--fast .gsledread__pulse-dot:nth-child(4){
    animation-delay:.54s;
}

@keyframes gsledreadFast{

    0%,
    100%{
        opacity:.16;
    }

    30%{
        opacity:1;
    }

}

.gsledread__pattern--group .gsledread__pulse-dot{
    animation:
        gsledreadGroup
        3.8s ease-in-out infinite;
}

.gsledread__pattern--group .gsledread__pulse-dot:nth-child(2){
    animation-delay:.24s;
}

.gsledread__pattern--group .gsledread__pulse-dot:nth-child(3){
    animation-delay:.48s;
}

@keyframes gsledreadGroup{

    0%,
    9%{
        opacity:.18;
    }

    11%,
    22%{
        opacity:1;
    }

    28%,
    100%{
        opacity:.18;
    }

}

.gsledread__pattern--change .gsledread__pulse-dot:nth-child(1){
    background:var(--cyan);
    box-shadow:0 0 9px var(--cyan);

    animation:
        gsledreadChangeA
        3.6s ease-in-out infinite;
}

.gsledread__pattern--change .gsledread__pulse-dot:nth-child(3){
    background:var(--violet);
    box-shadow:0 0 9px var(--violet);

    animation:
        gsledreadChangeB
        3.6s ease-in-out infinite;
}

.gsledread__pattern--change .gsledread__pulse-dot:nth-child(5){
    background:var(--red);
    box-shadow:0 0 9px var(--red);

    animation:
        gsledreadChangeC
        3.6s ease-in-out infinite;
}

@keyframes gsledreadChangeA{

    0%,
    26%{
        opacity:1;
    }

    35%,
    100%{
        opacity:.14;
    }

}

@keyframes gsledreadChangeB{

    0%,
    25%{
        opacity:.14;
    }

    34%,
    60%{
        opacity:1;
    }

    70%,
    100%{
        opacity:.14;
    }

}

@keyframes gsledreadChangeC{

    0%,
    60%{
        opacity:.14;
    }

    70%,
    94%{
        opacity:1;
    }

    100%{
        opacity:.14;
    }

}

.gsledread__pattern--repeat .gsledread__pulse-dot{
    animation:
        gsledreadRepeat
        4.2s ease-in-out infinite;
}

.gsledread__pattern--repeat .gsledread__pulse-dot:nth-child(2){
    animation-delay:.25s;
}

.gsledread__pattern--repeat .gsledread__pulse-dot:nth-child(4){
    animation-delay:2.1s;
}

.gsledread__pattern--repeat .gsledread__pulse-dot:nth-child(5){
    animation-delay:2.35s;
}

@keyframes gsledreadRepeat{

    0%,
    7%{
        opacity:.14;
    }

    9%,
    18%{
        opacity:1;
    }

    23%,
    100%{
        opacity:.14;
    }

}


/* =========================================================
   OBSERVACIÓN CORRECTA / INCORRECTA
   ========================================================= */

.gsledread__compare{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 89% 9%,
            rgba(255,200,87,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.26),
            rgba(2,8,13,.97)
        );
}

.gsledread__compare::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

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

.gsledread__compare-grid{
    display:grid;

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

    gap:11px;
}

.gsledread__compare-card{
    --compare-color:var(--red);

    position:relative;

    min-width:0;

    padding:
        20px 17px;

    overflow:hidden;

    border:
        1px solid rgba(255,97,119,.065);

    border-radius:13px;

    background:
        rgba(17,5,8,.17);
}

.gsledread__compare-card--good{
    --compare-color:var(--green);

    border-color:
        rgba(100,242,139,.065);

    background:
        rgba(4,17,8,.18);
}

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

    position:absolute;

    left:0;
    top:0;

    width:90px;
    height:2px;

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

.gsledread__compare-head{
    display:grid;

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

    gap:11px;

    align-items:center;

    margin-bottom:12px;
}

.gsledread__compare-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

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

    border-radius:10px;

    color:var(--compare-color);

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

.gsledread__compare-head-copy{
    min-width:0;
}

.gsledread__compare-head-copy strong{
    display:block;

    color:var(--compare-color);

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

    text-transform:uppercase;
}

.gsledread__compare-head-copy span{
    display:block;

    margin-top:3px;

    color:#707f89;

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

.gsledread__quote{
    display:block;

    padding:
        12px 13px;

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

    border-radius:9px;

    background:
        rgba(2,7,11,.42);

    color:#a5b2ba;

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

.gsledread__compare-note{
    display:block;

    margin-top:9px;

    color:#6e7c86;

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


/* =========================================================
   GUÍA PARA GRABAR
   ========================================================= */

.gsledread__record{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.38),
            rgba(2,8,13,.97)
        );
}

.gsledread__record::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

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

.gsledread__record-grid{
    display:grid;

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

    gap:9px;
}

.gsledread__record-step{
    --record-color:var(--cyan);

    position:relative;

    min-width:0;

    min-height:184px;

    padding:
        16px 14px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(2,9,14,.50);
}

.gsledread__record-step:nth-child(2){
    --record-color:var(--blue);
}

.gsledread__record-step:nth-child(3){
    --record-color:var(--violet);
}

.gsledread__record-step:nth-child(4){
    --record-color:var(--yellow);
}

.gsledread__record-step:nth-child(5){
    --record-color:var(--orange);
}

.gsledread__record-step:nth-child(6){
    --record-color:var(--green);
}

.gsledread__record-number{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin-bottom:10px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--record-color);

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

.gsledread__record-step strong{
    display:block;

    margin-bottom:5px;

    color:var(--record-color);

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

    text-transform:uppercase;
}

.gsledread__record-copy{
    display:block;

    color:#6d7d88;

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


/* =========================================================
   VIDEO IDEAL
   ========================================================= */

.gsledread__video{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-top:12px;

    padding:16px;

    border:
        1px solid rgba(100,242,139,.065);

    border-radius:11px;

    background:
        rgba(4,17,8,.17);
}

.gsledread__video-code{
    display:grid !important;
    place-items:center !important;

    width:48px;
    height:48px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(100,242,139,.17);

    border-radius:10px;

    color:var(--green);

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

.gsledread__video-copy{
    min-width:0;

    color:#718278;

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

.gsledread__video-copy strong{
    color:#afd0b6;
    font-weight:600;
}

.gsledread__video-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:8px;

    color:#84aa8d;

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

    text-transform:uppercase;
}


/* =========================================================
   HUD DE SECUENCIA
   ========================================================= */

.gsledread__hud{
    position:relative;

    min-height:520px;

    margin-bottom:18px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(41,217,239,.045),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,20,.48),
            rgba(2,8,13,.97)
        );
}

.gsledread__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.18;

    background-image:
        linear-gradient(
            rgba(41,217,239,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.022) 1px,
            transparent 1px
        );

    background-size:27px 27px;
}

.gsledread__hud-head{
    position:absolute;
    z-index:20;

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

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

    gap:12px;
}

.gsledread__hud-label{
    color:#87bac2;

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

    text-transform:uppercase;
}

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

    gap:6px;

    padding:
        6px 8px;

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

    border-radius:999px;

    color:#83adb5;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 7px rgba(41,217,239,.52);

    animation:
        gsledreadState
        1.8s ease-in-out infinite;
}

@keyframes gsledreadState{

    0%,
    100%{
        opacity:.35;
    }

    50%{
        opacity:1;
    }

}


/* =========================================================
   OSCILOSCOPIO CONCEPTUAL
   ========================================================= */

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

    left:50%;
    top:49%;

    width:
        min(
            820px,
            calc(100% - 70px)
        );

    min-height:270px;

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

    padding:
        24px 22px;

    border:
        1px solid rgba(41,217,239,.075);

    border-radius:14px;

    background:
        rgba(2,8,13,.72);
}

.gsledread__scope::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.18;

    background-image:
        linear-gradient(
            rgba(41,217,239,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(41,217,239,.035) 1px,
            transparent 1px
        );

    background-size:
        25px 25px;

    pointer-events:none;
}

.gsledread__scope-top{
    position:relative;
    z-index:4;

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

    gap:12px;

    margin-bottom:26px;
}

.gsledread__scope-top strong{
    color:#8abac2;

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

    text-transform:uppercase;
}

.gsledread__scope-top span{
    color:#637782;

    font-size:7px;
    line-height:1.35;

    text-transform:uppercase;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.gsledread__timeline{
    position:relative;
    z-index:4;

    display:grid;

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

    gap:6px;

    align-items:center;

    min-height:80px;
}

.gsledread__timeline::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:50%;

    height:1px;

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

.gsledread__timeline-node{
    --timeline-color:var(--cyan);

    position:relative;
    z-index:3;

    display:grid;
    place-items:center;

    min-width:0;

    min-height:50px;
}

.gsledread__timeline-node:nth-child(4),
.gsledread__timeline-node:nth-child(5),
.gsledread__timeline-node:nth-child(10){
    --timeline-color:var(--yellow);
}

.gsledread__timeline-node:nth-child(8),
.gsledread__timeline-node:nth-child(9){
    --timeline-color:var(--violet);
}

.gsledread__timeline-dot{
    display:block;

    width:13px;
    height:13px;

    border-radius:50%;

    background:var(--timeline-color);

    box-shadow:
        0 0 9px var(--timeline-color);

    animation:
        gsledreadTimeline
        5.8s ease-in-out infinite;
}

.gsledread__timeline-node:nth-child(1) .gsledread__timeline-dot{
    animation-delay:0s;
}

.gsledread__timeline-node:nth-child(2) .gsledread__timeline-dot{
    animation-delay:.22s;
}

.gsledread__timeline-node:nth-child(3) .gsledread__timeline-dot{
    animation-delay:.44s;
}

.gsledread__timeline-node:nth-child(4) .gsledread__timeline-dot{
    animation-delay:1.45s;
}

.gsledread__timeline-node:nth-child(5) .gsledread__timeline-dot{
    animation-delay:1.67s;
}

.gsledread__timeline-node:nth-child(6) .gsledread__timeline-dot{
    animation-delay:2.80s;
}

.gsledread__timeline-node:nth-child(7) .gsledread__timeline-dot{
    animation-delay:3.02s;
}

.gsledread__timeline-node:nth-child(8) .gsledread__timeline-dot{
    animation-delay:3.24s;
}

.gsledread__timeline-node:nth-child(9) .gsledread__timeline-dot{
    animation-delay:3.46s;
}

.gsledread__timeline-node:nth-child(10) .gsledread__timeline-dot{
    animation-delay:4.55s;
}

.gsledread__timeline-node:nth-child(11) .gsledread__timeline-dot{
    animation-delay:4.77s;
}

.gsledread__timeline-node:nth-child(12) .gsledread__timeline-dot{
    animation-delay:4.99s;
}

@keyframes gsledreadTimeline{

    0%,
    10%{
        opacity:.12;
        transform:scale(.72);
    }

    12%,
    28%{
        opacity:1;
        transform:scale(1);
    }

    36%,
    100%{
        opacity:.12;
        transform:scale(.72);
    }

}

.gsledread__timeline-text{
    position:absolute;

    left:0;
    right:0;
    bottom:-16px;

    color:#566b77;

    font-size:5px;
    line-height:1.25;

    text-align:center;

    text-transform:uppercase;
}


/* =========================================================
   SCOPE VARIABLES
   ========================================================= */

.gsledread__scope-vars{
    position:relative;
    z-index:4;

    display:grid;

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

    gap:6px;

    margin-top:30px;
}

.gsledread__scope-var{
    --scope-color:var(--cyan);

    min-width:0;

    padding:
        8px;

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

    border-radius:7px;

    background:
        rgba(2,7,11,.42);

    text-align:center;
}

.gsledread__scope-var:nth-child(2){
    --scope-color:var(--blue);
}

.gsledread__scope-var:nth-child(3){
    --scope-color:var(--yellow);
}

.gsledread__scope-var:nth-child(4){
    --scope-color:var(--violet);
}

.gsledread__scope-var:nth-child(5){
    --scope-color:var(--red);
}

.gsledread__scope-var strong{
    display:block;

    color:var(--scope-color);

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

    text-transform:uppercase;
}

.gsledread__scope-var span{
    display:block;

    margin-top:2px;

    color:#5f727e;

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


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

.gsledread__hud-equation{
    position:absolute;
    z-index:20;

    left:17px;
    right:17px;
    bottom:14px;

    padding:
        10px 12px;

    border:
        1px solid rgba(41,217,239,.065);

    border-radius:9px;

    background:
        rgba(2,8,13,.82);

    color:#657984;

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

    text-align:center;

    text-transform:uppercase;
}

.gsledread__hud-equation b{
    color:var(--cyan);
}


/* =========================================================
   FILTRO REMOTO
   ========================================================= */

.gsledread__filter{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 89% 9%,
            rgba(255,200,87,.032),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.27),
            rgba(2,8,13,.97)
        );
}

.gsledread__filter::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

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

.gsledread__filter-flow{
    position:relative;

    display:grid;

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

    gap:8px;
}

.gsledread__filter-flow::before{
    content:"";

    position:absolute;

    left:10%;
    right:10%;
    top:27px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--yellow),
            var(--violet),
            var(--red),
            var(--green)
        );

    opacity:.18;
}

.gsledread__filter-node{
    --filter-color:var(--cyan);

    position:relative;
    z-index:3;

    min-width:0;

    text-align:center;
}

.gsledread__filter-node:nth-child(2){
    --filter-color:var(--yellow);
}

.gsledread__filter-node:nth-child(3){
    --filter-color:var(--violet);
}

.gsledread__filter-node:nth-child(4){
    --filter-color:var(--red);
}

.gsledread__filter-node:nth-child(5){
    --filter-color:var(--green);
}

.gsledread__filter-circle{
    display:grid !important;
    place-items:center !important;

    width:54px;
    height:54px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:50%;

    background:
        rgba(2,8,13,.96);

    color:var(--filter-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledread__filter-node strong{
    display:block;

    color:var(--filter-color);

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

    text-transform:uppercase;
}

.gsledread__filter-copy{
    display:block;

    margin-top:3px;

    color:#687984;

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


/* =========================================================
   MENSAJE REMOTO
   ========================================================= */

.gsledread__remote{
    display:grid;

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

    gap:14px;

    align-items:center;

    margin-top:14px;

    padding:16px;

    border:
        1px solid rgba(255,97,119,.065);

    border-radius:11px;

    background:
        rgba(17,5,8,.15);
}

.gsledread__remote-code{
    display:grid !important;
    place-items:center !important;

    width:48px;
    height:48px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,97,119,.17);

    border-radius:10px;

    color:var(--red);

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

.gsledread__remote-copy{
    min-width:0;

    color:#7e7378;

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

.gsledread__remote-copy strong{
    color:#d0b6bc;
    font-weight:600;
}

.gsledread__remote-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,97,119,.09);

    border-radius:8px;

    color:#ad858c;

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

    text-transform:uppercase;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.gsledread__wa{
    position:relative;

    display:grid;

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

    gap:18px;

    align-items:center;

    margin-bottom:18px;

    padding:
        21px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.08);

    border-radius:16px;

    background:
        radial-gradient(
            circle at 91% 15%,
            rgba(100,242,139,.036),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.32),
            rgba(2,8,13,.96)
        );
}

.gsledread__wa::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:210px;
    height:2px;

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

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

.gsledread__wa-copy strong{
    display:block;

    margin-bottom:5px;

    color:#b6d8bd;

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

.gsledread__wa-copy span{
    display:block;

    color:#718379;

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

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

    gap:8px;

    min-height:46px;

    padding:
        10px 14px;

    border:
        1px solid rgba(100,242,139,.26);

    border-radius:10px;

    background:
        rgba(100,242,139,.86);

    color:#031006 !important;

    text-decoration:none !important;

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

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.gsledread__wa-button:hover{
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px rgba(100,242,139,.12);
}

.gsledread__wa-button:focus-visible{
    outline:2px solid var(--green);
    outline-offset:3px;
}



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

.gsledread__terminal{
    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.48),
            rgba(2,7,11,.98)
        );
}

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

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledread__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledread__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledread__terminal-dot--red{
    background:var(--red);
}

.gsledread__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledread__terminal-dot--green{
    background:var(--green);
}

.gsledread__terminal-name{
    color:#607580;

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

    text-transform:uppercase;
}

.gsledread__terminal-body{
    display:grid;

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

    gap:15px;

    align-items:center;

    padding:17px;
}

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

    gap:6px;
}

.gsledread__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

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

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

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:9px;

    color:#83adb4;

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

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

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

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

}


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

@media (max-width:1024px){

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

        padding:
            76px 0 80px;
    }

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

        gap:19px;
    }

    .gsledread__status{
        max-width:650px;
    }

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

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

        gap:16px 8px;
    }

    .gsledread__filter-flow::before{
        display:none;
    }

}


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

@media (max-width:767px){

    .gsledread__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledread__scan,
    .gsledread__orbit{
        display:none;
    }

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

        padding:
            61px 0 65px;
    }

    .gsledread__heading{
        display:block;
    }

    .gsledread__status{
        margin-top:19px;
    }

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

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

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

        gap:9px;

        padding:15px;
    }

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

    .gsledread__variables,
    .gsledread__patterns,
    .gsledread__compare,
    .gsledread__record,
    .gsledread__filter{
        padding:
            18px 15px;

        border-radius:15px;
    }

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

        gap:9px;
    }

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

    .gsledread__variable-grid,
    .gsledread__pattern-grid,
    .gsledread__record-grid,
    .gsledread__compare-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledread__variable{
        min-height:0;
    }

    .gsledread__record-step{
        min-height:0;
    }

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

        gap:9px;
    }

    .gsledread__video-state,
    .gsledread__remote-state{
        width:fit-content;
    }

    .gsledread__hud{
        min-height:650px;
    }

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

        gap:7px;
    }

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

        min-height:390px;

        padding:
            21px 15px;
    }

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

        gap:12px 5px;
    }

    .gsledread__timeline::before{
        display:none;
    }

    .gsledread__timeline-text{
        bottom:-11px;

        font-size:5px;
    }

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

        margin-top:36px;
    }

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

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

        gap:12px;
    }

    .gsledread__wa-button{
        width:100%;
    }

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

        gap:11px;

        padding:
            15px 13px;
    }

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

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

        gap:6px;
    }

}


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

@media (max-width:480px){

    .gsledread__variable-grid,
    .gsledread__scope-vars,
    .gsledread__filter-flow{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledread__hud{
        min-height:820px;
    }

    .gsledread__scope{
        min-height:560px;
    }

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

        gap:20px 6px;
    }

}


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

@media (max-width:390px){

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

    .gsledread__scope{
        width:
            calc(100% - 22px);
    }

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

    .gsledread__hud{
        min-height:1040px;
    }

    .gsledread__scope{
        min-height:770px;
    }

    .gsledread__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsledread__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsledread__scan,
    .gsledread__orbit{
        display:none !important;
    }

}

.gsledread__dynamic{
    position:relative;
    min-height:280px;
}

.gsledread__dynamic-loading{
    margin:0;
    padding:26px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   INDICADORES POR PLATAFORMA Y MODELO — GSFC 0.32.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   INDICADORES POR PLATAFORMA Y MODELO

   CSS ID EXTERIOR:
   indicadores-por-plataforma

   ROOT: .gsledplat
   ========================================================= */

.gsledplat{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --ps:#4d83ff;

    --xbox:#65f52f;
    --nin:#ff4d5f;

    --violet:#8b69ff;
    --steam:#59c7f5;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 10% 8%,
            rgba(77,131,255,.050),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 14%,
            rgba(101,245,47,.032),
            transparent 30%
        ),
        radial-gradient(
            circle at 79% 83%,
            rgba(255,77,95,.025),
            transparent 32%
        ),
        radial-gradient(
            circle at 18% 88%,
            rgba(89,199,245,.023),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

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

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

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

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

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


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

.gsledplat__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.029) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.024) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledplat__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


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

.gsledplat__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledplat__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(77,131,255,.12),
            rgba(101,245,47,.09),
            rgba(255,77,95,.07),
            rgba(89,199,245,.08),
            transparent
        );

    box-shadow:
        0 0 15px rgba(41,217,239,.07);

    animation:
        gsledplatScan
        14s linear infinite;
}

@keyframes gsledplatScan{

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

    8%{
        opacity:.32;
    }

    92%{
        opacity:.06;
    }

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

}


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

.gsledplat__orbit{
    position:absolute;

    width:800px;
    height:800px;

    left:-520px;
    top:980px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.027);

    border-radius:50%;

    animation:
        gsledplatOrbit
        82s linear infinite;
}

.gsledplat__orbit::before{
    content:"";

    position:absolute;
    inset:132px;

    border:
        1px dashed rgba(139,105,255,.030);

    border-radius:50%;
}

.gsledplat__orbit::after{
    content:"";

    position:absolute;
    inset:260px;

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

    border-radius:50%;
}

@keyframes gsledplatOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

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

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsledplat__heading{
    display:grid;

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

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

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

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

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

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

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledplat__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.60);
}

.gsledplat__title{
    max-width:1030px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

.gsledplat__title span{
    color:var(--cyan);
}

.gsledplat__intro{
    max-width:950px;

    margin:
        16px 0 0;

    color:var(--muted);

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


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

.gsledplat__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.015),
            rgba(3,10,15,.92)
        );
}

.gsledplat__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

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

    gap:7px;

    margin-bottom:7px;

    color:#c1aa70;

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

    text-transform:uppercase;
}

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

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--yellow);

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

.gsledplat__status p{
    margin:0;

    color:#827e70;

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


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

.gsledplat__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.014),
            rgba(139,105,255,.011)
        );
}

.gsledplat__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:250px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--ps),
            var(--xbox),
            var(--nin),
            var(--steam),
            transparent
        );
}

.gsledplat__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(41,217,239,.17);

    border-radius:13px;

    color:var(--cyan);

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

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

.gsledplat__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d7e6ed;

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

.gsledplat__principle-copy span{
    display:block;

    color:#748692;

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

.gsledplat__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#aa9b70;

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

    text-transform:uppercase;
}


/* =========================================================
   LEYENDA
   ========================================================= */

.gsledplat__legend{
    display:grid;

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

    gap:9px;

    margin-bottom:18px;
}

.gsledplat__legend-card{
    --legend-color:var(--green);

    position:relative;

    min-width:0;

    padding:
        15px 14px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(3,10,15,.48);
}

.gsledplat__legend-card:nth-child(2){
    --legend-color:var(--yellow);
}

.gsledplat__legend-card:nth-child(3){
    --legend-color:var(--red);
}

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

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

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

.gsledplat__legend-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:8px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--legend-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledplat__legend-card strong{
    display:block;

    margin-bottom:4px;

    color:var(--legend-color);

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

    text-transform:uppercase;
}

.gsledplat__legend-copy{
    display:block;

    color:#697b86;

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


/* =========================================================
   PLATAFORMAS
   ========================================================= */

.gsledplat__platforms{
    display:grid;

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

    gap:12px;

    margin-bottom:18px;
}


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

.gsledplat__platform{
    --brand:var(--cyan);

    position:relative;

    min-width:0;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.075);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,20,.42),
            rgba(2,8,13,.97)
        );
}

.gsledplat__platform--ps{
    --brand:var(--ps);

    border-color:
        rgba(77,131,255,.09);

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(77,131,255,.048),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(4,10,24,.40),
            rgba(2,8,13,.97)
        );
}

.gsledplat__platform--xbox{
    --brand:var(--xbox);

    border-color:
        rgba(101,245,47,.085);

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(101,245,47,.038),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,7,.39),
            rgba(2,8,10,.97)
        );
}

.gsledplat__platform--nin{
    --brand:var(--nin);

    border-color:
        rgba(255,77,95,.085);

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(255,77,95,.038),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(20,5,8,.34),
            rgba(2,8,13,.97)
        );
}

.gsledplat__platform--steam{
    --brand:var(--steam);

    border-color:
        rgba(89,199,245,.085);

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(89,199,245,.040),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,21,.39),
            rgba(2,8,13,.97)
        );
}

.gsledplat__platform::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

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


/* =========================================================
   PLATFORM HEAD
   ========================================================= */

.gsledplat__platform-head{
    display:grid;

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

    gap:12px;

    align-items:center;

    margin-bottom:16px;
}

.gsledplat__brand-code{
    display:grid !important;
    place-items:center !important;

    width:52px;
    height:52px;

    margin:0;
    padding:0 !important;

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

    border-radius:11px;

    color:var(--brand);

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

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

.gsledplat__brand-copy strong{
    display:block;

    color:var(--brand);

    font-size:12px;
    line-height:1.42;
    font-weight:700;

    text-transform:uppercase;
}

.gsledplat__brand-copy span{
    display:block;

    margin-top:3px;

    color:#71828d;

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

.gsledplat__brand-state{
    flex-shrink:0;

    padding:
        6px 8px;

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

    border-radius:8px;

    color:var(--brand);

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

    text-transform:uppercase;
}


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

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

    gap:6px;

    margin-bottom:13px;
}

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

    min-height:26px;

    padding:
        4px 7px;

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

    border-radius:7px;

    background:
        rgba(2,8,13,.46);

    color:#687b86;

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


/* =========================================================
   SIGNAL LIST
   ========================================================= */

.gsledplat__signals{
    display:grid;

    gap:7px;
}

.gsledplat__signal{
    --signal:#dce8f0;

    display:grid;

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

    gap:11px;

    align-items:center;

    min-width:0;

    padding:
        11px 12px;

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

    border-radius:9px;

    background:
        rgba(2,8,13,.48);
}

.gsledplat__signal-led{
    position:relative;

    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin:0;
    padding:0 !important;

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

    border-radius:50%;

    background:
        rgba(2,7,11,.78);
}

.gsledplat__signal-led::before{
    content:"";

    width:13px;
    height:13px;

    border-radius:50%;

    background:var(--signal);

    box-shadow:
        0 0 8px var(--signal),
        0 0 18px rgba(255,255,255,.04);

    animation:
        gsledplatLed
        2.6s ease-in-out infinite;
}

.gsledplat__signal-led--dual::before{
    background:
        linear-gradient(
            90deg,
            var(--signal) 0 48%,
            var(--signal2,var(--white)) 52% 100%
        );
}

.gsledplat__signal-led--triple::before{
    background:
        linear-gradient(
            90deg,
            var(--signal) 0 30%,
            var(--signal2,var(--yellow)) 34% 63%,
            var(--signal3,var(--green)) 67% 100%
        );
}

@keyframes gsledplatLed{

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

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

}

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

.gsledplat__signal-copy strong{
    display:block;

    color:#d5e2e8;

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

.gsledplat__signal-copy span{
    display:block;

    margin-top:3px;

    color:#697b86;

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

.gsledplat__signal-status{
    flex-shrink:0;

    max-width:105px;

    padding:
        5px 7px;

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

    border-radius:7px;

    color:var(--signal);

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

    text-align:center;

    text-transform:uppercase;
}


/* =========================================================
   COLORES DE SEÑAL
   ========================================================= */

.gsledplat__signal--white{
    --signal:#e9f7ff;
}

.gsledplat__signal--bluewhite{
    --signal:#4b8eff;
    --signal2:#e9f7ff;
}

.gsledplat__signal--orange{
    --signal:#ffae4b;
}

.gsledplat__signal--blue{
    --signal:#4b8eff;
}

.gsledplat__signal--red{
    --signal:#ff6177;
}

.gsledplat__signal--green{
    --signal:#64f28b;
}

.gsledplat__signal--multicolor{
    --signal:#8b69ff;
    --signal2:#ffc857;
    --signal3:#59c7f5;
}


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

.gsledplat__platform-note{
    display:grid;

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

    gap:9px;

    align-items:start;

    margin-top:12px;

    padding:
        11px;

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

    border-radius:9px;

    background:
        rgba(17,14,4,.16);
}

.gsledplat__platform-note-code{
    display:grid !important;
    place-items:center !important;

    width:36px;
    height:36px;

    margin:0;
    padding:0 !important;

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

    border-radius:8px;

    color:var(--yellow);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledplat__platform-note-copy{
    min-width:0;

    color:#7c786c;

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

.gsledplat__platform-note-copy strong{
    color:#c2b994;
    font-weight:600;
}


/* =========================================================
   MISMO COLOR / DIFERENTE CONTEXTO
   ========================================================= */

.gsledplat__contrast{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(255,200,87,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.24),
            rgba(2,8,13,.97)
        );
}

.gsledplat__contrast::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:245px;
    height:2px;

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

.gsledplat__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsledplat__section-label{
    display:block;

    margin-bottom:6px;

    color:#bea66e;

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

    text-transform:uppercase;
}

.gsledplat__section-label--violet{
    color:#a797cb;
}

.gsledplat__section-title{
    margin:0;

    color:#e3edf2;

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

.gsledplat__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748590;

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

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

    flex-shrink:0;

    padding:
        6px 9px;

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

    border-radius:999px;

    color:#a79a72;

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

    text-transform:uppercase;
}

.gsledplat__contrast-grid{
    display:grid;

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

    gap:9px;
}

.gsledplat__contrast-card{
    --contrast-color:var(--red);

    position:relative;

    min-width:0;

    padding:
        17px 14px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(2,9,14,.50);
}

.gsledplat__contrast-card:nth-child(2){
    --contrast-color:var(--orange);
}

.gsledplat__contrast-card:nth-child(3){
    --contrast-color:var(--blue);
}

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

    position:absolute;

    left:0;
    top:0;

    width:76px;
    height:2px;

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

.gsledplat__contrast-led{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin-bottom:10px;
    padding:0 !important;

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

    border-radius:50%;
}

.gsledplat__contrast-led::before{
    content:"";

    width:14px;
    height:14px;

    border-radius:50%;

    background:var(--contrast-color);

    box-shadow:
        0 0 9px var(--contrast-color);
}

.gsledplat__contrast-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--contrast-color);

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

    text-transform:uppercase;
}

.gsledplat__contrast-copy{
    display:block;

    color:#6d7d88;

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


/* =========================================================
   NO EXTRAPOLAR
   ========================================================= */

.gsledplat__generation{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(139,105,255,.032),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,7,20,.27),
            rgba(2,8,13,.97)
        );
}

.gsledplat__generation::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:240px;
    height:2px;

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

.gsledplat__generation-grid{
    display:grid;

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

    gap:9px;
}

.gsledplat__generation-card{
    --gen-color:var(--cyan);

    min-width:0;

    padding:
        16px 14px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledplat__generation-card:nth-child(2){
    --gen-color:var(--yellow);
}

.gsledplat__generation-card:nth-child(3){
    --gen-color:var(--green);
}

.gsledplat__generation-code{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin-bottom:9px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--gen-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledplat__generation-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--gen-color);

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

    text-transform:uppercase;
}

.gsledplat__generation-copy{
    display:block;

    color:#6d7e89;

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


/* =========================================================
   RUTA DIAGNÓSTICA
   ========================================================= */

.gsledplat__route{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(41,217,239,.032),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,20,.42),
            rgba(2,8,13,.97)
        );
}

.gsledplat__route::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(41,217,239,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.022) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

.gsledplat__route-head{
    position:relative;
    z-index:3;

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

    gap:12px;

    margin-bottom:22px;
}

.gsledplat__route-head strong{
    color:#8bbac2;

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

    text-transform:uppercase;
}

.gsledplat__route-head span{
    padding:
        6px 8px;

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

    border-radius:999px;

    color:#83adb5;

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

    text-transform:uppercase;
}

.gsledplat__route-flow{
    position:relative;
    z-index:3;

    display:grid;

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

    gap:7px;
}

.gsledplat__route-flow::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--cyan),
            var(--yellow),
            var(--violet),
            var(--red),
            var(--green)
        );

    opacity:.18;
}

.gsledplat__route-node{
    --route-color:var(--blue);

    position:relative;
    z-index:3;

    min-width:0;

    text-align:center;
}

.gsledplat__route-node:nth-child(2){
    --route-color:var(--cyan);
}

.gsledplat__route-node:nth-child(3){
    --route-color:var(--yellow);
}

.gsledplat__route-node:nth-child(4){
    --route-color:var(--violet);
}

.gsledplat__route-node:nth-child(5){
    --route-color:var(--red);
}

.gsledplat__route-node:nth-child(6){
    --route-color:var(--green);
}

.gsledplat__route-circle{
    display:grid !important;
    place-items:center !important;

    width:54px;
    height:54px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:50%;

    background:
        rgba(2,8,13,.97);

    color:var(--route-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledplat__route-node strong{
    display:block;

    color:var(--route-color);

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

    text-transform:uppercase;
}

.gsledplat__route-copy{
    display:block;

    margin-top:3px;

    color:#667985;

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

.gsledplat__route-token{
    position:absolute;
    z-index:5;

    left:8%;
    top:24px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--blue);

    box-shadow:
        0 0 9px rgba(75,142,255,.72);

    opacity:0;

    animation:
        gsledplatToken
        7s linear infinite;
}

@keyframes gsledplatToken{

    0%{
        left:8%;
        opacity:0;
        background:var(--blue);
    }

    7%{
        opacity:1;
    }

    23%{
        background:var(--cyan);
    }

    40%{
        background:var(--yellow);
    }

    57%{
        background:var(--violet);
    }

    74%{
        background:var(--red);
    }

    93%{
        left:92%;
        opacity:1;
        background:var(--green);
    }

    100%{
        left:92%;
        opacity:0;
    }

}


/* =========================================================
   REGLA DE COTIZACIÓN / DX
   ========================================================= */

.gsledplat__diagnostic{
    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,97,119,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,97,119,.012),
            rgba(255,200,87,.009)
        );
}

.gsledplat__diagnostic-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,97,119,.16);

    border-radius:10px;

    color:var(--red);

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

.gsledplat__diagnostic-copy{
    min-width:0;

    color:#7c7478;

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

.gsledplat__diagnostic-copy strong{
    color:#cfb5bb;
    font-weight:600;
}

.gsledplat__diagnostic-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,97,119,.09);

    border-radius:8px;

    color:#aa838b;

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

    text-transform:uppercase;
}


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

.gsledplat__terminal{
    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.46),
            rgba(2,7,11,.98)
        );
}

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

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledplat__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledplat__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledplat__terminal-dot--red{
    background:var(--red);
}

.gsledplat__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledplat__terminal-dot--green{
    background:var(--green);
}

.gsledplat__terminal-name{
    color:#607580;

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

    text-transform:uppercase;
}

.gsledplat__terminal-body{
    display:grid;

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

    gap:15px;

    align-items:center;

    padding:17px;
}

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

    gap:6px;
}

.gsledplat__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

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

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

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:9px;

    color:#83adb4;

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

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


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

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


/* =========================================================
   1100 PX
   ========================================================= */

@media (max-width:1100px){

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

}


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

@media (max-width:1024px){

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

        padding:
            76px 0 80px;
    }

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

        gap:19px;
    }

    .gsledplat__status{
        max-width:650px;
    }

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

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

        gap:17px 8px;
    }

    .gsledplat__route-flow::before,
    .gsledplat__route-token{
        display:none;
    }

}


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

@media (max-width:767px){

    .gsledplat__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledplat__scan,
    .gsledplat__orbit{
        display:none;
    }

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

        padding:
            61px 0 65px;
    }

    .gsledplat__heading{
        display:block;
    }

    .gsledplat__status{
        margin-top:19px;
    }

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

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

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

        gap:9px;

        padding:15px;
    }

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

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

    .gsledplat__platform,
    .gsledplat__contrast,
    .gsledplat__generation,
    .gsledplat__route{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsledplat__platform-head{
        grid-template-columns:
            auto minmax(0,1fr);

        gap:10px;
    }

    .gsledplat__brand-state{
        grid-column:
            1 / -1;

        width:fit-content;
    }

    .gsledplat__signal{
        grid-template-columns:
            44px minmax(0,1fr);

        gap:9px;
    }

    .gsledplat__signal-status{
        grid-column:
            2;

        justify-self:start;

        max-width:none;

        width:fit-content;
    }

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

        gap:9px;
    }

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

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

        gap:7px;
    }

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

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

        gap:9px;
    }

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

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

        gap:11px;

        padding:
            15px 13px;
    }

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

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

        gap:6px;
    }

}


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

@media (max-width:480px){

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

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

    .gsledplat__signal-led{
        width:38px;
        height:38px;
    }

}


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

@media (max-width:390px){

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

    .gsledplat__platform{
        padding:
            17px 12px;
    }

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

    .gsledplat__brand-code{
        width:46px;
        height:46px;
    }

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

    .gsledplat__signal-status{
        grid-column:auto;
    }

    .gsledplat__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsledplat__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsledplat__scan,
    .gsledplat__orbit,
    .gsledplat__route-token{
        display:none !important;
    }

}

.gsledplat__dynamic{
    position:relative;
    min-height:300px;
}

.gsledplat__dynamic-loading{
    margin:0;
    padding:28px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   CUÁNDO REQUIERE REVISIÓN FÍSICA — GSFC 0.33.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   CUÁNDO REQUIERE REVISIÓN FÍSICA

   CSS ID EXTERIOR:
   cuando-requiere-revision-indicador

   ROOT: .gsledrev
   ========================================================= */

.gsledrev{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 12% 10%,
            rgba(100,242,139,.045),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 12%,
            rgba(255,200,87,.038),
            transparent 30%
        ),
        radial-gradient(
            circle at 76% 86%,
            rgba(255,97,119,.030),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

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

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

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

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

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


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

.gsledrev__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.023) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledrev__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


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

.gsledrev__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledrev__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(100,242,139,.10),
            rgba(255,200,87,.10),
            rgba(255,97,119,.08),
            transparent
        );

    box-shadow:
        0 0 14px rgba(41,217,239,.06);

    animation:
        gsledrevScan
        14s linear infinite;
}

@keyframes gsledrevScan{

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

    8%{
        opacity:.30;
    }

    92%{
        opacity:.06;
    }

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

}


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

.gsledrev__orbit{
    position:absolute;

    width:820px;
    height:820px;

    right:-535px;
    top:1020px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.026);

    border-radius:50%;

    animation:
        gsledrevOrbit
        84s linear infinite;
}

.gsledrev__orbit::before{
    content:"";

    position:absolute;
    inset:140px;

    border:
        1px dashed rgba(255,200,87,.029);

    border-radius:50%;
}

.gsledrev__orbit::after{
    content:"";

    position:absolute;
    inset:275px;

    border:
        1px solid rgba(255,97,119,.021);

    border-radius:50%;
}

@keyframes gsledrevOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

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

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsledrev__heading{
    display:grid;

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

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

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

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

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

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

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledrev__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.58);
}

.gsledrev__title{
    max-width:1040px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

.gsledrev__title span{
    color:var(--cyan);
}

.gsledrev__intro{
    max-width:960px;

    margin:
        16px 0 0;

    color:var(--muted);

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


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

.gsledrev__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.015),
            rgba(3,10,15,.92)
        );
}

.gsledrev__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

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

    gap:7px;

    margin-bottom:7px;

    color:#c1aa70;

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

    text-transform:uppercase;
}

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

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--yellow);

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

.gsledrev__status p{
    margin:0;

    color:#817d70;

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


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

.gsledrev__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.014),
            rgba(255,200,87,.010)
        );
}

.gsledrev__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:250px;
    height:2px;

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

.gsledrev__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

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

    border-radius:13px;

    color:var(--yellow);

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

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

.gsledrev__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d9e6ec;

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

.gsledrev__principle-copy span{
    display:block;

    color:#748691;

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

.gsledrev__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#aa9b70;

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

    text-transform:uppercase;
}


/* =========================================================
   CLASIFICADOR
   ========================================================= */

.gsledrev__classifier{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.41),
            rgba(2,8,13,.97)
        );
}

.gsledrev__classifier::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:245px;
    height:2px;

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


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gsledrev__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsledrev__section-label{
    display:block;

    margin-bottom:6px;

    color:#86bdc5;

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

    text-transform:uppercase;
}

.gsledrev__section-label--physical{
    color:#c88e99;
}

.gsledrev__section-label--danger{
    color:#c88d98;
}

.gsledrev__section-label--external{
    color:#baa56f;
}

.gsledrev__section-label--quote{
    color:#b8a471;
}

.gsledrev__section-label--whatsapp{
    color:#8fbf99;
}

.gsledrev__section-title{
    margin:0;

    color:#e3edf2;

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

.gsledrev__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748590;

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

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

    flex-shrink:0;

    padding:
        6px 9px;

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

    border-radius:999px;

    color:#84adb5;

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

    text-transform:uppercase;
}


/* =========================================================
   TRES ESTADOS
   ========================================================= */

.gsledrev__states{
    display:grid;

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

    gap:10px;
}

.gsledrev__state{
    --state-color:var(--green);

    position:relative;

    min-width:0;

    min-height:410px;

    padding:
        21px 17px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.065);

    border-radius:14px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(100,242,139,.034),
            transparent 36%
        ),
        rgba(3,12,9,.44);
}

.gsledrev__state--external{
    --state-color:var(--yellow);

    border-color:
        rgba(255,200,87,.065);

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,200,87,.030),
            transparent 36%
        ),
        rgba(14,12,5,.34);
}

.gsledrev__state--physical{
    --state-color:var(--red);

    border-color:
        rgba(255,97,119,.075);

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,97,119,.035),
            transparent 36%
        ),
        rgba(15,5,8,.32);
}

.gsledrev__state::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100px;
    height:2px;

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

.gsledrev__state-head{
    display:grid;

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

    gap:11px;

    align-items:center;

    margin-bottom:14px;
}

.gsledrev__state-code{
    display:grid !important;
    place-items:center !important;

    width:52px;
    height:52px;

    margin:0;
    padding:0 !important;

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

    border-radius:11px;

    color:var(--state-color);

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

.gsledrev__state-head-copy{
    min-width:0;
}

.gsledrev__state-head-copy strong{
    display:block;

    color:var(--state-color);

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

    text-transform:uppercase;
}

.gsledrev__state-head-copy span{
    display:block;

    margin-top:3px;

    color:#71818b;

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

.gsledrev__state-description{
    display:block;

    margin-bottom:13px;

    color:#71818c;

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


/* =========================================================
   LISTA DE ESTADO
   ========================================================= */

.gsledrev__state-list{
    display:grid;

    gap:7px;
}

.gsledrev__state-item{
    display:grid;

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

    gap:8px;

    align-items:start;

    min-width:0;

    padding:
        8px 9px;

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

    border-radius:7px;

    background:
        rgba(2,8,13,.36);

    color:#697a85;

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

.gsledrev__state-item::before{
    content:"";

    width:6px;
    height:6px;

    margin-top:4px;

    border-radius:50%;

    background:var(--state-color);

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

.gsledrev__state-result{
    display:block;

    margin-top:13px;

    padding:
        9px 10px;

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

    border-radius:8px;

    background:
        rgba(2,7,11,.44);

    color:var(--state-color);

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

    text-transform:uppercase;
}


/* =========================================================
   CASOS QUE REQUIEREN REVISIÓN
   ========================================================= */

.gsledrev__physical{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(255,97,119,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 89% 8%,
            rgba(255,97,119,.035),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(16,5,8,.31),
            rgba(2,8,13,.97)
        );
}

.gsledrev__physical::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--red),
            var(--orange),
            var(--yellow),
            transparent
        );
}

.gsledrev__physical-grid{
    display:grid;

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

    gap:8px;
}

.gsledrev__case{
    --case-color:var(--red);

    position:relative;

    min-width:0;

    min-height:172px;

    padding:
        15px 13px;

    overflow:hidden;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.49);
}

.gsledrev__case:nth-child(2),
.gsledrev__case:nth-child(6){
    --case-color:var(--orange);
}

.gsledrev__case:nth-child(3),
.gsledrev__case:nth-child(7){
    --case-color:var(--yellow);
}

.gsledrev__case:nth-child(4),
.gsledrev__case:nth-child(8){
    --case-color:var(--violet);
}

.gsledrev__case::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:68px;
    height:2px;

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

.gsledrev__case-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:8px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--case-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrev__case strong{
    display:block;

    margin-bottom:4px;

    color:var(--case-color);

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

    text-transform:uppercase;
}

.gsledrev__case-copy{
    display:block;

    color:#687984;

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


/* =========================================================
   ALERTAS — NO INSISTIR
   ========================================================= */

.gsledrev__danger{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(255,97,119,.085);

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            rgba(25,5,9,.28),
            rgba(2,8,13,.97)
        );
}

.gsledrev__danger::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:235px;
    height:2px;

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

.gsledrev__danger-grid{
    display:grid;

    grid-template-columns:
        minmax(0,.70fr)
        minmax(0,1.30fr);

    gap:14px;
}

.gsledrev__danger-main{
    position:relative;

    min-width:0;

    min-height:220px;

    padding:
        20px;

    overflow:hidden;

    border:
        1px solid rgba(255,97,119,.075);

    border-radius:13px;

    background:
        radial-gradient(
            circle at 50% 28%,
            rgba(255,97,119,.060),
            transparent 39%
        ),
        rgba(14,4,7,.25);

    display:grid;
    place-items:center;

    text-align:center;
}

.gsledrev__danger-core{
    display:grid !important;
    place-items:center !important;

    width:92px;
    height:92px;

    margin:
        0 auto 13px;

    padding:0 !important;

    border:
        1px solid rgba(255,97,119,.22);

    border-radius:50%;

    color:var(--red);

    font-size:24px;
    line-height:1 !important;
    font-weight:700;

    box-shadow:
        0 0 0 12px rgba(255,97,119,.018),
        0 0 35px rgba(255,97,119,.08);

    animation:
        gsledrevDangerPulse
        2.3s ease-in-out infinite;
}

@keyframes gsledrevDangerPulse{

    0%,
    100%{
        box-shadow:
            0 0 0 10px rgba(255,97,119,.012),
            0 0 25px rgba(255,97,119,.05);
    }

    50%{
        box-shadow:
            0 0 0 18px rgba(255,97,119,.025),
            0 0 42px rgba(255,97,119,.10);
    }

}

.gsledrev__danger-main strong{
    display:block;

    color:#dcb9bf;

    font-size:12px;
    line-height:1.5;
    font-weight:700;
}

.gsledrev__danger-main span{
    display:block;

    margin-top:6px;

    color:#846f74;

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

.gsledrev__danger-list{
    display:grid;

    gap:8px;
}

.gsledrev__danger-item{
    --danger-color:var(--red);

    display:grid;

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

    gap:10px;

    align-items:center;

    min-width:0;

    padding:
        12px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrev__danger-item:nth-child(2){
    --danger-color:var(--orange);
}

.gsledrev__danger-item:nth-child(3){
    --danger-color:var(--yellow);
}

.gsledrev__danger-item:nth-child(4){
    --danger-color:var(--violet);
}

.gsledrev__danger-code{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin:0;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--danger-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

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

.gsledrev__danger-copy strong{
    display:block;

    color:var(--danger-color);

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

    text-transform:uppercase;
}

.gsledrev__danger-copy span{
    display:block;

    margin-top:3px;

    color:#6f7d87;

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


/* =========================================================
   FILTRO EXTERNO
   ========================================================= */

.gsledrev__external{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(255,200,87,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.25),
            rgba(2,8,13,.97)
        );
}

.gsledrev__external::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

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

.gsledrev__external-grid{
    display:grid;

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

    gap:8px;
}

.gsledrev__external-card{
    --external-color:var(--yellow);

    min-width:0;

    padding:
        15px 13px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrev__external-card:nth-child(2){
    --external-color:var(--cyan);
}

.gsledrev__external-card:nth-child(3){
    --external-color:var(--violet);
}

.gsledrev__external-card:nth-child(4){
    --external-color:var(--green);
}

.gsledrev__external-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--external-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrev__external-card strong{
    display:block;

    margin-bottom:4px;

    color:var(--external-color);

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

    text-transform:uppercase;
}

.gsledrev__external-copy{
    display:block;

    color:#697b86;

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


/* =========================================================
   FILTRO DE COTIZACIÓN
   ========================================================= */

.gsledrev__quote-filter{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(255,200,87,.025),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(12,11,5,.28),
            rgba(2,8,13,.97)
        );
}

.gsledrev__quote-filter::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(41,217,239,.023) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.021) 1px,
            transparent 1px
        );

    background-size:
        27px 27px;
}

.gsledrev__quote-head{
    position:relative;
    z-index:3;

    display:flex;

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

    gap:12px;

    margin-bottom:22px;
}

.gsledrev__quote-head strong{
    color:#b9aa7c;

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

    text-transform:uppercase;
}

.gsledrev__quote-head span{
    padding:
        6px 8px;

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

    border-radius:999px;

    color:#a39772;

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

    text-transform:uppercase;
}

.gsledrev__quote-flow{
    position:relative;
    z-index:3;

    display:grid;

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

    gap:7px;
}

.gsledrev__quote-flow::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--blue),
            var(--yellow),
            var(--red),
            var(--violet),
            var(--green)
        );

    opacity:.18;
}

.gsledrev__quote-node{
    --quote-color:var(--cyan);

    position:relative;
    z-index:3;

    min-width:0;

    text-align:center;
}

.gsledrev__quote-node:nth-child(2){
    --quote-color:var(--blue);
}

.gsledrev__quote-node:nth-child(3){
    --quote-color:var(--yellow);
}

.gsledrev__quote-node:nth-child(4){
    --quote-color:var(--red);
}

.gsledrev__quote-node:nth-child(5){
    --quote-color:var(--violet);
}

.gsledrev__quote-node:nth-child(6){
    --quote-color:var(--green);
}

.gsledrev__quote-circle{
    display:grid !important;
    place-items:center !important;

    width:54px;
    height:54px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:50%;

    background:
        rgba(2,8,13,.97);

    color:var(--quote-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrev__quote-node strong{
    display:block;

    color:var(--quote-color);

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

    text-transform:uppercase;
}

.gsledrev__quote-copy{
    display:block;

    margin-top:3px;

    color:#667985;

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

.gsledrev__quote-token{
    position:absolute;
    z-index:5;

    left:8%;
    top:24px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 9px rgba(41,217,239,.72);

    opacity:0;

    animation:
        gsledrevToken
        7s linear infinite;
}

@keyframes gsledrevToken{

    0%{
        left:8%;
        opacity:0;
        background:var(--cyan);
    }

    7%{
        opacity:1;
    }

    22%{
        background:var(--blue);
    }

    39%{
        background:var(--yellow);
    }

    56%{
        background:var(--red);
    }

    73%{
        background:var(--violet);
    }

    93%{
        left:92%;
        opacity:1;
        background:var(--green);
    }

    100%{
        left:92%;
        opacity:0;
    }

}


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

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

    display:grid;

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

    gap:13px;

    align-items:center;

    margin-top:18px;

    padding:15px;

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

    border-radius:10px;

    background:
        rgba(13,11,4,.20);
}

.gsledrev__equation-code{
    display:grid !important;
    place-items:center !important;

    width:45px;
    height:45px;

    margin:0;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--yellow);

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

.gsledrev__equation-copy{
    min-width:0;

    color:#7d786a;

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

.gsledrev__equation-copy strong{
    color:#c6bb94;
    font-weight:600;
}

.gsledrev__equation-state{
    flex-shrink:0;

    padding:
        6px 8px;

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

    border-radius:8px;

    color:#a39772;

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

    text-transform:uppercase;
}


/* =========================================================
   QUÉ SÍ PUEDE HACER WHATSAPP
   ========================================================= */

.gsledrev__whatsapp{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.075);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(100,242,139,.033),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.28),
            rgba(2,8,13,.97)
        );
}

.gsledrev__whatsapp::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

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

.gsledrev__wa-grid{
    display:grid;

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

    gap:8px;

    margin-bottom:13px;
}

.gsledrev__wa-card{
    --wa-color:var(--green);

    min-width:0;

    padding:
        14px 12px;

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

    border-radius:9px;

    background:
        rgba(2,9,14,.48);
}

.gsledrev__wa-card:nth-child(2){
    --wa-color:var(--cyan);
}

.gsledrev__wa-card:nth-child(3){
    --wa-color:var(--violet);
}

.gsledrev__wa-card:nth-child(4){
    --wa-color:var(--yellow);
}

.gsledrev__wa-code{
    display:grid !important;
    place-items:center !important;

    width:38px;
    height:38px;

    margin-bottom:8px;
    padding:0 !important;

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

    border-radius:8px;

    color:var(--wa-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrev__wa-card strong{
    display:block;

    color:var(--wa-color);

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

    text-transform:uppercase;
}

.gsledrev__wa-copy{
    display:block;

    margin-top:4px;

    color:#687a84;

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

.gsledrev__wa-note{
    display:grid;

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

    gap:10px;

    align-items:center;

    padding:12px;

    border:
        1px solid rgba(100,242,139,.060);

    border-radius:9px;

    background:
        rgba(3,14,7,.18);
}

.gsledrev__wa-note-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(100,242,139,.14);

    border-radius:8px;

    color:var(--green);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrev__wa-note-copy{
    min-width:0;

    color:#718078;

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

.gsledrev__wa-note-copy strong{
    color:#adccb3;
    font-weight:600;
}


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

.gsledrev__terminal{
    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.46),
            rgba(2,7,11,.98)
        );
}

.gsledrev__terminal-head{
    display:flex;

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

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledrev__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledrev__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledrev__terminal-dot--red{
    background:var(--red);
}

.gsledrev__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledrev__terminal-dot--green{
    background:var(--green);
}

.gsledrev__terminal-name{
    color:#607580;

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

    text-transform:uppercase;
}

.gsledrev__terminal-body{
    display:grid;

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

    gap:15px;

    align-items:center;

    padding:17px;
}

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

    gap:6px;
}

.gsledrev__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

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

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

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:9px;

    color:#86ae8e;

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

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}


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

.gsledrev__footer{
    display:flex;

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

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

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

}


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

@media (max-width:1024px){

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

        padding:
            76px 0 80px;
    }

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

        gap:19px;
    }

    .gsledrev__status{
        max-width:650px;
    }

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

    .gsledrev__state{
        min-height:0;
    }

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

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

        gap:17px 8px;
    }

    .gsledrev__quote-flow::before,
    .gsledrev__quote-token{
        display:none;
    }

}


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

@media (max-width:767px){

    .gsledrev__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledrev__scan,
    .gsledrev__orbit{
        display:none;
    }

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

        padding:
            61px 0 65px;
    }

    .gsledrev__heading{
        display:block;
    }

    .gsledrev__status{
        margin-top:19px;
    }

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

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

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

        gap:9px;

        padding:15px;
    }

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

    .gsledrev__classifier,
    .gsledrev__physical,
    .gsledrev__danger,
    .gsledrev__external,
    .gsledrev__quote-filter,
    .gsledrev__whatsapp{
        padding:
            18px 15px;

        border-radius:15px;
    }

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

        gap:9px;
    }

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

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

    .gsledrev__case{
        min-height:0;
    }

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

        gap:7px;
    }

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

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

        gap:8px;
    }

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

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

        gap:11px;

        padding:
            15px 13px;
    }

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

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

        gap:6px;
    }

}


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

@media (max-width:480px){

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

    .gsledrev__danger-item{
        grid-template-columns:
            40px minmax(0,1fr);
    }

}


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

@media (max-width:390px){

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

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

    .gsledrev__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsledrev__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsledrev__scan,
    .gsledrev__orbit,
    .gsledrev__quote-token{
        display:none !important;
    }

}

.gsledrev__dynamic{
    position:relative;
    min-height:300px;
}

.gsledrev__dynamic-loading{
    margin:0;
    padding:28px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   DIAGNÓSTICO TÉCNICO POR INDICADOR DE LUCES — GSFC 0.34.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   DIAGNÓSTICO TÉCNICO POR INDICADOR DE LUCES

   CSS ID EXTERIOR:
   diagnostico-indicador-luces

   ROOT: .gsleddx
   ========================================================= */

.gsleddx{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 11% 9%,
            rgba(41,217,239,.055),
            transparent 29%
        ),
        radial-gradient(
            circle at 89% 12%,
            rgba(139,105,255,.040),
            transparent 31%
        ),
        radial-gradient(
            circle at 73% 87%,
            rgba(100,242,139,.026),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

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

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

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

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

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


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

.gsleddx__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.029) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.024) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsleddx__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


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

.gsleddx__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsleddx__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.13),
            rgba(139,105,255,.08),
            rgba(100,242,139,.07),
            transparent
        );

    box-shadow:
        0 0 14px rgba(41,217,239,.07);

    animation:
        gsleddxScan
        14s linear infinite;
}

@keyframes gsleddxScan{

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

    8%{
        opacity:.31;
    }

    92%{
        opacity:.06;
    }

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

}


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

.gsleddx__orbit{
    position:absolute;

    width:820px;
    height:820px;

    left:-545px;
    top:1190px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.026);

    border-radius:50%;

    animation:
        gsleddxOrbit
        86s linear infinite;
}

.gsleddx__orbit::before{
    content:"";

    position:absolute;
    inset:140px;

    border:
        1px dashed rgba(139,105,255,.028);

    border-radius:50%;
}

.gsleddx__orbit::after{
    content:"";

    position:absolute;
    inset:278px;

    border:
        1px solid rgba(100,242,139,.020);

    border-radius:50%;
}

@keyframes gsleddxOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

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

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsleddx__heading{
    display:grid;

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

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

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

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

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

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

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsleddx__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.58);
}

.gsleddx__title{
    max-width:1040px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

.gsleddx__title span{
    color:var(--cyan);
}

.gsleddx__intro{
    max-width:960px;

    margin:
        16px 0 0;

    color:var(--muted);

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


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

.gsleddx__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.015),
            rgba(3,10,15,.92)
        );
}

.gsleddx__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

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

    gap:7px;

    margin-bottom:7px;

    color:#c1aa70;

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

    text-transform:uppercase;
}

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

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--yellow);

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

.gsleddx__status p{
    margin:0;

    color:#817d70;

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


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

.gsleddx__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.014),
            rgba(139,105,255,.011)
        );
}

.gsleddx__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:255px;
    height:2px;

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

.gsleddx__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(41,217,239,.17);

    border-radius:13px;

    color:var(--cyan);

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

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

.gsleddx__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d7e6ed;

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

.gsleddx__principle-copy span{
    display:block;

    color:#748692;

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

.gsleddx__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#aa9b70;

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

    text-transform:uppercase;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gsleddx__section-head{
    display:grid;

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

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsleddx__section-label{
    display:block;

    margin-bottom:6px;

    color:#86bdc5;

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

    text-transform:uppercase;
}

.gsleddx__section-label--violet{
    color:#a798cb;
}

.gsleddx__section-label--gold{
    color:#baa56f;
}

.gsleddx__section-label--green{
    color:#8fbf99;
}

.gsleddx__section-title{
    margin:0;

    color:#e3edf2;

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

.gsleddx__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748590;

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

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

    flex-shrink:0;

    padding:
        6px 9px;

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

    border-radius:999px;

    color:#84adb5;

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

    text-transform:uppercase;
}


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

.gsleddx__route{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(41,217,239,.034),
            transparent 44%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,20,.42),
            rgba(2,8,13,.97)
        );
}

.gsleddx__route::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(41,217,239,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.022) 1px,
            transparent 1px
        );

    background-size:27px 27px;
}

.gsleddx__route-head{
    position:relative;
    z-index:4;

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

    gap:12px;

    margin-bottom:23px;
}

.gsleddx__route-head strong{
    color:#8bbac2;

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

    text-transform:uppercase;
}

.gsleddx__route-head span{
    padding:
        6px 8px;

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

    border-radius:999px;

    color:#83adb5;

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

    text-transform:uppercase;
}

.gsleddx__route-flow{
    position:relative;
    z-index:4;

    display:grid;

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

    gap:7px;
}

.gsleddx__route-flow::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--blue),
            var(--yellow),
            var(--violet),
            var(--orange),
            var(--green)
        );

    opacity:.20;
}

.gsleddx__route-node{
    --route-color:var(--cyan);

    position:relative;
    z-index:3;

    min-width:0;

    text-align:center;
}

.gsleddx__route-node:nth-child(2){
    --route-color:var(--blue);
}

.gsleddx__route-node:nth-child(3){
    --route-color:var(--yellow);
}

.gsleddx__route-node:nth-child(4){
    --route-color:var(--violet);
}

.gsleddx__route-node:nth-child(5){
    --route-color:var(--orange);
}

.gsleddx__route-node:nth-child(6){
    --route-color:var(--green);
}

.gsleddx__route-circle{
    display:grid !important;
    place-items:center !important;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:50%;

    background:
        rgba(2,8,13,.97);

    color:var(--route-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsleddx__route-node strong{
    display:block;

    color:var(--route-color);

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

    text-transform:uppercase;
}

.gsleddx__route-copy{
    display:block;

    margin-top:3px;

    color:#667985;

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

.gsleddx__route-token{
    position:absolute;
    z-index:5;

    left:8%;
    top:25px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 9px rgba(41,217,239,.72);

    opacity:0;

    animation:
        gsleddxToken
        7.2s linear infinite;
}

@keyframes gsleddxToken{

    0%{
        left:8%;
        opacity:0;
        background:var(--cyan);
    }

    7%{
        opacity:1;
    }

    22%{
        background:var(--blue);
    }

    39%{
        background:var(--yellow);
    }

    56%{
        background:var(--violet);
    }

    73%{
        background:var(--orange);
    }

    93%{
        left:92%;
        opacity:1;
        background:var(--green);
    }

    100%{
        left:92%;
        opacity:0;
    }

}


/* =========================================================
   ETAPAS
   ========================================================= */

.gsleddx__steps{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(139,105,255,.033),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,7,20,.28),
            rgba(2,8,13,.97)
        );
}

.gsleddx__steps::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

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

.gsleddx__steps-grid{
    display:grid;

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

    gap:9px;
}

.gsleddx__step{
    --step-color:var(--cyan);

    position:relative;

    min-width:0;

    min-height:225px;

    padding:
        17px 14px;

    overflow:hidden;

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

    border-radius:11px;

    background:
        rgba(2,9,14,.50);
}

.gsleddx__step:nth-child(2){
    --step-color:var(--blue);
}

.gsleddx__step:nth-child(3){
    --step-color:var(--yellow);
}

.gsleddx__step:nth-child(4){
    --step-color:var(--violet);
}

.gsleddx__step:nth-child(5){
    --step-color:var(--orange);
}

.gsleddx__step:nth-child(6){
    --step-color:var(--green);
}

.gsleddx__step::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:78px;
    height:2px;

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

.gsleddx__step-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin-bottom:10px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--step-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsleddx__step strong{
    display:block;

    margin-bottom:5px;

    color:var(--step-color);

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

    text-transform:uppercase;
}

.gsleddx__step-copy{
    display:block;

    color:#6c7d88;

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

.gsleddx__step-result{
    display:block;

    margin-top:9px;

    padding:
        7px 8px;

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

    border-radius:7px;

    background:
        rgba(2,7,11,.42);

    color:var(--step-color);

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

    text-transform:uppercase;
}


/* =========================================================
   PATRÓN VS CAUSA
   ========================================================= */

.gsleddx__correlation{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 89% 8%,
            rgba(255,200,87,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.24),
            rgba(2,8,13,.97)
        );
}

.gsleddx__correlation::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:235px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--yellow),
            var(--orange),
            var(--red),
            transparent
        );
}

.gsleddx__correlation-grid{
    display:grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.22fr);

    gap:12px;
}


/* =========================================================
   CORE DE CORRELACIÓN
   ========================================================= */

.gsleddx__correlation-core{
    position:relative;

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

    overflow:hidden;

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

    border-radius:14px;

    background:
        radial-gradient(
            circle at 50% 47%,
            rgba(255,200,87,.045),
            transparent 34%
        ),
        rgba(13,11,4,.20);
}

.gsleddx__correlation-core::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.18;

    background-image:
        linear-gradient(
            rgba(255,200,87,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(41,217,239,.020) 1px,
            transparent 1px
        );

    background-size:25px 25px;
}

.gsleddx__core-ring{
    position:absolute;

    left:50%;
    top:48%;

    width:180px;
    height:180px;

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

    display:grid;
    place-items:center;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,200,87,.070),
            rgba(2,8,13,.96) 72%
        );

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

.gsleddx__core-ring::before{
    content:"";

    position:absolute;
    inset:-36px;

    border:
        1px dashed rgba(139,105,255,.10);

    border-radius:50%;

    animation:
        gsleddxCoreRotate
        14s linear infinite;
}

.gsleddx__core-ring::after{
    content:"";

    position:absolute;
    inset:-72px;

    border:
        1px solid rgba(41,217,239,.045);

    border-radius:50%;
}

@keyframes gsleddxCoreRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsleddx__core-copy{
    position:relative;
    z-index:4;

    text-align:center;
}

.gsleddx__core-copy strong{
    display:block;

    color:var(--yellow);

    font-size:23px;
    line-height:1.1;
    font-weight:700;

    letter-spacing:-.03em;
}

.gsleddx__core-copy span{
    display:block;

    margin-top:5px;

    color:#887e68;

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

    text-transform:uppercase;
}

.gsleddx__core-label{
    position:absolute;
    z-index:6;

    min-width:105px;

    padding:
        7px 8px;

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

    border-radius:7px;

    background:
        rgba(2,8,13,.82);

    color:#697b86;

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

.gsleddx__core-label strong{
    display:block;

    margin-bottom:2px;

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

    text-transform:uppercase;
}

.gsleddx__core-label--a{
    left:14px;
    top:55px;
}

.gsleddx__core-label--a strong{
    color:var(--cyan);
}

.gsleddx__core-label--b{
    right:14px;
    top:55px;

    text-align:right;
}

.gsleddx__core-label--b strong{
    color:var(--yellow);
}

.gsleddx__core-label--c{
    left:14px;
    bottom:55px;
}

.gsleddx__core-label--c strong{
    color:var(--violet);
}

.gsleddx__core-label--d{
    right:14px;
    bottom:55px;

    text-align:right;
}

.gsleddx__core-label--d strong{
    color:var(--green);
}


/* =========================================================
   PANEL DERECHO
   ========================================================= */

.gsleddx__correlation-list{
    display:grid;

    gap:8px;
}

.gsleddx__corr-item{
    --corr-color:var(--cyan);

    display:grid;

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

    gap:10px;

    align-items:center;

    min-width:0;

    padding:
        12px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsleddx__corr-item:nth-child(2){
    --corr-color:var(--yellow);
}

.gsleddx__corr-item:nth-child(3){
    --corr-color:var(--violet);
}

.gsleddx__corr-item:nth-child(4){
    --corr-color:var(--orange);
}

.gsleddx__corr-item:nth-child(5){
    --corr-color:var(--green);
}

.gsleddx__corr-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin:0;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--corr-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

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

.gsleddx__corr-copy strong{
    display:block;

    color:var(--corr-color);

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

    text-transform:uppercase;
}

.gsleddx__corr-copy span{
    display:block;

    margin-top:3px;

    color:#6d7d87;

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


/* =========================================================
   ÁREAS DE PRUEBA
   ========================================================= */

.gsleddx__areas{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.38),
            rgba(2,8,13,.97)
        );
}

.gsleddx__areas::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

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

.gsleddx__areas-grid{
    display:grid;

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

    gap:8px;
}

.gsleddx__area{
    --area-color:var(--cyan);

    min-width:0;

    min-height:165px;

    padding:
        15px 13px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsleddx__area:nth-child(2){
    --area-color:var(--blue);
}

.gsleddx__area:nth-child(3){
    --area-color:var(--yellow);
}

.gsleddx__area:nth-child(4){
    --area-color:var(--violet);
}

.gsleddx__area:nth-child(5){
    --area-color:var(--orange);
}

.gsleddx__area:nth-child(6){
    --area-color:var(--green);
}

.gsleddx__area:nth-child(7){
    --area-color:var(--red);
}

.gsleddx__area:nth-child(8){
    --area-color:var(--cyan);
}

.gsleddx__area-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--area-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsleddx__area strong{
    display:block;

    margin-bottom:4px;

    color:var(--area-color);

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

    text-transform:uppercase;
}

.gsleddx__area-copy{
    display:block;

    color:#697b86;

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


/* =========================================================
   EVIDENCIA
   ========================================================= */

.gsleddx__evidence{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.075);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(100,242,139,.032),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.27),
            rgba(2,8,13,.97)
        );
}

.gsleddx__evidence::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

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

.gsleddx__evidence-grid{
    display:grid;

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

    gap:9px;
}

.gsleddx__evidence-card{
    --evidence-color:var(--green);

    min-width:0;

    padding:
        17px 14px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsleddx__evidence-card:nth-child(2){
    --evidence-color:var(--cyan);
}

.gsleddx__evidence-card:nth-child(3){
    --evidence-color:var(--violet);
}

.gsleddx__evidence-code{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin-bottom:9px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--evidence-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsleddx__evidence-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--evidence-color);

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

    text-transform:uppercase;
}

.gsleddx__evidence-copy{
    display:block;

    color:#6c7d87;

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


/* =========================================================
   REGLA DE NO CONDENAR COMPONENTE
   ========================================================= */

.gsleddx__rule{
    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,97,119,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,97,119,.012),
            rgba(255,200,87,.009)
        );
}

.gsleddx__rule-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,97,119,.16);

    border-radius:10px;

    color:var(--red);

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

.gsleddx__rule-copy{
    min-width:0;

    color:#7c7478;

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

.gsleddx__rule-copy strong{
    color:#cfb5bb;
    font-weight:600;
}

.gsleddx__rule-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,97,119,.09);

    border-radius:8px;

    color:#aa838b;

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

    text-transform:uppercase;
}


/* =========================================================
   VIABILIDAD
   ========================================================= */

.gsleddx__viability{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.075);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(139,105,255,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,7,20,.25),
            rgba(2,8,13,.97)
        );
}

.gsleddx__viability::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:2px;

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

.gsleddx__viability-grid{
    display:grid;

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

    gap:8px;
}

.gsleddx__viability-card{
    --viability-color:var(--violet);

    min-width:0;

    padding:
        15px 13px;

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

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsleddx__viability-card:nth-child(2){
    --viability-color:var(--cyan);
}

.gsleddx__viability-card:nth-child(3){
    --viability-color:var(--yellow);
}

.gsleddx__viability-card:nth-child(4){
    --viability-color:var(--green);
}

.gsleddx__viability-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--viability-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsleddx__viability-card strong{
    display:block;

    margin-bottom:4px;

    color:var(--viability-color);

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

    text-transform:uppercase;
}

.gsleddx__viability-copy{
    display:block;

    color:#697b86;

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


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

.gsleddx__equation{
    position:relative;

    margin-bottom:18px;

    padding:
        20px 18px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.075);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.012),
            rgba(100,242,139,.010)
        );
}

.gsleddx__equation::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:215px;
    height:2px;

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

.gsleddx__equation-line{
    color:#80929d;

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

    text-align:center;

    text-transform:uppercase;
}

.gsleddx__equation-line strong{
    color:var(--cyan);
}

.gsleddx__equation-sub{
    display:block;

    max-width:900px;

    margin:
        8px auto 0;

    color:#667985;

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

    text-align:center;
}


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

.gsleddx__terminal{
    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.46),
            rgba(2,7,11,.98)
        );
}

.gsleddx__terminal-head{
    display:flex;

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

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsleddx__terminal-dots{
    display:flex;

    gap:6px;
}

.gsleddx__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsleddx__terminal-dot--red{
    background:var(--red);
}

.gsleddx__terminal-dot--yellow{
    background:var(--yellow);
}

.gsleddx__terminal-dot--green{
    background:var(--green);
}

.gsleddx__terminal-name{
    color:#607580;

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

    text-transform:uppercase;
}

.gsleddx__terminal-body{
    display:grid;

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

    gap:15px;

    align-items:center;

    padding:17px;
}

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

    gap:6px;
}

.gsleddx__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

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

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

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:9px;

    color:#86ae8e;

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

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}


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

.gsleddx__footer{
    display:flex;

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

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

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


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

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

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

}


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

@media (max-width:1024px){

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

        padding:
            76px 0 80px;
    }

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

        gap:19px;
    }

    .gsleddx__status{
        max-width:650px;
    }

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

        gap:17px 8px;
    }

    .gsleddx__route-flow::before,
    .gsleddx__route-token{
        display:none;
    }

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

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

    .gsleddx__correlation-core{
        min-height:390px;
    }

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

}


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

@media (max-width:767px){

    .gsleddx__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsleddx__scan,
    .gsleddx__orbit{
        display:none;
    }

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

        padding:
            61px 0 65px;
    }

    .gsleddx__heading{
        display:block;
    }

    .gsleddx__status{
        margin-top:19px;
    }

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

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

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

        gap:9px;

        padding:15px;
    }

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

    .gsleddx__route,
    .gsleddx__steps,
    .gsleddx__correlation,
    .gsleddx__areas,
    .gsleddx__evidence,
    .gsleddx__viability{
        padding:
            18px 15px;

        border-radius:15px;
    }

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

        gap:9px;
    }

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

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

        gap:7px;
    }

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

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

    .gsleddx__step,
    .gsleddx__area{
        min-height:0;
    }

    .gsleddx__correlation-core{
        min-height:420px;
    }

    .gsleddx__core-label{
        display:none;
    }

    .gsleddx__core-ring{
        width:160px;
        height:160px;
    }

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

        gap:9px;
    }

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

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

        gap:11px;

        padding:
            15px 13px;
    }

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

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

        gap:6px;
    }

}


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

@media (max-width:480px){

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

    .gsleddx__correlation-core{
        min-height:380px;
    }

    .gsleddx__core-ring{
        width:145px;
        height:145px;
    }

}


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

@media (max-width:390px){

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

    .gsleddx__corr-item{
        grid-template-columns:
            40px minmax(0,1fr);
    }

    .gsleddx__corr-code{
        width:40px;
        height:40px;
    }

    .gsleddx__terminal-route{
        display:grid;

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

        width:100%;
    }

    .gsleddx__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsleddx__scan,
    .gsleddx__orbit,
    .gsleddx__route-token{
        display:none !important;
    }

}

.gsleddx__dynamic{
    position:relative;
    min-height:300px;
}

.gsleddx__dynamic-loading{
    margin:0;
    padding:28px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   REPARACIÓN, REFACCIONES Y GARANTÍA — GSFC 0.35.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   REPARACIÓN, REFACCIONES Y GARANTÍA
   INDICADOR DE LUCES

   CSS ID EXTERIOR:
   reparacion-refacciones-garantia-indicador

   ROOT: .gsledrep
   ========================================================= */

.gsledrep{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 10% 8%,
            rgba(41,217,239,.050),
            transparent 29%
        ),
        radial-gradient(
            circle at 89% 12%,
            rgba(139,105,255,.038),
            transparent 31%
        ),
        radial-gradient(
            circle at 77% 86%,
            rgba(100,242,139,.026),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

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

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

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

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

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


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

.gsledrep__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.029) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.024) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledrep__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


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

.gsledrep__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledrep__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.12),
            rgba(139,105,255,.08),
            rgba(100,242,139,.07),
            transparent
        );

    box-shadow:
        0 0 14px rgba(41,217,239,.07);

    animation:
        gsledrepScan
        14s linear infinite;
}

@keyframes gsledrepScan{

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

    8%{
        opacity:.30;
    }

    92%{
        opacity:.06;
    }

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

}


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

.gsledrep__orbit{
    position:absolute;

    width:820px;
    height:820px;

    right:-550px;
    top:1250px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.026);

    border-radius:50%;

    animation:
        gsledrepOrbit
        86s linear infinite;
}

.gsledrep__orbit::before{
    content:"";

    position:absolute;
    inset:140px;

    border:
        1px dashed rgba(139,105,255,.028);

    border-radius:50%;
}

.gsledrep__orbit::after{
    content:"";

    position:absolute;
    inset:278px;

    border:
        1px solid rgba(100,242,139,.020);

    border-radius:50%;
}

@keyframes gsledrepOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


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

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

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

    margin:0 auto;

    padding:
        88px 0 92px;
}


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

.gsledrep__heading{
    display:grid;

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

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

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

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

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

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

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledrep__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.58);
}

.gsledrep__title{
    max-width:1040px;

    margin:0;

    color:var(--white);

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

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsledrep__title span{
    color:var(--cyan);
}

.gsledrep__intro{
    max-width:960px;

    margin:
        16px 0 0;

    color:var(--muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   STATUS
   ========================================================= */

.gsledrep__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.08);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(100,242,139,.014),
            rgba(3,10,15,.92)
        );
}

.gsledrep__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--green),
            transparent
        );
}

.gsledrep__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#8fbf99;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}

.gsledrep__status p{
    margin:0;

    color:#738079;

    font-size:12px;
    line-height:1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsledrep__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.014),
            rgba(139,105,255,.011)
        );
}

.gsledrep__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:270px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--violet),
            var(--yellow),
            var(--green),
            transparent
        );
}

.gsledrep__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(41,217,239,.17);

    border-radius:13px;

    color:var(--cyan);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__principle-copy{
    min-width:0;
}

.gsledrep__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d7e6ed;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsledrep__principle-copy span{
    display:block;

    color:#748692;

    font-size:11px;
    line-height:1.62;
}

.gsledrep__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(255,200,87,.10);

    border-radius:999px;

    color:#aa9b70;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gsledrep__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsledrep__section-label{
    display:block;

    margin-bottom:6px;

    color:#86bdc5;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__section-label--violet{
    color:#a798cb;
}

.gsledrep__section-label--gold{
    color:#baa56f;
}

.gsledrep__section-label--green{
    color:#8fbf99;
}

.gsledrep__section-title{
    margin:0;

    color:#e3edf2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsledrep__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748590;

    font-size:11px;
    line-height:1.66;
}

.gsledrep__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(41,217,239,.09);

    border-radius:999px;

    color:#84adb5;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   RUTA PRINCIPAL
   ========================================================= */

.gsledrep__route{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(41,217,239,.034),
            transparent 44%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,20,.42),
            rgba(2,8,13,.97)
        );
}

.gsledrep__route::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(41,217,239,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.022) 1px,
            transparent 1px
        );

    background-size:27px 27px;
}

.gsledrep__route-head{
    position:relative;
    z-index:4;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:23px;
}

.gsledrep__route-head strong{
    color:#8bbac2;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__route-head span{
    padding:
        6px 8px;

    border:
        1px solid rgba(41,217,239,.09);

    border-radius:999px;

    color:#83adb5;

    font-size:8px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__route-flow{
    position:relative;
    z-index:4;

    display:grid;

    grid-template-columns:
        repeat(7,minmax(0,1fr));

    gap:6px;
}

.gsledrep__route-flow::before{
    content:"";

    position:absolute;

    left:7%;
    right:7%;
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--violet),
            var(--yellow),
            var(--blue),
            var(--orange),
            var(--green),
            var(--cyan)
        );

    opacity:.20;
}

.gsledrep__route-node{
    --route-color:var(--cyan);

    position:relative;
    z-index:3;

    min-width:0;

    text-align:center;
}

.gsledrep__route-node:nth-child(2){
    --route-color:var(--violet);
}

.gsledrep__route-node:nth-child(3){
    --route-color:var(--yellow);
}

.gsledrep__route-node:nth-child(4){
    --route-color:var(--blue);
}

.gsledrep__route-node:nth-child(5){
    --route-color:var(--orange);
}

.gsledrep__route-node:nth-child(6){
    --route-color:var(--green);
}

.gsledrep__route-node:nth-child(7){
    --route-color:var(--cyan);
}

.gsledrep__route-circle{
    display:grid !important;
    place-items:center !important;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--route-color);

    border-radius:50%;

    background:
        rgba(2,8,13,.97);

    color:var(--route-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__route-node strong{
    display:block;

    color:var(--route-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__route-copy{
    display:block;

    margin-top:3px;

    color:#667985;

    font-size:7px;
    line-height:1.42;
}

.gsledrep__route-token{
    position:absolute;
    z-index:5;

    left:7%;
    top:25px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 9px rgba(41,217,239,.72);

    opacity:0;

    animation:
        gsledrepToken
        8s linear infinite;
}

@keyframes gsledrepToken{

    0%{
        left:7%;
        opacity:0;
        background:var(--cyan);
    }

    7%{
        opacity:1;
    }

    19%{
        background:var(--violet);
    }

    33%{
        background:var(--yellow);
    }

    47%{
        background:var(--blue);
    }

    61%{
        background:var(--orange);
    }

    76%{
        background:var(--green);
    }

    94%{
        left:93%;
        opacity:1;
        background:var(--cyan);
    }

    100%{
        left:93%;
        opacity:0;
    }

}


/* =========================================================
   VIABILIDAD
   ========================================================= */

.gsledrep__viability{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(139,105,255,.033),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,7,20,.27),
            rgba(2,8,13,.97)
        );
}

.gsledrep__viability::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--violet),
            var(--cyan),
            var(--green),
            transparent
        );
}

.gsledrep__viability-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;
}

.gsledrep__viability-card{
    --via-color:var(--violet);

    position:relative;

    min-width:0;

    min-height:185px;

    padding:
        16px 14px;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrep__viability-card:nth-child(2){
    --via-color:var(--cyan);
}

.gsledrep__viability-card:nth-child(3){
    --via-color:var(--yellow);
}

.gsledrep__viability-card:nth-child(4){
    --via-color:var(--green);
}

.gsledrep__viability-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:72px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--via-color),
            transparent
        );
}

.gsledrep__via-code{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--via-color);

    border-radius:9px;

    color:var(--via-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__viability-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--via-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__via-copy{
    display:block;

    color:#697b86;

    font-size:8px;
    line-height:1.56;
}


/* =========================================================
   DECISIÓN DE REPARACIÓN
   ========================================================= */

.gsledrep__decision{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(255,200,87,.032),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(16,13,4,.25),
            rgba(2,8,13,.97)
        );
}

.gsledrep__decision::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--yellow),
            var(--green),
            var(--red),
            transparent
        );
}

.gsledrep__decision-grid{
    display:grid;

    grid-template-columns:
        minmax(0,.80fr)
        minmax(0,1.20fr);

    gap:13px;
}


/* =========================================================
   DECISIÓN CORE
   ========================================================= */

.gsledrep__decision-core{
    position:relative;

    min-width:0;
    min-height:370px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.065);

    border-radius:14px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(255,200,87,.052),
            transparent 35%
        ),
        rgba(13,11,4,.18);
}

.gsledrep__decision-core::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.18;

    background-image:
        linear-gradient(
            rgba(255,200,87,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(41,217,239,.020) 1px,
            transparent 1px
        );

    background-size:25px 25px;
}

.gsledrep__decision-ring{
    position:absolute;

    left:50%;
    top:48%;

    width:178px;
    height:178px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    border:
        1px solid rgba(255,200,87,.20);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,200,87,.070),
            rgba(2,8,13,.96) 72%
        );

    box-shadow:
        0 0 36px rgba(255,200,87,.05);
}

.gsledrep__decision-ring::before{
    content:"";

    position:absolute;
    inset:-37px;

    border:
        1px dashed rgba(139,105,255,.10);

    border-radius:50%;

    animation:
        gsledrepDecisionRotate
        15s linear infinite;
}

.gsledrep__decision-ring::after{
    content:"";

    position:absolute;
    inset:-74px;

    border:
        1px solid rgba(41,217,239,.045);

    border-radius:50%;
}

@keyframes gsledrepDecisionRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsledrep__decision-copy{
    position:relative;
    z-index:4;

    text-align:center;
}

.gsledrep__decision-copy strong{
    display:block;

    color:var(--yellow);

    font-size:22px;
    line-height:1.1;
    font-weight:700;

    letter-spacing:-.03em;
}

.gsledrep__decision-copy span{
    display:block;

    margin-top:5px;

    color:#877d68;

    font-size:7px;
    line-height:1.4;

    text-transform:uppercase;
}

.gsledrep__decision-tag{
    position:absolute;
    z-index:6;

    min-width:118px;

    padding:
        8px 9px;

    border:
        1px solid rgba(255,255,255,.040);

    border-radius:7px;

    background:
        rgba(2,8,13,.82);

    color:#697b86;

    font-size:7px;
    line-height:1.45;
}

.gsledrep__decision-tag strong{
    display:block;

    margin-bottom:2px;

    font-size:7px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__decision-tag--a{
    left:14px;
    top:58px;
}

.gsledrep__decision-tag--a strong{
    color:var(--violet);
}

.gsledrep__decision-tag--b{
    right:14px;
    top:58px;

    text-align:right;
}

.gsledrep__decision-tag--b strong{
    color:var(--cyan);
}

.gsledrep__decision-tag--c{
    left:14px;
    bottom:58px;
}

.gsledrep__decision-tag--c strong{
    color:var(--yellow);
}

.gsledrep__decision-tag--d{
    right:14px;
    bottom:58px;

    text-align:right;
}

.gsledrep__decision-tag--d strong{
    color:var(--green);
}


/* =========================================================
   DECISIÓN LISTA
   ========================================================= */

.gsledrep__decision-list{
    display:grid;

    gap:8px;
}

.gsledrep__decision-item{
    --decision-color:var(--violet);

    display:grid;

    grid-template-columns:
        46px minmax(0,1fr);

    gap:10px;

    align-items:center;

    min-width:0;

    padding:12px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrep__decision-item:nth-child(2){
    --decision-color:var(--cyan);
}

.gsledrep__decision-item:nth-child(3){
    --decision-color:var(--yellow);
}

.gsledrep__decision-item:nth-child(4){
    --decision-color:var(--orange);
}

.gsledrep__decision-item:nth-child(5){
    --decision-color:var(--green);
}

.gsledrep__decision-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--decision-color);

    border-radius:9px;

    color:var(--decision-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__decision-item-copy{
    min-width:0;
}

.gsledrep__decision-item-copy strong{
    display:block;

    color:var(--decision-color);

    font-size:8px;
    line-height:1.42;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__decision-item-copy span{
    display:block;

    margin-top:3px;

    color:#6d7d87;

    font-size:8px;
    line-height:1.54;
}


/* =========================================================
   REFACCIONES
   ========================================================= */

.gsledrep__parts{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.38),
            rgba(2,8,13,.97)
        );
}

.gsledrep__parts::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--blue),
            var(--green),
            transparent
        );
}

.gsledrep__parts-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;
}

.gsledrep__part{
    --part-color:var(--cyan);

    min-width:0;

    min-height:178px;

    padding:
        15px 13px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrep__part:nth-child(2){
    --part-color:var(--blue);
}

.gsledrep__part:nth-child(3){
    --part-color:var(--violet);
}

.gsledrep__part:nth-child(4){
    --part-color:var(--green);
}

.gsledrep__part-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--part-color);

    border-radius:9px;

    color:var(--part-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__part strong{
    display:block;

    margin-bottom:4px;

    color:var(--part-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__part-copy{
    display:block;

    color:#697b86;

    font-size:8px;
    line-height:1.55;
}


/* =========================================================
   PRUEBA Y ERROR
   ========================================================= */

.gsledrep__no-trial{
    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,97,119,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,97,119,.012),
            rgba(255,200,87,.009)
        );
}

.gsledrep__no-trial-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,97,119,.16);

    border-radius:10px;

    color:var(--red);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__no-trial-copy{
    min-width:0;

    color:#7c7478;

    font-size:9px;
    line-height:1.62;
}

.gsledrep__no-trial-copy strong{
    color:#cfb5bb;
    font-weight:600;
}

.gsledrep__no-trial-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,97,119,.09);

    border-radius:8px;

    color:#aa838b;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   REPARACIÓN
   ========================================================= */

.gsledrep__repair{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(139,105,255,.032),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,7,20,.27),
            rgba(2,8,13,.97)
        );
}

.gsledrep__repair::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--violet),
            var(--orange),
            var(--green),
            transparent
        );
}

.gsledrep__repair-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:9px;
}

.gsledrep__repair-card{
    --repair-color:var(--violet);

    position:relative;

    min-width:0;

    min-height:205px;

    padding:
        17px 14px;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrep__repair-card:nth-child(2){
    --repair-color:var(--orange);
}

.gsledrep__repair-card:nth-child(3){
    --repair-color:var(--green);
}

.gsledrep__repair-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:75px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--repair-color),
            transparent
        );
}

.gsledrep__repair-code{
    display:grid !important;
    place-items:center !important;

    width:43px;
    height:43px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--repair-color);

    border-radius:9px;

    color:var(--repair-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__repair-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--repair-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__repair-copy{
    display:block;

    color:#6c7d87;

    font-size:8px;
    line-height:1.58;
}

.gsledrep__repair-result{
    display:block;

    margin-top:9px;

    padding:
        7px 8px;

    border:
        1px solid rgba(255,255,255,.039);

    border-radius:7px;

    background:
        rgba(2,7,11,.42);

    color:var(--repair-color);

    font-size:7px;
    line-height:1.48;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   GARANTÍA
   ========================================================= */

.gsledrep__warranty{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 89% 8%,
            rgba(100,242,139,.038),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.30),
            rgba(2,8,13,.97)
        );
}

.gsledrep__warranty::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:235px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--green),
            var(--cyan),
            transparent
        );
}

.gsledrep__warranty-grid{
    display:grid;

    grid-template-columns:
        minmax(0,.64fr)
        minmax(0,1.36fr);

    gap:13px;
}


/* =========================================================
   90D
   ========================================================= */

.gsledrep__warranty-main{
    position:relative;

    min-width:0;
    min-height:315px;

    display:grid;
    place-items:center;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.075);

    border-radius:14px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(100,242,139,.060),
            transparent 39%
        ),
        rgba(3,14,7,.20);

    text-align:center;
}

.gsledrep__warranty-ring{
    position:relative;

    display:grid !important;
    place-items:center !important;

    width:145px;
    height:145px;

    margin:
        0 auto 16px;

    padding:0 !important;

    border:
        1px solid rgba(100,242,139,.24);

    border-radius:50%;

    color:var(--green);

    font-size:37px;
    line-height:1 !important;
    font-weight:700;

    box-shadow:
        0 0 0 13px rgba(100,242,139,.018),
        0 0 35px rgba(100,242,139,.08);

    animation:
        gsledrepWarrantyPulse
        3s ease-in-out infinite;
}

.gsledrep__warranty-ring::before{
    content:"";

    position:absolute;
    inset:-28px;

    border:
        1px dashed rgba(41,217,239,.09);

    border-radius:50%;

    animation:
        gsledrepWarrantyRotate
        18s linear infinite;
}

@keyframes gsledrepWarrantyPulse{

    0%,
    100%{
        box-shadow:
            0 0 0 10px rgba(100,242,139,.012),
            0 0 25px rgba(100,242,139,.05);
    }

    50%{
        box-shadow:
            0 0 0 18px rgba(100,242,139,.025),
            0 0 42px rgba(100,242,139,.10);
    }

}

@keyframes gsledrepWarrantyRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsledrep__warranty-main strong{
    display:block;

    color:#b6d7bd;

    font-size:12px;
    line-height:1.48;
    font-weight:700;
}

.gsledrep__warranty-main span{
    display:block;

    max-width:310px;

    margin:
        6px auto 0;

    color:#718078;

    font-size:9px;
    line-height:1.58;
}


/* =========================================================
   GARANTÍA DETALLES
   ========================================================= */

.gsledrep__warranty-list{
    display:grid;

    gap:8px;
}

.gsledrep__warranty-item{
    --warranty-color:var(--green);

    display:grid;

    grid-template-columns:
        46px minmax(0,1fr);

    gap:10px;

    align-items:center;

    min-width:0;

    padding:12px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrep__warranty-item:nth-child(2){
    --warranty-color:var(--cyan);
}

.gsledrep__warranty-item:nth-child(3){
    --warranty-color:var(--violet);
}

.gsledrep__warranty-item:nth-child(4){
    --warranty-color:var(--yellow);
}

.gsledrep__warranty-item:nth-child(5){
    --warranty-color:var(--green);
}

.gsledrep__warranty-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--warranty-color);

    border-radius:9px;

    color:var(--warranty-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__warranty-copy{
    min-width:0;
}

.gsledrep__warranty-copy strong{
    display:block;

    color:var(--warranty-color);

    font-size:8px;
    line-height:1.42;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__warranty-copy span{
    display:block;

    margin-top:3px;

    color:#6d7d87;

    font-size:8px;
    line-height:1.54;
}


/* =========================================================
   AUTORIZACIÓN
   ========================================================= */

.gsledrep__authorization{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.37),
            rgba(2,8,13,.97)
        );
}

.gsledrep__authorization::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--yellow),
            var(--green),
            transparent
        );
}

.gsledrep__auth-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;
}

.gsledrep__auth-card{
    --auth-color:var(--cyan);

    min-width:0;

    padding:
        15px 13px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledrep__auth-card:nth-child(2){
    --auth-color:var(--yellow);
}

.gsledrep__auth-card:nth-child(3){
    --auth-color:var(--green);
}

.gsledrep__auth-card:nth-child(4){
    --auth-color:var(--violet);
}

.gsledrep__auth-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--auth-color);

    border-radius:9px;

    color:var(--auth-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__auth-card strong{
    display:block;

    margin-bottom:4px;

    color:var(--auth-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledrep__auth-copy{
    display:block;

    color:#697b86;

    font-size:8px;
    line-height:1.55;
}


/* =========================================================
   MENSAJE FINAL
   ========================================================= */

.gsledrep__message{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:17px;

    border:
        1px solid rgba(100,242,139,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(100,242,139,.012),
            rgba(41,217,239,.009)
        );
}

.gsledrep__message-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(100,242,139,.16);

    border-radius:10px;

    color:var(--green);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledrep__message-copy{
    min-width:0;

    color:#718078;

    font-size:9px;
    line-height:1.62;
}

.gsledrep__message-copy strong{
    color:#b5d3bb;
    font-weight:600;
}

.gsledrep__message-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:8px;

    color:#87ab8e;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   ECUACIÓN
   ========================================================= */

.gsledrep__equation{
    position:relative;

    margin-bottom:18px;

    padding:
        20px 18px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.075);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.012),
            rgba(100,242,139,.010)
        );
}

.gsledrep__equation::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--violet),
            var(--green),
            transparent
        );
}

.gsledrep__equation-line{
    color:#80929d;

    font-size:10px;
    line-height:1.65;
    font-weight:700;

    text-align:center;

    text-transform:uppercase;
}

.gsledrep__equation-line strong{
    color:var(--cyan);
}

.gsledrep__equation-sub{
    display:block;

    max-width:900px;

    margin:
        8px auto 0;

    color:#667985;

    font-size:8px;
    line-height:1.56;

    text-align:center;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsledrep__terminal{
    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.085);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.46),
            rgba(2,7,11,.98)
        );
}

.gsledrep__terminal-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledrep__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledrep__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledrep__terminal-dot--red{
    background:var(--red);
}

.gsledrep__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledrep__terminal-dot--green{
    background:var(--green);
}

.gsledrep__terminal-name{
    color:#607580;

    font-size:9px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsledrep__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:15px;

    align-items:center;

    padding:17px;
}

.gsledrep__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

.gsledrep__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

    font-size:9px;
    line-height:1.35;
}

.gsledrep__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:9px;

    color:#86ae8e;

    font-size:9px;
    line-height:1.35;
    font-weight:600;
}

.gsledrep__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsledrep__footer{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

    font-size:9px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsledrep__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657985;
}

.gsledrep__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 7px rgba(41,217,239,.46);
}


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

    .gsledrep__viability-grid,
    .gsledrep__parts-grid,
    .gsledrep__auth-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsledrep__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsledrep__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:19px;
    }

    .gsledrep__status{
        max-width:650px;
    }

    .gsledrep__route-flow{
        grid-template-columns:
            repeat(4,minmax(0,1fr));

        gap:17px 8px;
    }

    .gsledrep__route-flow::before,
    .gsledrep__route-token{
        display:none;
    }

    .gsledrep__decision-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledrep__decision-core{
        min-height:390px;
    }

    .gsledrep__repair-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledrep__warranty-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsledrep__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledrep__scan,
    .gsledrep__orbit{
        display:none;
    }

    .gsledrep__shell{
        width:
            calc(100% - 30px);

        padding:
            61px 0 65px;
    }

    .gsledrep__heading{
        display:block;
    }

    .gsledrep__status{
        margin-top:19px;
    }

    .gsledrep__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsledrep__intro{
        font-size:14px;
        line-height:1.7;
    }

    .gsledrep__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsledrep__principle-state{
        width:fit-content;
    }

    .gsledrep__route,
    .gsledrep__viability,
    .gsledrep__decision,
    .gsledrep__parts,
    .gsledrep__repair,
    .gsledrep__warranty,
    .gsledrep__authorization{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsledrep__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledrep__section-state{
        width:fit-content;
    }

    .gsledrep__route-head{
        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

    .gsledrep__route-flow{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsledrep__viability-grid,
    .gsledrep__parts-grid,
    .gsledrep__auth-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledrep__viability-card,
    .gsledrep__part{
        min-height:0;
    }

    .gsledrep__decision-core{
        min-height:420px;
    }

    .gsledrep__decision-tag{
        display:none;
    }

    .gsledrep__decision-ring{
        width:160px;
        height:160px;
    }

    .gsledrep__no-trial,
    .gsledrep__message{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledrep__no-trial-state,
    .gsledrep__message-state{
        width:fit-content;
    }

    .gsledrep__warranty-main{
        min-height:330px;
    }

    .gsledrep__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:11px;

        padding:
            15px 13px;
    }

    .gsledrep__terminal-state{
        width:fit-content;
    }

    .gsledrep__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsledrep__route-flow{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledrep__decision-core{
        min-height:365px;
    }

    .gsledrep__decision-ring{
        width:145px;
        height:145px;
    }

    .gsledrep__warranty-ring{
        width:130px;
        height:130px;

        font-size:33px;
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsledrep__shell{
        width:
            calc(100% - 24px);
    }

    .gsledrep__decision-item,
    .gsledrep__warranty-item{
        grid-template-columns:
            40px minmax(0,1fr);
    }

    .gsledrep__decision-code,
    .gsledrep__warranty-code{
        width:40px;
        height:40px;
    }

    .gsledrep__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsledrep__terminal-item{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .gsledrep *,
    .gsledrep *::before,
    .gsledrep *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .gsledrep__scan,
    .gsledrep__orbit,
    .gsledrep__route-token{
        display:none !important;
    }

}

.gsledrep__dynamic{
    position:relative;
    min-height:300px;
}

.gsledrep__dynamic-loading{
    margin:0;
    padding:28px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   PROCESO DE SERVICIO POR INDICADOR DE LUCES — GSFC 0.36.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PROCESO DE SERVICIO
   INDICADOR DE LUCES

   CSS ID EXTERIOR:
   proceso-servicio-indicador-luces

   ROOT: .gsledproc
   ========================================================= */

.gsledproc{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 10% 8%,
            rgba(41,217,239,.050),
            transparent 29%
        ),
        radial-gradient(
            circle at 89% 13%,
            rgba(139,105,255,.038),
            transparent 31%
        ),
        radial-gradient(
            circle at 77% 88%,
            rgba(100,242,139,.026),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

    font-family:var(--gs-font-sans);

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsledproc *,
.gsledproc *::before,
.gsledproc *::after{
    box-sizing:border-box;

    font-family:var(--gs-font-sans);

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsledproc__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.029) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.024) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledproc__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,8,.94),
            transparent 17%,
            transparent 83%,
            rgba(2,4,8,.94)
        );
}


/* =========================================================
   ESCÁNER
   ========================================================= */

.gsledproc__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledproc__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.12),
            rgba(139,105,255,.08),
            rgba(100,242,139,.07),
            transparent
        );

    box-shadow:
        0 0 14px rgba(41,217,239,.07);

    animation:
        gsledprocScan
        14s linear infinite;
}

@keyframes gsledprocScan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.30;
    }

    92%{
        opacity:.06;
    }

    100%{
        transform:translateY(9800px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITA
   ========================================================= */

.gsledproc__orbit{
    position:absolute;

    width:840px;
    height:840px;

    left:-565px;
    top:1320px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.026);

    border-radius:50%;

    animation:
        gsledprocOrbit
        88s linear infinite;
}

.gsledproc__orbit::before{
    content:"";

    position:absolute;
    inset:145px;

    border:
        1px dashed rgba(139,105,255,.028);

    border-radius:50%;
}

.gsledproc__orbit::after{
    content:"";

    position:absolute;
    inset:285px;

    border:
        1px solid rgba(100,242,139,.020);

    border-radius:50%;
}

@keyframes gsledprocOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsledproc__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsledproc__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

.gsledproc__heading-main{
    min-width:0;
}

.gsledproc__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledproc__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.58);
}

.gsledproc__title{
    max-width:1040px;

    margin:0;

    color:var(--white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsledproc__title span{
    color:var(--cyan);
}

.gsledproc__intro{
    max-width:960px;

    margin:
        16px 0 0;

    color:var(--muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   STATUS
   ========================================================= */

.gsledproc__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.08);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(100,242,139,.014),
            rgba(3,10,15,.92)
        );
}

.gsledproc__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--green),
            transparent
        );
}

.gsledproc__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#8fbf99;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}

.gsledproc__status p{
    margin:0;

    color:#738079;

    font-size:12px;
    line-height:1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsledproc__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.014),
            rgba(139,105,255,.011)
        );
}

.gsledproc__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:275px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--blue),
            var(--yellow),
            var(--green),
            transparent
        );
}

.gsledproc__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(41,217,239,.17);

    border-radius:13px;

    color:var(--cyan);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__principle-copy{
    min-width:0;
}

.gsledproc__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d7e6ed;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsledproc__principle-copy span{
    display:block;

    color:#748692;

    font-size:11px;
    line-height:1.62;
}

.gsledproc__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(255,200,87,.10);

    border-radius:999px;

    color:#aa9b70;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gsledproc__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsledproc__section-label{
    display:block;

    margin-bottom:6px;

    color:#86bdc5;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__section-label--gold{
    color:#baa56f;
}

.gsledproc__section-label--violet{
    color:#a798cb;
}

.gsledproc__section-label--green{
    color:#8fbf99;
}

.gsledproc__section-title{
    margin:0;

    color:#e3edf2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsledproc__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748590;

    font-size:11px;
    line-height:1.66;
}

.gsledproc__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(41,217,239,.09);

    border-radius:999px;

    color:#84adb5;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   FLUJO COMPLETO
   ========================================================= */

.gsledproc__flow{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(41,217,239,.034),
            transparent 44%
        ),
        linear-gradient(
            145deg,
            rgba(3,14,20,.42),
            rgba(2,8,13,.97)
        );
}

.gsledproc__flow::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(41,217,239,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.022) 1px,
            transparent 1px
        );

    background-size:27px 27px;
}

.gsledproc__flow-grid{
    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:9px;
}

.gsledproc__flow-node{
    --node-color:var(--cyan);

    position:relative;

    min-width:0;

    min-height:142px;

    padding:
        15px 11px;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.58);

    text-align:center;
}

.gsledproc__flow-node:nth-child(2){
    --node-color:var(--blue);
}

.gsledproc__flow-node:nth-child(3){
    --node-color:var(--yellow);
}

.gsledproc__flow-node:nth-child(4){
    --node-color:var(--violet);
}

.gsledproc__flow-node:nth-child(5){
    --node-color:var(--orange);
}

.gsledproc__flow-node:nth-child(6){
    --node-color:var(--cyan);
}

.gsledproc__flow-node:nth-child(7){
    --node-color:var(--yellow);
}

.gsledproc__flow-node:nth-child(8){
    --node-color:var(--violet);
}

.gsledproc__flow-node:nth-child(9){
    --node-color:var(--green);
}

.gsledproc__flow-node:nth-child(10){
    --node-color:var(--blue);
}

.gsledproc__flow-node:nth-child(11){
    --node-color:var(--green);
}

.gsledproc__flow-node::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:70px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--node-color),
            transparent
        );
}

.gsledproc__flow-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin:
        0 auto 9px;

    padding:0 !important;

    border:
        1px solid var(--node-color);

    border-radius:9px;

    color:var(--node-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__flow-node strong{
    display:block;

    color:var(--node-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__flow-copy{
    display:block;

    margin-top:4px;

    color:#657783;

    font-size:7px;
    line-height:1.48;
}


/* =========================================================
   PRIMER CONTACTO
   ========================================================= */

.gsledproc__contact{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.031),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.39),
            rgba(2,8,13,.97)
        );
}

.gsledproc__contact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--blue),
            transparent
        );
}

.gsledproc__contact-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:9px;
}

.gsledproc__contact-card{
    --contact-color:var(--cyan);

    position:relative;

    min-width:0;

    min-height:205px;

    padding:
        17px 14px;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledproc__contact-card:nth-child(2){
    --contact-color:var(--blue);
}

.gsledproc__contact-card:nth-child(3){
    --contact-color:var(--violet);
}

.gsledproc__contact-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:76px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--contact-color),
            transparent
        );
}

.gsledproc__contact-code{
    display:grid !important;
    place-items:center !important;

    width:43px;
    height:43px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--contact-color);

    border-radius:9px;

    color:var(--contact-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__contact-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--contact-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__contact-copy{
    display:block;

    color:#6c7d87;

    font-size:8px;
    line-height:1.58;
}

.gsledproc__contact-result{
    display:block;

    margin-top:9px;

    padding:
        7px 8px;

    border:
        1px solid rgba(255,255,255,.039);

    border-radius:7px;

    background:
        rgba(2,7,11,.42);

    color:var(--contact-color);

    font-size:7px;
    line-height:1.48;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   RECEPCIÓN / DIAGNÓSTICO
   ========================================================= */

.gsledproc__diagnostic{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(255,200,87,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.25),
            rgba(2,8,13,.97)
        );
}

.gsledproc__diagnostic::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--yellow),
            var(--orange),
            var(--green),
            transparent
        );
}

.gsledproc__diagnostic-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;
}

.gsledproc__diagnostic-card{
    --dx-color:var(--yellow);

    min-width:0;

    min-height:190px;

    padding:
        16px 14px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledproc__diagnostic-card:nth-child(2){
    --dx-color:var(--orange);
}

.gsledproc__diagnostic-card:nth-child(3){
    --dx-color:var(--violet);
}

.gsledproc__diagnostic-card:nth-child(4){
    --dx-color:var(--green);
}

.gsledproc__diagnostic-code{
    display:grid !important;
    place-items:center !important;

    width:42px;
    height:42px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--dx-color);

    border-radius:9px;

    color:var(--dx-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__diagnostic-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--dx-color);

    font-size:9px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__diagnostic-copy{
    display:block;

    color:#6b7c87;

    font-size:8px;
    line-height:1.57;
}


/* =========================================================
   DIAGNÓSTICO PREVIO / MANIPULADO
   ========================================================= */

.gsledproc__review-policy{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    margin-top:13px;
}

.gsledproc__review-card{
    --review-color:var(--green);

    min-width:0;

    padding:
        15px;

    border:
        1px solid rgba(100,242,139,.060);

    border-radius:10px;

    background:
        rgba(4,17,8,.16);
}

.gsledproc__review-card--previous{
    --review-color:var(--yellow);

    border-color:
        rgba(255,200,87,.060);

    background:
        rgba(17,14,4,.16);
}

.gsledproc__review-head{
    display:flex;
    align-items:center;

    gap:9px;

    margin-bottom:7px;
}

.gsledproc__review-code{
    display:grid !important;
    place-items:center !important;

    width:38px;
    height:38px;

    flex:0 0 38px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--review-color);

    border-radius:8px;

    color:var(--review-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__review-head strong{
    color:var(--review-color);

    font-size:8px;
    line-height:1.42;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__review-copy{
    display:block;

    color:#707d76;

    font-size:8px;
    line-height:1.57;
}

.gsledproc__review-card--previous .gsledproc__review-copy{
    color:#7d786c;
}


/* =========================================================
   PUEBLA VS NACIONAL
   ========================================================= */

.gsledproc__logistics{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(139,105,255,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(139,105,255,.032),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(10,7,20,.27),
            rgba(2,8,13,.97)
        );
}

.gsledproc__logistics::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--violet),
            var(--cyan),
            var(--green),
            transparent
        );
}

.gsledproc__logistics-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:11px;
}

.gsledproc__logistic{
    --log-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        21px 18px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.065);

    border-radius:13px;

    background:
        rgba(2,9,14,.52);
}

.gsledproc__logistic--national{
    --log-color:var(--green);

    border-color:
        rgba(100,242,139,.065);
}

.gsledproc__logistic::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:105px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--log-color),
            transparent
        );
}

.gsledproc__logistic-head{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr);

    gap:11px;

    align-items:center;

    margin-bottom:13px;
}

.gsledproc__logistic-code{
    display:grid !important;
    place-items:center !important;

    width:50px;
    height:50px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--log-color);

    border-radius:10px;

    color:var(--log-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__logistic-head-copy strong{
    display:block;

    color:var(--log-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__logistic-head-copy span{
    display:block;

    margin-top:3px;

    color:#6e7f89;

    font-size:8px;
    line-height:1.47;
}

.gsledproc__logistic-list{
    display:grid;

    gap:7px;
}

.gsledproc__logistic-item{
    display:grid;

    grid-template-columns:
        6px minmax(0,1fr);

    gap:8px;

    align-items:start;

    padding:
        8px 9px;

    border:
        1px solid rgba(255,255,255,.037);

    border-radius:7px;

    background:
        rgba(2,7,11,.38);

    color:#697b85;

    font-size:8px;
    line-height:1.51;
}

.gsledproc__logistic-item::before{
    content:"";

    width:5px;
    height:5px;

    margin-top:4px;

    border-radius:50%;

    background:var(--log-color);

    box-shadow:
        0 0 6px var(--log-color);
}


/* =========================================================
   ENVÍO NACIONAL HUD
   ========================================================= */

.gsledproc__shipping{
    position:relative;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.075);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(100,242,139,.032),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.24),
            rgba(2,8,13,.97)
        );
}

.gsledproc__shipping::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.15;

    background-image:
        linear-gradient(
            rgba(100,242,139,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(41,217,239,.020) 1px,
            transparent 1px
        );

    background-size:27px 27px;
}

.gsledproc__shipping-flow{
    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:8px;
}

.gsledproc__shipping-flow::before{
    content:"";

    position:absolute;

    left:8%;
    right:8%;
    top:28px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--green),
            var(--yellow),
            var(--violet),
            var(--blue),
            var(--green)
        );

    opacity:.19;
}

.gsledproc__ship-node{
    --ship-color:var(--cyan);

    position:relative;
    z-index:3;

    min-width:0;

    text-align:center;
}

.gsledproc__ship-node:nth-child(2){
    --ship-color:var(--green);
}

.gsledproc__ship-node:nth-child(3){
    --ship-color:var(--yellow);
}

.gsledproc__ship-node:nth-child(4){
    --ship-color:var(--violet);
}

.gsledproc__ship-node:nth-child(5){
    --ship-color:var(--blue);
}

.gsledproc__ship-node:nth-child(6){
    --ship-color:var(--green);
}

.gsledproc__ship-circle{
    display:grid !important;
    place-items:center !important;

    width:56px;
    height:56px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--ship-color);

    border-radius:50%;

    background:
        rgba(2,8,13,.97);

    color:var(--ship-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__ship-node strong{
    display:block;

    color:var(--ship-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__ship-copy{
    display:block;

    margin-top:3px;

    color:#667985;

    font-size:7px;
    line-height:1.42;
}

.gsledproc__shipping-token{
    position:absolute;
    z-index:5;

    left:8%;
    top:25px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 9px rgba(41,217,239,.72);

    opacity:0;

    animation:
        gsledprocShippingToken
        7.5s linear infinite;
}

@keyframes gsledprocShippingToken{

    0%{
        left:8%;
        opacity:0;
        background:var(--cyan);
    }

    7%{
        opacity:1;
    }

    23%{
        background:var(--green);
    }

    40%{
        background:var(--yellow);
    }

    57%{
        background:var(--violet);
    }

    74%{
        background:var(--blue);
    }

    93%{
        left:92%;
        opacity:1;
        background:var(--green);
    }

    100%{
        left:92%;
        opacity:0;
    }

}


/* =========================================================
   TRANSPORTISTAS
   ========================================================= */

.gsledproc__carriers{
    position:relative;
    z-index:3;

    display:flex;
    flex-wrap:wrap;

    justify-content:center;

    gap:7px;

    margin-top:18px;
}

.gsledproc__carrier{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:
        6px 9px;

    border:
        1px solid rgba(100,242,139,.060);

    border-radius:7px;

    background:
        rgba(2,9,14,.52);

    color:#72867a;

    font-size:8px;
    line-height:1.35;
    font-weight:600;
}


/* =========================================================
   COSTO GUÍA
   ========================================================= */

.gsledproc__guide{
    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:13px;

    align-items:center;

    margin-top:14px;

    padding:15px;

    border:
        1px solid rgba(255,200,87,.060);

    border-radius:10px;

    background:
        rgba(14,12,4,.18);
}

.gsledproc__guide-code{
    display:grid !important;
    place-items:center !important;

    width:45px;
    height:45px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,200,87,.15);

    border-radius:9px;

    color:var(--yellow);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__guide-copy{
    min-width:0;

    color:#7d786b;

    font-size:9px;
    line-height:1.58;
}

.gsledproc__guide-copy strong{
    color:#c4b991;
    font-weight:600;
}

.gsledproc__guide-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:8px;

    color:#a39671;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TIEMPOS Y PAGO
   ========================================================= */

.gsledproc__service-data{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.38),
            rgba(2,8,13,.97)
        );
}

.gsledproc__service-data::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:225px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--yellow),
            var(--green),
            transparent
        );
}

.gsledproc__data-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;
}

.gsledproc__data-card{
    --data-color:var(--cyan);

    min-width:0;

    min-height:180px;

    padding:
        15px 13px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);
}

.gsledproc__data-card:nth-child(2){
    --data-color:var(--yellow);
}

.gsledproc__data-card:nth-child(3){
    --data-color:var(--green);
}

.gsledproc__data-card:nth-child(4){
    --data-color:var(--violet);
}

.gsledproc__data-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--data-color);

    border-radius:9px;

    color:var(--data-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__data-card strong{
    display:block;

    margin-bottom:4px;

    color:var(--data-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledproc__data-copy{
    display:block;

    color:#697b86;

    font-size:8px;
    line-height:1.55;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.gsledproc__whatsapp{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:18px;

    align-items:center;

    margin-bottom:18px;

    padding:
        21px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.08);

    border-radius:16px;

    background:
        radial-gradient(
            circle at 91% 15%,
            rgba(100,242,139,.036),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.32),
            rgba(2,8,13,.96)
        );
}

.gsledproc__whatsapp::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:210px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--green),
            var(--cyan),
            transparent
        );
}

.gsledproc__wa-copy{
    min-width:0;
}

.gsledproc__wa-copy strong{
    display:block;

    margin-bottom:5px;

    color:#b6d8bd;

    font-size:13px;
    line-height:1.45;
    font-weight:700;
}

.gsledproc__wa-copy span{
    display:block;

    color:#718379;

    font-size:9px;
    line-height:1.62;
}

.gsledproc__wa-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    min-height:46px;

    padding:
        10px 14px;

    border:
        1px solid rgba(100,242,139,.26);

    border-radius:10px;

    background:
        rgba(100,242,139,.86);

    color:#031006 !important;

    text-decoration:none !important;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.gsledproc__wa-button:hover{
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px rgba(100,242,139,.12);
}

.gsledproc__wa-button:focus-visible{
    outline:2px solid var(--green);
    outline-offset:3px;
}



/* =========================================================
   REGLA DE TRIAGE
   ========================================================= */

.gsledproc__triage{
    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,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.012),
            rgba(255,97,119,.009)
        );
}

.gsledproc__triage-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,200,87,.16);

    border-radius:10px;

    color:var(--yellow);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledproc__triage-copy{
    min-width:0;

    color:#7d786d;

    font-size:9px;
    line-height:1.62;
}

.gsledproc__triage-copy strong{
    color:#c8bc96;
    font-weight:600;
}

.gsledproc__triage-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:8px;

    color:#a59873;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TERMINAL
   ========================================================= */

.gsledproc__terminal{
    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.085);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.46),
            rgba(2,7,11,.98)
        );
}

.gsledproc__terminal-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledproc__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledproc__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledproc__terminal-dot--red{
    background:var(--red);
}

.gsledproc__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledproc__terminal-dot--green{
    background:var(--green);
}

.gsledproc__terminal-name{
    color:#607580;

    font-size:9px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsledproc__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:15px;

    align-items:center;

    padding:17px;
}

.gsledproc__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

.gsledproc__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

    font-size:9px;
    line-height:1.35;
}

.gsledproc__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:9px;

    color:#86ae8e;

    font-size:9px;
    line-height:1.35;
    font-weight:600;
}

.gsledproc__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsledproc__footer{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

    font-size:9px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsledproc__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657985;
}

.gsledproc__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 7px rgba(41,217,239,.46);
}


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

    .gsledproc__flow-grid{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .gsledproc__diagnostic-grid,
    .gsledproc__data-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsledproc__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsledproc__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:19px;
    }

    .gsledproc__status{
        max-width:650px;
    }

    .gsledproc__contact-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledproc__contact-card{
        min-height:0;
    }

    .gsledproc__shipping-flow{
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:17px 8px;
    }

    .gsledproc__shipping-flow::before,
    .gsledproc__shipping-token{
        display:none;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsledproc__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledproc__scan,
    .gsledproc__orbit{
        display:none;
    }

    .gsledproc__shell{
        width:
            calc(100% - 30px);

        padding:
            61px 0 65px;
    }

    .gsledproc__heading{
        display:block;
    }

    .gsledproc__status{
        margin-top:19px;
    }

    .gsledproc__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsledproc__intro{
        font-size:14px;
        line-height:1.7;
    }

    .gsledproc__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsledproc__principle-state{
        width:fit-content;
    }

    .gsledproc__flow,
    .gsledproc__contact,
    .gsledproc__diagnostic,
    .gsledproc__logistics,
    .gsledproc__shipping,
    .gsledproc__service-data{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsledproc__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledproc__section-state{
        width:fit-content;
    }

    .gsledproc__flow-grid,
    .gsledproc__diagnostic-grid,
    .gsledproc__data-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsledproc__flow-node,
    .gsledproc__diagnostic-card,
    .gsledproc__data-card{
        min-height:0;
    }

    .gsledproc__review-policy,
    .gsledproc__logistics-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledproc__shipping-flow{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsledproc__guide{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .gsledproc__guide-state{
        width:fit-content;
    }

    .gsledproc__whatsapp{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;
    }

    .gsledproc__wa-button{
        width:100%;
    }

    .gsledproc__triage{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledproc__triage-state{
        width:fit-content;
    }

    .gsledproc__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:11px;

        padding:
            15px 13px;
    }

    .gsledproc__terminal-state{
        width:fit-content;
    }

    .gsledproc__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsledproc__flow-grid,
    .gsledproc__diagnostic-grid,
    .gsledproc__data-grid,
    .gsledproc__shipping-flow{
        grid-template-columns:
            minmax(0,1fr);
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsledproc__shell{
        width:
            calc(100% - 24px);
    }

    .gsledproc__logistic{
        padding:
            17px 12px;
    }

    .gsledproc__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsledproc__terminal-item{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .gsledproc *,
    .gsledproc *::before,
    .gsledproc *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .gsledproc__scan,
    .gsledproc__orbit,
    .gsledproc__shipping-token{
        display:none !important;
    }

}

.gsledproc__dynamic{
    position:relative;
    min-height:300px;
}

.gsledproc__dynamic-loading{
    margin:0;
    padding:28px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   PREGUNTAS FRECUENTES — GSFC 0.37.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   PREGUNTAS FRECUENTES
   INDICADOR DE LUCES

   CSS ID EXTERIOR:
   preguntas-indicador-luces

   ROOT: .gsledfaq
   ========================================================= */

.gsledfaq{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 11% 9%,
            rgba(41,217,239,.052),
            transparent 29%
        ),
        radial-gradient(
            circle at 89% 13%,
            rgba(139,105,255,.038),
            transparent 31%
        ),
        radial-gradient(
            circle at 77% 88%,
            rgba(100,242,139,.025),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 50%,
            #020408 100%
        );

    font-family:var(--gs-font-sans);

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsledfaq *,
.gsledfaq *::before,
.gsledfaq *::after{
    box-sizing:border-box;

    font-family:var(--gs-font-sans);

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsledfaq__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.20;

    background-image:
        linear-gradient(
            rgba(41,217,239,.029) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.024) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledfaq__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,8,.94),
            transparent 17%,
            transparent 83%,
            rgba(2,4,8,.94)
        );
}


/* =========================================================
   SCAN
   ========================================================= */

.gsledfaq__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledfaq__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.12),
            rgba(139,105,255,.08),
            rgba(255,200,87,.07),
            rgba(100,242,139,.06),
            transparent
        );

    box-shadow:
        0 0 14px rgba(41,217,239,.07);

    animation:
        gsledfaqScan
        14s linear infinite;
}

@keyframes gsledfaqScan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.30;
    }

    92%{
        opacity:.06;
    }

    100%{
        transform:translateY(9800px);
        opacity:0;
    }

}


/* =========================================================
   ÓRBITA
   ========================================================= */

.gsledfaq__orbit{
    position:absolute;

    width:820px;
    height:820px;

    right:-560px;
    top:1250px;

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.026);

    border-radius:50%;

    animation:
        gsledfaqOrbit
        88s linear infinite;
}

.gsledfaq__orbit::before{
    content:"";

    position:absolute;
    inset:145px;

    border:
        1px dashed rgba(139,105,255,.028);

    border-radius:50%;
}

.gsledfaq__orbit::after{
    content:"";

    position:absolute;
    inset:285px;

    border:
        1px solid rgba(255,200,87,.020);

    border-radius:50%;
}

@keyframes gsledfaqOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsledfaq__shell{
    position:relative;
    z-index:3;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        88px 0 92px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsledfaq__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.42fr);

    gap:38px;

    align-items:end;

    margin-bottom:26px;
}

.gsledfaq__heading-main{
    min-width:0;
}

.gsledfaq__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.15);

    border-radius:999px;

    background:
        rgba(41,217,239,.025);

    color:#8fcbd3;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledfaq__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.58);
}

.gsledfaq__title{
    max-width:1040px;

    margin:0;

    color:var(--white);

    font-size:
        clamp(
            31px,
            4vw,
            49px
        );

    line-height:1.08;
    font-weight:700;

    letter-spacing:-.035em;
}

.gsledfaq__title span{
    color:var(--cyan);
}

.gsledfaq__intro{
    max-width:960px;

    margin:
        16px 0 0;

    color:var(--muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   STATUS
   ========================================================= */

.gsledfaq__status{
    position:relative;

    min-width:0;

    padding:
        18px 19px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,200,87,.015),
            rgba(3,10,15,.92)
        );
}

.gsledfaq__status::before{
    content:"";

    position:absolute;

    left:0;
    top:12px;
    bottom:12px;

    width:2px;

    background:
        linear-gradient(
            180deg,
            transparent,
            var(--yellow),
            transparent
        );
}

.gsledfaq__status-label{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#c1aa70;

    font-size:11px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledfaq__status-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--yellow);

    box-shadow:
        0 0 7px rgba(255,200,87,.50);
}

.gsledfaq__status p{
    margin:0;

    color:#817d70;

    font-size:12px;
    line-height:1.62;
}


/* =========================================================
   PRINCIPIO
   ========================================================= */

.gsledfaq__principle{
    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(41,217,239,.08);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(41,217,239,.014),
            rgba(139,105,255,.011)
        );
}

.gsledfaq__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:270px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--violet),
            var(--yellow),
            var(--red),
            var(--green),
            transparent
        );
}

.gsledfaq__principle-code{
    display:grid !important;
    place-items:center !important;

    width:58px;
    height:58px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(41,217,239,.17);

    border-radius:13px;

    color:var(--cyan);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledfaq__principle-copy{
    min-width:0;
}

.gsledfaq__principle-copy strong{
    display:block;

    margin-bottom:5px;

    color:#d7e6ed;

    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.gsledfaq__principle-copy span{
    display:block;

    color:#748692;

    font-size:11px;
    line-height:1.62;
}

.gsledfaq__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(255,200,87,.10);

    border-radius:999px;

    color:#aa9b70;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

.gsledfaq__categories{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:7px;

    margin-bottom:18px;
}

.gsledfaq__category{
    --cat-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        12px 9px;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:9px;

    background:
        rgba(2,9,14,.48);

    text-align:center;
}

.gsledfaq__category:nth-child(2){
    --cat-color:var(--violet);
}

.gsledfaq__category:nth-child(3){
    --cat-color:var(--yellow);
}

.gsledfaq__category:nth-child(4){
    --cat-color:var(--red);
}

.gsledfaq__category:nth-child(5){
    --cat-color:var(--blue);
}

.gsledfaq__category:nth-child(6){
    --cat-color:var(--green);
}

.gsledfaq__category::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:58px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cat-color),
            transparent
        );
}

.gsledfaq__category-code{
    display:grid !important;
    place-items:center !important;

    width:39px;
    height:39px;

    margin:
        0 auto 7px;

    padding:0 !important;

    border:
        1px solid var(--cat-color);

    border-radius:8px;

    color:var(--cat-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledfaq__category strong{
    display:block;

    color:var(--cat-color);

    font-size:7px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   FAQ GRID
   ========================================================= */

.gsledfaq__questions{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    margin-bottom:18px;
}

.gsledfaq__item{
    --faq-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        19px 17px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.065);

    border-radius:14px;

    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(41,217,239,.025),
            transparent 31%
        ),
        rgba(2,9,14,.52);
}

.gsledfaq__item:nth-child(2){
    --faq-color:var(--violet);

    border-color:
        rgba(139,105,255,.065);
}

.gsledfaq__item:nth-child(3){
    --faq-color:var(--yellow);

    border-color:
        rgba(255,200,87,.065);
}

.gsledfaq__item:nth-child(4){
    --faq-color:var(--blue);

    border-color:
        rgba(75,142,255,.065);
}

.gsledfaq__item:nth-child(5){
    --faq-color:var(--red);

    border-color:
        rgba(255,97,119,.065);
}

.gsledfaq__item:nth-child(6){
    --faq-color:var(--cyan);
}

.gsledfaq__item:nth-child(7){
    --faq-color:var(--yellow);
}

.gsledfaq__item:nth-child(8){
    --faq-color:var(--green);

    border-color:
        rgba(100,242,139,.065);
}

.gsledfaq__item:nth-child(9){
    --faq-color:var(--green);

    border-color:
        rgba(100,242,139,.065);
}

.gsledfaq__item:nth-child(10){
    --faq-color:var(--violet);
}

.gsledfaq__item::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:95px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--faq-color),
            transparent
        );
}

.gsledfaq__question-head{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr);

    gap:11px;

    align-items:start;

    margin-bottom:10px;
}

.gsledfaq__question-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--faq-color);

    border-radius:9px;

    color:var(--faq-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledfaq__question{
    min-width:0;

    margin:0;

    color:#dce7ec;

    font-size:12px;
    line-height:1.48;
    font-weight:700;
}

.gsledfaq__answer{
    margin:0;

    color:#72838d;

    font-size:9px;
    line-height:1.67;
}

.gsledfaq__answer strong{
    color:#b8c8cf;
    font-weight:600;
}

.gsledfaq__item-note{
    display:inline-flex;
    align-items:center;

    gap:6px;

    margin-top:11px;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,255,255,.040);

    border-radius:7px;

    color:var(--faq-color);

    font-size:7px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledfaq__item-note::before{
    content:"";

    width:5px;
    height:5px;

    flex:0 0 5px;

    border-radius:50%;

    background:var(--faq-color);

    box-shadow:
        0 0 6px var(--faq-color);
}


/* =========================================================
   FAQ ESPECIAL — COTIZACIÓN
   ========================================================= */

.gsledfaq__filter{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.08);

    border-radius:19px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(255,200,87,.030),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(17,14,4,.25),
            rgba(2,8,13,.97)
        );
}

.gsledfaq__filter::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--yellow),
            var(--red),
            var(--green),
            transparent
        );
}

.gsledfaq__section-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:16px;

    align-items:start;

    margin-bottom:18px;
}

.gsledfaq__section-label{
    display:block;

    margin-bottom:6px;

    color:#baa56f;

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledfaq__section-title{
    margin:0;

    color:#e3edf2;

    font-size:22px;
    line-height:1.38;
    font-weight:700;
}

.gsledfaq__section-copy{
    max-width:900px;

    margin:
        8px 0 0;

    color:#748590;

    font-size:11px;
    line-height:1.66;
}

.gsledfaq__section-state{
    display:inline-flex;
    align-items:center;

    flex-shrink:0;

    padding:
        6px 9px;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:999px;

    color:#a49873;

    font-size:9px;
    line-height:1.3;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   FILTER FLOW
   ========================================================= */

.gsledfaq__filter-flow{
    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    gap:8px;
}

.gsledfaq__filter-node{
    --filter-color:var(--cyan);

    min-width:0;

    padding:
        15px 10px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:10px;

    background:
        rgba(2,9,14,.48);

    text-align:center;
}

.gsledfaq__filter-node:nth-child(2){
    --filter-color:var(--yellow);
}

.gsledfaq__filter-node:nth-child(3){
    --filter-color:var(--red);
}

.gsledfaq__filter-node:nth-child(4){
    --filter-color:var(--violet);
}

.gsledfaq__filter-node:nth-child(5){
    --filter-color:var(--green);
}

.gsledfaq__filter-code{
    display:grid !important;
    place-items:center !important;

    width:44px;
    height:44px;

    margin:
        0 auto 8px;

    padding:0 !important;

    border:
        1px solid var(--filter-color);

    border-radius:50%;

    color:var(--filter-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledfaq__filter-node strong{
    display:block;

    color:var(--filter-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledfaq__filter-copy{
    display:block;

    margin-top:4px;

    color:#687a85;

    font-size:7px;
    line-height:1.47;
}


/* =========================================================
   SEGURIDAD
   ========================================================= */

.gsledfaq__safety{
    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,97,119,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,97,119,.012),
            rgba(255,200,87,.009)
        );
}

.gsledfaq__safety-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,97,119,.16);

    border-radius:10px;

    color:var(--red);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledfaq__safety-copy{
    min-width:0;

    color:#7c7478;

    font-size:9px;
    line-height:1.62;
}

.gsledfaq__safety-copy strong{
    color:#cfb5bb;
    font-weight:600;
}

.gsledfaq__safety-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,97,119,.09);

    border-radius:8px;

    color:#aa838b;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   CONTACTO RÁPIDO
   ========================================================= */

.gsledfaq__contact{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:18px;

    align-items:center;

    margin-bottom:18px;

    padding:
        21px;

    overflow:hidden;

    border:
        1px solid rgba(100,242,139,.08);

    border-radius:16px;

    background:
        radial-gradient(
            circle at 91% 15%,
            rgba(100,242,139,.036),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(4,17,8,.32),
            rgba(2,8,13,.96)
        );
}

.gsledfaq__contact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:210px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--green),
            var(--cyan),
            transparent
        );
}

.gsledfaq__contact-copy{
    min-width:0;
}

.gsledfaq__contact-copy strong{
    display:block;

    margin-bottom:5px;

    color:#b6d8bd;

    font-size:13px;
    line-height:1.45;
    font-weight:700;
}

.gsledfaq__contact-copy span{
    display:block;

    color:#718379;

    font-size:9px;
    line-height:1.62;
}

.gsledfaq__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    min-height:46px;

    padding:
        10px 14px;

    border:
        1px solid rgba(100,242,139,.26);

    border-radius:10px;

    background:
        rgba(100,242,139,.86);

    color:#031006 !important;

    text-decoration:none !important;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.gsledfaq__button:hover{
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px rgba(100,242,139,.12);
}

.gsledfaq__button:focus-visible{
    outline:2px solid var(--green);
    outline-offset:3px;
}



/* =========================================================
   TERMINAL
   ========================================================= */

.gsledfaq__terminal{
    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.085);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.46),
            rgba(2,7,11,.98)
        );
}

.gsledfaq__terminal-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledfaq__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledfaq__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledfaq__terminal-dot--red{
    background:var(--red);
}

.gsledfaq__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledfaq__terminal-dot--green{
    background:var(--green);
}

.gsledfaq__terminal-name{
    color:#607580;

    font-size:9px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsledfaq__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:15px;

    align-items:center;

    padding:17px;
}

.gsledfaq__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

.gsledfaq__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

    font-size:9px;
    line-height:1.35;
}

.gsledfaq__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:9px;

    color:#86ae8e;

    font-size:9px;
    line-height:1.35;
    font-weight:600;
}

.gsledfaq__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsledfaq__footer{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

    font-size:9px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsledfaq__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657985;
}

.gsledfaq__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 7px rgba(41,217,239,.46);
}


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

    .gsledfaq__categories{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsledfaq__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            76px 0 80px;
    }

    .gsledfaq__heading{
        grid-template-columns:
            minmax(0,1fr);

        gap:19px;
    }

    .gsledfaq__status{
        max-width:650px;
    }

    .gsledfaq__filter-flow{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsledfaq__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledfaq__scan,
    .gsledfaq__orbit{
        display:none;
    }

    .gsledfaq__shell{
        width:
            calc(100% - 30px);

        padding:
            61px 0 65px;
    }

    .gsledfaq__heading{
        display:block;
    }

    .gsledfaq__status{
        margin-top:19px;
    }

    .gsledfaq__title{
        font-size:
            clamp(
                29px,
                9vw,
                38px
            );
    }

    .gsledfaq__intro{
        font-size:14px;
        line-height:1.7;
    }

    .gsledfaq__principle{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;

        padding:15px;
    }

    .gsledfaq__principle-state{
        width:fit-content;
    }

    .gsledfaq__categories{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsledfaq__questions{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledfaq__filter{
        padding:
            18px 15px;

        border-radius:15px;
    }

    .gsledfaq__section-head{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledfaq__section-state{
        width:fit-content;
    }

    .gsledfaq__filter-flow{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gsledfaq__safety{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledfaq__safety-state{
        width:fit-content;
    }

    .gsledfaq__contact{
        grid-template-columns:
            minmax(0,1fr);

        gap:12px;
    }

    .gsledfaq__button{
        width:100%;
    }

    .gsledfaq__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:11px;

        padding:
            15px 13px;
    }

    .gsledfaq__terminal-state{
        width:fit-content;
    }

    .gsledfaq__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsledfaq__categories,
    .gsledfaq__filter-flow{
        grid-template-columns:
            minmax(0,1fr);
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsledfaq__shell{
        width:
            calc(100% - 24px);
    }

    .gsledfaq__item{
        padding:
            17px 13px;
    }

    .gsledfaq__question-head{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledfaq__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsledfaq__terminal-item{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .gsledfaq *,
    .gsledfaq *::before,
    .gsledfaq *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .gsledfaq__scan,
    .gsledfaq__orbit{
        display:none !important;
    }

}

.gsledfaq__dynamic{
    position:relative;
    min-height:300px;
}

.gsledfaq__dynamic-loading{
    margin:0;
    padding:28px 18px;
    border:1px solid rgba(41,217,239,.07);
    border-radius:14px;
    background:rgba(2,8,13,.62);
    color:#70828e;
    font-size:10px;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   CTA FINAL — INDICADOR DE LUCES — GSFC 0.38.0
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   CTA FINAL · INDICADOR DE LUCES

   CSS ID EXTERIOR:
   cta-indicador-luces

   ROOT: .gsledcta
   ========================================================= */

.gsledcta{

    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;

    --green:#64f28b;
    --yellow:#ffc857;
    --orange:#ff9c42;
    --red:#ff6177;

    --white:#f4faff;
    --text:#dce8f0;
    --muted:#8495a3;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 13% 11%,
            rgba(41,217,239,.075),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 12%,
            rgba(139,105,255,.055),
            transparent 31%
        ),
        radial-gradient(
            circle at 53% 72%,
            rgba(100,242,139,.036),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 54%,
            #020408 100%
        );

    font-family:var(--gs-font-sans);

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}

.gsledcta *,
.gsledcta *::before,
.gsledcta *::after{
    box-sizing:border-box;

    font-family:var(--gs-font-sans);

    writing-mode:horizontal-tb;
    word-break:normal;
    overflow-wrap:break-word;
}


/* =========================================================
   FONDO
   ========================================================= */

.gsledcta__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.21;

    background-image:
        linear-gradient(
            rgba(41,217,239,.031) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.025) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}

.gsledcta__grid::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,8,.96),
            transparent 17%,
            transparent 83%,
            rgba(2,4,8,.96)
        );
}


/* =========================================================
   SCAN
   ========================================================= */

.gsledcta__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsledcta__scan::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(41,217,239,.16),
            rgba(139,105,255,.10),
            rgba(100,242,139,.09),
            transparent
        );

    box-shadow:
        0 0 17px rgba(41,217,239,.08);

    animation:
        gsledctaScan
        12s linear infinite;
}

@keyframes gsledctaScan{

    0%{
        transform:translateY(0);
        opacity:0;
    }

    8%{
        opacity:.36;
    }

    92%{
        opacity:.07;
    }

    100%{
        transform:translateY(8200px);
        opacity:0;
    }

}


/* =========================================================
   GLOW DECORATIVO
   ========================================================= */

.gsledcta__glow{
    position:absolute;

    width:650px;
    height:650px;

    left:50%;
    top:47%;

    transform:
        translate(-50%,-50%);

    pointer-events:none;

    border:
        1px solid rgba(41,217,239,.030);

    border-radius:50%;

    box-shadow:
        0 0 120px rgba(41,217,239,.018);

    animation:
        gsledctaGlowRotate
        70s linear infinite;
}

.gsledcta__glow::before{
    content:"";

    position:absolute;
    inset:88px;

    border:
        1px dashed rgba(139,105,255,.035);

    border-radius:50%;
}

.gsledcta__glow::after{
    content:"";

    position:absolute;
    inset:190px;

    border:
        1px solid rgba(100,242,139,.025);

    border-radius:50%;
}

@keyframes gsledctaGlowRotate{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}


/* =========================================================
   SHELL
   ========================================================= */

.gsledcta__shell{
    position:relative;
    z-index:4;

    width:
        min(
            1180px,
            calc(100% - 48px)
        );

    margin:0 auto;

    padding:
        92px 0 94px;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.gsledcta__heading{
    max-width:900px;

    margin:
        0 auto 28px;

    text-align:center;
}

.gsledcta__kicker{
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:15px;

    padding:
        7px 11px;

    border:
        1px solid rgba(41,217,239,.16);

    border-radius:999px;

    background:
        rgba(41,217,239,.027);

    color:#8fcbd3;

    font-size:11px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.gsledcta__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 8px rgba(41,217,239,.62);
}

.gsledcta__title{
    margin:0;

    color:var(--white);

    font-size:
        clamp(
            34px,
            4.6vw,
            55px
        );

    line-height:1.05;
    font-weight:700;

    letter-spacing:-.04em;
}

.gsledcta__title span{
    color:var(--cyan);
}

.gsledcta__intro{
    max-width:820px;

    margin:
        17px auto 0;

    color:var(--muted);

    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   CORE CTA
   ========================================================= */

.gsledcta__core{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,.94fr)
        minmax(0,1.06fr);

    gap:14px;

    margin-bottom:18px;

    padding:24px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.09);

    border-radius:22px;

    background:
        radial-gradient(
            circle at 26% 50%,
            rgba(41,217,239,.045),
            transparent 36%
        ),
        radial-gradient(
            circle at 80% 20%,
            rgba(139,105,255,.035),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            rgba(3,15,21,.48),
            rgba(2,8,13,.97)
        );

    box-shadow:
        0 24px 80px rgba(0,0,0,.18);
}

.gsledcta__core::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:320px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--violet),
            var(--green),
            transparent
        );
}


/* =========================================================
   HUD CENTRAL
   ========================================================= */

.gsledcta__hud{
    position:relative;

    min-width:0;
    min-height:510px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.075);

    border-radius:17px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(41,217,239,.065),
            transparent 35%
        ),
        rgba(2,8,13,.46);
}

.gsledcta__hud::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.19;

    background-image:
        linear-gradient(
            rgba(41,217,239,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139,105,255,.022) 1px,
            transparent 1px
        );

    background-size:26px 26px;
}


/* =========================================================
   ESQUINAS HUD
   ========================================================= */

.gsledcta__hud-corner{
    position:absolute;
    z-index:5;

    width:34px;
    height:34px;

    pointer-events:none;
}

.gsledcta__hud-corner--tl{
    left:13px;
    top:13px;

    border-left:
        1px solid rgba(41,217,239,.35);

    border-top:
        1px solid rgba(41,217,239,.35);
}

.gsledcta__hud-corner--tr{
    right:13px;
    top:13px;

    border-right:
        1px solid rgba(41,217,239,.35);

    border-top:
        1px solid rgba(41,217,239,.35);
}

.gsledcta__hud-corner--bl{
    left:13px;
    bottom:13px;

    border-left:
        1px solid rgba(41,217,239,.35);

    border-bottom:
        1px solid rgba(41,217,239,.35);
}

.gsledcta__hud-corner--br{
    right:13px;
    bottom:13px;

    border-right:
        1px solid rgba(41,217,239,.35);

    border-bottom:
        1px solid rgba(41,217,239,.35);
}


/* =========================================================
   HUD RING
   ========================================================= */

.gsledcta__hud-ring{
    position:absolute;

    left:50%;
    top:44%;

    width:220px;
    height:220px;

    transform:
        translate(-50%,-50%);

    display:grid;
    place-items:center;

    border:
        1px solid rgba(41,217,239,.23);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(41,217,239,.085),
            rgba(2,8,13,.96) 70%
        );

    box-shadow:
        0 0 0 14px rgba(41,217,239,.014),
        0 0 48px rgba(41,217,239,.07);
}

.gsledcta__hud-ring::before{
    content:"";

    position:absolute;
    inset:-40px;

    border:
        1px dashed rgba(139,105,255,.12);

    border-radius:50%;

    animation:
        gsledctaHudRotate
        14s linear infinite;
}

.gsledcta__hud-ring::after{
    content:"";

    position:absolute;
    inset:-83px;

    border:
        1px solid rgba(100,242,139,.050);

    border-radius:50%;
}

@keyframes gsledctaHudRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsledcta__hud-center{
    position:relative;
    z-index:5;

    max-width:160px;

    text-align:center;
}

.gsledcta__hud-center-code{
    display:block;

    margin-bottom:7px;

    color:var(--cyan);

    font-size:10px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__hud-center strong{
    display:block;

    color:#edfaff;

    font-size:19px;
    line-height:1.22;
    font-weight:700;

    letter-spacing:-.025em;
}

.gsledcta__hud-center span{
    display:block;

    margin-top:7px;

    color:#728893;

    font-size:8px;
    line-height:1.5;
}


/* =========================================================
   HUD SIGNALS
   ========================================================= */

.gsledcta__signal{
    --signal-color:var(--cyan);

    position:absolute;
    z-index:7;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr);

    gap:7px;

    align-items:center;

    min-width:128px;

    padding:
        8px 9px;

    border:
        1px solid rgba(255,255,255,.045);

    border-radius:8px;

    background:
        rgba(2,8,13,.87);

    color:#71838e;

    font-size:7px;
    line-height:1.45;
}

.gsledcta__signal::before{
    content:"";

    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:var(--signal-color);

    box-shadow:
        0 0 8px var(--signal-color);

    animation:
        gsledctaSignal
        2.3s ease-in-out infinite;
}

.gsledcta__signal strong{
    display:block;

    color:var(--signal-color);

    font-size:7px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__signal--model{
    --signal-color:var(--cyan);

    left:18px;
    top:78px;
}

.gsledcta__signal--pattern{
    --signal-color:var(--violet);

    right:18px;
    top:78px;
}

.gsledcta__signal--context{
    --signal-color:var(--yellow);

    left:18px;
    bottom:105px;
}

.gsledcta__signal--next{
    --signal-color:var(--green);

    right:18px;
    bottom:105px;
}

@keyframes gsledctaSignal{

    0%,
    100%{
        opacity:.55;
    }

    50%{
        opacity:1;
    }

}


/* =========================================================
   RUTA BAJA HUD
   ========================================================= */

.gsledcta__hud-route{
    position:absolute;

    left:17px;
    right:17px;
    bottom:18px;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:6px;
}

.gsledcta__hud-node{
    --hud-node:var(--cyan);

    min-width:0;

    padding:
        8px 6px;

    border:
        1px solid rgba(255,255,255,.042);

    border-radius:7px;

    background:
        rgba(2,8,13,.78);

    text-align:center;
}

.gsledcta__hud-node:nth-child(2){
    --hud-node:var(--violet);
}

.gsledcta__hud-node:nth-child(3){
    --hud-node:var(--yellow);
}

.gsledcta__hud-node:nth-child(4){
    --hud-node:var(--green);
}

.gsledcta__hud-node strong{
    display:block;

    color:var(--hud-node);

    font-size:7px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__hud-node span{
    display:block;

    margin-top:2px;

    color:#5f727d;

    font-size:6px;
    line-height:1.4;
}


/* =========================================================
   PANEL CTA
   ========================================================= */

.gsledcta__action{
    min-width:0;

    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:
        15px 7px 15px 10px;
}

.gsledcta__action-label{
    display:inline-flex;
    align-items:center;

    width:fit-content;

    gap:7px;

    margin-bottom:11px;

    padding:
        6px 9px;

    border:
        1px solid rgba(100,242,139,.12);

    border-radius:999px;

    color:#8fbf99;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__action-label::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.55);
}

.gsledcta__action-title{
    margin:0;

    color:#eef7fb;

    font-size:
        clamp(
            25px,
            3vw,
            38px
        );

    line-height:1.12;
    font-weight:700;

    letter-spacing:-.03em;
}

.gsledcta__action-title span{
    color:var(--green);
}

.gsledcta__action-copy{
    margin:
        13px 0 0;

    color:#788a94;

    font-size:12px;
    line-height:1.7;
}


/* =========================================================
   DATOS A ENVIAR
   ========================================================= */

.gsledcta__send{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;

    margin-top:16px;
}

.gsledcta__send-item{
    --send-color:var(--cyan);

    min-width:0;

    padding:
        11px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:8px;

    background:
        rgba(2,9,14,.50);
}

.gsledcta__send-item:nth-child(2){
    --send-color:var(--violet);
}

.gsledcta__send-item:nth-child(3){
    --send-color:var(--yellow);
}

.gsledcta__send-item:nth-child(4){
    --send-color:var(--green);
}

.gsledcta__send-head{
    display:flex;
    align-items:center;

    gap:7px;

    margin-bottom:4px;
}

.gsledcta__send-code{
    display:grid !important;
    place-items:center !important;

    width:31px;
    height:31px;

    flex:0 0 31px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--send-color);

    border-radius:7px;

    color:var(--send-color);

    font-size:6px;
    line-height:1 !important;
    font-weight:700;
}

.gsledcta__send-head strong{
    color:var(--send-color);

    font-size:7px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__send-copy{
    display:block;

    color:#677985;

    font-size:7px;
    line-height:1.5;
}


/* =========================================================
   BOTONES
   ========================================================= */

.gsledcta__buttons{
    display:grid;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(0,.75fr);

    gap:8px;

    margin-top:17px;
}

.gsledcta__button{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-width:0;
    min-height:50px;

    padding:
        11px 15px;

    border-radius:10px;

    text-decoration:none !important;

    font-size:9px;
    line-height:1.35;
    font-weight:700;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.gsledcta__button--wa{
    border:
        1px solid rgba(100,242,139,.28);

    background:
        rgba(100,242,139,.89);

    color:#031006 !important;

    box-shadow:
        0 10px 28px rgba(100,242,139,.08);
}

.gsledcta__button--call{
    border:
        1px solid rgba(41,217,239,.16);

    background:
        rgba(41,217,239,.035);

    color:#9ed9e1 !important;
}

.gsledcta__button:hover{
    transform:
        translateY(-2px);
}

.gsledcta__button:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}

.gsledcta__button--wa:hover{
    box-shadow:
        0 16px 34px rgba(100,242,139,.14);
}

.gsledcta__button--call:hover{
    border-color:
        rgba(41,217,239,.31);

    box-shadow:
        0 14px 30px rgba(41,217,239,.07);
}

.gsledcta__button-icon{
    display:grid !important;
    place-items:center !important;

    width:24px;
    height:24px;

    flex:0 0 24px;

    margin:0;
    padding:0 !important;

    border:
        1px solid currentColor;

    border-radius:50%;

    font-size:7px;
    line-height:1 !important;
    font-weight:800;
}


/* =========================================================
   FILTRO DE COTIZACIÓN
   ========================================================= */

.gsledcta__filter{
    position:relative;

    margin-top:15px;

    padding:
        13px 14px;

    overflow:hidden;

    border:
        1px solid rgba(255,200,87,.065);

    border-radius:9px;

    background:
        rgba(15,12,4,.22);
}

.gsledcta__filter strong{
    display:block;

    margin-bottom:4px;

    color:#c5ba91;

    font-size:8px;
    line-height:1.45;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__filter span{
    display:block;

    color:#7b786a;

    font-size:8px;
    line-height:1.56;
}


/* =========================================================
   GARANTÍAS COMERCIALES
   ========================================================= */

.gsledcta__trust{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;

    margin-bottom:18px;
}

.gsledcta__trust-card{
    --trust-color:var(--cyan);

    position:relative;

    min-width:0;

    min-height:165px;

    padding:
        15px 13px;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:11px;

    background:
        rgba(2,9,14,.50);
}

.gsledcta__trust-card:nth-child(2){
    --trust-color:var(--yellow);
}

.gsledcta__trust-card:nth-child(3){
    --trust-color:var(--green);
}

.gsledcta__trust-card:nth-child(4){
    --trust-color:var(--violet);
}

.gsledcta__trust-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:78px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--trust-color),
            transparent
        );
}

.gsledcta__trust-code{
    display:grid !important;
    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:9px;
    padding:0 !important;

    border:
        1px solid var(--trust-color);

    border-radius:9px;

    color:var(--trust-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledcta__trust-card strong{
    display:block;

    margin-bottom:4px;

    color:var(--trust-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__trust-copy{
    display:block;

    color:#697b86;

    font-size:8px;
    line-height:1.55;
}


/* =========================================================
   LOCAL / NACIONAL
   ========================================================= */

.gsledcta__routes{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    margin-bottom:18px;
}

.gsledcta__route{
    --route-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        19px 17px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.065);

    border-radius:13px;

    background:
        radial-gradient(
            circle at 93% 8%,
            rgba(41,217,239,.026),
            transparent 32%
        ),
        rgba(2,9,14,.51);
}

.gsledcta__route--mx{
    --route-color:var(--green);

    border-color:
        rgba(100,242,139,.065);

    background:
        radial-gradient(
            circle at 93% 8%,
            rgba(100,242,139,.026),
            transparent 32%
        ),
        rgba(2,9,14,.51);
}

.gsledcta__route::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:110px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--route-color),
            transparent
        );
}

.gsledcta__route-head{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr);

    gap:10px;

    align-items:center;

    margin-bottom:11px;
}

.gsledcta__route-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid var(--route-color);

    border-radius:9px;

    color:var(--route-color);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledcta__route-head-copy{
    min-width:0;
}

.gsledcta__route-head-copy strong{
    display:block;

    color:var(--route-color);

    font-size:10px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__route-head-copy span{
    display:block;

    margin-top:3px;

    color:#687a84;

    font-size:8px;
    line-height:1.48;
}

.gsledcta__route-text{
    margin:0;

    color:#6f808a;

    font-size:9px;
    line-height:1.62;
}


/* =========================================================
   CONTACTO
   ========================================================= */

.gsledcta__contact{
    position:relative;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.075);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(3,15,21,.40),
            rgba(2,8,13,.97)
        );
}

.gsledcta__contact::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--violet),
            var(--green),
            transparent
        );
}

.gsledcta__contact-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:8px;
}

.gsledcta__contact-item{
    --contact-color:var(--cyan);

    min-width:0;

    padding:
        14px 12px;

    border:
        1px solid rgba(255,255,255,.043);

    border-radius:9px;

    background:
        rgba(2,9,14,.48);
}

.gsledcta__contact-item:nth-child(2){
    --contact-color:var(--green);
}

.gsledcta__contact-item:nth-child(3){
    --contact-color:var(--violet);
}

.gsledcta__contact-item:nth-child(4){
    --contact-color:var(--yellow);
}

.gsledcta__contact-code{
    display:grid !important;
    place-items:center !important;

    width:38px;
    height:38px;

    margin-bottom:8px;
    padding:0 !important;

    border:
        1px solid var(--contact-color);

    border-radius:8px;

    color:var(--contact-color);

    font-size:7px;
    line-height:1 !important;
    font-weight:700;
}

.gsledcta__contact-item strong{
    display:block;

    margin-bottom:4px;

    color:var(--contact-color);

    font-size:8px;
    line-height:1.4;
    font-weight:700;

    text-transform:uppercase;
}

.gsledcta__contact-item a,
.gsledcta__contact-item span{
    display:block;

    color:#71838e !important;

    text-decoration:none !important;

    font-size:8px;
    line-height:1.55;
}

.gsledcta__contact-item a:hover{
    color:#a8c8d2 !important;
}


/* =========================================================
   UBICACIÓN
   ========================================================= */

.gsledcta__location{
    display:grid;

    grid-template-columns:
        auto minmax(0,1fr) auto;

    gap:13px;

    align-items:center;

    margin-bottom:18px;

    padding:
        16px;

    border:
        1px solid rgba(139,105,255,.065);

    border-radius:12px;

    background:
        rgba(9,7,19,.22);
}

.gsledcta__location-code{
    display:grid !important;
    place-items:center !important;

    width:45px;
    height:45px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(139,105,255,.17);

    border-radius:9px;

    color:var(--violet);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledcta__location-copy{
    min-width:0;

    color:#77758a;

    font-size:9px;
    line-height:1.58;
}

.gsledcta__location-copy strong{
    display:block;

    margin-bottom:3px;

    color:#b4aed0;

    font-weight:600;
}

.gsledcta__location-link{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:38px;

    padding:
        8px 11px;

    border:
        1px solid rgba(139,105,255,.12);

    border-radius:8px;

    color:#a9a0d3 !important;

    text-decoration:none !important;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;

    transition:
        transform .25s ease,
        border-color .25s ease;
}

.gsledcta__location-link:hover{
    transform:
        translateY(-2px);

    border-color:
        rgba(139,105,255,.28);
}

.gsledcta__location-link:focus-visible{
    outline:2px solid var(--violet);
    outline-offset:3px;
}


/* =========================================================
   AVISO FINAL
   ========================================================= */

.gsledcta__notice{
    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,.065);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,200,87,.012),
            rgba(255,97,119,.008)
        );
}

.gsledcta__notice-code{
    display:grid !important;
    place-items:center !important;

    width:46px;
    height:46px;

    margin:0;
    padding:0 !important;

    border:
        1px solid rgba(255,200,87,.16);

    border-radius:10px;

    color:var(--yellow);

    font-size:8px;
    line-height:1 !important;
    font-weight:700;
}

.gsledcta__notice-copy{
    min-width:0;

    color:#7d796c;

    font-size:9px;
    line-height:1.62;
}

.gsledcta__notice-copy strong{
    color:#c8bd96;
    font-weight:600;
}

.gsledcta__notice-state{
    flex-shrink:0;

    padding:
        6px 8px;

    border:
        1px solid rgba(255,200,87,.09);

    border-radius:8px;

    color:#a59873;

    font-size:8px;
    line-height:1.35;
    font-weight:700;

    text-transform:uppercase;
}


/* =========================================================
   TERMINAL FINAL
   ========================================================= */

.gsledcta__terminal{
    overflow:hidden;

    border:
        1px solid rgba(41,217,239,.09);

    border-radius:16px;

    background:
        linear-gradient(
            155deg,
            rgba(3,15,21,.48),
            rgba(2,7,11,.99)
        );
}

.gsledcta__terminal-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:42px;

    padding:
        9px 13px;

    border-bottom:
        1px solid rgba(41,217,239,.055);

    background:
        rgba(3,13,19,.68);
}

.gsledcta__terminal-dots{
    display:flex;

    gap:6px;
}

.gsledcta__terminal-dot{
    width:6px;
    height:6px;

    border-radius:50%;
}

.gsledcta__terminal-dot--red{
    background:var(--red);
}

.gsledcta__terminal-dot--yellow{
    background:var(--yellow);
}

.gsledcta__terminal-dot--green{
    background:var(--green);
}

.gsledcta__terminal-name{
    color:#607580;

    font-size:9px;
    line-height:1.35;
    font-weight:600;

    text-transform:uppercase;
}

.gsledcta__terminal-body{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:15px;

    align-items:center;

    padding:17px;
}

.gsledcta__terminal-route{
    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

.gsledcta__terminal-item{
    display:inline-flex;
    align-items:center;

    min-height:28px;

    padding:
        5px 8px;

    border:
        1px solid rgba(41,217,239,.040);

    border-radius:7px;

    background:
        rgba(2,9,14,.44);

    color:#6a7c87;

    font-size:9px;
    line-height:1.35;
}

.gsledcta__terminal-state{
    display:inline-flex;
    align-items:center;

    gap:6px;

    flex-shrink:0;

    padding:
        7px 9px;

    border:
        1px solid rgba(100,242,139,.09);

    border-radius:9px;

    color:#86ae8e;

    font-size:9px;
    line-height:1.35;
    font-weight:600;
}

.gsledcta__terminal-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

    box-shadow:
        0 0 7px rgba(100,242,139,.50);
}


/* =========================================================
   FOOTER
   ========================================================= */

.gsledcta__footer{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;

    padding:
        0 3px;

    color:#526570;

    font-size:9px;
    line-height:1.45;
    font-weight:600;

    text-transform:uppercase;
}

.gsledcta__footer-state{
    display:flex;
    align-items:center;

    gap:6px;

    color:#657985;
}

.gsledcta__footer-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);

    box-shadow:
        0 0 7px rgba(41,217,239,.46);
}


/* =========================================================
   1120 PX
   ========================================================= */

@media (max-width:1120px){

    .gsledcta__trust,
    .gsledcta__contact-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px){

    .gsledcta__shell{
        width:
            min(
                calc(100% - 40px),
                920px
            );

        padding:
            78px 0 82px;
    }

    .gsledcta__core{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledcta__hud{
        min-height:500px;
    }

    .gsledcta__action{
        padding:
            12px 4px 4px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

    .gsledcta__grid{
        opacity:.15;

        background-size:
            32px 32px;
    }

    .gsledcta__scan,
    .gsledcta__glow{
        display:none;
    }

    .gsledcta__shell{
        width:
            calc(100% - 30px);

        padding:
            62px 0 67px;
    }

    .gsledcta__heading{
        margin-bottom:22px;
    }

    .gsledcta__title{
        font-size:
            clamp(
                30px,
                9vw,
                40px
            );
    }

    .gsledcta__intro{
        font-size:14px;
        line-height:1.7;
    }

    .gsledcta__core{
        padding:
            17px 14px;

        border-radius:16px;
    }

    .gsledcta__hud{
        min-height:390px;
    }

    .gsledcta__hud-ring{
        width:170px;
        height:170px;

        top:43%;
    }

    .gsledcta__hud-ring::after{
        inset:-56px;
    }

    .gsledcta__hud-center strong{
        font-size:16px;
    }

    .gsledcta__signal{
        display:none;
    }

    .gsledcta__hud-route{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:5px;
    }

    .gsledcta__send{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledcta__buttons{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledcta__button{
        width:100%;
    }

    .gsledcta__trust,
    .gsledcta__routes,
    .gsledcta__contact-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gsledcta__trust-card{
        min-height:0;
    }

    .gsledcta__location,
    .gsledcta__notice{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

    .gsledcta__location-link,
    .gsledcta__notice-state{
        width:fit-content;
    }

    .gsledcta__terminal-body{
        grid-template-columns:
            minmax(0,1fr);

        gap:11px;

        padding:
            15px 13px;
    }

    .gsledcta__terminal-state{
        width:fit-content;
    }

    .gsledcta__footer{
        flex-direction:column;
        align-items:flex-start;

        gap:6px;
    }

}


/* =========================================================
   480 PX
   ========================================================= */

@media (max-width:480px){

    .gsledcta__hud{
        min-height:420px;
    }

    .gsledcta__hud-ring{
        width:145px;
        height:145px;

        top:39%;
    }

    .gsledcta__hud-ring::before{
        inset:-27px;
    }

    .gsledcta__hud-ring::after{
        inset:-50px;
    }

    .gsledcta__hud-route{
        grid-template-columns:
            minmax(0,1fr);
    }

}


/* =========================================================
   390 PX
   ========================================================= */

@media (max-width:390px){

    .gsledcta__shell{
        width:
            calc(100% - 24px);
    }

    .gsledcta__core{
        padding:
            15px 11px;
    }

    .gsledcta__hud{
        min-height:430px;
    }

    .gsledcta__action-title{
        font-size:26px;
    }

    .gsledcta__terminal-route{
        display:grid;

        grid-template-columns:
            minmax(0,1fr);

        width:100%;
    }

    .gsledcta__terminal-item{
        width:100%;
    }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .gsledcta *,
    .gsledcta *::before,
    .gsledcta *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .gsledcta__scan,
    .gsledcta__glow{
        display:none !important;
    }

}

.gsledcta__dynamic{
    position:absolute;
    inset:0;
    z-index:4;
}

.gsledcta__dynamic-loading{
    position:absolute;
    left:50%;
    top:50%;
    z-index:8;
    width:min(280px,calc(100% - 44px));
    margin:0;
    padding:14px 16px;
    transform:translate(-50%,-50%);
    border:1px solid rgba(41,217,239,.07);
    border-radius:10px;
    background:rgba(2,8,13,.78);
    color:#70828e;
    font-size:10px;
    line-height:1.55;
    text-align:center;
}