/* =========================================================
   GS FRONTEND CORE 0.40.0
   AYÚDANOS A MEJORAR
   6 secciones · CSS externo
   ========================================================= */

/* =========================================================
   AYÚDANOS A MEJORAR
   ID: ayudanos-mejorar-inicio
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AYÚDANOS A MEJORAR · INICIO

   CSS ID EXTERIOR:
   ayudanos-mejorar-inicio

   ROOT:
   .gsimprovehero
   ========================================================= */

.gsimprovehero{
--cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;
    --green:#64f28b;
--white:#f4faff;
    --text:#dce8f0;
position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 8% 10%,
            rgba(41,217,239,.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 91% 12%,
            rgba(139,105,255,.040),
            transparent 31%
        ),
        radial-gradient(
            circle at 74% 88%,
            rgba(100,242,139,.020),
            transparent 33%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 48%,
            #020408 100%
        );

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

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

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

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

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


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

.gsimprovehero__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.18;

    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:48px 48px;
}

.gsimprovehero__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


/* =========================================================
   ESCANEO
   ========================================================= */

.gsimprovehero__scan{
    position:absolute;
    inset:0;

    overflow:hidden;
    pointer-events:none;
}

.gsimprovehero__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,.05),
            transparent
        );

    animation:
        gsimproveheroScan
        20s linear infinite;
}

@keyframes gsimproveheroScan{

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

    8%{
        opacity:.22;
    }

    92%{
        opacity:.04;
    }

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

}


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

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

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

    margin:0 auto;

    padding:
        82px 0 86px;
}


/* =========================================================
   META
   ========================================================= */

.gsimprovehero__meta{
    display:flex;

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

    gap:18px;

    margin-bottom:26px;
}

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

    gap:8px;

    padding:
        7px 11px;

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

    border-radius:999px;

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

    color:#8fc7cf;

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

    text-transform:uppercase;
}

.gsimprovehero__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--green);

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

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

    gap:7px;

    padding:
        7px 10px;

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

    border-radius:999px;

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

    color:#8eb79a;

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

    text-transform:uppercase;
}

.gsimprovehero__status::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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


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

.gsimprovehero__hero{
    display:grid;

    grid-template-columns:
        minmax(0,1.06fr)
        minmax(390px,.94fr);

    gap:54px;

    align-items:center;

    margin-bottom:24px;
}


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

.gsimprovehero__copy{
    min-width:0;
}

.gsimprovehero__eyebrow{
    display:block;

    margin-bottom:11px;

    color:#8295a1;

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

    text-transform:uppercase;
}

.gsimprovehero__title{
    max-width:760px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.043em;
}

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

.gsimprovehero__lead{
    max-width:725px;

    margin:
        19px 0 0;

    color:#9babb5;

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

.gsimprovehero__description{
    max-width:730px;

    margin:
        11px 0 0;

    color:#74858f;

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


/* =========================================================
   PRINCIPIOS
   ========================================================= */

.gsimprovehero__principles{
    display:grid;

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

    gap:8px;

    margin-top:21px;
}

.gsimprovehero__principle{
    --p-color:var(--cyan);

    min-width:0;

    padding:
        13px 11px;

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

    border-radius:9px;

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

.gsimprovehero__principle:nth-child(2){
    --p-color:var(--violet);
}

.gsimprovehero__principle:nth-child(3){
    --p-color:var(--green);
}

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

    width:36px;
    height:36px;

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

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

    border-radius:8px;

    color:var(--p-color);

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

.gsimprovehero__principle strong{
    display:block;

    margin-bottom:4px;

    color:var(--p-color);

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

    text-transform:uppercase;
}

.gsimprovehero__principle span{
    display:block;

    color:#667983;

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


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

.gsimprovehero__visual{
    position:relative;

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

    overflow:hidden;

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

    border-radius:20px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(41,217,239,.060),
            transparent 38%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(139,105,255,.035),
            transparent 58%
        ),
        rgba(2,9,14,.47);
}

.gsimprovehero__visual::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.17;

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

    background-size:27px 27px;
}


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

.gsimprovehero__corner{
    position:absolute;
    z-index:2;

    width:32px;
    height:32px;

    border-color:
        rgba(41,217,239,.30);
}

.gsimprovehero__corner--tl{
    left:15px;
    top:15px;

    border-left:1px solid;
    border-top:1px solid;
}

.gsimprovehero__corner--tr{
    right:15px;
    top:15px;

    border-right:1px solid;
    border-top:1px solid;
}

.gsimprovehero__corner--bl{
    left:15px;
    bottom:15px;

    border-left:1px solid;
    border-bottom:1px solid;
}

.gsimprovehero__corner--br{
    right:15px;
    bottom:15px;

    border-right:1px solid;
    border-bottom:1px solid;
}


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

.gsimprovehero__core{
    position:absolute;

    left:50%;
    top:43%;

    width:190px;
    height:190px;

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

    display:grid;
    place-items:center;

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

    border-radius:50%;

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

.gsimprovehero__core::before{
    content:"";

    position:absolute;
    inset:-38px;

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

    border-radius:50%;

    animation:
        gsimproveheroRotate
        27s linear infinite;
}

.gsimprovehero__core::after{
    content:"";

    position:absolute;
    inset:-72px;

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

    border-radius:50%;
}

@keyframes gsimproveheroRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.gsimprovehero__core-copy{
    position:relative;
    z-index:2;

    text-align:center;
}

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

    width:50px;
    height:50px;

    margin:
        0 auto 10px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--cyan);

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

.gsimprovehero__core-copy strong{
    display:block;

    color:#dceef1;

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

.gsimprovehero__core-copy span{
    display:block;

    margin-top:4px;

    color:#788b94;

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


/* =========================================================
   ORBIT LABELS
   ========================================================= */

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

    display:flex;
    align-items:center;

    gap:7px;

    min-width:0;

    padding:
        8px 10px;

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

    border-radius:8px;

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

    color:#738791;

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

    text-transform:uppercase;
}

.gsimprovehero__orbit::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--orbit-color);

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

.gsimprovehero__orbit--attention{
    --orbit-color:var(--cyan);

    left:22px;
    top:18%;
}

.gsimprovehero__orbit--diagnosis{
    --orbit-color:var(--blue);

    right:20px;
    top:25%;
}

.gsimprovehero__orbit--communication{
    --orbit-color:var(--violet);

    left:20px;
    bottom:29%;
}

.gsimprovehero__orbit--service{
    --orbit-color:var(--green);

    right:21px;
    bottom:24%;
}


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

.gsimprovehero__route{
    position:absolute;

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

    display:grid;

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

    gap:6px;
}

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

    min-width:0;

    padding:
        10px 6px;

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

    border-radius:7px;

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

    text-align:center;
}

.gsimprovehero__route-node:nth-child(2){
    --route-color:var(--blue);
}

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

.gsimprovehero__route-node:nth-child(4){
    --route-color:var(--green);
}

.gsimprovehero__route-node strong{
    display:block;

    color:var(--route-color);

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

.gsimprovehero__route-node span{
    display:block;

    margin-top:3px;

    color:#61737c;

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


/* =========================================================
   MENSAJE DE CONFIANZA
   ========================================================= */

.gsimprovehero__trust{
    position:relative;

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

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

    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            rgba(100,242,139,.009),
            rgba(41,217,239,.006)
        );
}

.gsimprovehero__trust::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:265px;
    height:2px;

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

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

    width:50px;
    height:50px;

    margin:0;
    padding:0 !important;

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

    border-radius:10px;

    color:var(--green);

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

.gsimprovehero__trust-copy{
    min-width:0;

    color:#74837b;

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

.gsimprovehero__trust-copy strong{
    display:block;

    margin-bottom:4px;

    color:#a9cdb1;

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

.gsimprovehero__trust-state{
    padding:
        7px 9px;

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

    border-radius:8px;

    color:#8ca895;

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

    text-transform:uppercase;
}


/* =========================================================
   QUÉ QUEREMOS CONOCER
   ========================================================= */

.gsimprovehero__topics{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(41,217,239,.020),
            transparent 30%
        ),
        rgba(3,14,20,.20);
}

.gsimprovehero__topics::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:285px;
    height:2px;

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

.gsimprovehero__section-head{
    display:grid;

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

    gap:15px;

    align-items:start;

    margin-bottom:17px;
}

.gsimprovehero__section-label{
    display:block;

    margin-bottom:5px;

    color:#84b8c0;

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

    text-transform:uppercase;
}

.gsimprovehero__section-title{
    margin:0;

    color:#e2edf2;

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

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

    margin:
        7px 0 0;

    color:#71828d;

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

.gsimprovehero__section-state{
    display:inline-flex;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#779da5;

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

    text-transform:uppercase;
}


/* =========================================================
   TOPIC CARDS
   ========================================================= */

.gsimprovehero__topics-grid{
    display:grid;

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

    gap:8px;
}

.gsimprovehero__topic{
    --topic-color:var(--cyan);

    min-width:0;

    padding:
        16px 13px;

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

    border-radius:9px;

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

.gsimprovehero__topic:nth-child(2){
    --topic-color:var(--blue);
}

.gsimprovehero__topic:nth-child(3){
    --topic-color:var(--violet);
}

.gsimprovehero__topic:nth-child(4){
    --topic-color:var(--green);
}

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

    width:40px;
    height:40px;

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

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

    border-radius:8px;

    color:var(--topic-color);

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

.gsimprovehero__topic strong{
    display:block;

    margin-bottom:5px;

    color:var(--topic-color);

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

    text-transform:uppercase;
}

.gsimprovehero__topic span{
    display:block;

    color:#687a84;

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


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

.gsimprovehero__terminal{
    overflow:hidden;

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

    border-radius:14px;

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

.gsimprovehero__terminal-head{
    display:flex;

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

    gap:12px;

    min-height:40px;

    padding:
        9px 13px;

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

.gsimprovehero__terminal-dots{
    display:flex;
    gap:6px;
}

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

    border-radius:50%;
}

.gsimprovehero__terminal-dot:nth-child(1){
    background:var(--violet);
}

.gsimprovehero__terminal-dot:nth-child(2){
    background:var(--cyan);
}

.gsimprovehero__terminal-dot:nth-child(3){
    background:var(--green);
}

.gsimprovehero__terminal-name{
    color:#5e727d;

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

    text-transform:uppercase;
}

.gsimprovehero__terminal-body{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    padding:15px;
}

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

    min-height:29px;

    padding:
        5px 8px;

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

    border-radius:7px;

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

    color:#687a84;

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


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

.gsimprovehero__footer{
    display:flex;

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

    gap:18px;

    margin-top:18px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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


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

@media (max-width:1120px){

    .gsimprovehero__hero{
        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.82fr);

        gap:38px;
    }

}


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

@media (max-width:1024px){

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

        padding:
            72px 0 78px;
    }

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

        gap:30px;
    }

    .gsimprovehero__visual{
        min-height:500px;
    }

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

}


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

@media (max-width:767px){

    .gsimprovehero__grid{
        opacity:.13;

        background-size:
            32px 32px;
    }

    .gsimprovehero__scan{
        display:none;
    }

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

        padding:
            58px 0 64px;
    }

    .gsimprovehero__meta{
        flex-direction:column;

        align-items:flex-start;

        gap:8px;
    }

    .gsimprovehero__title{
        font-size:
            clamp(
                34px,
                10.5vw,
                46px
            );
    }

    .gsimprovehero__lead{
        font-size:13px;
        line-height:1.72;
    }

    .gsimprovehero__description{
        font-size:10px;
    }

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

    .gsimprovehero__visual{
        min-height:450px;

        border-radius:15px;
    }

    .gsimprovehero__orbit{
        display:none;
    }

    .gsimprovehero__core{
        top:38%;

        width:175px;
        height:175px;
    }

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

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

        gap:9px;
    }

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

    .gsimprovehero__topics{
        padding:
            17px 14px;

        border-radius:14px;
    }

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

        gap:8px;
    }

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

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

    .gsimprovehero__footer{
        flex-direction:column;

        align-items:flex-start;

        gap:6px;
    }

}


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

@media (max-width:480px){

    .gsimprovehero__visual{
        min-height:500px;
    }

    .gsimprovehero__core{
        top:31%;
    }

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

}


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

@media (max-width:390px){

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

    .gsimprovehero__terminal-body{
        display:grid;

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

    .gsimprovehero__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsimprovehero__scan{
        display:none !important;
    }

}

.gsimprovehero a:focus-visible,
.gsimprovehero button:focus-visible,
.gsimprovehero input:focus-visible,
.gsimprovehero select:focus-visible,
.gsimprovehero textarea:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}


/* =========================================================
   CÓMO COMPARTIR TU EXPERIENCIA
   ID: como-compartir-experiencia
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AYÚDANOS A MEJORAR
   CÓMO COMPARTIR TU EXPERIENCIA

   CSS ID EXTERIOR:
   como-compartir-experiencia

   ROOT:
   .gsshareexp
   ========================================================= */

.gsshareexp{
--cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;
    --green:#64f28b;
    --yellow:#ffc857;
--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 9% 8%,
            rgba(41,217,239,.042),
            transparent 29%
        ),
        radial-gradient(
            circle at 91% 13%,
            rgba(139,105,255,.034),
            transparent 31%
        ),
        radial-gradient(
            circle at 76% 88%,
            rgba(100,242,139,.018),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 51%,
            #020408 100%
        );

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

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

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

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

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


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

.gsshareexp__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.16;

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

    background-size:48px 48px;
}

.gsshareexp__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


/* =========================================================
   ESCANEO
   ========================================================= */

.gsshareexp__scan{
    position:absolute;
    inset:0;

    overflow:hidden;
    pointer-events:none;
}

.gsshareexp__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

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

    animation:
        gsshareexpScan
        21s linear infinite;
}

@keyframes gsshareexpScan{

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

    8%{
        opacity:.20;
    }

    92%{
        opacity:.04;
    }

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

}


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

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

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

    margin:0 auto;

    padding:
        84px 0 88px;
}


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

.gsshareexp__heading{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.39fr);

    gap:36px;

    align-items:end;

    margin-bottom:24px;
}

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

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

    gap:8px;

    margin-bottom:14px;

    padding:
        7px 11px;

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

    border-radius:999px;

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

    color:#8fc7cf;

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

    text-transform:uppercase;
}

.gsshareexp__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

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

.gsshareexp__title{
    max-width:930px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

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

.gsshareexp__intro{
    max-width:910px;

    margin:
        15px 0 0;

    color:var(--muted);

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


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

.gsshareexp__status{
    position:relative;

    min-width:0;

    padding:
        17px 18px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(100,242,139,.010),
            rgba(2,9,14,.90)
        );
}

.gsshareexp__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

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

    gap:7px;

    margin-bottom:6px;

    color:#91ba99;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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

.gsshareexp__status p{
    margin:0;

    color:#718078;

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


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

.gsshareexp__principle{
    position:relative;

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

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

    border-radius:13px;

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

.gsshareexp__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:280px;
    height:2px;

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

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

    width:50px;
    height:50px;

    margin:0;
    padding:0 !important;

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

    border-radius:10px;

    color:var(--cyan);

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

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

.gsshareexp__principle-copy strong{
    display:block;

    margin-bottom:4px;

    color:#c9dce3;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gsshareexp__principle-copy span{
    display:block;

    color:#71838e;

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

.gsshareexp__principle-state{
    flex-shrink:0;

    padding:
        7px 9px;

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

    border-radius:8px;

    color:#7fa4ad;

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

    text-transform:uppercase;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gsshareexp__section-head{
    display:grid;

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

    gap:15px;

    align-items:start;

    margin-bottom:17px;
}

.gsshareexp__section-label{
    display:block;

    margin-bottom:5px;

    color:#84b8c0;

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

    text-transform:uppercase;
}

.gsshareexp__section-title{
    margin:0;

    color:#e2edf2;

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

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

    margin:
        7px 0 0;

    color:#71828d;

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

.gsshareexp__section-state{
    display:inline-flex;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#779da5;

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

    text-transform:uppercase;
}


/* =========================================================
   SELECTOR DE RUTAS
   ========================================================= */

.gsshareexp__routes{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(41,217,239,.021),
            transparent 42%
        ),
        rgba(3,14,20,.22);
}

.gsshareexp__routes::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.13;

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

    background-size:26px 26px;
}

.gsshareexp__routes > *{
    position:relative;
    z-index:2;
}

.gsshareexp__routes-grid{
    display:grid;

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

    gap:12px;
}


/* =========================================================
   ROUTE CARD
   ========================================================= */

.gsshareexp__route{
    --route-color:var(--cyan);

    position:relative;

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

    padding:
        22px;

    overflow:hidden;

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

    border-radius:15px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(41,217,239,.030),
            transparent 31%
        ),
        rgba(2,9,14,.53);
}

.gsshareexp__route--public{
    --route-color:var(--violet);

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(139,105,255,.030),
            transparent 31%
        ),
        rgba(2,9,14,.53);
}

.gsshareexp__route::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:210px;
    height:2px;

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

.gsshareexp__route-top{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:14px;

    margin-bottom:16px;
}

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

    width:52px;
    height:52px;

    margin:0;
    padding:0 !important;

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

    border-radius:11px;

    color:var(--route-color);

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

.gsshareexp__route-state{
    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:
        6px 8px;

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

    border-radius:999px;

    color:#71838d;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--route-color);

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

.gsshareexp__route h3{
    margin:0;

    color:#e2edf2;

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

.gsshareexp__route p{
    margin:
        8px 0 0;

    color:#71828d;

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

.gsshareexp__route-list{
    display:grid;

    gap:7px;

    margin-top:17px;
}

.gsshareexp__route-item{
    display:grid;

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

    gap:9px;

    align-items:start;

    min-width:0;

    padding:
        10px;

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

    border-radius:8px;

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

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

    width:33px;
    height:33px;

    margin:0;
    padding:0 !important;

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

    border-radius:8px;

    color:var(--route-color);

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

.gsshareexp__route-item-copy{
    min-width:0;
}

.gsshareexp__route-item-copy strong{
    display:block;

    color:#a9c1ca;

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

.gsshareexp__route-item-copy span{
    display:block;

    margin-top:3px;

    color:#687983;

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


/* =========================================================
   ROUTE FOOT
   ========================================================= */

.gsshareexp__route-foot{
    margin-top:17px;

    padding-top:13px;

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

.gsshareexp__route-foot strong{
    display:block;

    margin-bottom:4px;

    color:var(--route-color);

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

    text-transform:uppercase;
}

.gsshareexp__route-foot span{
    display:block;

    color:#657680;

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


/* =========================================================
   SIN FILTRADO
   ========================================================= */

.gsshareexp__neutral{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr)
        minmax(270px,.54fr);

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:22px;

    overflow:hidden;

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

    border-radius:17px;

    background:
        radial-gradient(
            circle at 91% 10%,
            rgba(100,242,139,.019),
            transparent 31%
        ),
        rgba(3,14,7,.16);
}

.gsshareexp__neutral::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:265px;
    height:2px;

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

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

    width:52px;
    height:52px;

    margin:0;
    padding:0 !important;

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

    border-radius:11px;

    color:var(--green);

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

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

.gsshareexp__neutral-copy strong{
    display:block;

    margin-bottom:5px;

    color:#afd1b7;

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

.gsshareexp__neutral-copy span{
    display:block;

    color:#74817a;

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

.gsshareexp__neutral-note{
    min-width:0;

    padding:12px;

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

    border-radius:9px;

    background:
        rgba(3,14,20,.18);

    color:#6e818a;

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

.gsshareexp__neutral-note strong{
    display:block;

    margin-bottom:4px;

    color:#9bbec6;

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

    text-transform:uppercase;
}


/* =========================================================
   CÓMO FUNCIONA
   ========================================================= */

.gsshareexp__flow{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        rgba(7,7,17,.18);
}

.gsshareexp__flow::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:275px;
    height:2px;

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

.gsshareexp__flow-grid{
    display:grid;

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

    gap:8px;
}

.gsshareexp__flow-node{
    --flow-color:var(--cyan);

    min-width:0;

    padding:
        14px 8px;

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

    border-radius:9px;

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

    text-align:center;
}

.gsshareexp__flow-node:nth-child(2){
    --flow-color:var(--blue);
}

.gsshareexp__flow-node:nth-child(3){
    --flow-color:var(--violet);
}

.gsshareexp__flow-node:nth-child(4){
    --flow-color:var(--yellow);
}

.gsshareexp__flow-node:nth-child(5){
    --flow-color:var(--green);
}

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

    width:42px;
    height:42px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:9px;

    color:var(--flow-color);

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

.gsshareexp__flow-node strong{
    display:block;

    color:var(--flow-color);

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

    text-transform:uppercase;
}

.gsshareexp__flow-node span{
    display:block;

    margin-top:3px;

    color:#667983;

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


/* =========================================================
   QUÉ PASA DESPUÉS
   ========================================================= */

.gsshareexp__after{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        rgba(3,14,20,.19);
}

.gsshareexp__after::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:275px;
    height:2px;

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

.gsshareexp__after-grid{
    display:grid;

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

    gap:8px;
}

.gsshareexp__after-card{
    --after-color:var(--cyan);

    min-width:0;

    padding:
        16px 13px;

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

    border-radius:9px;

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

.gsshareexp__after-card:nth-child(2){
    --after-color:var(--blue);
}

.gsshareexp__after-card:nth-child(3){
    --after-color:var(--violet);
}

.gsshareexp__after-card:nth-child(4){
    --after-color:var(--green);
}

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

    width:40px;
    height:40px;

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

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

    border-radius:8px;

    color:var(--after-color);

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

.gsshareexp__after-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--after-color);

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

    text-transform:uppercase;
}

.gsshareexp__after-card span{
    display:block;

    color:#687a84;

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


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

.gsshareexp__terminal{
    overflow:hidden;

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

    border-radius:14px;

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

.gsshareexp__terminal-head{
    display:flex;

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

    gap:12px;

    min-height:40px;

    padding:
        9px 13px;

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

.gsshareexp__terminal-dots{
    display:flex;
    gap:6px;
}

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

    border-radius:50%;
}

.gsshareexp__terminal-dot:nth-child(1){
    background:var(--violet);
}

.gsshareexp__terminal-dot:nth-child(2){
    background:var(--cyan);
}

.gsshareexp__terminal-dot:nth-child(3){
    background:var(--green);
}

.gsshareexp__terminal-name{
    color:#5e727d;

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

    text-transform:uppercase;
}

.gsshareexp__terminal-body{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    padding:15px;
}

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

    min-height:29px;

    padding:
        5px 8px;

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

    border-radius:7px;

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

    color:#687a84;

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


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

.gsshareexp__footer{
    display:flex;

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

    gap:18px;

    margin-top:18px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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


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

@media (max-width:1024px){

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

        padding:
            74px 0 78px;
    }

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

        gap:18px;
    }

    .gsshareexp__status{
        max-width:650px;
    }

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

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

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

    .gsshareexp__neutral-note{
        grid-column:
            1 / -1;
    }

}


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

@media (max-width:767px){

    .gsshareexp__grid{
        opacity:.13;

        background-size:
            32px 32px;
    }

    .gsshareexp__scan{
        display:none;
    }

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

        padding:
            60px 0 64px;
    }

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

    .gsshareexp__intro{
        font-size:13px;
        line-height:1.72;
    }

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

        gap:9px;
    }

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

    .gsshareexp__routes,
    .gsshareexp__flow,
    .gsshareexp__after{
        padding:
            17px 14px;

        border-radius:14px;
    }

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

        gap:8px;
    }

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

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

    .gsshareexp__route{
        min-height:0;
    }

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

        gap:9px;
    }

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

    .gsshareexp__footer{
        flex-direction:column;

        align-items:flex-start;

        gap:6px;
    }

}


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

@media (max-width:480px){

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

}


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

@media (max-width:390px){

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

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

    .gsshareexp__terminal-body{
        display:grid;

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

    .gsshareexp__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsshareexp__scan{
        display:none !important;
    }

}

.gsshareexp a:focus-visible,
.gsshareexp button:focus-visible,
.gsshareexp input:focus-visible,
.gsshareexp select:focus-visible,
.gsshareexp textarea:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}

.gsshareexp__section-label--a69dc6{
    color:#a69dc6;
}


/* =========================================================
   FORMULARIO DE OPINIÓN PRIVADA
   ID: opinion-privada-ayudanos-mejorar
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AYÚDANOS A MEJORAR
   OPINIÓN PRIVADA

   CSS ID EXTERIOR:
   opinion-privada-ayudanos-mejorar

   ROOT:
   .gsprivatefb
   ========================================================= */

.gsprivatefb{
--cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;
    --green:#64f28b;
    --yellow:#ffc857;
--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 9% 13%,
            rgba(41,217,239,.045),
            transparent 31%
        ),
        radial-gradient(
            circle at 91% 17%,
            rgba(139,105,255,.035),
            transparent 32%
        ),
        radial-gradient(
            circle at 82% 87%,
            rgba(100,242,139,.018),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 48%,
            #020408 100%
        );

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

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

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

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

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


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

.gsprivatefb__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.16;

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

    background-size:48px 48px;
}

.gsprivatefb__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


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

.gsprivatefb__scan{
    position:absolute;
    inset:0;

    overflow:hidden;
    pointer-events:none;
}

.gsprivatefb__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

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

    animation:
        gsprivatefbScan
        22s linear infinite;
}

@keyframes gsprivatefbScan{

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

    9%{
        opacity:.18;
    }

    92%{
        opacity:.04;
    }

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

}


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

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

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

    margin:0 auto;

    padding:
        84px 0 90px;
}


/* =========================================================
   CABECERA
   ========================================================= */

.gsprivatefb__heading{
    max-width:880px;

    margin-bottom:28px;
}

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

    gap:8px;

    margin-bottom:14px;

    padding:
        7px 11px;

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

    border-radius:999px;

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

    color:#8fc7cf;

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

    text-transform:uppercase;
}

.gsprivatefb__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

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

.gsprivatefb__title{
    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

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

.gsprivatefb__intro{
    max-width:850px;

    margin:
        15px 0 0;

    color:var(--muted);

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


/* =========================================================
   LAYOUT
   ========================================================= */

.gsprivatefb__layout{
    display:grid;

    grid-template-columns:
        minmax(0,.82fr)
        minmax(480px,1.18fr);

    gap:22px;

    align-items:start;
}


/* =========================================================
   PANEL INFORMACIÓN
   ========================================================= */

.gsprivatefb__info{
    position:sticky;
    top:28px;

    display:grid;

    gap:11px;
}


/* =========================================================
   CARD GENERAL
   ========================================================= */

.gsprivatefb__card{
    --card-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:19px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(41,217,239,.025),
            transparent 34%
        ),
        rgba(2,9,14,.54);
}

.gsprivatefb__card--order{
    --card-color:var(--blue);
}

.gsprivatefb__card--wait{
    --card-color:var(--yellow);

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(255,200,87,.022),
            transparent 34%
        ),
        rgba(10,8,2,.30);
}

.gsprivatefb__card--private{
    --card-color:var(--violet);
}

.gsprivatefb__card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:2px;

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

.gsprivatefb__card-head{
    display:grid;

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

    gap:11px;

    align-items:start;
}

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

    width:44px;
    height:44px;

    margin:0;
    padding:0 !important;

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

    border-radius:9px;

    color:var(--card-color);

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

.gsprivatefb__card h3{
    margin:1px 0 4px;

    color:#dce9ed;

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

.gsprivatefb__card p{
    margin:0;

    color:#71828b;

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

.gsprivatefb__card-note{
    margin-top:12px;

    padding:
        10px 11px;

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

    border-radius:8px;

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

    color:#657680;

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

.gsprivatefb__card-note strong{
    color:var(--card-color);
    font-weight:700;
}


/* =========================================================
   ORDEN DE REPARACIÓN
   ========================================================= */

.gsprivatefb__order-demo{
    display:grid;

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

    gap:10px;

    align-items:center;

    margin-top:13px;

    padding:
        11px;

    border:
        1px solid rgba(75,142,255,.08);

    border-radius:9px;

    background:
        rgba(75,142,255,.018);
}

.gsprivatefb__order-label{
    display:grid;
    place-items:center;

    min-width:70px;
    min-height:42px;

    padding:
        6px 9px;

    border:
        1px solid rgba(75,142,255,.20);

    border-radius:8px;

    color:var(--blue);

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

    text-align:center;
}

.gsprivatefb__order-copy{
    color:#687c87;

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

.gsprivatefb__order-copy strong{
    display:block;

    margin-bottom:2px;

    color:#94aec0;

    font-weight:700;
}


/* =========================================================
   FLUJO DE ESPERA
   ========================================================= */

.gsprivatefb__wait-flow{
    display:grid;

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

    gap:6px;

    margin-top:13px;
}

.gsprivatefb__wait-node{
    min-width:0;

    padding:
        9px 6px;

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

    border-radius:7px;

    background:
        rgba(255,200,87,.012);

    text-align:center;
}

.gsprivatefb__wait-node strong{
    display:block;

    color:#d6b566;

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

    text-transform:uppercase;
}

.gsprivatefb__wait-node span{
    display:block;

    margin-top:2px;

    color:#756f60;

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


/* =========================================================
   FORM PANEL
   ========================================================= */

.gsprivatefb__panel{
    position:relative;

    min-width:0;

    overflow:hidden;

    padding:
        28px;

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

    border-radius:19px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(41,217,239,.038),
            transparent 30%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(139,105,255,.025),
            transparent 34%
        ),
        rgba(2,9,14,.62);

    box-shadow:
        0 30px 70px rgba(0,0,0,.20);
}

.gsprivatefb__panel::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.13;

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

    background-size:29px 29px;
}


/* =========================================================
   PANEL HEAD
   ========================================================= */

.gsprivatefb__panel-head,
.gsprivatefb__form{
    position:relative;
    z-index:2;
}

.gsprivatefb__panel-head{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:18px;

    margin-bottom:23px;

    padding-bottom:20px;

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

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

    gap:7px;

    margin-bottom:8px;

    color:#7fafb8;

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

    text-transform:uppercase;
}

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

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--green);

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

.gsprivatefb__panel-head h3{
    margin:0;

    color:#e6f1f4;

    font-size:
        clamp(
            22px,
            2.5vw,
            30px
        );

    line-height:1.25;
    font-weight:700;
}

.gsprivatefb__panel-head p{
    max-width:580px;

    margin:
        7px 0 0;

    color:#71838d;

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

.gsprivatefb__panel-num{
    flex:0 0 auto;

    color:rgba(255,255,255,.07);

    font-size:48px;
    line-height:1;
    font-weight:800;
}


/* =========================================================
   FORM
   ========================================================= */

.gsprivatefb__form{
    display:grid;
    gap:16px;
}

.gsprivatefb__field-grid{
    display:grid;

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

    gap:14px;
}

.gsprivatefb__field{
    display:grid;

    min-width:0;

    gap:7px;
}

.gsprivatefb__field-label{
    display:flex;

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

    gap:8px;

    color:#b7c8d1;

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

.gsprivatefb__field-label i{
    color:var(--cyan);
    font-style:normal;
}

.gsprivatefb__field-label small{
    color:#617580;

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


/* =========================================================
   INPUTS
   ========================================================= */

.gsprivatefb__input{
    min-height:52px;

    display:grid;

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

    gap:10px;

    align-items:center;

    padding:
        0 14px;

    border:
        1px solid rgba(100,175,232,.14);

    border-radius:12px;

    background:
        rgba(1,8,16,.61);

    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.gsprivatefb__input:focus-within{
    border-color:
        rgba(41,217,239,.45);

    background:
        rgba(3,17,29,.77);

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

.gsprivatefb__input svg{
    width:18px;
    height:18px;

    color:#55abc4;

    fill:none;
    stroke:currentColor;

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

.gsprivatefb__input input,
.gsprivatefb__input select,
.gsprivatefb__input textarea{
    width:100%;
    min-width:0;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    outline:0 !important;

    color:#e6f0f4 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    font:inherit;

    font-size:11px;
}

.gsprivatefb__input input{
    min-height:50px;
}

.gsprivatefb__input select{
    min-height:50px;

    cursor:pointer;

    appearance:none;
}

.gsprivatefb__input select option{
    color:#132331;
    background:#ffffff;
}

.gsprivatefb__input input::placeholder,
.gsprivatefb__input textarea::placeholder{
    color:#5e7581 !important;
    opacity:1;
}


/* =========================================================
   SELECT
   ========================================================= */

.gsprivatefb__input--select{
    position:relative;
}

.gsprivatefb__input--select::after{
    content:"";

    position:absolute;

    right:16px;

    width:7px;
    height:7px;

    border-right:
        2px solid #5ba8cf;

    border-bottom:
        2px solid #5ba8cf;

    transform:
        rotate(45deg)
        translateY(-3px);

    pointer-events:none;
}

.gsprivatefb__input--select select{
    padding-right:25px !important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.gsprivatefb__input--textarea{
    min-height:178px;

    align-items:start;

    padding-top:15px;
}

.gsprivatefb__input--textarea svg{
    margin-top:2px;
}

.gsprivatefb__input textarea{
    min-height:145px;

    resize:vertical;

    line-height:1.67;
}


/* =========================================================
   AYUDA CAMPO ORDEN
   ========================================================= */

.gsprivatefb__field-help{
    margin-top:-1px;

    color:#60737e;

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

.gsprivatefb__field-help strong{
    color:#89a6b2;
    font-weight:700;
}


/* =========================================================
   CONTEXTO DE ESPERA
   ========================================================= */

.gsprivatefb__context{
    position:relative;

    padding:
        13px 14px;

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

    border-radius:10px;

    background:
        rgba(255,200,87,.018);
}

.gsprivatefb__context-head{
    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:5px;

    color:#c6a95f;

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

    text-transform:uppercase;
}

.gsprivatefb__context-head::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--yellow);

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

.gsprivatefb__context p{
    margin:0;

    color:#7a7568;

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


/* =========================================================
   PRIVACIDAD
   ========================================================= */

.gsprivatefb__privacy{
    position:relative;

    overflow:hidden;

    padding:
        14px;

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

    border-radius:11px;

    background:
        rgba(41,217,239,.015);
}

.gsprivatefb__privacy::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:150px;
    height:1px;

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

.gsprivatefb__privacy-head{
    display:grid;

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

    gap:9px;

    align-items:center;

    margin-bottom:9px;
}

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

    width:32px;
    height:32px;

    padding:0 !important;

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

    border-radius:8px;

    color:var(--cyan);

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

.gsprivatefb__privacy-head strong{
    display:block;

    color:#b6d0d8;

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

    text-transform:uppercase;
}

.gsprivatefb__privacy-head span{
    display:block;

    margin-top:2px;

    color:#667984;

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

.gsprivatefb__privacy p{
    margin:
        6px 0 0;

    color:#687a84;

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

.gsprivatefb__privacy p strong{
    color:#91adb7;
    font-weight:700;
}

.gsprivatefb__privacy a{
    color:#79d9e8 !important;

    text-decoration:none !important;

    font-weight:700;
}

.gsprivatefb__privacy a:hover{
    text-decoration:
        underline !important;

    text-underline-offset:2px;
}

.gsprivatefb__privacy-link{
    display:inline-flex;

    align-items:center;

    gap:5px;

    margin-top:9px;

    padding:
        6px 8px;

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

    border-radius:7px;

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

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


/* =========================================================
   CHECK
   ========================================================= */

.gsprivatefb__check{
    position:relative;

    display:grid;

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

    gap:10px;

    align-items:start;

    cursor:pointer;

    color:#71848f;

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

.gsprivatefb__check input{
    position:absolute;

    opacity:0;

    pointer-events:none;
}

.gsprivatefb__check-box{
    width:20px;
    height:20px;

    display:grid;
    place-items:center;

    border:
        1px solid rgba(100,175,232,.26);

    border-radius:6px;

    background:
        rgba(1,8,16,.63);
}

.gsprivatefb__check-box svg{
    width:13px;
    height:13px;

    opacity:0;

    fill:none;
    stroke:#04160e;

    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;

    transform:scale(.55);

    transition:
        opacity 160ms ease,
        transform 160ms ease;
}

.gsprivatefb__check input:checked + .gsprivatefb__check-box{
    border-color:var(--green);
    background:var(--green);
}

.gsprivatefb__check input:checked + .gsprivatefb__check-box svg{
    opacity:1;
    transform:scale(1);
}

.gsprivatefb__check input:focus-visible + .gsprivatefb__check-box{
    box-shadow:
        0 0 0 4px rgba(41,217,239,.09);
}


/* =========================================================
   BUTTON
   ========================================================= */

.gsprivatefb__submit{
    width:100%;
    min-height:64px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:
        11px 18px;

    border:0;

    border-radius:15px;

    color:#ffffff;

    background:
        linear-gradient(
            110deg,
            #078e5c,
            #13c981
        );

    box-shadow:
        0 18px 38px rgba(16,191,124,.18);

    cursor:pointer;

    font-family:inherit;

    text-align:left;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease;
}

.gsprivatefb__submit:hover{
    transform:translateY(-3px);

    box-shadow:
        0 22px 44px rgba(16,191,124,.27);
}

.gsprivatefb__submit-icon{
    width:38px;
    height:38px;

    flex:0 0 38px;

    display:grid;
    place-items:center;

    border-radius:10px;

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

.gsprivatefb__submit-icon svg{
    width:21px;
    height:21px;

    fill:none;
    stroke:currentColor;

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

.gsprivatefb__submit small{
    display:block;

    margin-bottom:3px;

    color:
        rgba(255,255,255,.66);

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

.gsprivatefb__submit strong{
    display:block;

    color:#ffffff;

    font-size:12px;
    line-height:1.3;
    font-weight:800;
}

.gsprivatefb__submit > i{
    margin-left:auto;

    font-size:20px;
    line-height:1;
    font-style:normal;

    transition:
        transform 200ms ease;
}

.gsprivatefb__submit:hover > i{
    transform:translateX(4px);
}


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

.gsprivatefb__status{
    display:none;

    padding:
        11px 12px;

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

    border-radius:9px;

    color:#bcae86;

    background:
        rgba(255,200,87,.025);

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

.gsprivatefb__status.is-visible{
    display:block;
}


/* =========================================================
   SECURITY LINE
   ========================================================= */

.gsprivatefb__security{
    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

    gap:8px 15px;

    padding-top:13px;

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

.gsprivatefb__security span{
    display:inline-flex;

    align-items:center;

    gap:6px;

    color:#5f7480;

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

.gsprivatefb__security span::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--cyan);
}


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

@media (max-width:1024px){

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

        padding:
            74px 0 80px;
    }

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

        gap:20px;
    }

    .gsprivatefb__info{
        position:static;

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

    .gsprivatefb__card--private{
        grid-column:
            1 / -1;
    }

}


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

@media (max-width:767px){

    .gsprivatefb__grid{
        opacity:.12;
        background-size:32px 32px;
    }

    .gsprivatefb__scan{
        display:none;
    }

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

        padding:
            60px 0 66px;
    }

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

    .gsprivatefb__intro{
        font-size:13px;
        line-height:1.72;
    }

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

    .gsprivatefb__card--private{
        grid-column:auto;
    }

    .gsprivatefb__panel{
        padding:
            22px 17px;

        border-radius:15px;
    }

    .gsprivatefb__panel-num{
        display:none;
    }

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

}


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

@media (max-width:390px){

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

    .gsprivatefb__card{
        padding:16px 14px;
    }

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

    .gsprivatefb__order-label{
        width:fit-content;
    }

    .gsprivatefb__privacy p,
    .gsprivatefb__check{
        font-size:9.5px;
    }

}


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

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

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

    .gsprivatefb__scan{
        display:none !important;
    }

}

.gsprivatefb a:focus-visible,
.gsprivatefb button:focus-visible,
.gsprivatefb input:focus-visible,
.gsprivatefb select:focus-visible,
.gsprivatefb textarea:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}


/* =========================================================
   OPINIÓN PÚBLICA
   ID: opinion-publica-ayudanos-mejorar
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AYÚDANOS A MEJORAR
   OPINIÓN PÚBLICA

   CSS ID EXTERIOR:
   opinion-publica-ayudanos-mejorar

   ROOT:
   .gspublicreview
   ========================================================= */

.gspublicreview{
--cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;
    --green:#64f28b;
    --yellow:#ffc857;
--google:#6aaeff;
    --facebook:#6d8eff;

    --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 8% 14%,
            rgba(41,217,239,.045),
            transparent 31%
        ),
        radial-gradient(
            circle at 92% 16%,
            rgba(139,105,255,.038),
            transparent 31%
        ),
        radial-gradient(
            circle at 73% 88%,
            rgba(100,242,139,.018),
            transparent 30%
        ),
        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;
}

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

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

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


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

.gspublicreview__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.16;

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

    background-size:48px 48px;
}

.gspublicreview__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


/* =========================================================
   ESCANEO
   ========================================================= */

.gspublicreview__scan{
    position:absolute;
    inset:0;

    overflow:hidden;
    pointer-events:none;
}

.gspublicreview__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

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

    animation:
        gspublicreviewScan
        22s linear infinite;
}

@keyframes gspublicreviewScan{

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

    8%{
        opacity:.18;
    }

    92%{
        opacity:.04;
    }

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

}


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

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

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

    margin:0 auto;

    padding:
        84px 0 90px;
}


/* =========================================================
   CABECERA
   ========================================================= */

.gspublicreview__heading{
    display:grid;

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

    gap:35px;

    align-items:end;

    margin-bottom:25px;
}

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

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

    gap:8px;

    margin-bottom:14px;

    padding:
        7px 11px;

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

    border-radius:999px;

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

    color:#aaa0cf;

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

    text-transform:uppercase;
}

.gspublicreview__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--violet);

    box-shadow:
        0 0 7px rgba(139,105,255,.55);
}

.gspublicreview__title{
    max-width:900px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

.gspublicreview__title span{
    color:var(--violet);
}

.gspublicreview__intro{
    max-width:890px;

    margin:
        15px 0 0;

    color:var(--muted);

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


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

.gspublicreview__status{
    position:relative;

    min-width:0;

    padding:
        17px 18px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(100,242,139,.009),
            rgba(2,9,14,.90)
        );
}

.gspublicreview__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

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

    gap:7px;

    margin-bottom:6px;

    color:#91ba99;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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

.gspublicreview__status p{
    margin:0;

    color:#718078;

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


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

.gspublicreview__principle{
    position:relative;

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:18px;

    overflow:hidden;

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

    border-radius:13px;

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

.gspublicreview__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:285px;
    height:2px;

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

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

    width:50px;
    height:50px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--cyan);

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

.gspublicreview__principle-copy strong{
    display:block;

    margin-bottom:4px;

    color:#c9dce3;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gspublicreview__principle-copy span{
    display:block;

    color:#71838e;

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

.gspublicreview__principle-state{
    padding:
        7px 9px;

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

    border-radius:8px;

    color:#88a990;

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

    text-transform:uppercase;
}


/* =========================================================
   RUTAS EXTERNAS
   ========================================================= */

.gspublicreview__platforms{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(139,105,255,.021),
            transparent 42%
        ),
        rgba(5,6,15,.24);
}

.gspublicreview__platforms::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.12;

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

    background-size:26px 26px;
}

.gspublicreview__platforms > *{
    position:relative;
    z-index:2;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gspublicreview__section-head{
    display:grid;

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

    gap:15px;

    align-items:start;

    margin-bottom:17px;
}

.gspublicreview__section-label{
    display:block;

    margin-bottom:5px;

    color:#aaa0cf;

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

    text-transform:uppercase;
}

.gspublicreview__section-title{
    margin:0;

    color:#e2edf2;

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

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

    margin:
        7px 0 0;

    color:#71828d;

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

.gspublicreview__section-state{
    display:inline-flex;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#8f88aa;

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

    text-transform:uppercase;
}


/* =========================================================
   GRID DE PLATAFORMAS
   ========================================================= */

.gspublicreview__platform-grid{
    display:grid;

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

    gap:12px;
}


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

.gspublicreview__platform{
    --platform-color:var(--google);

    position:relative;

    min-width:0;

    padding:22px;

    overflow:hidden;

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

    border-radius:15px;

    background:
        radial-gradient(
            circle at 95% 7%,
            rgba(106,174,255,.035),
            transparent 34%
        ),
        rgba(2,9,14,.54);
}

.gspublicreview__platform--facebook{
    --platform-color:var(--facebook);

    background:
        radial-gradient(
            circle at 95% 7%,
            rgba(109,142,255,.035),
            transparent 34%
        ),
        rgba(2,9,14,.54);
}

.gspublicreview__platform::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:215px;
    height:2px;

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

.gspublicreview__platform-top{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:15px;

    margin-bottom:17px;
}

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

    width:54px;
    height:54px;

    padding:0 !important;

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

    border-radius:12px;

    color:var(--platform-color);

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

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

    gap:6px;

    padding:
        6px 8px;

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

    border-radius:999px;

    color:#71838d;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--platform-color);

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

.gspublicreview__platform h3{
    margin:0;

    color:#e7eff4;

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

.gspublicreview__platform p{
    margin:
        9px 0 0;

    color:#71828d;

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


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

.gspublicreview__platform-list{
    display:grid;

    gap:7px;

    margin-top:17px;
}

.gspublicreview__platform-item{
    display:grid;

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

    gap:9px;

    align-items:start;

    padding:10px;

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

    border-radius:8px;

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

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

    width:33px;
    height:33px;

    padding:0 !important;

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

    border-radius:8px;

    color:var(--platform-color);

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

.gspublicreview__platform-item strong{
    display:block;

    color:#a9c1ca;

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

.gspublicreview__platform-item span{
    display:block;

    margin-top:3px;

    color:#687983;

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


/* =========================================================
   BOTÓN
   ========================================================= */

.gspublicreview__button{
    width:100%;

    min-height:55px;

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:18px;

    padding:
        10px 13px;

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

    border-radius:11px;

    color:#dcebf3 !important;

    background:
        linear-gradient(
            110deg,
            color-mix(
                in srgb,
                var(--platform-color) 15%,
                rgba(2,9,14,.90)
            ),
            rgba(2,9,14,.92)
        );

    text-decoration:none !important;

    transition:
        transform 200ms ease,
        border-color 200ms ease,
        background-color 200ms ease;
}

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

    border-color:
        color-mix(
            in srgb,
            var(--platform-color) 60%,
            transparent
        );

    text-decoration:none !important;
}

.gspublicreview__button-icon{
    width:35px;
    height:35px;

    flex:0 0 35px;

    display:grid;
    place-items:center;

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

    border-radius:9px;

    color:var(--platform-color);

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

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

.gspublicreview__button-copy small,
.gspublicreview__button-copy strong{
    display:block;
}

.gspublicreview__button-copy small{
    margin-bottom:2px;

    color:#70838d;

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

.gspublicreview__button-copy strong{
    color:#dceaf1;

    font-size:11px;
    line-height:1.4;
    font-weight:750;
}

.gspublicreview__button-arrow{
    margin-left:auto;

    color:var(--platform-color);

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


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

.gspublicreview__external{
    position:relative;

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:19px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        rgba(255,200,87,.012);
}

.gspublicreview__external::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:230px;
    height:2px;

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

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

    width:50px;
    height:50px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--yellow);

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

.gspublicreview__external-copy strong{
    display:block;

    margin-bottom:4px;

    color:#c7b989;

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

.gspublicreview__external-copy span{
    display:block;

    color:#756f62;

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

.gspublicreview__external-state{
    padding:
        7px 9px;

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

    border-radius:8px;

    color:#9e916d;

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

    text-transform:uppercase;
}


/* =========================================================
   FLUJO
   ========================================================= */

.gspublicreview__flow{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        rgba(3,14,20,.19);
}

.gspublicreview__flow::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:280px;
    height:2px;

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

.gspublicreview__flow-grid{
    display:grid;

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

    gap:8px;
}

.gspublicreview__flow-node{
    --flow-color:var(--cyan);

    min-width:0;

    padding:
        15px 8px;

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

    border-radius:9px;

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

    text-align:center;
}

.gspublicreview__flow-node:nth-child(2){
    --flow-color:var(--violet);
}

.gspublicreview__flow-node:nth-child(3){
    --flow-color:var(--blue);
}

.gspublicreview__flow-node:nth-child(4){
    --flow-color:var(--green);
}

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

    width:42px;
    height:42px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:9px;

    color:var(--flow-color);

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

.gspublicreview__flow-node strong{
    display:block;

    color:var(--flow-color);

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

    text-transform:uppercase;
}

.gspublicreview__flow-node span{
    display:block;

    margin-top:3px;

    color:#667983;

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


/* =========================================================
   CIERRE
   ========================================================= */

.gspublicreview__closing{
    position:relative;

    padding:22px;

    overflow:hidden;

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

    border-radius:17px;

    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(100,242,139,.018),
            transparent 30%
        ),
        rgba(3,14,7,.15);
}

.gspublicreview__closing::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:280px;
    height:2px;

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

.gspublicreview__closing-grid{
    display:grid;

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

    gap:14px;

    align-items:center;
}

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

    width:52px;
    height:52px;

    padding:0 !important;

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

    border-radius:11px;

    color:var(--green);

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

.gspublicreview__closing strong{
    display:block;

    margin-bottom:5px;

    color:#add0b5;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gspublicreview__closing span{
    display:block;

    color:#718078;

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


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

.gspublicreview__footer{
    display:flex;

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

    gap:18px;

    margin-top:18px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

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

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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


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

@media (max-width:1024px){

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

        padding:
            74px 0 80px;
    }

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

        gap:18px;
    }

    .gspublicreview__status{
        max-width:650px;
    }

}


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

@media (max-width:767px){

    .gspublicreview__grid{
        opacity:.12;
        background-size:32px 32px;
    }

    .gspublicreview__scan{
        display:none;
    }

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

        padding:
            60px 0 66px;
    }

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

    .gspublicreview__intro{
        font-size:13px;
        line-height:1.72;
    }

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

        gap:9px;
    }

    .gspublicreview__principle-state,
    .gspublicreview__external-state{
        width:fit-content;
    }

    .gspublicreview__platforms,
    .gspublicreview__flow{
        padding:
            17px 14px;

        border-radius:14px;
    }

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

        gap:8px;
    }

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

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

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

    .gspublicreview__footer{
        flex-direction:column;

        align-items:flex-start;

        gap:6px;
    }

}


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

@media (max-width:480px){

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

}


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

@media (max-width:390px){

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

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

    .gspublicreview__button{
        align-items:flex-start;
    }

}


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

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

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

    .gspublicreview__scan{
        display:none !important;
    }

}

.gspublicreview a:focus-visible,
.gspublicreview button:focus-visible,
.gspublicreview input:focus-visible,
.gspublicreview select:focus-visible,
.gspublicreview textarea:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}


/* =========================================================
   QUÉ HACEMOS CON TUS COMENTARIOS
   ID: gestion-comentarios-ayudanos-mejorar
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AYÚDANOS A MEJORAR
   GESTIÓN DE COMENTARIOS

   CSS ID EXTERIOR:
   gestion-comentarios-ayudanos-mejorar

   ROOT:
   .gsfeedbackmgmt
   ========================================================= */

.gsfeedbackmgmt{
--cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;
    --green:#64f28b;
    --yellow:#ffc857;
--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% 10%,
            rgba(41,217,239,.044),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 14%,
            rgba(139,105,255,.034),
            transparent 31%
        ),
        radial-gradient(
            circle at 78% 87%,
            rgba(100,242,139,.018),
            transparent 30%
        ),
        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;
}

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

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

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


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

.gsfeedbackmgmt__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.16;

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

    background-size:48px 48px;
}

.gsfeedbackmgmt__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


/* =========================================================
   ESCANEO
   ========================================================= */

.gsfeedbackmgmt__scan{
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.gsfeedbackmgmt__scan::before{
    content:"";

    position:absolute;

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

    height:1px;

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

    animation:
        gsfeedbackmgmtScan
        22s linear infinite;
}

@keyframes gsfeedbackmgmtScan{

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

    9%{
        opacity:.18;
    }

    92%{
        opacity:.04;
    }

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

}


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

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

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

    margin:0 auto;

    padding:
        84px 0 90px;
}


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

.gsfeedbackmgmt__heading{
    display:grid;

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

    gap:35px;

    align-items:end;

    margin-bottom:25px;
}

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

.gsfeedbackmgmt__kicker{
    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

    padding:
        7px 11px;

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

    border-radius:999px;

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

    color:#8fc7cf;

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

    text-transform:uppercase;
}

.gsfeedbackmgmt__kicker::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:var(--cyan);

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

.gsfeedbackmgmt__title{
    max-width:900px;

    margin:0;

    color:var(--white);

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

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

    letter-spacing:-.035em;
}

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

.gsfeedbackmgmt__intro{
    max-width:875px;

    margin:
        15px 0 0;

    color:var(--muted);

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


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

.gsfeedbackmgmt__status{
    position:relative;

    min-width:0;

    padding:
        17px 18px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(100,242,139,.009),
            rgba(2,9,14,.90)
        );
}

.gsfeedbackmgmt__status::before{
    content:"";

    position:absolute;

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

    width:2px;

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

.gsfeedbackmgmt__status-label{
    display:flex;

    align-items:center;

    gap:7px;

    margin-bottom:6px;

    color:#91ba99;

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

    text-transform:uppercase;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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

.gsfeedbackmgmt__status p{
    margin:0;

    color:#718078;

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


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

.gsfeedbackmgmt__principle{
    position:relative;

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:19px;

    overflow:hidden;

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

    border-radius:14px;

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

.gsfeedbackmgmt__principle::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:300px;
    height:2px;

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

.gsfeedbackmgmt__principle-code{
    display:grid !important;

    place-items:center !important;

    width:50px;
    height:50px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--cyan);

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

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

.gsfeedbackmgmt__principle-copy strong{
    display:block;

    margin-bottom:4px;

    color:#c9dce3;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gsfeedbackmgmt__principle-copy span{
    display:block;

    color:#71838e;

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

.gsfeedbackmgmt__principle-state{
    padding:
        7px 9px;

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

    border-radius:8px;

    color:#7fa4ad;

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

    text-transform:uppercase;
}


/* =========================================================
   PROCESO
   ========================================================= */

.gsfeedbackmgmt__process{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(41,217,239,.020),
            transparent 42%
        ),
        rgba(3,14,20,.22);
}

.gsfeedbackmgmt__process::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.12;

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

    background-size:26px 26px;
}

.gsfeedbackmgmt__process > *{
    position:relative;
    z-index:2;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.gsfeedbackmgmt__section-head{
    display:grid;

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

    gap:15px;

    align-items:start;

    margin-bottom:17px;
}

.gsfeedbackmgmt__section-label{
    display:block;

    margin-bottom:5px;

    color:#84b8c0;

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

    text-transform:uppercase;
}

.gsfeedbackmgmt__section-title{
    margin:0;

    color:#e2edf2;

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

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

    margin:
        7px 0 0;

    color:#71828d;

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

.gsfeedbackmgmt__section-state{
    display:inline-flex;

    padding:
        7px 9px;

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

    border-radius:999px;

    color:#779da5;

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

    text-transform:uppercase;
}


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

.gsfeedbackmgmt__process-grid{
    display:grid;

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

    gap:9px;
}

.gsfeedbackmgmt__process-card{
    --process-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        17px 14px;

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

    border-radius:10px;

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

.gsfeedbackmgmt__process-card:nth-child(2){
    --process-color:var(--blue);
}

.gsfeedbackmgmt__process-card:nth-child(3){
    --process-color:var(--violet);
}

.gsfeedbackmgmt__process-card:nth-child(4){
    --process-color:var(--green);
}

.gsfeedbackmgmt__process-code{
    display:grid !important;

    place-items:center !important;

    width:42px;
    height:42px;

    margin-bottom:9px;

    padding:0 !important;

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

    border-radius:9px;

    color:var(--process-color);

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

.gsfeedbackmgmt__process-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--process-color);

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

    text-transform:uppercase;
}

.gsfeedbackmgmt__process-card p{
    margin:0;

    color:#687a84;

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


/* =========================================================
   ORDEN DE REPARACIÓN
   ========================================================= */

.gsfeedbackmgmt__order{
    position:relative;

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:21px;

    overflow:hidden;

    border:
        1px solid rgba(75,142,255,.060);

    border-radius:16px;

    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(75,142,255,.020),
            transparent 31%
        ),
        rgba(4,8,18,.20);
}

.gsfeedbackmgmt__order::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:260px;
    height:2px;

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

.gsfeedbackmgmt__order-code{
    display:grid !important;

    place-items:center !important;

    width:52px;
    height:52px;

    padding:0 !important;

    border:
        1px solid rgba(75,142,255,.18);

    border-radius:11px;

    color:var(--blue);

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

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

.gsfeedbackmgmt__order-copy strong{
    display:block;

    margin-bottom:5px;

    color:#a9c4e3;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gsfeedbackmgmt__order-copy span{
    display:block;

    color:#71808f;

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

.gsfeedbackmgmt__order-ref{
    min-width:0;

    padding:
        12px 13px;

    border:
        1px solid rgba(75,142,255,.075);

    border-radius:9px;

    background:
        rgba(75,142,255,.015);

    color:#71849b;

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

.gsfeedbackmgmt__order-ref strong{
    display:block;

    margin-bottom:4px;

    color:#8eadd2;

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

    text-transform:uppercase;
}


/* =========================================================
   DOBLE BLOQUE
   ========================================================= */

.gsfeedbackmgmt__analysis{
    display:grid;

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

    gap:12px;

    margin-bottom:18px;
}


/* =========================================================
   ANALYSIS CARD
   ========================================================= */

.gsfeedbackmgmt__analysis-card{
    --analysis-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:21px;

    overflow:hidden;

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

    border-radius:15px;

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

.gsfeedbackmgmt__analysis-card--variables{
    --analysis-color:var(--yellow);

    background:
        radial-gradient(
            circle at 95% 7%,
            rgba(255,200,87,.020),
            transparent 32%
        ),
        rgba(9,7,2,.24);
}

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

    position:absolute;

    left:0;
    top:0;

    width:215px;
    height:2px;

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

.gsfeedbackmgmt__analysis-head{
    display:grid;

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

    gap:11px;

    align-items:start;

    margin-bottom:15px;
}

.gsfeedbackmgmt__analysis-code{
    display:grid !important;

    place-items:center !important;

    width:45px;
    height:45px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--analysis-color);

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

.gsfeedbackmgmt__analysis-head h3{
    margin:1px 0 4px;

    color:#dce9ed;

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

.gsfeedbackmgmt__analysis-head p{
    margin:0;

    color:#71828b;

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


/* =========================================================
   LISTAS
   ========================================================= */

.gsfeedbackmgmt__list{
    display:grid;

    gap:7px;
}

.gsfeedbackmgmt__list-item{
    display:grid;

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

    gap:9px;

    align-items:start;

    min-width:0;

    padding:10px;

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

    border-radius:8px;

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

.gsfeedbackmgmt__list-code{
    display:grid !important;

    place-items:center !important;

    width:30px;
    height:30px;

    padding:0 !important;

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

    border-radius:7px;

    color:var(--analysis-color);

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

.gsfeedbackmgmt__list-item strong{
    display:block;

    color:#a8bdc5;

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

.gsfeedbackmgmt__list-item span{
    display:block;

    margin-top:2px;

    color:#667982;

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


/* =========================================================
   CONTEXTO
   ========================================================= */

.gsfeedbackmgmt__context{
    position:relative;

    margin-bottom:18px;

    padding:23px;

    overflow:hidden;

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

    border-radius:18px;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(139,105,255,.018),
            transparent 30%
        ),
        rgba(7,6,15,.17);
}

.gsfeedbackmgmt__context::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:280px;
    height:2px;

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

.gsfeedbackmgmt__context-grid{
    display:grid;

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

    gap:9px;
}

.gsfeedbackmgmt__context-card{
    --context-color:var(--violet);

    min-width:0;

    padding:
        16px 13px;

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

    border-radius:9px;

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

.gsfeedbackmgmt__context-card:nth-child(2){
    --context-color:var(--yellow);
}

.gsfeedbackmgmt__context-card:nth-child(3){
    --context-color:var(--green);
}

.gsfeedbackmgmt__context-code{
    display:grid !important;

    place-items:center !important;

    width:40px;
    height:40px;

    margin-bottom:8px;

    padding:0 !important;

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

    border-radius:8px;

    color:var(--context-color);

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

.gsfeedbackmgmt__context-card strong{
    display:block;

    margin-bottom:5px;

    color:var(--context-color);

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

    text-transform:uppercase;
}

.gsfeedbackmgmt__context-card span{
    display:block;

    color:#687a84;

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


/* =========================================================
   MENSAJE EQUILIBRADO
   ========================================================= */

.gsfeedbackmgmt__balance{
    position:relative;

    display:grid;

    grid-template-columns:
        auto minmax(0,1fr)
        minmax(275px,.55fr);

    gap:14px;

    align-items:center;

    margin-bottom:18px;

    padding:21px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(100,242,139,.018),
            transparent 30%
        ),
        rgba(3,14,7,.15);
}

.gsfeedbackmgmt__balance::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:290px;
    height:2px;

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

.gsfeedbackmgmt__balance-code{
    display:grid !important;

    place-items:center !important;

    width:52px;
    height:52px;

    padding:0 !important;

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

    border-radius:11px;

    color:var(--green);

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

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

.gsfeedbackmgmt__balance-copy strong{
    display:block;

    margin-bottom:5px;

    color:#add0b5;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gsfeedbackmgmt__balance-copy span{
    display:block;

    color:#718078;

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

.gsfeedbackmgmt__balance-note{
    min-width:0;

    padding:
        12px 13px;

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

    border-radius:9px;

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

    color:#708078;

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

.gsfeedbackmgmt__balance-note strong{
    display:block;

    margin-bottom:4px;

    color:#8fb498;

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

    text-transform:uppercase;
}


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

.gsfeedbackmgmt__terminal{
    overflow:hidden;

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

    border-radius:14px;

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

.gsfeedbackmgmt__terminal-head{
    display:flex;

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

    gap:12px;

    min-height:40px;

    padding:
        9px 13px;

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

.gsfeedbackmgmt__terminal-dots{
    display:flex;

    gap:6px;
}

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

    border-radius:50%;
}

.gsfeedbackmgmt__terminal-dot:nth-child(1){
    background:var(--violet);
}

.gsfeedbackmgmt__terminal-dot:nth-child(2){
    background:var(--cyan);
}

.gsfeedbackmgmt__terminal-dot:nth-child(3){
    background:var(--green);
}

.gsfeedbackmgmt__terminal-name{
    color:#5e727d;

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

    text-transform:uppercase;
}

.gsfeedbackmgmt__terminal-body{
    display:flex;

    flex-wrap:wrap;

    gap:6px;

    padding:15px;
}

.gsfeedbackmgmt__terminal-item{
    display:inline-flex;

    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

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

    border-radius:7px;

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

    color:#687a84;

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


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

.gsfeedbackmgmt__footer{
    display:flex;

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

    gap:18px;

    margin-top:18px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

.gsfeedbackmgmt__footer-state{
    display:flex;

    align-items:center;

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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


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

@media (max-width:1024px){

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

        padding:
            74px 0 80px;
    }

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

        gap:18px;
    }

    .gsfeedbackmgmt__status{
        max-width:650px;
    }

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

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

    .gsfeedbackmgmt__order-ref{
        grid-column:
            1 / -1;
    }

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

    .gsfeedbackmgmt__context-card:last-child{
        grid-column:
            1 / -1;
    }

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

    .gsfeedbackmgmt__balance-note{
        grid-column:
            1 / -1;
    }

}


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

@media (max-width:767px){

    .gsfeedbackmgmt__grid{
        opacity:.12;

        background-size:
            32px 32px;
    }

    .gsfeedbackmgmt__scan{
        display:none;
    }

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

        padding:
            60px 0 66px;
    }

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

    .gsfeedbackmgmt__intro{
        font-size:13px;
        line-height:1.72;
    }

    .gsfeedbackmgmt__principle,
    .gsfeedbackmgmt__order,
    .gsfeedbackmgmt__balance{
        grid-template-columns:
            minmax(0,1fr);

        gap:9px;
    }

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

    .gsfeedbackmgmt__process,
    .gsfeedbackmgmt__context{
        padding:
            17px 14px;

        border-radius:14px;
    }

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

        gap:8px;
    }

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

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

    .gsfeedbackmgmt__context-card:last-child{
        grid-column:auto;
    }

    .gsfeedbackmgmt__footer{
        flex-direction:column;

        align-items:flex-start;

        gap:6px;
    }

}


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

@media (max-width:390px){

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

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

    .gsfeedbackmgmt__terminal-body{
        display:grid;

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

    .gsfeedbackmgmt__terminal-item{
        width:100%;
    }

}


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

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

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

    .gsfeedbackmgmt__scan{
        display:none !important;
    }

}

.gsfeedbackmgmt a:focus-visible,
.gsfeedbackmgmt button:focus-visible,
.gsfeedbackmgmt input:focus-visible,
.gsfeedbackmgmt select:focus-visible,
.gsfeedbackmgmt textarea:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}

.gsfeedbackmgmt__section-label--a59bc7{
    color:#a59bc7;
}


/* =========================================================
   CIERRE AYÚDANOS A MEJORAR
   ID: cierre-ayudanos-mejorar
   ========================================================= */

/* =========================================================
   GAMMERS STYLE
   AYÚDANOS A MEJORAR
   CIERRE

   CSS ID EXTERIOR:
   cierre-ayudanos-mejorar

   ROOT:
   .gsimproveclose
   ========================================================= */

.gsimproveclose{
    --cyan:#29d9ef;
    --blue:#4b8eff;
    --violet:#8b69ff;
    --green:#64f28b;
--white:#f4faff;
    --text:#dce8f0;
position:relative;

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

    margin:0;
    padding:0;

    overflow:hidden;

    color:var(--text);

    background:
        radial-gradient(
            circle at 12% 16%,
            rgba(41,217,239,.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 15%,
            rgba(139,105,255,.034),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 90%,
            rgba(100,242,139,.018),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #020408 0%,
            #050b12 48%,
            #020408 100%
        );

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

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

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

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

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


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

.gsimproveclose__grid{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.15;

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

    background-size:48px 48px;
}

.gsimproveclose__grid::after{
    content:"";

    position:absolute;
    inset:0;

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


/* =========================================================
   GLOWS
   ========================================================= */

.gsimproveclose__glow{
    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    filter:blur(130px);

    pointer-events:none;

    opacity:.07;
}

.gsimproveclose__glow--cyan{
    left:-190px;
    top:15%;

    background:var(--cyan);
}

.gsimproveclose__glow--violet{
    right:-190px;
    bottom:5%;

    background:var(--violet);
}


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

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

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

    margin:0 auto;

    padding:
        88px 0 94px;
}


/* =========================================================
   PANEL CENTRAL
   ========================================================= */

.gsimproveclose__panel{
    position:relative;

    overflow:hidden;

    padding:
        clamp(
            31px,
            5vw,
            58px
        );

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

    border-radius:24px;

    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(41,217,239,.035),
            transparent 35%
        ),
        radial-gradient(
            circle at 88% 90%,
            rgba(139,105,255,.025),
            transparent 34%
        ),
        rgba(2,9,14,.58);

    box-shadow:
        0 35px 85px rgba(0,0,0,.22);
}

.gsimproveclose__panel::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.11;

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

    background-size:30px 30px;
}

.gsimproveclose__panel::after{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:340px;
    height:2px;

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


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

.gsimproveclose__corner{
    position:absolute;
    z-index:2;

    width:35px;
    height:35px;

    opacity:.65;

    border-color:
        rgba(41,217,239,.28);
}

.gsimproveclose__corner--tl{
    left:15px;
    top:15px;

    border-left:1px solid;
    border-top:1px solid;
}

.gsimproveclose__corner--tr{
    right:15px;
    top:15px;

    border-right:1px solid;
    border-top:1px solid;
}

.gsimproveclose__corner--bl{
    left:15px;
    bottom:15px;

    border-left:1px solid;
    border-bottom:1px solid;
}

.gsimproveclose__corner--br{
    right:15px;
    bottom:15px;

    border-right:1px solid;
    border-bottom:1px solid;
}


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

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

    max-width:850px;

    margin:0 auto;

    text-align:center;
}

.gsimproveclose__kicker{
    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:16px;

    padding:
        7px 11px;

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

    border-radius:999px;

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

    color:#91b99b;

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

    text-transform:uppercase;
}

.gsimproveclose__kicker::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);
}

.gsimproveclose__title{
    max-width:820px;

    margin:
        0 auto;

    color:var(--white);

    font-size:
        clamp(
            34px,
            5vw,
            56px
        );

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

    letter-spacing:-.042em;
}

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

.gsimproveclose__lead{
    max-width:760px;

    margin:
        18px auto 0;

    color:#94a5ae;

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

.gsimproveclose__copy{
    max-width:720px;

    margin:
        11px auto 0;

    color:#71828b;

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


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

.gsimproveclose__flow{
    display:grid;

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

    gap:8px;

    max-width:650px;

    margin:
        30px auto 0;
}

.gsimproveclose__flow-node{
    --node-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        15px 10px;

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

    border-radius:10px;

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

    text-align:center;
}

.gsimproveclose__flow-node:nth-child(2){
    --node-color:var(--violet);
}

.gsimproveclose__flow-node:nth-child(3){
    --node-color:var(--green);
}

.gsimproveclose__flow-code{
    display:grid !important;

    place-items:center !important;

    width:42px;
    height:42px;

    margin:
        0 auto 8px;

    padding:0 !important;

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

    border-radius:9px;

    color:var(--node-color);

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

.gsimproveclose__flow-node strong{
    display:block;

    color:var(--node-color);

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

    text-transform:uppercase;
}

.gsimproveclose__flow-node span{
    display:block;

    margin-top:3px;

    color:#667983;

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


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

.gsimproveclose__message{
    position:relative;

    max-width:790px;

    margin:
        24px auto 0;

    padding:
        17px 18px;

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

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            rgba(100,242,139,.010),
            rgba(41,217,239,.008)
        );

    text-align:left;
}

.gsimproveclose__message::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:220px;
    height:1px;

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

.gsimproveclose__message strong{
    display:block;

    margin-bottom:5px;

    color:#acd0b4;

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

.gsimproveclose__message span{
    display:block;

    color:#718078;

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


/* =========================================================
   DOS RUTAS
   ========================================================= */

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

    display:grid;

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

    gap:12px;

    margin-top:30px;
}

.gsimproveclose__route{
    --route-color:var(--cyan);

    position:relative;

    min-width:0;

    padding:
        21px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(41,217,239,.025),
            transparent 35%
        ),
        rgba(2,9,14,.52);
}

.gsimproveclose__route--public{
    --route-color:var(--violet);

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(139,105,255,.025),
            transparent 35%
        ),
        rgba(2,9,14,.52);
}

.gsimproveclose__route::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:190px;
    height:2px;

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

.gsimproveclose__route-head{
    display:grid;

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

    gap:11px;

    align-items:start;
}

.gsimproveclose__route-code{
    display:grid !important;

    place-items:center !important;

    width:46px;
    height:46px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--route-color);

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

.gsimproveclose__route h3{
    margin:
        1px 0 4px;

    color:#dde9ee;

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

.gsimproveclose__route p{
    margin:0;

    color:#71828b;

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


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

.gsimproveclose__route-link{
    width:100%;

    display:flex;

    align-items:center;

    gap:9px;

    margin-top:16px;

    padding:
        11px 12px;

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

    border-radius:9px;

    color:#dce9ee !important;

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

    text-decoration:none !important;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease;
}

.gsimproveclose__route-link:hover{
    transform:translateY(-2px);

    border-color:
        color-mix(
            in srgb,
            var(--route-color) 48%,
            transparent
        );

    background:
        color-mix(
            in srgb,
            var(--route-color) 5%,
            rgba(2,9,14,.70)
        );

    text-decoration:none !important;
}

.gsimproveclose__route-link-code{
    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    flex:0 0 32px;

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

    border-radius:8px;

    color:var(--route-color);

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

.gsimproveclose__route-link-copy{
    min-width:0;
}

.gsimproveclose__route-link-copy small,
.gsimproveclose__route-link-copy strong{
    display:block;
}

.gsimproveclose__route-link-copy small{
    margin-bottom:2px;

    color:#657983;

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

.gsimproveclose__route-link-copy strong{
    color:#cbdce3;

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

.gsimproveclose__route-link-arrow{
    margin-left:auto;

    color:var(--route-color);

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


/* =========================================================
   GRATITUD
   ========================================================= */

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

    display:grid;

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

    gap:14px;

    align-items:center;

    margin-top:18px;

    padding:
        19px;

    overflow:hidden;

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

    border-radius:14px;

    background:
        rgba(100,242,139,.010);
}

.gsimproveclose__thanks::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:250px;
    height:2px;

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

.gsimproveclose__thanks-code{
    display:grid !important;

    place-items:center !important;

    width:50px;
    height:50px;

    padding:0 !important;

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

    border-radius:10px;

    color:var(--green);

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

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

.gsimproveclose__thanks-copy strong{
    display:block;

    margin-bottom:4px;

    color:#afd1b7;

    font-size:12px;
    line-height:1.48;
    font-weight:600;
}

.gsimproveclose__thanks-copy span{
    display:block;

    color:#718078;

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

.gsimproveclose__thanks-state{
    padding:
        7px 9px;

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

    border-radius:8px;

    color:#8da895;

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

    text-transform:uppercase;
}


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

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

    margin-top:18px;

    overflow:hidden;

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

    border-radius:13px;

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

.gsimproveclose__terminal-head{
    display:flex;

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

    gap:12px;

    min-height:39px;

    padding:
        9px 13px;

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

.gsimproveclose__terminal-dots{
    display:flex;

    gap:6px;
}

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

    border-radius:50%;
}

.gsimproveclose__terminal-dot:nth-child(1){
    background:var(--violet);
}

.gsimproveclose__terminal-dot:nth-child(2){
    background:var(--cyan);
}

.gsimproveclose__terminal-dot:nth-child(3){
    background:var(--green);
}

.gsimproveclose__terminal-name{
    color:#5f727b;

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

    text-transform:uppercase;
}

.gsimproveclose__terminal-body{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:6px;

    padding:14px;
}

.gsimproveclose__terminal-item{
    display:inline-flex;

    align-items:center;

    min-height:29px;

    padding:
        5px 8px;

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

    border-radius:7px;

    color:#687a84;

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

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


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

.gsimproveclose__footer{
    display:flex;

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

    gap:18px;

    margin-top:18px;

    padding:
        0 3px;

    color:#526570;

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

    text-transform:uppercase;
}

.gsimproveclose__footer-state{
    display:flex;

    align-items:center;

    gap:6px;

    color:#657985;
}

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

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--green);

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


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

@media (max-width:1024px){

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

        padding:
            76px 0 82px;
    }

}


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

@media (max-width:767px){

    .gsimproveclose__grid{
        opacity:.12;

        background-size:
            32px 32px;
    }

    .gsimproveclose__glow{
        display:none;
    }

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

        padding:
            62px 0 68px;
    }

    .gsimproveclose__panel{
        padding:
            29px 17px;

        border-radius:18px;
    }

    .gsimproveclose__title{
        font-size:
            clamp(
                30px,
                9.5vw,
                42px
            );
    }

    .gsimproveclose__lead{
        font-size:13px;
        line-height:1.72;
    }

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

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

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

        gap:9px;
    }

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

    .gsimproveclose__footer{
        flex-direction:column;

        align-items:flex-start;

        gap:6px;
    }

}


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

@media (max-width:390px){

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

    .gsimproveclose__panel{
        padding:
            27px 14px;
    }

    .gsimproveclose__route{
        padding:
            18px 14px;
    }

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

    .gsimproveclose__terminal-body{
        display:grid;

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

    .gsimproveclose__terminal-item{
        width:100%;
    }

}


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

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

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

}

.gsimproveclose a:focus-visible,
.gsimproveclose button:focus-visible,
.gsimproveclose input:focus-visible,
.gsimproveclose select:focus-visible,
.gsimproveclose textarea:focus-visible{
    outline:2px solid var(--cyan);
    outline-offset:3px;
}