:root {

    --v3-violeta:
        #6656df;

    --v3-violeta-oscuro:
        #40347f;

    --v3-crema:
        #fff4b8;

    --v3-panel:
        rgba(
            255,
            255,
            255,
            0.96
        );

    --v3-borde:
        #d9d2ff;

    --v3-texto:
        #443a73;

    --v3-panel-ancho:
        278px;

    --v3-panel-separacion:
        14px;

    --v3-reserva-panel:
        310px;

    --fuente-v3-texto:
        Cambria,
        Georgia,
        "Times New Roman",
        serif;

    --fuente-v3-aventura:
        "Lucida Handwriting",
        "Segoe Print",
        "Brush Script MT",
        cursive;
}

html,
body {

    width:
        100%;

    min-height:
        100%;
}

body {

    overflow-x:
        hidden;
}

body,
button,
input,
select,
textarea {

    font-family:
        var(
            --fuente-v3-texto
        )
        !important;
}

#pantallaMenu .contenedorCursos,
#pantallaMenu > .tarjetaJugador,
#pantallaMenu #botonPerfilJugador,
#pantallaMenu #botonPremios,
#pantallaMenu #botonMonedasPrueba,
#pantallaMenu #botonSalirPerfil,
#pantallaMenu #panelRespaldoAventura {

    display:
        none !important;
}

.panelJugadorV3 {

    position:
        fixed;

    z-index:
        900;

    top:
        var(
            --v3-panel-separacion
        );

    bottom:
        var(
            --v3-panel-separacion
        );

    left:
        var(
            --v3-panel-separacion
        );

    right:
        auto;

    width:
        var(
            --v3-panel-ancho
        );

    padding:
        12px;

    border:
        3px solid
        var(
            --v3-violeta
        );

    

    background:
        var(
            --v3-panel
        );

    box-shadow:

        0 10px 26px

        rgba(
            65,
            49,
            118,
            0.18
        );

    display:
        flex;

    flex-direction:
        column;

    overflow:
        hidden;
}

.panelJugadorV3.ocultoPanelV3 {

    display:
        none !important;
}

.cabeceraPanelJugadorV3 {

    flex:
        0 0 auto;

    text-align:
        center;
}

.etiquetaPanelJugadorV3 {

    display:
        inline-block;

    margin-bottom:
        3px;

    color:
        #8a80aa;

    font-size:
        9px;

    

    letter-spacing:
        1.2px;
}

.avatarPanelJugadorV3 {

    width:
        148px;

    height:
        148px;

    margin:
        0 auto 3px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        visible;
}

.avatarFallbackPanelV3 {

    font-size:
        76px;
}

.statsPanelJugadorV3 {

    flex:
        0 0 auto;

    display:
        grid;

    grid-template-columns:

        repeat(
            3,
            1fr
        );

    gap:
        5px;

    margin-bottom:
        7px;
}

.statPanelJugadorV3 {

    min-width:
        0;

    padding:
        5px 3px;

    border-radius:
        11px;

    background:
        #f3f0ff;

    color:
        #534785;

    font-size:
        9px;

    font-weight:
        900;

    
}

.statPanelJugadorV3 span {

    

    min-height:
        13px;

    font-size:
        12px;
}

.accionesPanelJugadorV3 {

    flex:
        0 0 auto;

    display:
        grid;

    gap:
        4px;
}

.botonPanelJugadorV3 {

    width:
        100%;

    min-height:
        38px !important;

    padding:
        6px 10px !important;

    border:
        0;

    border-radius:
        10px;

    background:
        #f1eeff;

    color:
        #4c3e8d;

    display:
        grid !important;

    grid-template-columns:

        30px

        minmax(
            0,
            1fr
        )

        !important;

    

    gap:
        8px !important;

    font-size:
        14px !important;

    font-weight:
        900;

    text-align:
        left;

    transition:

        transform
        0.15s ease,

        background-color
        0.15s ease;
}

.botonPanelJugadorV3
>
span:last-child {

    min-width:
        0;

    text-align:
        left;
}

.panelJugadorV3[
    data-contexto="avatar"
]
#panelAvatarV3,

.panelJugadorV3[
    data-contexto="tienda"
]
#panelTiendaV3,

.panelJugadorV3[
    data-contexto="perfil"
]
#panelVerPerfilV3 {

    display:
        none;
}

.accionesAvatarContextoV3 {

    display:
        none;

    grid-template-columns:

        1fr
        1fr;

    gap:
        5px;

    margin-top:
        6px;
}

.panelJugadorV3[
    data-contexto="avatar"
]
.accionesAvatarContextoV3 {

    display:
        grid;
}

.botonContextoAvatarV3 {

    min-height:
        34px;

    padding:
        6px 7px;

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        900;
}

.botonRestablecerContextoV3 {

    border:

        2px solid

        #d5d0df;

    background:
        white;

    color:
        #625b70;
}

.botonGuardarContextoV3 {

    border:
        0;

    background:

        linear-gradient(
            180deg,
            #7661db,
            #5e49bd
        );

    color:
        white;
}

.accionesSistemaPanelV3 {

    flex:
        0 0 auto;

    display:
        grid;

    grid-template-columns:

        1fr
        1fr;

    gap:
        7px !important;

    margin-top:
        6px;
}

.botonSistemaPanelV3 {

    min-width:
        0;

    

    padding:
        5px;

    border:

        1px solid

        #ddd7f5;

    border-radius:
        9px;

    background:
        #faf9ff;

    color:
        #5d5191;

    display:
        grid !important;

    grid-template-columns:

        22px

        minmax(
            0,
            1fr
        )

        !important;

    align-items:
        center !important;

    gap:
        4px !important;

    

    font-weight:
        900;
}

.botonSistemaPanelV3:hover {

    background:
        #f0edff;
}

.iconoSistemaPanelV3 {

    font-size:
        17px;
}

.audioPanelV3 {

    flex:
        0 0 auto;

    

    padding-top:
        7px;

    border-top:

        1px dashed

        #ccc4ef;
}

.filaAudioV3 {

    display:
        grid;

    grid-template-columns:

        34px
        1fr
        34px;

    gap:
        5px;

    align-items:
        center;
}

.botonMuteV3 {

    width:
        33px;

    height:
        32px;

    padding:
        0;

    border:
        0;

    border-radius:
        9px;

    background:
        #eeeaff;

    font-size:
        17px;
}

.volumenV3 {

    width:
        100%;
}

.valorVolumenV3 {

    color:
        #6d6492;

    font-size:
        10px;

    font-weight:
        900;

    text-align:
        right;
}

#pantallaMenu.pantallaMenu {

    width:
        100%;

    height:
        100vh;

    height:
        100dvh;

    min-height:
        0 !important;

    overflow:
        hidden;

    padding:

        14px
        18px
        14px
        var(
            --v3-reserva-panel
        )

        !important;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        flex-start;

    background:

        radial-gradient(

            circle at
            75% 5%,

            rgba(
                255,
                255,
                255,
                0.34
            ),

            transparent
            22%

        ),

        #fff0a8;
}

#pantallaMenu
.tituloMundos {

    flex:
        0 0 auto;

    width:

        min(
            980px,
            100%
        );

    margin:
        2px auto 8px;

    color:
        #443783;

    font-family:

        var(
            --fuente-v3-aventura
        )

        !important;

    font-size:

        clamp(
            24px,
            2.4vw,
            32px
        );

    

    line-height:
        1.1;

    letter-spacing:
        -0.3px;

    
}

#pantallaMenu
#tarjetaProgresoGeneral {

    flex:
        0 1 auto;

    width:

        min(
            980px,
            100%
        )

        !important;

    max-height:

        calc(
            100dvh
            -
            66px
        );

    

    padding:
        12px 16px !important;

    

    border-radius:
        22px;
}

#pantallaMenu
.rangoAventureroGeneral {

    gap:
        9px;
}

#pantallaMenu
.rangoAventureroGeneral
small {

    font-size:
        9px;
}

#pantallaMenu
.rangoAventureroGeneral
strong {

    font-size:
        18px;
}

#pantallaMenu
.mundoProgresoGeneral
strong {

    font-size:
        12px;

    line-height:
        1.1;
}

#pantallaMenu
.mundoProgresoGeneral
small {

    margin-top:
        2px;

    font-size:
        9px;

    line-height:
        1.1;
}

.botonMundoProgresoV3 {

    width:
        100%;

    border:

        2px solid

        #ded9ca;

    cursor:
        pointer;

    text-align:
        left;

    transition:

        transform
        0.15s ease,

        border-color
        0.15s ease,

        box-shadow
        0.15s ease;
}

.botonMundoProgresoV3:hover:not(
    :disabled
) {

    transform:
        translateY(
            -1px
        );

    border-color:
        #6f5de4;

    box-shadow:

        0 4px 10px

        rgba(
            86,
            69,
            160,
            0.12
        );
}

.botonMundoProgresoV3:disabled {

    cursor:
        not-allowed;

    opacity:
        0.58;
}

.mundoFinalV3 {

    border-color:
        #e0bd42 !important;

    background:

        linear-gradient(
            145deg,
            #fff9d8,
            #f2ebff
        )

        !important;
}

#pantallaMenu
#botonAvatarStudioMenu,

#pantallaMenu
.botonAvatarStudioMenu {

    display:
        none !important;
}

.pantallaAvatarStudio
.panelJugadorActivoV3 {

    width:
        100%;
}

.pantallaAvatarStudio.panelJugadorActivoV3 {

    width:
        100%;

    height:
        100vh;

    height:
        100dvh;

    min-height:
        0 !important;

    overflow:
        hidden;

    padding:

        10px
        16px
        10px
        var(
            --v3-reserva-panel
        )

        !important;

    display:
        flex !important;

    flex-direction:
        column;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;
}
.pantallaAvatarStudio.panelJugadorActivoV3
.panelPreviewAvatar {

    display:
        none !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.cabeceraAvatarStudio {

    flex:
        0 0 auto;

    width:
        100%;

    margin:
        0 0 8px;

    padding:
        9px 13px;

    border-width:
        2px;

    border-radius:
        18px;

    grid-template-columns:

        auto
        minmax(
            0,
            1fr
        )
        auto;

    gap:
        12px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.cabeceraAvatarStudio p {

    margin:
        2px 0 0;

    font-size:
        11px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.progresoAvatarStudio {

    padding:
        6px 10px;

    font-size:
        12px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.contenidoAvatarStudio {

    flex:
        1 1 auto;

    min-height:
        0;

    width:
        100%;

    margin:
        0;

    display:
        block;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.panelOpcionesAvatar {

    width:
        100%;

    height:
        100%;

    min-height:
        0;

    padding:
        10px 12px;

    overflow:
        hidden;

    border-radius:
        20px;

    display:
        grid;

    grid-template-rows:

        auto
        auto
        minmax(
            0,
            1fr
        );
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriasAvatarStudio {

    display:
        grid !important;

    grid-template-columns:

        repeat(
            6,
            minmax(
                0,
                1fr
            )
        );

    gap:
        5px;

    width:
        100%;

    overflow:
        visible !important;

    padding:
        0 !important;

    scrollbar-width:
        none;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriasAvatarStudio::-webkit-scrollbar {

    display:
        none;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio {

    min-width:
        0;

    min-height:
        51px;

    padding:
        5px 4px;

    border-radius:
        12px;

    display:
        grid;

    grid-template-columns:

        24px
        minmax(
            0,
            1fr
        );

    align-items:
        center;

    justify-items:
        start;

    gap:
        3px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio small {

    min-width:
        0;

    font-size:
        8px;

    

    white-space:
        normal;

    text-align:
        left;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar {

    min-height:
        30px;

    margin:
        6px 0;

    align-items:
        center;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar h3 {

    font-size:
        18px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar small {

    font-size:
        9px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio {

    min-height:
        0;

    overflow-y:
        auto;

    overflow-x:
        hidden;

    padding:
        2px 5px 5px 1px;

    display:
        grid;

    grid-template-columns:

        repeat(
            auto-fill,
            minmax(
                102px,
                1fr
            )
        );

    grid-auto-rows:

        minmax(
            105px,
            auto
        );

    align-content:
        start;

    gap:
        7px;

    scrollbar-width:
        thin;

    scrollbar-color:
        #b8afe8
        transparent;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio::-webkit-scrollbar {

    width:
        7px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio::-webkit-scrollbar-thumb {

    border-radius:
        999px;

    background:
        #b8afe8;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio::-webkit-scrollbar-track {

    background:
        transparent;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio {

    min-height:
        105px;

    padding:
        7px 5px;

    border-width:
        2px;

    border-radius:
        15px;

    gap:
        3px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.muestraOpcionAvatar {

    width:
        42px;

    height:
        42px;

    font-size:
        24px;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio strong {

    font-size:
        11px;

    line-height:
        1.1;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio small {

    font-size:
        8px;
}
.pantallaAvatarStudio.panelJugadorActivoV3
.accionesAvatarStudio {

    display:
        none !important;
}

.pantallaTiendaAvatar.panelJugadorActivoV3,

#pantallaPerfilJugador.panelJugadorActivoV3 {

    padding-left:

        var(
            --v3-reserva-panel
        )

        !important;

    padding-right:
        18px !important;
}

#pantallaPerfiles {

    background:

        radial-gradient(

            circle at
            15% 15%,

            rgba(
                255,
                255,
                255,
                0.65
            ),

            transparent
            23%

        ),

        linear-gradient(

            145deg,

            #fff1a7,

            #efeaff

        );
}

#pantallaPerfiles
.contenedorPerfiles {

    width:

        min(
            1050px,
            94%
        );

    display:
        grid;

    grid-template-columns:

        repeat(
            auto-fit,
            minmax(
                170px,
                1fr
            )
        );

    gap:
        16px;
}

.perfilV3 {

    min-height:
        190px;

    padding:
        14px;

    border:

        3px solid

        #d8d4e4;

    border-radius:
        23px;

    background:

        rgba(
            255,
            255,
            255,
            0.9
        );

    color:
        #43386d;

    box-shadow:

        0 5px 0

        rgba(
            62,
            45,
            114,
            0.08
        );
}

.perfilV3:hover {

    transform:
        translateY(
            -3px
        );

    border-color:
        #755fe8;
}

.perfilCrearV3 {

    border-style:
        dashed;

    border-color:
        #725fe2;

    background:

        linear-gradient(
            145deg,
            #f4f0ff,
            #fffdf2
        );
}

.masPerfilV3 {

    display:
        block;

    margin-bottom:
        10px;

    color:
        #6656df;

    font-size:
        58px;

    line-height:
        1;
}

.avatarPerfilV3 {

    width:
        100px;

    height:
        100px;

    margin:
        0 auto 8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}

.avatarPerfilV3
.avatarCompuesto {

    width:
        96px !important;

    height:
        96px !important;
}

.nombrePerfilV3 {

    display:
        block;

    font-size:
        17px;

    font-weight:
        900;
}

.detallePerfilV3 {

    display:
        block;

    margin-top:
        5px;

    color:
        #81799d;

    font-size:
        11px;
}

#pantallaPerfiles h2 {

    font-family:

        var(
            --fuente-v3-aventura
        )

        !important;

    font-weight:
        700 !important;
}

.introduccionV3 {

    position:
        fixed;

    inset:
        0;

    z-index:
        5000;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        24px;

    background:

        rgba(
            35,
            28,
            67,
            0.58
        );

    backdrop-filter:
        blur(
            5px
        );
}

.introduccionV3.oculto {

    display:
        none !important;
}

.tarjetaIntroduccionV3 {

    width:

        min(
            920px,
            96vw
        );

    min-height:
        510px;

    overflow:
        hidden;

    display:
        grid;

    grid-template-columns:

        minmax(
            250px,
            42%
        )

        1fr;

    border:

        4px solid

        #6e5ce5;

    border-radius:
        30px;

    background:
        #fffdf4;

    box-shadow:

        0 24px 60px

        rgba(
            20,
            14,
            55,
            0.35
        );
}

.visualIntroduccionV3 {

    min-height:
        420px;

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        center;

    padding:
        20px 20px 0;

    background:

        linear-gradient(

            160deg,

            #d9efff,

            #efe6ff
            60%,

            #fff4b7

        );
}

.imagenProfeIntroduccionV3 {

    width:

        min(
            100%,
            370px
        );

    max-height:
        430px;

    object-fit:
        contain;
}

.fallbackProfeV3 {

    margin-bottom:
        50px;

    font-size:
        145px;
}

.contenidoIntroduccionV3 {

    padding:
        34px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;
}

.etiquetaIntroV3 {

    margin:
        0 0 8px;

    color:
        #8b7abf;

    font-family:

        var(
            --fuente-v3-texto
        )

        !important;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        1px;
}

.tituloIntroV3 {

    margin-bottom:
        16px;

    font-family:

        var(
            --fuente-v3-aventura
        )

        !important;

    font-size:
        31px;

    font-weight:
        700 !important;
}

.textoIntroV3 {

    min-height:
        135px;

    color:
        #5f5874;

    font-family:

        var(
            --fuente-v3-texto
        )

        !important;

    font-size:
        19px;

    line-height:
        1.55;
}

.puntosIntroV3 {

    display:
        flex;

    gap:
        7px;

    margin:
        16px 0;
}

.puntoIntroV3 {

    width:
        10px;

    height:
        10px;

    border-radius:
        50%;

    background:
        #d7d0f5;
}

.puntoIntroV3.activo {

    background:
        #6656df;

    transform:
        scale(
            1.25
        );
}

.accionesIntroV3 {

    display:
        flex;

    justify-content:
        space-between;

    gap:
        10px;

    flex-wrap:
        wrap;
}

.accionesIntroV3 button {

    padding:
        12px 17px;

    border:
        0;

    border-radius:
        13px;

    font-family:

        var(
            --fuente-v3-texto
        )

        !important;

    font-weight:
        900;
}

.botonSiguienteIntroV3 {

    margin-left:
        auto;

    background:
        #6656df;

    color:
        white;
}

.botonOmitirIntroV3,
.botonAnteriorIntroV3 {

    background:
        #ece8fb;

    color:
        #57499b;
}

#pantallaInicio {

    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;

    background:

        radial-gradient(

            circle at
            78% 18%,

            rgba(
                255,
                242,
                155,
                0.95
            )

            0 6%,

            rgba(
                255,
                242,
                155,
                0.34
            )

            7% 13%,

            transparent
            14%

        ),

        linear-gradient(

            180deg,

            #bfe7f3
            0%,

            #dff3ea
            45%,

            #f7e5a6
            72%,

            #d6bd72
            100%

        )

        !important;
}

#pantallaInicio::before {

    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        auto !important;

    height:
        auto !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:

        radial-gradient(

            circle at
            14% 24%,

            rgba(
                255,
                255,
                255,
                0.82
            )

            0 4%,

            transparent
            4.5%

        ),

        radial-gradient(

            circle at
            19% 21%,

            rgba(
                255,
                255,
                255,
                0.58
            )

            0 5%,

            transparent
            5.5%

        ),

        repeating-radial-gradient(

            ellipse at
            75% 35%,

            transparent
            0 35px,

            rgba(
                92,
                82,
                143,
                0.08
            )

            36px 38px,

            transparent
            39px 70px

        );

    opacity:
        0.9;

    animation:
        none !important;

    z-index:
        -2;
}

#pantallaInicio::after {

    content:
        "" !important;

    position:
        absolute !important;

    left:
        0 !important;

    right:
        0 !important;

    bottom:
        0 !important;

    width:
        100% !important;

    height:
        38% !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:

        linear-gradient(

            180deg,

            #729e68,

            #52744e
            62%,

            #415d42

        );

    clip-path:

        polygon(

            0 100%,

            0 75%,

            8% 56%,

            16% 70%,

            25% 38%,

            35% 67%,

            47% 25%,

            57% 63%,

            67% 41%,

            76% 68%,

            88% 36%,

            100% 66%,

            100% 100%

        );

    opacity:
        0.9;

    animation:
        none !important;

    z-index:
        -1;
}

#pantallaInicio h1 {

    position:
        relative;

    z-index:
        1;

    margin-bottom:
        10px;

    color:
        #3d326f !important;

    font-family:

        var(
            --fuente-v3-aventura
        )

        !important;

    font-size:

        clamp(
            44px,
            6vw,
            72px
        );

    font-weight:
        700 !important;

    text-shadow:

        0 3px 0

        rgba(
            255,
            255,
            255,
            0.55
        ),

        0 10px 24px

        rgba(
            45,
            54,
            70,
            0.15
        );

    animation:

        aparecerTituloV3

        0.7s

        ease

        both;
}

#pantallaInicio
.subtitulo {

    position:
        relative;

    z-index:
        1;

    max-width:
        640px;

    margin-left:
        auto;

    margin-right:
        auto;

    color:
        #3f4b42;

    font-size:
        20px;

    font-weight:
        700;
}

#pantallaInicio
.iconoPrincipal {

    position:
        relative;

    z-index:
        1;

    width:
        122px;

    height:
        122px;

    margin:
        9px auto 21px;

    border:

        5px solid

        #5e4cc7;

    border-radius:
        50%;

    background:

        radial-gradient(

            circle at
            35% 30%,

            #fffbe7,

            #efe7b0
            64%,

            #d8c574

        );

    box-shadow:

        0 7px 0

        rgba(
            63,
            49,
            116,
            0.18
        ),

        0 14px 30px

        rgba(
            45,
            57,
            70,
            0.18
        );

    color:
        transparent !important;

    font-size:
        0 !important;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    animation:

        flotarInicioV3

        2.7s

        ease-in-out

        infinite;
}

#pantallaInicio
.iconoPrincipal::before {

    content:
        "🧭";

    font-size:
        67px;

    line-height:
        1;

    filter:

        drop-shadow(

            0 3px 2px

            rgba(
                45,
                37,
                75,
                0.2
            )

        );
}

#pantallaInicio
.iconoPrincipal::after {

    content:
        "✦";

    position:
        absolute;

    top:
        7px;

    right:
        11px;

    color:
        #f2bd2d;

    font-size:
        26px;

    animation:

        destelloEmblemaInicioV3

        2s

        ease-in-out

        infinite;
}

#pantallaInicio
#botonComenzar {

    position:
        relative;

    z-index:
        1;

    min-width:
        255px;

    padding:
        15px 26px;

    border:

        3px solid

        rgba(
            255,
            255,
            255,
            0.72
        );

    border-radius:
        18px;

    background:

        linear-gradient(

            180deg,

            #7564e8,

            #5745c3

        );

    color:
        white;

    font-family:

        var(
            --fuente-v3-texto
        )

        !important;

    font-size:
        17px;

    font-weight:
        900;

    letter-spacing:
        0.4px;

    box-shadow:

        0 8px 0

        #493aa6,

        0 14px 30px

        rgba(
            83,
            64,
            174,
            0.18
        );

    animation:

        aparecerBotonV3

        0.8s

        0.18s

        ease

        both;
}

#pantallaBienvenida h2 {

    font-family:

        var(
            --fuente-v3-aventura
        )

        !important;

    color:
        #443783;

    font-size:

        clamp(
            34px,
            4vw,
            48px
        );
}

#pantallaBienvenida p,
#pantallaBienvenida button {

    font-family:

        var(
            --fuente-v3-texto
        )

        !important;
}

.nivelMapa.nivelProximamente {

    opacity:
        0.64;

    filter:
        saturate(
            0.55
        );

    cursor:
        not-allowed !important;

    background:

        linear-gradient(
            145deg,
            #f2f3f7,
            #e8edf7
        )

        !important;
}

@keyframes aparecerTituloV3 {

    from {

        opacity:
            0;

        transform:

            translateY(
                -16px
            )

            scale(
                0.96
            );
    }

    to {

        opacity:
            1;

        transform:
            none;
    }
}

@keyframes aparecerBotonV3 {

    from {

        opacity:
            0;

        transform:

            translateY(
                16px
            );
    }

    to {

        opacity:
            1;

        transform:
            none;
    }
}

@keyframes flotarInicioV3 {

    0%,
    100% {

        transform:

            translateY(
                0
            )

            rotate(
                -2deg
            );
    }

    50% {

        transform:

            translateY(
                -10px
            )

            rotate(
                2deg
            );
    }
}

@keyframes destelloEmblemaInicioV3 {

    0%,
    100% {

        transform:

            scale(
                0.8
            )

            rotate(
                0deg
            );

        opacity:
            0.55;
    }

    50% {

        transform:

            scale(
                1.18
            )

            rotate(
                20deg
            );

        opacity:
            1;
    }
}

@media (
    max-height: 720px
)
and
(
    min-width: 1001px
) {

    .panelJugadorV3 {

        top:
            8px;

        bottom:
            8px;

        padding:
            9px;
    }

    .avatarPanelJugadorV3 {

        width:
            112px !important;

        height:
            112px !important;
    }

    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            109px !important;

        height:
            109px !important;

        flex-basis:
            109px !important;
    }

    .nombrePanelJugadorV3 {

        margin-bottom:
            5px;

        font-size:
            18px;
    }

    .statsPanelJugadorV3 {

        margin-bottom:
            5px;
    }

    .botonPanelJugadorV3 {

        min-height:
            34px !important;

        padding:
            4px 8px !important;

        font-size:
            13px !important;
    }

    .iconoAccionPanelV3 {

        width:
            26px;

        height:
            26px;

        font-size:
            18px;
    }

    .accionesPanelJugadorV3 {

        gap:
            3px;
    }

    .botonSistemaPanelV3 {

        min-height:
            33px !important;
    }

    .accionesSistemaPanelV3 {

        margin-top:
            4px;
    }

    .audioPanelV3 {

        padding-top:
            5px;
    }

    #pantallaMenu
    .tituloMundos {

        margin-bottom:
            5px;

        font-size:
            25px;
    }

    #pantallaMenu
    #tarjetaProgresoGeneral {

        padding:
            9px 13px !important;
    }

    #pantallaMenu
    .mundoProgresoGeneral {

        min-height:
            43px;

        padding:
            5px 8px;
    }

    .pantallaAvatarStudio.panelJugadorActivoV3
    .categoriaAvatarStudio {

        min-height:
            46px;
    }

    .pantallaAvatarStudio.panelJugadorActivoV3
    .opcionesAvatarStudio {

        grid-auto-rows:

            minmax(
                95px,
                auto
            );
    }

    .pantallaAvatarStudio.panelJugadorActivoV3
    .opcionAvatarStudio {

        min-height:
            95px;
    }
}

@media (
    max-width: 1000px
) {

    body {

        overflow-y:
            auto;
    }

    .panelJugadorV3 {

        position:
            relative;

        top:
            auto;

        bottom:
            auto;

        left:
            auto;

        right:
            auto;

        width:

            min(
                900px,
                94%
            );

        height:
            auto;

        margin:
            14px auto;

        overflow:
            visible;
    }

    .avatarPanelJugadorV3 {

        width:
            130px;

        height:
            130px;
    }

    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            126px !important;

        height:
            126px !important;

        flex-basis:
            126px;
    }

    #pantallaMenu.pantallaMenu,

    .pantallaAvatarStudio.panelJugadorActivoV3,

    .pantallaTiendaAvatar.panelJugadorActivoV3,

    #pantallaPerfilJugador.panelJugadorActivoV3 {

        height:
            auto;

        min-height:
            100vh !important;

        overflow:
            visible;

        padding-left:
            20px !important;

        padding-right:
            20px !important;
    }

    #pantallaMenu
    .mundosProgresoGeneral {

        grid-template-columns:

            1fr

            !important;
    }

    .pantallaAvatarStudio.panelJugadorActivoV3
    .categoriasAvatarStudio {

        grid-template-columns:

            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );
    }

    .pantallaAvatarStudio.panelJugadorActivoV3
    .opcionesAvatarStudio {

        overflow-y:
            visible;
    }
}

@media (
    max-width: 720px
) {

    .tarjetaIntroduccionV3 {

        grid-template-columns:
            1fr;
    }

    .visualIntroduccionV3 {

        min-height:
            230px;
    }

    .imagenProfeIntroduccionV3 {

        max-height:
            240px;
    }

    .pantallaAvatarStudio.panelJugadorActivoV3
    .categoriasAvatarStudio {

        grid-template-columns:

            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            );
    }
}

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

    *,
    *::before,
    *::after {

        scroll-behavior:
            auto !important;
    }

    .perfilV3,
    .botonMundoProgresoV3,
    .botonPanelJugadorV3 {

        transition:
            none !important;
    }

    #pantallaInicio::before,
    #pantallaInicio::after,
    #pantallaInicio h1,
    #pantallaInicio .iconoPrincipal,
    #pantallaInicio #botonComenzar,
    #pantallaInicio .iconoPrincipal::after {

        animation:
            none !important;
    }
}

.panelJugadorV3 {

    padding:
        11px;

    border:
        3px solid
        #6656df;

    border-radius:
        26px;

    background:

        radial-gradient(
            circle at 50% 14%,
            rgba(220, 235, 255, 0.72),
            transparent 29%
        ),

        linear-gradient(
            180deg,
            #fffef8,
            #fffaf0
        );

    box-shadow:

        0 10px 28px
        rgba(66, 49, 125, 0.18),

        inset
        0 0 0 2px
        rgba(255, 255, 255, 0.75);
}

.etiquetaPanelJugadorV3 {

    margin-bottom:
        1px;

    color:
        #786daa;

    

    letter-spacing:
        1.3px;
}

.accionesPanelJugadorV3 {

    

    grid-template-columns:

        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        7px !important;
}

.botonPanelJugadorV3 {

    min-width:
        0;

    min-height:
        78px !important;

    padding:
        8px 5px !important;

    border:

        2px solid
        #e1dbfb !important;

    

    background:

        linear-gradient(
            145deg,
            #f7f5ff,
            #ece8ff
        ) !important;

    

    

    

    

    gap:
        4px !important;

    color:
        #483c84 !important;

    

    

    line-height:
        1.05;

    box-shadow:

        0 3px 0
        rgba(75, 58, 139, 0.09);

    cursor:
        pointer;
}

.iconoAccionPanelV3 {

    width:
        37px !important;

    height:
        37px !important;

    

    

    

    

    

    font-size:
        25px !important;

    line-height:
        1;

    box-shadow:

        0 2px 5px
        rgba(52, 40, 105, 0.12);
}

#panelIntroV3 {

    grid-column:
        1 / -1;

    min-height:
        49px !important;

    flex-direction:
        row !important;

    gap:
        9px !important;
}

#panelIntroV3
.iconoAccionPanelV3 {

    width:
        31px !important;

    height:
        31px !important;

    font-size:
        20px !important;
}

.botonSistemaPanelV3 {

    min-height:
        37px !important;

    padding:
        5px !important;

    border-radius:
        10px !important;

    font-size:
        11px !important;
}

#pantallaMenu.pantallaMenu {

    padding:

        10px
        18px
        10px
        var(--v3-reserva-panel)

        !important;

    background:

        radial-gradient(
            circle at 82% 12%,
            rgba(255, 255, 255, 0.58),
            transparent 19%
        ),

        radial-gradient(
            circle at 8% 85%,
            rgba(225, 205, 116, 0.23),
            transparent 22%
        ),

        repeating-radial-gradient(
            ellipse at 65% 48%,
            transparent
            0 65px,

            rgba(165, 135, 59, 0.04)
            66px 68px,

            transparent
            69px 130px
        ),

        linear-gradient(
            145deg,
            #fff1a7,
            #fff8d9
        )

        !important;
}

#pantallaMenu
.tituloMundos::before {

    

    

    margin-bottom:
        2px;

    font-family:
        Cambria,
        Georgia,
        serif;

    color:
        #a17c28;

    font-size:
        10px;

    

    
}

#pantallaMenu
#tarjetaProgresoGeneral {

    position:
        relative;

    width:

        min(
            1010px,
            100%
        )

        !important;

    height:

        calc(
            100dvh
            -
            75px
        );

    max-height:
        590px !important;

    min-height:
        520px;

    padding:
        12px 15px !important;

    border:

        3px solid
        #d9bb61;

    border-radius:
        24px;

    background:

        linear-gradient(
            160deg,
            rgba(255, 254, 239, 0.97),
            rgba(255, 249, 221, 0.96)
        )

        !important;

    box-shadow:

        0 8px 0
        rgba(161, 125, 38, 0.13),

        0 14px 32px
        rgba(88, 65, 23, 0.09);

    overflow:
        hidden;

    display:
        flex;

    flex-direction:
        column;
}

#pantallaMenu
#tarjetaProgresoGeneral::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    opacity:
        0.23;

    background:

        radial-gradient(
            circle at 14% 34%,
            #b79842 0 2px,
            transparent 3px
        ),

        radial-gradient(
            circle at 76% 64%,
            #b79842 0 2px,
            transparent 3px
        ),

        radial-gradient(
            circle at 48% 84%,
            #b79842 0 2px,
            transparent 3px
        );

    background-size:

        170px 115px,
        220px 150px,
        190px 130px;
}

#pantallaMenu
#tarjetaProgresoGeneral
> * {

    position:
        relative;

    z-index:
        1;
}

#pantallaMenu
.mundosProgresoGeneral {

    flex:
        1 1 auto;

    display:
        grid !important;

    grid-template-columns:

        repeat(
            2,
            minmax(
                0,
                1fr
            )
        )

        !important;

    grid-template-rows:

        repeat(
            5,
            minmax(
                58px,
                1fr
            )
        );

    gap:
        7px 9px !important;

    margin-top:
        9px !important;
}

#pantallaMenu
.mundoProgresoGeneral {

    min-height:
        60px !important;

    padding:
        8px 12px !important;

    border:
        2px solid
        #ddd7bd !important;

    border-left-width:
        7px !important;

    border-radius:
        15px !important;

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

    gap:
        11px !important;

    box-shadow:

        0 3px 0
        rgba(82, 67, 42, 0.06);

    transition:

        transform
        0.18s ease,

        box-shadow
        0.18s ease;
}

#pantallaMenu
.mundoProgresoGeneral:hover:not(:disabled) {

    transform:
        translateY(-2px)
        scale(1.008);

    box-shadow:

        0 6px 13px
        rgba(64, 48, 101, 0.13);
}

#pantallaMenu
.iconoMundoProgreso {

    width:
        42px;

    height:
        42px;

    flex:
        0 0 42px !important;

    

    

    

    

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

    font-size:
        29px !important;

    box-shadow:

        0 2px 4px
        rgba(43, 38, 56, 0.10);
}

#pantallaMenu
.mundoProgresoGeneral strong {

    font-size:
        15px !important;

    
}

#pantallaMenu
.mundoProgresoGeneral small {

    margin-top:
        3px !important;

    
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(1) {

    border-left-color:
        #6b58d9 !important;

    background:

        linear-gradient(
            90deg,
            #f1edff,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(2) {

    border-left-color:
        #3d79ca !important;

    background:

        linear-gradient(
            90deg,
            #edf5ff,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(3) {

    border-left-color:
        #3fa46d !important;

    background:

        linear-gradient(
            90deg,
            #ebfbf1,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(4) {

    border-left-color:
        #d88942 !important;

    background:

        linear-gradient(
            90deg,
            #fff3e6,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(5) {

    border-left-color:
        #d5ad32 !important;

    background:

        linear-gradient(
            90deg,
            #fff9db,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(6) {

    border-left-color:
        #d36394 !important;

    background:

        linear-gradient(
            90deg,
            #fff0f7,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(7) {

    border-left-color:
        #32a3ae !important;

    background:

        linear-gradient(
            90deg,
            #eafafb,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(8) {

    border-left-color:
        #d05e5e !important;

    background:

        linear-gradient(
            90deg,
            #fff0f0,
            #f3f6ff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(9) {

    border-left-color:
        #e0ad18 !important;

    background:

        linear-gradient(
            90deg,
            #fff9d5,
            #fff
        )

        !important;
}

#pantallaMenu
.mundosProgresoGeneral
.mundoProgresoGeneral:nth-child(10) {

    border-left-color:
        #8d65d5 !important;

    border-color:
        #d2ad3e !important;

    background:

        linear-gradient(
            100deg,
            #fff7c9,
            #f0e8ff
        )

        !important;
}

#pantallaMenu
.caminoRangosGeneral {

    flex:
        0 0 auto;

    gap:
        7px !important;

    margin-top:
        9px !important;

    padding-top:
        8px !important;
}

#pantallaMenu
.hitoRangoGeneral strong {

    margin-top:
        1px !important;

    
}

#pantallaMenu
.hitoRangoGeneral small {

    margin-top:
        0 !important;

    
}

.pantallaAvatarStudio.panelJugadorActivoV3
.cabeceraAvatarStudio {

    border:
        3px solid
        #7862d6 !important;

    background:

        linear-gradient(
            100deg,
            rgba(255, 255, 255, 0.97),
            rgba(244, 238, 255, 0.97)
        )

        !important;

    box-shadow:

        0 5px 0
        rgba(81, 60, 148, 0.10);
}

.pantallaAvatarStudio.panelJugadorActivoV3
.cabeceraAvatarStudio h2 {

    color:
        #493982;

    font-family:
        "Lucida Handwriting",
        "Segoe Print",
        cursive !important;

    
}

.pantallaAvatarStudio.panelJugadorActivoV3
.panelOpcionesAvatar {

    border:

        3px solid
        #d9d0ff !important;

    background:

        radial-gradient(
            circle at 95% 5%,
            rgba(236, 224, 255, 0.60),
            transparent 28%
        ),

        rgba(
            255,
            255,
            255,
            0.96
        )

        !important;

    box-shadow:

        0 7px 0
        rgba(77, 59, 140, 0.08);
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio {

    min-height:
        57px !important;

    border-width:
        2px !important;

    border-radius:
        14px !important;

    box-shadow:

        0 2px 0
        rgba(68, 52, 121, 0.06);
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio span {

    font-size:
        23px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio small {

    font-size:
        9px !important;

    
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(1) {

    background:
        #fff0df;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(2) {

    background:
        #f3e9dc;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(3) {

    background:
        #fff1f5;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(4) {

    background:
        #fff5d8;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(5) {

    background:
        #eaf8ee;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(6) {

    background:
        #fff0e1;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(7) {

    background:
        #edf4ff;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(8) {

    background:
        #f4ebff;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(9) {

    background:
        #fff7cf;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(10) {

    background:
        #eaf9ef;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(11) {

    background:
        #edf8ff;
}

.pantallaAvatarStudio
.categoriaAvatarStudio:nth-child(12) {

    background:
        #f5edff;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio.categoriaAvatarActiva {

    border-color:
        #604cc7 !important;

    background:

        linear-gradient(
            145deg,
            #7661db,
            #5d48bc
        )

        !important;

    

    transform:
        translateY(-2px);

    box-shadow:

        0 4px 8px
        rgba(77, 59, 142, 0.20);
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio {

    grid-template-columns:

        repeat(
            auto-fill,
            minmax(
                116px,
                1fr
            )
        )

        !important;

    gap:
        9px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio {

    min-height:
        112px !important;

    
}

.pantallaAvatarStudio.panelJugadorActivoV3
.muestraOpcionAvatar {

    width:
        49px !important;

    height:
        49px !important;
}

#pantallaInicio:not(.oculto) {

    animation:

        respirarFondoInicioV34

        7s

        ease-in-out

        infinite alternate;
}

#pantallaInicio:not(.oculto)::before {

    animation:

        moverCieloInicioV34

        9s

        ease-in-out

        infinite alternate

        !important;
}

#pantallaInicio:not(.oculto)::after {

    transform-origin:
        center bottom;

    animation:

        aparecerMontanasV34

        1.15s

        cubic-bezier(
            .18,
            .8,
            .25,
            1
        )

        both

        !important;
}

#pantallaInicio:not(.oculto)
h1 {

    animation:

        aparecerTituloAventuraV34

        0.85s

        cubic-bezier(
            .16,
            1,
            .3,
            1
        )

        both

        !important;
}

#pantallaInicio:not(.oculto)
.subtitulo {

    animation:

        aparecerSubtituloV34

        0.8s

        0.25s

        ease

        both;
}

#pantallaInicio:not(.oculto)
.iconoPrincipal {

    animation:

        flotarBrujulaV34

        2.8s

        ease-in-out

        infinite

        !important;
}

#pantallaInicio:not(.oculto)
.iconoPrincipal::before {

    animation:

        giroEntradaBrujulaV34

        1.25s

        cubic-bezier(
            .22,
            1,
            .36,
            1
        )

        both;
}

#pantallaInicio:not(.oculto)
.iconoPrincipal::after {

    animation:

        destelloBrujulaV34

        1.8s

        ease-in-out

        infinite

        !important;
}

#pantallaInicio:not(.oculto)
#botonComenzar {

    animation:

        aparecerBotonInicioV34
        0.75s
        0.50s
        ease
        both,

        pulsoBotonInicioV34
        2.4s
        1.3s
        ease-in-out
        infinite

        !important;
}

@keyframes aparecerTituloAventuraV34 {

    0% {

        opacity:
            0;

        transform:

            translateY(
                -35px
            )

            scale(
                0.88
            );
    }

    65% {

        opacity:
            1;

        transform:

            translateY(
                5px
            )

            scale(
                1.025
            );
    }

    100% {

        opacity:
            1;

        transform:
            none;
    }
}

@keyframes aparecerSubtituloV34 {

    from {

        opacity:
            0;

        transform:
            translateY(
                13px
            );
    }

    to {

        opacity:
            1;

        transform:
            translateY(
                0
            );
    }
}

@keyframes aparecerMontanasV34 {

    from {

        opacity:
            0;

        transform:

            translateY(
                110px
            )

            scaleY(
                0.80
            );
    }

    to {

        opacity:
            0.90;

        transform:
            none;
    }
}

@keyframes moverCieloInicioV34 {

    from {

        transform:

            translateX(
                -9px
            )

            translateY(
                0
            );
    }

    to {

        transform:

            translateX(
                11px
            )

            translateY(
                5px
            );
    }
}

@keyframes giroEntradaBrujulaV34 {

    from {

        opacity:
            0;

        transform:

            rotate(
                -180deg
            )

            scale(
                0.45
            );
    }

    to {

        opacity:
            1;

        transform:

            rotate(
                0deg
            )

            scale(
                1
            );
    }
}

@keyframes flotarBrujulaV34 {

    0%,
    100% {

        transform:

            translateY(
                0
            );
    }

    50% {

        transform:

            translateY(
                -10px
            );
    }
}

@keyframes destelloBrujulaV34 {

    0%,
    100% {

        opacity:
            0.45;

        transform:

            scale(
                0.75
            )

            rotate(
                0deg
            );
    }

    50% {

        opacity:
            1;

        transform:

            scale(
                1.25
            )

            rotate(
                30deg
            );
    }
}

@keyframes aparecerBotonInicioV34 {

    from {

        opacity:
            0;

        transform:
            translateY(
                25px
            );
    }

    to {

        opacity:
            1;

        transform:
            translateY(
                0
            );
    }
}

@keyframes pulsoBotonInicioV34 {

    0%,
    100% {

        filter:
            brightness(
                1
            );

        box-shadow:

            0 8px 0
            #493aa6,

            0 14px 30px
            rgba(
                83,
                64,
                174,
                0.18
            );
    }

    50% {

        filter:
            brightness(
                1.10
            );

        box-shadow:

            0 8px 0
            #493aa6,

            0 17px 37px
            rgba(
                83,
                64,
                174,
                0.34
            );
    }
}

@keyframes respirarFondoInicioV34 {

    from {

        background-position:

            0 0,
            0 0,
            0 0;
    }

    to {

        background-position:

            15px -5px,
            -10px 5px,
            0 0;
    }
}

@media
(
    max-height:
        720px
)
and
(
    min-width:
        1001px
) {

    :root {

        --v3-panel-ancho:
            300px;

        --v3-reserva-panel:
            332px;
    }

    .panelJugadorV3 {

        top:
            8px;

        bottom:
            8px;

        padding:
            8px 9px;
    }

    .avatarPanelJugadorV3 {

        width:
            150px !important;

        height:
            150px !important;
    }

    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            147px !important;

        height:
            147px !important;

        flex-basis:
            147px !important;
    }

    .nombrePanelJugadorV3 {

        margin-bottom:
            5px;

        font-size:
            19px;
    }

    .statsPanelJugadorV3 {

        margin-bottom:
            6px;
    }

    .statPanelJugadorV3 {

        min-height:
            39px;
    }

    .botonPanelJugadorV3 {

        min-height:
            66px !important;

        padding:
            5px !important;

        font-size:
            12px !important;
    }

    .iconoAccionPanelV3 {

        width:
            31px !important;

        height:
            31px !important;

        font-size:
            21px !important;
    }

    #panelIntroV3 {

        min-height:
            43px !important;
    }

    .accionesSistemaPanelV3 {

        margin-top:
            5px !important;
    }

    .botonSistemaPanelV3 {

        min-height:
            33px !important;
    }

    .audioPanelV3 {

        padding-top:
            5px;
    }

    #pantallaMenu
    .mundoProgresoGeneral {

        min-height:
            57px !important;

        padding:
            6px 10px !important;
    }

    #pantallaMenu
    .iconoMundoProgreso {

        width:
            37px;

        height:
            37px;

        flex-basis:
            37px !important;

        font-size:
            26px !important;
    }

    #pantallaMenu
    .mundoProgresoGeneral strong {

        font-size:
            14px !important;
    }

    #pantallaMenu
    .hitoRangoGeneral {

        min-height:
            52px !important;

        padding:
            4px !important;
    }

    #pantallaMenu
    .hitoRangoGeneral
    > span {

        font-size:
            18px !important;
    }

    #pantallaMenu
    .caminoRangosGeneral {

        margin-top:
            7px !important;

        padding-top:
            6px !important;
    }
}

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

    #pantallaInicio,
    #pantallaInicio::before,
    #pantallaInicio::after,
    #pantallaInicio h1,
    #pantallaInicio .subtitulo,
    #pantallaInicio .iconoPrincipal,
    #pantallaInicio .iconoPrincipal::before,
    #pantallaInicio .iconoPrincipal::after,
    #pantallaInicio #botonComenzar {

        animation:
            none !important;
    }
}

:root {
    --v3-panel-ancho: 310px;
    --v3-reserva-panel: 342px;

    --panel-violeta: #6957df;
    --panel-violeta-suave: #f2eeff;
    --panel-violeta-borde: #d9d1ff;
    --panel-dorado: #f1c94b;
    --panel-dorado-oscuro: #b3830f;

    --texto-oscuro: #463a78;
    --texto-medio: #6f6698;

    --fuente-principal: Cambria, Georgia, serif;
    --fuente-decorativa: "Lucida Handwriting", "Segoe Print", cursive;
}

body,
button,
input,
select,
textarea {
    font-family: var(--fuente-principal);
    color: var(--texto-oscuro);
}

h1,
h2,
h3,
.tituloMundos,
.cabeceraAvatarStudio h2 {
    font-family: var(--fuente-decorativa);
}

.panelJugadorV3 {
    width: var(--v3-panel-ancho);
    border-radius: 28px;
    border: 3px solid #6d5ae3;
    background:
        radial-gradient(circle at 30% 10%, rgba(255,255,255,0.95), rgba(255,255,255,0.78)),
        linear-gradient(180deg, #fffef8, #fff8e8);
    box-shadow:
        0 12px 30px rgba(71, 53, 136, 0.18),
        inset 0 0 0 2px rgba(255,255,255,0.8);
}

.etiquetaPanelJugadorV3 {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #887cb6;
}

.nombrePanelJugadorV3 {
    font-size: 24px !important;
    font-weight: 900;
    
    line-height: 1.05;
    margin: 4px 0 10px;
    
    text-align: center;
}

.statPanelJugadorV3 {
    min-height: 49px;
    padding: 6px 4px;
    border-radius: 14px;
    border: 1px solid #e2dbff;
    background: linear-gradient(180deg, #f8f5ff, #efebff);
    text-align: center;
}

.statPanelJugadorV3 span {
    display: block;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    color: #6e649b;
}

.statPanelJugadorV3 strong {
    display: block;
    margin-top: 2px;
    font-size: 18px;
    font-weight: 900;
    color: #32285f;
}

.accionesPanelJugadorV3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
    grid-template-areas:
        "perfil avatar"
        "tienda tienda"
        "intro cambiar";
}

#panelVerPerfilV3 { grid-area: perfil; }
#panelAvatarV3 { grid-area: avatar; }
#panelTiendaV3 { grid-area: tienda; }
#panelIntroV3 { grid-area: intro; }
#panelCambiarJugadorV3 { grid-area: cambiar; }
#panelMenuV3 { grid-area: cambiar; }

.botonPanelJugadorV3 {
    min-height: 72px !important;
    border-radius: 16px !important;
    border: 2px solid #ded7fb !important;
    background: linear-gradient(145deg, #f7f4ff, #eee9ff) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px;
    text-align: center !important;
    color: #4e418b !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 0 rgba(89, 69, 166, 0.08);
}

.botonPanelJugadorV3:hover {
    transform: translateY(-2px);
    border-color: #7a67df !important;
    background: linear-gradient(145deg, #efe9ff, #ded5ff) !important;
}

.iconoAccionPanelV3 {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px;
    background: white;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    box-shadow: 0 3px 7px rgba(54,40,110,0.10);
}

.textoAccionPanelV3 {
    line-height: 1.05;
}

#panelTiendaV3 {
    min-height: 78px !important;
    background: linear-gradient(145deg, #ffed98, #f0c63b) !important;
    border: 2px solid #d2a62c !important;
    color: #5b4308 !important;
    box-shadow:
        0 5px 0 rgba(178, 132, 15, 0.18),
        0 8px 18px rgba(220, 178, 45, 0.20);
}

#panelTiendaV3:hover {
    background: linear-gradient(145deg, #fff3b8, #edc236) !important;
}

#panelTiendaV3 .iconoAccionPanelV3 {
    background: rgba(255,255,255,0.95);
}

#panelIntroV3,
#panelCambiarJugadorV3,
#panelMenuV3 {
    min-height: 58px !important;
    font-size: 13px !important;
}

#panelIntroV3 .iconoAccionPanelV3,
#panelCambiarJugadorV3 .iconoAccionPanelV3,
#panelMenuV3 .iconoAccionPanelV3 {
    width: 32px !important;
    height: 32px !important;
    font-size: 20px !important;
}

.botonSistemaPanelV3 {
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    border: 1px solid #d9d2f5;
    background: linear-gradient(180deg, #faf9ff, #f0edff);
    color: #5e518e;
}

.audioPanelV3 {
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px dashed #d2c8ef;
}

#pantallaMenu.pantallaMenu {
    background:
        radial-gradient(circle at 80% 8%, rgba(255,255,255,0.60), transparent 18%),
        radial-gradient(circle at 10% 90%, rgba(226,202,114,0.22), transparent 24%),
        linear-gradient(145deg, #fff0a8, #fff8d8) !important;
}

#pantallaPerfilJugador {
    background:
        radial-gradient(circle at 88% 10%, rgba(211,191,255,0.25), transparent 25%),
        radial-gradient(circle at 15% 90%, rgba(255,222,131,0.28), transparent 26%),
        linear-gradient(145deg, #fff1af, #f6f0ff) !important;
    padding-left: var(--v3-reserva-panel) !important;
    padding-right: 20px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 {
    background:
        radial-gradient(circle at 85% 18%, rgba(171,147,255,0.20), transparent 22%),
        radial-gradient(circle at 18% 88%, rgba(255,222,118,0.25), transparent 24%),
        linear-gradient(145deg, #fff1b3, #f4efff) !important;
}

.pantallaTiendaAvatar.panelJugadorActivoV3 {
    background:
        radial-gradient(circle at 85% 15%, rgba(255,214,99,0.23), transparent 22%),
        radial-gradient(circle at 10% 88%, rgba(194,172,255,0.20), transparent 25%),
        linear-gradient(145deg, #fff2bb, #f6f0ff) !important;
}

#pantallaMenu .tituloMundos {
    font-size: clamp(29px, 2.7vw, 38px) !important;
    margin: 0 auto 8px;
    text-align: center;
    color: #46388a;
}

#pantallaMenu .tituloMundos::before {
    content: "🗺️ MAPA DE AVENTURAS";
    display: block;
    margin-bottom: 3px;
    font-family: var(--fuente-principal);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #a57f21;
}

#pantallaMenu #tarjetaProgresoGeneral {
    border: 3px solid #d8bc64 !important;
    
    background:
        linear-gradient(160deg, rgba(255,254,241,0.97), rgba(255,249,225,0.96)) !important;
    box-shadow:
        0 8px 0 rgba(161,125,38,0.10),
        0 14px 28px rgba(88,65,23,0.08);
}

#pantallaMenu .mundoProgresoGeneral {
    position: relative;
    min-height: 68px !important;
    padding: 8px 14px 8px 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 17px !important;
}

#pantallaMenu .iconoMundoProgreso {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    box-shadow: 0 2px 6px rgba(54,42,76,0.10);
}

#pantallaMenu .mundoProgresoGeneral strong {
    display: block !important;
    width: 100%;
    text-align: center !important;
    
    font-weight: 900;
    line-height: 1.05;
    color: #4c4337;
}

#pantallaMenu .mundoProgresoGeneral small {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0 !important;
    font-size: 13px !important;
    font-weight: 900;
    color: #7d735e;
    white-space: nowrap;
}

#pantallaMenu .hitoRangoGeneral {
    min-height: 68px !important;
    padding: 6px 10px !important;
    
    
    flex-direction: row !important;
    
    
    
    background: linear-gradient(145deg, #f6f2ff, #ece6ff) !important;
    border: 2px solid #d5cbff !important;
    
}

#pantallaMenu .hitoRangoGeneral > span {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px !important;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 6px rgba(59,46,116,0.10);
}

#pantallaMenu .hitoRangoGeneral strong {
    margin-top: 0 !important;
    
    font-weight: 900;
    color: #5647a1;
}

#pantallaPerfilJugador .tarjetaJugador,
#pantallaPerfilJugador .tarjetaPerfil,
#pantallaPerfilJugador .panelPerfil,
#pantallaPerfilJugador .carnetAventurero,
#pantallaPerfilJugador .carnetAventureroV3 {
    border-radius: 24px !important;
    border: 3px solid #d8cef9 !important;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(248,243,255,0.95)) !important;
    box-shadow: 0 8px 24px rgba(78,61,141,0.10);
}

#pantallaPerfilJugador .avatarCompuesto {
    width: 170px !important;
    height: 170px !important;
}

#pantallaPerfilJugador h1,
#pantallaPerfilJugador h2 {
    color: #46388a;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .cabeceraAvatarStudio {
    border: 3px solid #7a67db !important;
    border-radius: 22px !important;
    background: linear-gradient(100deg, rgba(255,255,255,0.97), rgba(244,238,255,0.97)) !important;
    box-shadow: 0 5px 0 rgba(81,60,148,0.10);
    padding: 10px 14px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .cabeceraAvatarStudio h2 {
    font-size: 24px !important;
    color: #4a3982;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .cabeceraAvatarStudio p {
    font-size: 12px !important;
    color: #7b729d;
}
.pantallaAvatarStudio.panelJugadorActivoV3 .progresoAvatarStudio {
    display: none !important;
}
.pantallaAvatarStudio.panelJugadorActivoV3 .cabeceraAvatarStudio .botonVolver,
.pantallaAvatarStudio.panelJugadorActivoV3 .cabeceraAvatarStudio .botonVolverMenu,
.pantallaAvatarStudio.panelJugadorActivoV3 .cabeceraAvatarStudio button:first-child {
    display: none !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .categoriasAvatarStudio {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .categoriaAvatarStudio {
    min-height: 60px !important;
    border-radius: 16px !important;
    border: 2px solid #d8cff8 !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 6px !important;
    padding: 8px 8px !important;
    background: linear-gradient(145deg, #fbfaff, #f2eeff) !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .categoriaAvatarStudio span {
    font-size: 24px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .categoriaAvatarStudio small {
    font-size: 11px !important;
    font-weight: 900;
    line-height: 1.05;
    color: #60548f;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .categoriaAvatarStudio.categoriaAvatarActiva {
    background: linear-gradient(145deg, #705cdc, #5c47bc) !important;
    border-color: #5f4bc8 !important;
    color: white !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .categoriaAvatarStudio.categoriaAvatarActiva small {
    color: white !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .tituloCategoriaAvatar h3 {
    font-size: 21px !important;
    color: #46388a;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .tituloCategoriaAvatar small {
    font-size: 11px !important;
    color: #8379a9;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .opcionesAvatarStudio {
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)) !important;
    gap: 10px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio {
    min-height: 118px !important;
    padding: 8px 6px !important;
    border-radius: 17px !important;
    border: 2px solid #d7d0f1 !important;
    background: linear-gradient(145deg, #ffffff, #f8f5ff) !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .muestraOpcionAvatar {
    width: 52px !important;
    height: 52px !important;
    font-size: 27px !important;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio strong {
    font-size: 13px !important;
    line-height: 1.08;
    color: #4c4187;
}

.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio small {
    font-size: 10px !important;
}

.panelJugadorV3[data-contexto="avatar"] .accionesPanelJugadorV3 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "tienda tienda"
        "menu menu";
}

.panelJugadorV3[data-contexto="avatar"] #panelVerPerfilV3,
.panelJugadorV3[data-contexto="avatar"] #panelAvatarV3,
.panelJugadorV3[data-contexto="avatar"] #panelIntroV3,
.panelJugadorV3[data-contexto="avatar"] #panelCambiarJugadorV3 {
    display: none !important;
}

.panelJugadorV3[data-contexto="avatar"] #panelMenuV3 {
    
}

.panelJugadorV3[data-contexto="avatar"] .accionesSistemaPanelV3 {
    display: none !important;
}

.pantallaTiendaAvatar .cabeceraTienda,
.pantallaTiendaAvatar .panelTienda,
.pantallaTiendaAvatar .tarjetaTienda,
.pantallaTiendaAvatar .bloqueTienda {
    border-radius: 24px !important;
    border: 3px solid #dec76f !important;
    background: linear-gradient(145deg, rgba(255,255,255,0.97), rgba(255,248,217,0.95)) !important;
    box-shadow: 0 8px 22px rgba(178,137,31,0.10);
}

@media (max-height: 730px) and (min-width: 1001px) {

    .avatarPanelJugadorV3 {
        width: 165px !important;
        height: 165px !important;
    }

    .avatarPanelJugadorV3 .avatarCompuesto {
        width: 159px !important;
        height: 159px !important;
        flex-basis: 159px !important;
    }

    .nombrePanelJugadorV3 {
        font-size: 21px !important;
    }

    .botonPanelJugadorV3 {
        min-height: 64px !important;
        font-size: 13px !important;
    }

    .iconoAccionPanelV3 {
        width: 33px !important;
        height: 33px !important;
        font-size: 21px !important;
    }

    #panelTiendaV3 {
        min-height: 70px !important;
    }

    #pantallaMenu .mundoProgresoGeneral {
        min-height: 63px !important;
    }

    #pantallaMenu .mundoProgresoGeneral strong {
        font-size: 15px !important;
    }

    #pantallaMenu .mundoProgresoGeneral small {
        font-size: 12px !important;
    }

    #pantallaMenu .hitoRangoGeneral {
        min-height: 60px !important;
    }

    #pantallaMenu .hitoRangoGeneral strong {
        font-size: 14px !important;
    }
}

.nombrePanelJugadorV3 {

    font-family:
        "Arial Rounded MT Bold",
        "Trebuchet MS",
        Arial,
        sans-serif
        !important;

    font-size:
        23px !important;

    font-weight:
        900 !important;

    letter-spacing:
        0.5px;

    text-transform:
        uppercase;

    color:
        #46388a;

    margin:
        3px 0 9px;
}

.panelJugadorV3[data-contexto="menu"]
.accionesPanelJugadorV3 {

    display:
        grid !important;

    grid-template-columns:
        1fr 1fr !important;

    grid-template-areas:

        "perfil avatar"
        "tienda tienda"
        "intro cambiar"

        !important;

    gap:
        8px !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3 {

    grid-area:
        perfil;
}

.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3 {

    grid-area:
        avatar;
}

.panelJugadorV3[data-contexto="menu"]
#panelTiendaV3 {

    grid-area:
        tienda;
}

.panelJugadorV3[data-contexto="menu"]
#panelIntroV3 {

    grid-area:
        intro;
}

.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3 {

    grid-area:
        cambiar;
}

.panelJugadorV3[data-contexto="menu"]
#panelMenuV3 {

    display:
        none !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelIntroV3,

.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3 {

    min-height:
        63px !important;

    padding:
        6px 5px !important;

    

    

    

    

    gap:
        4px !important;

    font-size:
        12px !important;

    line-height:
        1.05;

    text-align:
        center;
}

.panelJugadorV3[data-contexto="menu"]
#panelIntroV3
.iconoAccionPanelV3,

.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3
.iconoAccionPanelV3 {

    width:
        32px !important;

    height:
        32px !important;

    font-size:
        20px !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3,

.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3 {

    min-height:
        67px !important;
}

.panelJugadorV3[data-contexto="menu"]
.accionesSistemaPanelV3 {

    margin-top:
        7px !important;
}

.panelJugadorV3[data-contexto="avatar"]
#panelMenuV3 {

    display:
        flex !important;

    grid-area:
        menu;

    min-height:
        58px !important;
}

.panelJugadorV3[data-contexto="avatar"]
#panelCambiarJugadorV3 {

    display:
        none !important;
}

#pantallaMenu.panelJugadorActivoV3 {

    padding-top: 22px !important;
    padding-right: 26px !important;
    padding-bottom: 26px !important;
    padding-left: calc(var(--v3-panel-ancho) + 34px) !important;
    
}

.avatarPanelJugadorV3 {

    width: 176px !important;
    height: 176px !important;
    margin-bottom: 6px !important;
}

.botonPanelJugadorV3 {

    min-height: 62px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
}

#panelIntroV3,
#panelCambiarJugadorV3 {

    min-height: 58px !important;
    font-size: 11px !important;
}

.accionesSistemaPanelV3 .botonSistemaPanelV3 {

    min-height: 36px !important;
    font-size: 11px !important;
}

#pantallaMenu .tituloMundos {

    margin-top: 2px !important;
    margin-bottom: 12px !important;
}

#pantallaMenu #tarjetaProgresoGeneral {

    padding: 14px 14px 14px !important;
    border-radius: 24px !important;
}

#pantallaMenu .granPruebaLimpiaV3 small,
#pantallaMenu .granPruebaLimpiaV3 .textoRequisito,
#pantallaMenu .granPruebaLimpiaV3 .requisitoGranPrueba,
#pantallaMenu .granPruebaLimpiaV3 .subtextoBloqueo {

    white-space: nowrap;
}

#pantallaMenu .tituloMundos::before {

    margin-bottom: 5px !important;
}

#pantallaMenu .caminoRangosGeneral {

    margin-bottom: 2px !important;
}

@media (max-height: 760px) and (min-width: 1001px) {

    :root {

        --v3-panel-ancho: 270px;
        --v3-reserva-panel: 302px;
    }

    .panelJugadorV3 {

        padding: 12px 10px 12px !important;
    }

    .avatarPanelJugadorV3 {

        width: 164px !important;
        height: 164px !important;
    }

    .avatarPanelJugadorV3 .avatarCompuesto {

        width: 158px !important;
        height: 158px !important;
        flex: 0 0 158px !important;
    }

    .nombrePanelJugadorV3 {

        font-size: 18px !important;
    }

    #pantallaMenu .tituloMundos,
    #pantallaMenu #tarjetaProgresoGeneral {

        width: min(100%, 930px) !important;
    }

    #pantallaMenu .mundoProgresoGeneral {

        min-height: 57px !important;
    }

    #pantallaMenu .mundoProgresoGeneral strong {

        font-size: 14px !important;
    }

    #pantallaMenu .hitoRangoGeneral {

        min-height: 52px !important;
    }
}

:root {

    --v3-panel-ancho:
        250px;

    --v3-reserva-panel:
        286px;
}

.avatarPanelJugadorV3
.avatarCompuesto {

    width:
        146px !important;

    height:
        146px !important;

    flex:
        0 0 146px !important;
}

.statPanelJugadorV3 {

    min-height:
        42px !important;

    

    border-radius:
        12px !important;
}

.panelJugadorV3[data-contexto="menu"]
.botonPanelJugadorV3 {

    min-height:
        58px !important;

    

    

    
}

.panelJugadorV3[data-contexto="menu"]
.iconoAccionPanelV3 {

    

    

    font-size:
        19px !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelTiendaV3 {

    min-height:
        58px !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelIntroV3,

.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3 {

    min-height:
        53px !important;

    padding:
        4px 3px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        3px !important;

    text-align:
        center !important;
}

#panelCambiarJugadorV3
.textoAccionPanelV3 {

    

    

    

    

    

    font-size:
        10.5px !important;

    

    white-space:
        normal !important;

    overflow-wrap:
        normal !important;

    word-break:
        normal !important;
}

#panelIntroV3
.textoAccionPanelV3 {

    width:
        100%;

    text-align:
        center;

    font-size:
        10.5px !important;
}

#pantallaMenu.panelJugadorActivoV3 {

    padding:

        18px
        30px
        20px
        calc(
            var(
                --v3-panel-ancho
            )
            +
            48px
        )

        !important;

    box-sizing:
        border-box;
}

#pantallaMenu
.tituloMundos {

    width:

        min(
            100%,
            850px
        )

        !important;

    margin:
        0 auto 9px !important;

    font-size:

        clamp(
            26px,
            2.5vw,
            34px
        )

        !important;
}

#pantallaMenu
.tituloMundos::before {

    margin-bottom:
        2px !important;

    font-size:
        9px !important;
}

#pantallaMenu
#tarjetaProgresoGeneral {

    width:

        min(
            100%,
            850px
        )

        !important;

    margin:
        0 auto !important;

    padding:
        11px 12px !important;

    border-radius:
        22px !important;

    box-sizing:
        border-box;
}

#pantallaMenu
.cabeceraProgresoGeneral {

    margin-bottom:
        5px !important;
}

#pantallaMenu
.iconoRangoGeneral {

    width:
        41px !important;

    height:
        41px !important;

    flex:
        0 0 41px !important;

    font-size:
        24px !important;
}

#pantallaMenu
.rangoAventureroGeneral strong {

    font-size:
        17px !important;
}

#pantallaMenu
.contadorProgresoGeneral {

    padding:
        5px 10px !important;

    font-size:
        13px !important;
}

#pantallaMenu
.barraProgresoGeneral {

    height:
        10px !important;
}

#pantallaMenu
.porcentajeProgresoGeneral {

    margin-top:
        2px !important;

    font-size:
        8px !important;
}

#pantallaMenu
.mundosProgresoGeneral {

    gap:
        6px 8px !important;

    margin-top:
        7px !important;
}

#pantallaMenu
.mundoProgresoGeneral {

    min-height:
        52px !important;

    padding:

        5px
        12px
        5px
        50px

        !important;

    border-radius:
        14px !important;
}

#pantallaMenu
.iconoMundoProgreso {

    left:
        9px !important;

    width:
        34px !important;

    height:
        34px !important;

    font-size:
        22px !important;
}



#pantallaMenu
.mundoProgresoGeneral small {

    right:
        11px !important;

    font-size:
        10.5px !important;
}

#pantallaMenu
.granPruebaAccesibleV3 {

    opacity:
        1 !important;

    cursor:
        pointer !important;
}

#pantallaMenu
.granPruebaAccesibleV3:disabled {

    pointer-events:
        auto !important;

    opacity:
        1 !important;
}



#pantallaMenu
.hitoRangoGeneral {

    min-height:
        48px !important;

    padding:
        4px 6px !important;

    

    border-radius:
        12px !important;
}

#pantallaMenu
.hitoRangoGeneral
> span {

    width:
        32px !important;

    height:
        32px !important;

    flex:
        0 0 32px !important;

    font-size:
        20px !important;
}

#pantallaMenu
.hitoRangoGeneral strong {

    font-size:
        12px !important;
}

.mensajeBloqueoGranPruebaV3 {

    width:

        min(
            650px,
            92%
        );

    margin:
        4px auto 18px;

    padding:
        14px 18px;

    border:
        3px solid
        #d6b84d;

    border-radius:
        20px;

    background:

        linear-gradient(
            135deg,
            #fff7c7,
            #f1e9ff
        );

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        16px;

    box-shadow:

        0 5px 0
        rgba(
            148,
            111,
            24,
            0.11
        );

    text-align:
        left;
}

.iconoBloqueoGranPruebaV3 {

    width:
        57px;

    height:
        57px;

    flex:
        0 0 57px;

    border-radius:
        17px;

    background:
        white;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    font-size:
        34px;
}

.contenidoBloqueoGranPruebaV3 {

    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;
}

.contenidoBloqueoGranPruebaV3 strong {

    color:
        #59438f;

    font-size:
        16px;
}

.contenidoBloqueoGranPruebaV3 span {

    color:
        #776e86;

    font-size:
        13px;
}

.contadorBloqueoGranPruebaV3 {

    width:
        fit-content;

    margin-top:
        3px;

    padding:
        4px 11px;

    border-radius:
        999px;

    background:
        #6b58d9;

    color:
        white;

    font-size:
        12px;

    font-weight:
        900;
}

.nivelGranPruebaBloqueadoV3 {

    opacity:
        0.48 !important;

    filter:
        grayscale(
            0.35
        );

    cursor:
        not-allowed !important;
}

@media
(
    max-height:
        730px
)
and
(
    min-width:
        1001px
) {

    .panelJugadorV3 {

        top:
            16px !important;

        bottom:
            16px !important;
    }

    .avatarPanelJugadorV3 {

        width:
            142px !important;

        height:
            142px !important;
    }

    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            138px !important;

        height:
            138px !important;

        flex-basis:
            138px !important;
    }

    .panelJugadorV3[data-contexto="menu"]
    .botonPanelJugadorV3 {

        min-height:
            53px !important;
    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3 {

        min-height:
            55px !important;
    }

    #pantallaMenu
    #tarjetaProgresoGeneral,

    #pantallaMenu
    .tituloMundos {

        width:

            min(
                100%,
                835px
            )

            !important;
    }

    #pantallaMenu
    .mundoProgresoGeneral {

        min-height:
            49px !important;
    }
}

:root {

    --v3-panel-ancho: 236px;
}

.panelJugadorV3 {

    width: var(--v3-panel-ancho) !important;
    left: 16px !important;
    top: 16px !important;
    bottom: 16px !important;

    padding: 11px 10px !important;
    border-radius: 24px !important;

    background: linear-gradient(180deg, #f8f4ff 0%, #f3edff 100%) !important;
    box-shadow:
        0 8px 0 rgba(111, 86, 198, 0.08),
        0 16px 30px rgba(89, 67, 159, 0.12) !important;
}

#pantallaMenu.panelJugadorActivoV3 {

    padding-top: 16px !important;
    padding-right: 20px !important;
    padding-bottom: 18px !important;
    padding-left: calc(var(--v3-panel-ancho) + 30px) !important;
}

.avatarPanelJugadorV3 {

    width: 142px !important;
    height: 142px !important;
    margin: 0 auto 4px !important;
}

.avatarPanelJugadorV3 .avatarCompuesto {

    width: 138px !important;
    height: 138px !important;
    flex: 0 0 138px !important;
}

.nombrePanelJugadorV3 {

    font-size: 18px !important;
    margin: 2px 0 8px !important;
}

.statsPanelJugadorV3 {

    gap: 5px !important;
    margin-bottom: 8px !important;
}

.statPanelJugadorV3 {

    min-height: 41px !important;
    padding: 4px 2px !important;
}

.statPanelJugadorV3 strong {

    font-size: 15px !important;
}

.panelJugadorV3[data-contexto="menu"] .botonPanelJugadorV3 {

    min-height: 56px !important;
    padding: 5px 4px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
}

.panelJugadorV3[data-contexto="menu"] .iconoAccionPanelV3 {

    width: 29px !important;
    height: 29px !important;
    font-size: 18px !important;
}

#panelVerPerfilV3,
#panelAvatarV3 {

    background: linear-gradient(180deg, #8d73eb 0%, #755add 100%) !important;
    border: 2px solid #6d54d7 !important;
    box-shadow:
        0 5px 0 rgba(90, 69, 191, 0.28),
        0 10px 18px rgba(99, 72, 194, 0.12) !important;
}

#panelVerPerfilV3 .textoAccionPanelV3,
#panelAvatarV3 .textoAccionPanelV3 {

    color: #ffffff !important;
    font-weight: 800 !important;
}

#panelVerPerfilV3 .iconoAccionPanelV3,
#panelAvatarV3 .iconoAccionPanelV3 {

    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
}

#panelTiendaV3 {

    min-height: 56px !important;
}

#panelIntroV3,
#panelCambiarJugadorV3 {

    min-height: 50px !important;
    padding: 4px 3px !important;
}

#panelCambiarJugadorV3 .textoAccionPanelV3 {

    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 10.4px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    padding: 0 2px !important;
}

.accionesSistemaPanelV3 {

    gap: 4px !important;
    margin-top: 4px !important;
}

.botonSistemaPanelV3 {

    min-height: 31px !important;
    font-size: 9px !important;
    padding: 3px !important;
}

.audioPanelV3 {

    padding-top: 4px !important;
}

#pantallaMenu .mundoProgresoGeneral {

    min-height: 50px !important;
    padding: 5px 11px 5px 49px !important;
}

#pantallaMenu .iconoMundoProgreso {

    left: 8px !important;
    width: 33px !important;
    height: 33px !important;
    font-size: 21px !important;
}

#pantallaMenu .mundoProgresoGeneral strong {

    font-size: 14px !important;
}

#pantallaMenu .mundoProgresoGeneral small {

    right: 10px !important;
    
}

#pantallaMenu .granPruebaActivaV354 {

    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

#pantallaMenu .granPruebaActivaV354:disabled {

    pointer-events: auto !important;
    opacity: 1 !important;
}

#pantallaMenu .granPruebaActivaV354 small {

    z-index: 2 !important;
}

#pantallaMenu .granPruebaActivaV354::after {

    content: none !important;
}

#pantallaMenu .caminoRangosGeneral {

    gap: 6px !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
}

#pantallaMenu .hitoRangoGeneral > span {

    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    font-size: 19px !important;
}

@media (max-height: 730px) and (min-width: 1001px) {

    :root {
        --v3-panel-ancho: 228px;
    }

    .panelJugadorV3 {
        top: 14px !important;
        bottom: 14px !important;
    }

    .avatarPanelJugadorV3 {
        width: 136px !important;
        height: 136px !important;
    }

    .avatarPanelJugadorV3 .avatarCompuesto {
        width: 132px !important;
        height: 132px !important;
        flex-basis: 132px !important;
    }

    #pantallaMenu .tituloMundos,
    #pantallaMenu #tarjetaProgresoGeneral {
        width: min(100%, 795px) !important;
    }
}

#pantallaMenu.panelJugadorActivoV3 {

    padding-left:
        calc(
            var(--v3-panel-ancho)
            +
            58px
        )
        !important;

    padding-right:
        16px
        !important;
}

#pantallaMenu .tituloMundos,
#pantallaMenu #tarjetaProgresoGeneral {

    

    margin-left:
        auto
        !important;

    margin-right:
        auto
        !important;
}

#pantallaMenu .tituloMundos,
#pantallaMenu #tarjetaProgresoGeneral {

    

    left: 48px !important;

    width:
        min(
            100%,
            810px
        )
        !important;
}

@media (max-width: 1250px) {

    #pantallaMenu .tituloMundos,
    #pantallaMenu #tarjetaProgresoGeneral {

        left:
            25px !important;
    }
}
#pantallaMenu .tituloMundos,
#pantallaMenu #tarjetaProgresoGeneral {

    position: relative !important;
    left: 68px !important;
}
#pantallaMenu.panelJugadorActivoV3 {

    padding-right: 38px !important;
}
@media (max-width: 1250px) {
    #pantallaMenu .tituloMundos,
    #pantallaMenu #tarjetaProgresoGeneral {
        left: 36px !important;
    }
}

#pantallaMenu .caminoRangosGeneral {

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
    margin-top: 10px !important;
    align-items: stretch !important;
}

#pantallaMenu .hitoRangoGeneral {

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    min-height: 58px !important;
    padding: 8px 10px !important;

    border-radius: 16px !important;
    text-align: left !important;
    overflow: hidden !important;
}
#pantallaMenu .hitoRangoGeneral > span:first-child {

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;

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

    font-size: 20px !important;
    line-height: 1 !important;
}
#pantallaMenu .hitoRangoGeneral .contenidoRangoGeneral,
#pantallaMenu .hitoRangoGeneral .textoRangoGeneral {

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    flex: 1 !important;
}
#pantallaMenu .hitoRangoGeneral strong {

    display: block !important;
    font-size: 22px !important;
    
    font-weight: 800 !important;
    color: #5e48b7 !important;
    
}
#pantallaMenu .hitoRangoGeneral small {

    
    font-size: 12px !important;
    line-height: 1.15 !important;
    
    color: #6d5f8f !important;
    margin-top: 4px !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: normal !important;
}
#pantallaMenu .hitoRangoGeneral span:not(:first-child) {

    opacity: 1 !important;
    visibility: visible !important;
}
#pantallaMenu .hitoRangoGeneral.bloqueado,
#pantallaMenu .hitoRangoGeneral.rangoBloqueado,
#pantallaMenu .hitoRangoGeneral[data-estado="bloqueado"] {

    background: #f4f0ff !important;
    border: 2px solid #c9bcf0 !important;
}

#pantallaMenu .hitoRangoGeneral.desbloqueado,
#pantallaMenu .hitoRangoGeneral.rangoDesbloqueado,
#pantallaMenu .hitoRangoGeneral[data-estado="desbloqueado"] {

    background: #efe9ff !important;
    border: 2px solid #8d73eb !important;
}
#pantallaMenu #tarjetaProgresoGeneral {

    max-width: 820px !important;
}
#pantallaMenu .hitoRangoGeneral {

    min-height: 50px !important;

    padding:
        5px 7px !important;

    gap:
        6px !important;
}
#pantallaMenu .hitoRangoGeneral > span:first-child {

    width:
        30px !important;

    height:
        30px !important;

    min-width:
        30px !important;

    flex:
        0 0 30px !important;

    font-size:
        18px !important;
}
#pantallaMenu .hitoRangoGeneral strong {

    font-size:
        16px !important;

    line-height:
        1 !important;

    margin:
        0 !important;

    font-weight:
        900 !important;
}
#pantallaMenu .hitoRangoGeneral small {

    display:
        block !important;

    font-size:
        9px !important;

    line-height:
        1.05 !important;

    margin-top:
        2px !important;

    font-weight:
        700 !important;

    white-space:
        nowrap !important;

    overflow:
        visible !important;

    text-overflow:
        unset !important;
}
#pantallaMenu .hitoRangoGeneral span:not(:first-child) {

    font-size:
        9px !important;

    line-height:
        1.05 !important;

    white-space:
        nowrap !important;
}
#pantallaMenu .hitoRangoGeneral {

    overflow:
        visible !important;
}

.panelJugadorV3[data-contexto="perfil"] {
    display: none !important;
}

#pantallaPerfilJugador.panelJugadorActivoV3 {

    width: 100% !important;

    padding-left: 28px !important;
    padding-right: 28px !important;

    box-sizing: border-box !important;
}

#pantallaPerfilJugador .cabeceraPerfil {

    width:
        min(
            1120px,
            96%
        )
        !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

#pantallaPerfilJugador .carnetAventurero {

    width:
        min(
            1120px,
            96%
        )
        !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}

#pantallaPerfilJugador .zonaIdentidadPerfil {

    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        auto
        minmax(220px, 1fr)
        auto
        !important;

    

    justify-content: stretch !important;

    gap: 28px !important;
}

#pantallaPerfilJugador .avatarPerfil {

    justify-self: center !important;

    
}

#pantallaPerfilJugador .datosIdentidadPerfil {

    min-width: 0 !important;

    justify-self: stretch !important;
}

.accionesRapidasPerfilV3 {

    min-width: 190px;

    display: grid;

    grid-template-columns: 1fr;

    gap: 10px;

    align-self: center;
}

.botonRapidoPerfilV3 {

    width: 100%;

    min-height: 58px;

    padding: 10px 15px;

    border: 2px solid #7763de;

    border-radius: 15px;

    background: #eee9ff;

    color: #493c87;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 10px;

    font-family:
        Cambria,
        Georgia,
        serif;

    font-size: 14px;

    font-weight: 900;

    cursor: pointer;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

.botonRapidoPerfilV3:hover {

    transform: translateY(-2px);

    box-shadow:
        0 5px 10px
        rgba(
            83,
            64,
            160,
            0.14
        );
}

.iconoBotonRapidoPerfilV3 {

    width: 34px;

    height: 34px;

    flex: 0 0 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: white;

    font-size: 21px;
}

#botonTiendaPerfilV3 {

    border-color: #d6ad35;

    background: #fff3bd;

    color: #654d09;
}

#pantallaPerfilJugador .accionesPerfil {

    display: none !important;
}

@media (max-width: 850px) {

    #pantallaPerfilJugador .zonaIdentidadPerfil {

        grid-template-columns:
            1fr
            !important;

        text-align: center;

        gap: 16px !important;
    }

    .accionesRapidasPerfilV3 {

        width:
            min(
                420px,
                100%
            );

        margin: 0 auto;

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

#pantallaPerfilJugador .zonaIdentidadPerfil {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 24px !important;

    min-height: 175px;

    padding-left: 210px !important;
    padding-right: 210px !important;
}

#pantallaPerfilJugador .avatarPerfil {

    flex: 0 0 145px !important;

    margin: 0 !important;
}

#pantallaPerfilJugador .datosIdentidadPerfil {

    flex: 0 0 auto !important;

    min-width: 190px !important;

    text-align: left !important;
}

#pantallaPerfilJugador .datosIdentidadPerfil h1 {

    margin: 5px 0 !important;

    text-align: left !important;
}

#pantallaPerfilJugador .accionesRapidasPerfilV3 {

    position: absolute !important;

    right: 0 !important;

    top: 50% !important;

    transform:
        translateY(-50%) !important;

    width: 190px !important;

    min-width: 190px !important;
}

#pantallaPerfilJugador .estadisticasPerfil {

    margin:
        18px 0
        22px !important;

    gap:
        10px !important;
}

#pantallaPerfilJugador .datoPerfil {

    min-height:
        104px !important;

    padding:
        11px 8px !important;

    border-radius:
        15px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}

#pantallaPerfilJugador .datoPerfil > span {

    font-size:
        24px !important;

    line-height:
        1 !important;
}

#pantallaPerfilJugador .datoPerfil strong {

    margin:
        4px 0 3px !important;

    font-size:
        21px !important;

    line-height:
        1 !important;
}

#pantallaPerfilJugador .datoPerfil small {

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;
}

@media (max-width: 950px) {

    #pantallaPerfilJugador .zonaIdentidadPerfil {

        padding-left:
            0 !important;

        padding-right:
            0 !important;

        flex-wrap:
            wrap !important;
    }

    #pantallaPerfilJugador .accionesRapidasPerfilV3 {

        position:
            static !important;

        transform:
            none !important;

        width:
            min(
                400px,
                100%
            ) !important;

        flex-basis:
            100% !important;

        grid-template-columns:
            repeat(
                2,
                1fr
            ) !important;

        margin:
            8px auto 0 !important;
    }
}

.avisoGranPruebaPerfilV3 {

    width: 100%;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 12px;

    margin: 10px 0 18px;
    padding: 14px 16px;

    border: 2px dashed #b8adc9;
    border-radius: 18px;

    background: #f7f3ff;
    color: #5c4b8a;

    font-family: Cambria, Georgia, serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

.avisoGranPruebaPerfilV3 .iconoAvisoGranPruebaPerfilV3 {

    flex: 0 0 auto;
    font-size: 22px;
    line-height: 1;
}

.avisoGranPruebaPerfilV3 strong {

    color: #4d3fa1;
    font-size: 18px;
}

#pantallaPerfilJugador .carnetAventurero {

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #fffef9,
            #faf7ff
        )
        !important;

    border:
        3px solid
        #ddd5fb
        !important;

    box-shadow:
        0 12px 32px
        rgba(
            75,
            55,
            135,
            0.10
        );

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

.selloMejoraPerfilV3 {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    margin-top: 8px;

    padding:
        5px 11px;

    border-radius:
        999px;

    background:
        #f1edff;

    border:
        1px solid
        #d7cff8;

    color:
        #6558a1;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        0.7px;

    transition:
        all 0.35s ease;
}

#pantallaPerfilJugador.perfilMejoraFacil1
.avatarPerfil {

    position:
        relative;

    filter:

        drop-shadow(
            0 0 8px
            rgba(
                126,
                99,
                230,
                0.35
            )
        )

        drop-shadow(
            0 0 18px
            rgba(
                126,
                99,
                230,
                0.14
            )
        );
}

#pantallaPerfilJugador.perfilMejoraFacil2
.datosIdentidadPerfil h1 {

    width:
        fit-content;

    padding:
        7px 18px;

    border-radius:
        16px;

    background:

        linear-gradient(
            135deg,
            #f0ebff,
            #faf8ff
        );

    border:
        2px solid
        #d4c9ff;

    box-shadow:

        0 4px 0
        rgba(
            103,
            81,
            185,
            0.08
        );
}

#pantallaPerfilJugador.perfilMejoraFacil3
.datoPerfil {

    border:
        2px solid
        #ddd4ff;

    background:

        linear-gradient(
            145deg,
            #f7f3ff,
            #fff
        )

        !important;

    box-shadow:

        0 5px 12px
        rgba(
            85,
            66,
            151,
            0.08
        );
}

#pantallaPerfilJugador.perfilMejoraFacil3
.datoPerfil > span {

    transform:
        scale(
            1.05
        );
}

#pantallaPerfilJugador.perfilMejoraMedia1
.carnetAventurero {

    background:

        radial-gradient(
            circle at 15% 20%,
            rgba(
                255,
                224,
                124,
                0.14
            ),
            transparent 22%
        ),

        radial-gradient(
            circle at 85% 75%,
            rgba(
                139,
                112,
                228,
                0.11
            ),
            transparent 25%
        ),

        repeating-radial-gradient(
            ellipse at 70% 45%,
            transparent 0 65px,
            rgba(
                150,
                119,
                56,
                0.025
            )
            66px 68px,
            transparent 69px 135px
        ),

        linear-gradient(
            145deg,
            #fffdf5,
            #faf6ff
        )

        !important;
}

#pantallaPerfilJugador.perfilMejoraMedia2
.progresoMundoPerfil {

    position:
        relative;

    border:
        2px solid
        #d7cff8;

    box-shadow:

        0 4px 10px
        rgba(
            79,
            61,
            141,
            0.07
        );

    transition:

        transform
        0.18s ease,

        box-shadow
        0.18s ease;
}

#pantallaPerfilJugador.perfilMejoraMedia2
.progresoMundoPerfil:hover {

    transform:
        translateY(
            -2px
        );

    box-shadow:

        0 8px 16px
        rgba(
            79,
            61,
            141,
            0.13
        );
}

#pantallaPerfilJugador.perfilMejoraMedia2
.rellenoMundoPerfil {

    background:

        linear-gradient(
            90deg,
            #5ac87d,
            #75d89a
        )

        !important;
}

#pantallaPerfilJugador.perfilMejoraMedia3
.avatarPerfil {

    animation:

        avatarAventureroPerfilV3

        3.2s

        ease-in-out

        infinite;
}

@keyframes avatarAventureroPerfilV3 {

    0%,
    100% {

        transform:
            translateY(
                0
            );
    }

    50% {

        transform:
            translateY(
                -5px
            );
    }

}

#pantallaPerfilJugador.perfilMejoraPremium1
.carnetAventurero {

    border:
        4px solid
        #e3bd46
        !important;

    box-shadow:

        0 0 0 4px
        rgba(
            255,
            236,
            164,
            0.50
        ),

        0 15px 35px
        rgba(
            142,
            103,
            24,
            0.18
        );
}

#pantallaPerfilJugador.perfilMejoraPremium2
.carnetAventurero::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    z-index:
        0;

    opacity:
        0.52;

    background-image:

        radial-gradient(
            circle,
            rgba(
                224,
                181,
                59,
                0.75
            )
            0 2px,
            transparent 3px
        ),

        radial-gradient(
            circle,
            rgba(
                111,
                86,
                213,
                0.55
            )
            0 1px,
            transparent 2px
        );

    background-size:

        110px 105px,
        160px 145px;

    background-position:

        15px 20px,
        70px 55px;

    animation:

        estrellasPerfilV3

        7s

        linear

        infinite;
}

#pantallaPerfilJugador.perfilMejoraPremium2
.carnetAventurero > * {

    position:
        relative;

    z-index:
        1;
}

@keyframes estrellasPerfilV3 {

    from {

        background-position:

            15px 20px,
            70px 55px;
    }

    to {

        background-position:

            125px 125px,
            230px 200px;
    }

}

#pantallaPerfilJugador.perfilMejoraPremium3
.carnetAventurero {

    border-color:
        #d4aa24
        !important;

    box-shadow:

        0 0 0 4px
        rgba(
            255,
            226,
            105,
            0.55
        ),

        0 0 28px
        rgba(
            224,
            178,
            49,
            0.32
        ),

        0 18px 42px
        rgba(
            85,
            57,
            146,
            0.20
        );

    animation:

        perfilMaestroBrilloV3

        3s

        ease-in-out

        infinite;
}

#pantallaPerfilJugador.perfilMejoraPremium3
.selloMejoraPerfilV3 {

    background:

        linear-gradient(
            135deg,
            #ffe889,
            #f2c53d
        );

    color:
        #5c4200;

    border:
        2px solid
        #d6a91c;

    box-shadow:

        0 3px 10px
        rgba(
            192,
            143,
            20,
            0.20
        );
}

@keyframes perfilMaestroBrilloV3 {

    0%,
    100% {

        filter:
            brightness(
                1
            );
    }

    50% {

        filter:
            brightness(
                1.04
            );
    }

}

#pantallaPerfilJugador.perfilCategoriaFacil
.selloMejoraPerfilV3 {

    background:
        #eee9ff;

    border-color:
        #cfc2ff;

    color:
        #5a47a4;
}

#pantallaPerfilJugador.perfilCategoriaMedia
.selloMejoraPerfilV3 {

    background:

        linear-gradient(
            135deg,
            #e7f5ff,
            #eae5ff
        );

    border-color:
        #a9b7ec;

    color:
        #415493;
}

#pantallaPerfilJugador.perfilCategoriaPremium
.selloMejoraPerfilV3 {

    background:

        linear-gradient(
            135deg,
            #fff1a9,
            #edc743
        );

    border-color:
        #d2a82a;

    color:
        #604600;
}

#pantallaPerfilJugador.perfilCategoriaFacil
.botonRapidoPerfilV3:hover {

    transform:
        translateY(
            -2px
        )
        scale(
            1.01
        );
}

#pantallaPerfilJugador.perfilCategoriaMedia
.botonRapidoPerfilV3 {

    box-shadow:

        0 4px 10px
        rgba(
            82,
            62,
            149,
            0.10
        );
}

#pantallaPerfilJugador.perfilCategoriaPremium
#botonTiendaPerfilV3 {

    box-shadow:

        0 0 12px
        rgba(
            230,
            181,
            41,
            0.28
        );
}

.toastPremioPerfilV3 {

    position:
        fixed;

    top:
        24px;

    left:
        50%;

    z-index:
        99999;

    width:

        min(
            430px,
            calc(
                100vw
                -
                32px
            )
        );

    padding:
        14px 17px;

    border-radius:
        20px;

    display:
        flex;

    align-items:
        center;

    gap:
        14px;

    transform:

        translate(
            -50%,
            -30px
        )

        scale(
            0.94
        );

    opacity:
        0;

    pointer-events:
        none;

    background:
        white;

    border:
        3px solid
        #7460d5;

    box-shadow:

        0 12px 35px
        rgba(
            46,
            31,
            94,
            0.25
        );

    transition:

        opacity
        0.28s ease,

        transform
        0.28s ease;
}

.toastPremioPerfilV3-visible {

    opacity:
        1;

    transform:

        translate(
            -50%,
            0
        )

        scale(
            1
        );
}

.iconoToastPerfilV3 {

    width:
        58px;

    height:
        58px;

    flex:
        0 0 58px;

    border-radius:
        17px;

    background:
        #f2efff;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    font-size:
        32px;
}

.contenidoToastPerfilV3 {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}

.contenidoToastPerfilV3 small {

    color:
        #7468a1;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        1px;
}

.contenidoToastPerfilV3 strong {

    color:
        #493a88;

    font-size:
        18px;
}

.contenidoToastPerfilV3 span {

    color:
        #716b82;

    font-size:
        12px;
}

.toastPremioPerfilV3-facil {

    border-color:
        #8068db;
}

.toastPremioPerfilV3-media {

    border-color:
        #4e8ec9;
}

.toastPremioPerfilV3-premium {

    border-color:
        #d6a927;

    background:

        linear-gradient(
            135deg,
            #fffdf3,
            #fff5bf
        );
}

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

    #pantallaPerfilJugador
    .avatarPerfil,

    #pantallaPerfilJugador
    .carnetAventurero::before,

    #pantallaPerfilJugador
    .carnetAventurero {

        animation:
            none !important;
    }

}

.panelJugadorV3[data-contexto="tienda"] {

    display:
        none !important;
}

.pantallaTiendaAvatar.panelJugadorActivoV3 {

    width:
        100% !important;

    min-height:
        100vh !important;

    padding:
        20px 28px 30px !important;

    box-sizing:
        border-box !important;
}

.pantallaTiendaAvatar
.cabeceraTiendaAvatar {

    position:
        relative !important;

    width:
        min(
            1120px,
            94%
        ) !important;

    min-height:
        72px;

    margin:
        0 auto 16px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;
}

.pantallaTiendaAvatar
#botonVolverTiendaAvatar {

    position:
        absolute !important;

    left:
        0 !important;

    top:
        50% !important;

    transform:
        translateY(-50%) !important;

    z-index:
        2;
}

.tituloTiendaAvatarV3 {

    text-align:
        center !important;

    margin:
        0 auto !important;
}

.tituloTiendaAvatarV3 h2 {

    margin:
        0 !important;

    text-align:
        center !important;
}

.tituloTiendaAvatarV3 p {

    margin:
        4px 0 0 !important;

    text-align:
        center !important;
}

.saldoTiendaAvatar {

    display:
        none !important;
}

.pantallaTiendaAvatar
.zonaSuperiorTiendaAvatar {

    position:
        relative !important;

    width:
        min(
            1120px,
            94%
        ) !important;

    min-height:
        205px !important;

    margin:
        0 auto 18px !important;

    padding:
        14px 220px !important;

    box-sizing:
        border-box !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}

.bloqueAvatarTiendaV3 {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 auto;
}

.pantallaTiendaAvatar
.previewTiendaAvatar {

    width:
        150px !important;

    height:
        150px !important;

    margin:
        0 auto !important;
}

.pantallaTiendaAvatar
.previewTiendaAvatar
.avatarCompuesto {

    width:
        145px !important;

    height:
        145px !important;

    flex:
        0 0 145px !important;
}

.recursosTiendaV3 {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    margin-top:
        7px;
}

.recursoTiendaV3 {

    min-width:
        68px;

    height:
        34px;

    padding:
        4px 10px;

    box-sizing:
        border-box;

    border:
        2px solid
        #ddd6f5;

    border-radius:
        999px;

    background:
        #ffffff;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        5px;

    color:
        #493d7c;

    font-family:
        Cambria,
        Georgia,
        serif;

    font-size:
        13px;

    box-shadow:
        0 3px 8px
        rgba(
            76,
            59,
            130,
            0.08
        );
}

.recursoTiendaV3 span {

    font-size:
        17px;

    line-height:
        1;
}

.recursoTiendaV3 strong {

    font-size:
        14px;

    font-weight:
        900;
}

.recursoMonedasTiendaV3 {

    border-color:
        #e6c350;

    background:
        #fff9dc;
}

.recursoEstrellasTiendaV3 {

    border-color:
        #cdbff5;

    background:
        #f4f0ff;
}

.recursoTrofeosTiendaV3 {

    border-color:
        #eccd67;

    background:
        #fff7d7;
}

.pantallaTiendaAvatar
#botonIrEstudioAvatar {

    position:
        absolute !important;

    right:
        28px !important;

    top:
        50% !important;

    transform:
        translateY(-50%) !important;

    min-width:
        190px;

    min-height:
        62px;

    padding:
        10px 18px !important;

    border-radius:
        17px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        9px !important;
}

.pantallaTiendaAvatar
#botonIrEstudioAvatar span {

    font-size:
        25px;
}

.pantallaTiendaAvatar
#botonIrEstudioAvatar strong {

    font-size:
        14px;
}

.pantallaTiendaAvatar
.categoriasTiendaAvatar,

.pantallaTiendaAvatar
.itemsTiendaAvatar,

.pantallaTiendaAvatar
#mensajeTiendaAvatar {

    width:
        min(
            1120px,
            94%
        ) !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}

@media (max-width: 900px) {

    .pantallaTiendaAvatar
    .zonaSuperiorTiendaAvatar {

        padding:
            15px !important;

        flex-direction:
            column !important;

        gap:
            12px;
    }

    .pantallaTiendaAvatar
    #botonIrEstudioAvatar {

        position:
            static !important;

        transform:
            none !important;

        width:
            min(
                320px,
                100%
            );
    }

    .pantallaTiendaAvatar
    .cabeceraTiendaAvatar {

        padding-top:
            55px;
    }

    .pantallaTiendaAvatar
    #botonVolverTiendaAvatar {

        top:
            10px !important;

        transform:
            none !important;
    }
}

body:has(#pantallaTiendaAvatar:not(.oculto)) {

    overflow:
        hidden !important;
}

#pantallaTiendaAvatar:not(.oculto) {

    position:
        fixed !important;

    inset:
        0 !important;

    z-index:
        500 !important;

    width:
        100vw !important;

    height:
        100vh !important;

    max-height:
        100vh !important;

    min-height:
        0 !important;

    padding:
        18px 26px 14px !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    background:

        linear-gradient(
            135deg,
            #fff3ad 0%,
            #fff9df 46%,
            #f8f0ff 100%
        )

        !important;
}

#pantallaTiendaAvatar
.cabeceraTiendaAvatar {

    width:
        min(
            1120px,
            94%
        ) !important;

    min-height:
        64px !important;

    height:
        64px !important;

    flex:
        0 0 64px !important;

    margin:
        0 auto 8px !important;
}

#pantallaTiendaAvatar
.tituloTiendaAvatarV3 h2 {

    margin:
        0 !important;

    line-height:
        1.05 !important;
}

#pantallaTiendaAvatar
.tituloTiendaAvatarV3 p {

    margin:
        5px 0 0 !important;
}

#pantallaTiendaAvatar
.zonaSuperiorTiendaAvatar {

    width:
        min(
            1120px,
            94%
        ) !important;

    min-height:
        0 !important;

    height:
        190px !important;

    flex:
        0 0 190px !important;

    margin:
        0 auto 10px !important;

    padding:
        8px 210px !important;

    box-sizing:
        border-box !important;
}

#pantallaTiendaAvatar
.recursosTiendaV3 {

    margin-top:
        4px !important;
}

#pantallaTiendaAvatar
.categoriasTiendaAvatar {

    width:
        min(
            1120px,
            94%
        ) !important;

    flex:
        0 0 auto !important;

    margin:
        0 auto 8px !important;

    padding-bottom:
        3px !important;
}

#pantallaTiendaAvatar
#mensajeTiendaAvatar {

    width:
        min(
            1120px,
            94%
        ) !important;

    flex:
        0 0 auto !important;

    margin:
        0 auto 6px !important;
}

#pantallaTiendaAvatar
.itemsTiendaAvatar {

    width:
        min(
            1120px,
            94%
        ) !important;

    flex:
        1 1 auto !important;

    min-height:
        0 !important;

    margin:
        0 auto !important;

    padding:
        8px 4px 18px !important;

    

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    

    scrollbar-width:
        thin;

    scrollbar-color:
        #aa98e8
        transparent;
}

#pantallaTiendaAvatar
.itemsTiendaAvatar::-webkit-scrollbar {

    width:
        7px;
}

#pantallaTiendaAvatar
.itemsTiendaAvatar::-webkit-scrollbar-track {

    background:
        transparent;
}

#pantallaTiendaAvatar
.itemsTiendaAvatar::-webkit-scrollbar-thumb {

    background:
        #b3a4ea;

    border-radius:
        999px;
}

#pantallaTiendaAvatar
.itemsTiendaAvatar::-webkit-scrollbar-thumb:hover {

    background:
        #8b73dc;
}

#pantallaTiendaAvatar
.tarjetaItemTiendaAvatar {

    align-self:
        start !important;
}

@media
(
    max-height:
        720px
)
and
(
    min-width:
        901px
) {

    #pantallaTiendaAvatar:not(.oculto) {

        padding-top:
            10px !important;

        padding-bottom:
            8px !important;
    }

    #pantallaTiendaAvatar
    .cabeceraTiendaAvatar {

        height:
            58px !important;

        min-height:
            58px !important;

        flex-basis:
            58px !important;

        margin-bottom:
            6px !important;
    }

    #pantallaTiendaAvatar
    .zonaSuperiorTiendaAvatar {

        height:
            174px !important;

        flex-basis:
            174px !important;

        margin-bottom:
            7px !important;
    }

    #pantallaTiendaAvatar
    .previewTiendaAvatar {

        width:
            130px !important;

        height:
            130px !important;
    }

    #pantallaTiendaAvatar
    .previewTiendaAvatar
    .avatarCompuesto {

        width:
            126px !important;

        height:
            126px !important;

        flex-basis:
            126px !important;
    }

    #pantallaTiendaAvatar
    .categoriasTiendaAvatar {

        margin-bottom:
            5px !important;
    }

}

#pantallaTiendaAvatar
.zonaSuperiorTiendaAvatar {

    position: relative !important;

    height: 200px !important;
    flex: 0 0 200px !important;

    padding:
        8px 220px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}

#pantallaTiendaAvatar
.bloqueAvatarTiendaV3 {

    position: static !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 auto !important;
}

#pantallaTiendaAvatar
.previewTiendaAvatar {

    width: 170px !important;
    height: 170px !important;

    margin: 0 auto !important;
}

#pantallaTiendaAvatar
.previewTiendaAvatar
.avatarCompuesto {

    width: 166px !important;
    height: 166px !important;

    flex:
        0 0 166px !important;
}

#pantallaTiendaAvatar
.recursosTiendaV3 {

    position: absolute !important;

    left: 38px !important;

    top: 50% !important;

    transform:
        translateY(-50%) !important;

    margin: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    justify-content: center !important;

    gap: 9px !important;

    width: 155px !important;
}

#pantallaTiendaAvatar
.recursoTiendaV3 {

    width: 100% !important;

    min-width: 0 !important;

    height: 43px !important;

    padding:
        5px 13px !important;

    border-radius:
        14px !important;

    justify-content:
        flex-start !important;

    gap: 10px !important;

    font-size:
        15px !important;
}

#pantallaTiendaAvatar
.recursoTiendaV3 span {

    width: 27px !important;

    font-size:
        22px !important;

    text-align:
        center !important;
}

#pantallaTiendaAvatar
.recursoTiendaV3 strong {

    font-size:
        17px !important;

    font-weight:
        900 !important;
}

#pantallaTiendaAvatar
#botonIrEstudioAvatar {

    right:
        30px !important;

    min-width:
        185px !important;

    min-height:
        58px !important;
}

#pantallaTiendaAvatar
.itemsTiendaAvatar {

    

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(155px, 175px)
        )
        !important;

    justify-content:
        start !important;

    

    gap:
        12px !important;

    padding:
        6px 4px 14px !important;
}

#pantallaTiendaAvatar
.precioItemTiendaAvatar {

    margin:
        3px 0 7px !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;
}

#pantallaTiendaAvatar
.accionItemTiendaAvatar {

    

    min-height:
        34px !important;

    margin-top:
        auto !important;

    padding:
        5px 8px !important;

    border-radius:
        12px !important;

    font-size:
        9px !important;

    
}

@media
(
    max-height: 720px
)
and
(
    min-width: 901px
) {

    #pantallaTiendaAvatar
    .zonaSuperiorTiendaAvatar {

        height:
            184px !important;

        flex-basis:
            184px !important;
    }

    #pantallaTiendaAvatar
    .previewTiendaAvatar {

        width:
            158px !important;

        height:
            158px !important;
    }

    #pantallaTiendaAvatar
    .previewTiendaAvatar
    .avatarCompuesto {

        width:
            154px !important;

        height:
            154px !important;

        flex-basis:
            154px !important;
    }

    #pantallaTiendaAvatar
    .recursosTiendaV3 {

        left:
            30px !important;

        width:
            145px !important;
    }

    #pantallaTiendaAvatar
    .recursoTiendaV3 {

        height:
            40px !important;
    }

    #pantallaTiendaAvatar
    .tarjetaItemTiendaAvatar {

        min-height:
            220px !important;
    }

    #pantallaTiendaAvatar
    .visualItemTiendaAvatar {

        width:
            68px !important;

        height:
            68px !important;
    }
}

#pantallaTiendaAvatar
.itemsTiendaAvatar {

    display: grid !important;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(185px, 200px)
        )
        !important;
    grid-auto-rows:
        218px !important;

    justify-content:
        center !important;

    align-content:
        start !important;

    column-gap:
        14px !important;

    row-gap:
        14px !important;

    padding:
        7px 12px 18px !important;

    box-sizing:
        border-box !important;
}

#pantallaTiendaAvatar
.tarjetaItemTiendaAvatar {

    width:
        100% !important;

    height:
        218px !important;

    min-height:
        218px !important;

    max-height:
        218px !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        8px 10px 8px !important;

    box-sizing:
        border-box !important;

    border-radius:
        17px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;
    overflow:
        hidden !important;
}

#pantallaTiendaAvatar
.etiquetaRarezaTiendaAvatar {

    flex:
        0 0 auto !important;

    min-height:
        15px !important;

    margin:
        0 0 2px !important;

    padding:
        2px 7px !important;

    font-size:
        7px !important;

    line-height:
        1 !important;
}

#pantallaTiendaAvatar
.visualItemTiendaAvatar {

    width:
        64px !important;

    height:
        64px !important;

    min-height:
        64px !important;

    max-height:
        64px !important;

    flex:
        0 0 64px !important;

    margin:
        2px auto 3px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    overflow:
        hidden !important;
}

#pantallaTiendaAvatar
.imagenItemTiendaAvatar {

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        64px !important;

    max-height:
        64px !important;

    object-fit:
        contain !important;
}

#pantallaTiendaAvatar
.emojiItemTiendaAvatar {

    font-size:
        43px !important;

    line-height:
        1 !important;
}

#pantallaTiendaAvatar
.tarjetaItemTiendaAvatar h3 {

    width:
        100% !important;

    height:
        30px !important;

    min-height:
        30px !important;

    max-height:
        30px !important;

    margin:
        2px 0 2px !important;

    padding:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;

    font-size:
        14px !important;

    line-height:
        1.05 !important;

    overflow:
        hidden !important;
}

#pantallaTiendaAvatar
.subtituloItemTiendaAvatar {

    flex:
        0 0 12px !important;

    height:
        12px !important;

    min-height:
        12px !important;

    max-height:
        12px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-size:
        7px !important;

    line-height:
        12px !important;

    text-align:
        center !important;

    overflow:
        hidden !important;
}

#pantallaTiendaAvatar
.precioItemTiendaAvatar {

    flex:
        0 0 18px !important;

    height:
        18px !important;

    min-height:
        18px !important;

    margin:
        1px 0 4px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    font-size:
        10px !important;

    line-height:
        1 !important;
}

#pantallaTiendaAvatar
.accionItemTiendaAvatar {

    width:
        100% !important;

    height:
        31px !important;

    min-height:
        31px !important;

    max-height:
        31px !important;

    flex:
        0 0 31px !important;

    margin:
        auto 0 0 !important;

    padding:
        4px 8px !important;

    box-sizing:
        border-box !important;

    border-radius:
        11px !important;

    font-size:
        8px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;
}

#pantallaTiendaAvatar
.tarjetaItemTiendaAvatar
[class*="animad"],

#pantallaTiendaAvatar
.tarjetaItemTiendaAvatar
[class*="Animad"] {

    flex:
        0 0 12px !important;

    min-height:
        12px !important;

    max-height:
        12px !important;

    margin:
        2px 0 0 !important;

    padding:
        1px 6px !important;

    font-size:
        6px !important;

    line-height:
        10px !important;
}

#pantallaTiendaAvatar
.tarjetaItemTiendaAvatar > * {

    max-width:
        100% !important;

    box-sizing:
        border-box !important;
}

#pantallaTiendaAvatar
.itemTiendaAvatarComprado,

#pantallaTiendaAvatar
.itemTiendaAvatarEquipado {

    height:
        218px !important;

    min-height:
        218px !important;

    max-height:
        218px !important;
}

#pantallaTiendaAvatar
.tiendaAvatarVacia {

    grid-column:
        1 / -1 !important;

    justify-self:
        center !important;
}

@media
(
    max-height: 720px
)
and
(
    min-width: 901px
) {

    #pantallaTiendaAvatar
    .itemsTiendaAvatar {

        grid-auto-rows:
            205px !important;

        gap:
            11px 13px !important;
    }

    #pantallaTiendaAvatar
    .tarjetaItemTiendaAvatar,

    #pantallaTiendaAvatar
    .itemTiendaAvatarComprado,

    #pantallaTiendaAvatar
    .itemTiendaAvatarEquipado {

        height:
            205px !important;

        min-height:
            205px !important;

        max-height:
            205px !important;
    }

    #pantallaTiendaAvatar
    .visualItemTiendaAvatar {

        width:
            57px !important;

        height:
            57px !important;

        min-height:
            57px !important;

        max-height:
            57px !important;

        flex-basis:
            57px !important;
    }

    #pantallaTiendaAvatar
    .imagenItemTiendaAvatar {

        max-width:
            57px !important;

        max-height:
            57px !important;
    }

    #pantallaTiendaAvatar
    .tarjetaItemTiendaAvatar h3 {

        height:
            27px !important;

        min-height:
            27px !important;

        max-height:
            27px !important;
    }
}

body:has(#pantallaAvatarStudio:not(.oculto)) {
    overflow: hidden !important;
}

.panelJugadorV3[data-contexto="avatar"] {
    display: none !important;
}

#pantallaAvatarStudio:not(.oculto),
.pantallaAvatarStudio.panelJugadorActivoV3 {

    position: fixed !important;

    inset: 0 !important;

    z-index: 500 !important;

    width: 100vw !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 0 !important;

    padding:
        12px 24px 12px !important;

    box-sizing:
        border-box !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;

    overflow:
        hidden !important;

    background:

        linear-gradient(
            135deg,
            #fff3ad 0%,
            #fff9df 46%,
            #f8f0ff 100%
        )

        !important;
}

#pantallaAvatarStudio
.cabeceraAvatarStudio {

    

    

    height:
        62px !important;

    min-height:
        62px !important;

    flex:
        0 0 62px !important;

    

    padding:
        0 120px !important;

    

    display:
        flex !important;

    

    justify-content:
        center !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    text-align:
        center !important;
}

#pantallaAvatarStudio
.tituloAvatarStudioV38 h2 {

    margin:
        0 !important;

    color:
        #493b97 !important;

    font-family:
        "Lucida Handwriting",
        "Segoe Print",
        "Brush Script MT",
        cursive !important;

    font-size:
        27px !important;

    line-height:
        1.05 !important;
}

#pantallaAvatarStudio
.tituloAvatarStudioV38 p {

    margin:
        4px 0 0 !important;

    color:
        #736b8c !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        12px !important;
}

#pantallaAvatarStudio
#botonCerrarAvatarStudio {

    position:
        absolute !important;

    left:
        0 !important;

    top:
        50% !important;

    transform:
        translateY(-50%) !important;

    

    min-height:
        43px !important;

    padding:
        8px 15px !important;

    

    

    

    color:
        #5442ad !important;

    

    

    

    
}

#pantallaAvatarStudio
.zonaSuperiorAvatarStudioV38 {

    

    

    height:
        184px !important;

    min-height:
        184px !important;

    flex:
        0 0 184px !important;

    margin:
        0 auto 9px !important;

    padding:
        8px 24px !important;

    box-sizing:
        border-box !important;

    display:
        grid !important;

    grid-template-columns:
        215px
        minmax(0, 1fr)
        215px
        !important;

    align-items:
        center !important;

    gap:
        16px !important;

    border:
        3px solid #d6ceff !important;

    border-radius:
        23px !important;

    background:
        rgba(
            255,
            255,
            255,
            0.88
        )
        !important;

    box-shadow:
        0 5px 0
        rgba(
            82,
            63,
            154,
            0.05
        )
        !important;
}

#pantallaAvatarStudio
.espacioSuperiorAvatarStudioV38 {

    width:
        100% !important;

    height:
        100% !important;
}

#pantallaAvatarStudio
.bloquePreviewAvatarStudioV38 {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        0 !important;
}

#pantallaAvatarStudio
.previewAvatarStudio {

    width:
        166px !important;

    height:
        166px !important;

    margin:
        0 auto !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}

#pantallaAvatarStudio
.previewAvatarStudio
.avatarCompuesto {

    width:
        162px !important;

    height:
        162px !important;

    flex:
        0 0 162px !important;
}

#pantallaAvatarStudio
.accionesSuperioresAvatarStudioV38 {

    width:
        100% !important;

    display:
        grid !important;

    grid-template-columns:
        1fr !important;

    gap:
        7px !important;

    align-self:
        center !important;
}

#pantallaAvatarStudio
.botonAccionSuperiorAvatarV38 {

    width:
        100% !important;

    height:
        46px !important;

    min-height:
        46px !important;

    padding:
        6px 10px !important;

    box-sizing:
        border-box !important;

    border-radius:
        14px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        11px !important;

    

    cursor:
        pointer !important;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease
        !important;
}

#pantallaAvatarStudio
.botonAccionSuperiorAvatarV38:hover {

    transform:
        translateY(-1px) !important;
}

#pantallaAvatarStudio
.botonTiendaAvatarStudioV38 {

    border:
        2px solid #d7ad2f !important;

    background:

        linear-gradient(
            180deg,
            #ffe67e,
            #f2ca43
        )

        !important;

    color:
        #604800 !important;

    box-shadow:
        0 4px 0
        rgba(
            183,
            137,
            16,
            0.18
        )
        !important;
}

#pantallaAvatarStudio
.botonGuardarAvatarStudioV38 {

    border:
        2px solid #624bd1 !important;

    background:

        linear-gradient(
            180deg,
            #7e67e9,
            #654fd2
        )

        !important;

    color:
        #ffffff !important;

    box-shadow:
        0 4px 0
        rgba(
            66,
            48,
            145,
            0.20
        )
        !important;
}

#pantallaAvatarStudio
.botonRestablecerAvatarStudioV38 {

    border:
        2px solid #cbc3f4 !important;

    background:
        #f2efff !important;

    color:
        #5b4ca1 !important;

    box-shadow:
        none !important;
}

#pantallaAvatarStudio
.contenidoAvatarStudio {

    width:
        min(
            1120px,
            94%
        )
        !important;

    flex:
        1 1 auto !important;

    min-height:
        0 !important;

    margin:
        0 auto !important;

    display:
        block !important;

    overflow:
        hidden !important;
}

#pantallaAvatarStudio
.panelPreviewAvatar,

#pantallaAvatarStudio
.accionesAvatarStudio {

    display:
        none !important;
}

#pantallaAvatarStudio
.panelOpcionesAvatar {

    width:
        100% !important;

    height:
        100% !important;

    min-height:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;

    display:
        grid !important;

    grid-template-rows:
        72px
        34px
        minmax(0, 1fr)
        !important;

    gap:
        6px !important;
}

#pantallaAvatarStudio
.categoriasAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriasAvatarStudio {

    

    height:
        72px !important;

    display:
        flex !important;

    flex-wrap:
        nowrap !important;

    gap:
        8px !important;

    padding:
        0 0 5px !important;

    

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    scrollbar-width:
        thin !important;

    scrollbar-color:
        #9b90c8
        transparent !important;
}

#pantallaAvatarStudio
.categoriasAvatarStudio::-webkit-scrollbar {

    height:
        7px !important;
}

#pantallaAvatarStudio
.categoriasAvatarStudio::-webkit-scrollbar-track {

    background:
        transparent !important;
}

#pantallaAvatarStudio
.categoriasAvatarStudio::-webkit-scrollbar-thumb {

    border-radius:
        999px !important;

    background:
        #9b90c8 !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio {

    width:
        103px !important;

    min-width:
        103px !important;

    height:
        64px !important;

    min-height:
        64px !important;

    padding:
        6px 7px !important;

    box-sizing:
        border-box !important;

    border:
        2px solid #d7d0f3 !important;

    border-radius:
        14px !important;

    background:
        rgba(
            255,
            255,
            255,
            0.91
        )
        !important;

    color:
        #554883 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        3px !important;

    cursor:
        pointer !important;

    box-shadow:
        0 2px 0
        rgba(
            71,
            54,
            132,
            0.05
        )
        !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio small,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio small {

    width:
        100% !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        9px !important;

    

    font-weight:
        700 !important;

    white-space:
        normal !important;

    
}

#pantallaAvatarStudio
.categoriaAvatarStudio
.categoriaAvatarActiva {
}

#pantallaAvatarStudio
.categoriaAvatarStudio.categoriaAvatarActiva {

    border-color:
        #6952d6 !important;

    background:

        linear-gradient(
            180deg,
            #7b64e5,
            #6651d3
        )

        !important;

    color:
        #ffffff !important;

    box-shadow:
        0 4px 0
        rgba(
            76,
            57,
            168,
            0.14
        )
        !important;
}

#pantallaAvatarStudio
.tituloCategoriaAvatar,

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar {

    width:
        100% !important;

    height:
        34px !important;

    min-height:
        34px !important;

    margin:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        12px !important;
}

#pantallaAvatarStudio
.tituloCategoriaAvatar h3,

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar h3 {

    margin:
        0 !important;

    color:
        #493c91 !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        18px !important;

    line-height:
        1 !important;
}

#pantallaAvatarStudio
.tituloCategoriaAvatar small,

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar small {

    color:
        #7c7492 !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        9px !important;
}

#pantallaAvatarStudio
.opcionesAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio {

    width:
        100% !important;

    min-height:
        0 !important;

    padding:
        5px 6px 14px !important;

    box-sizing:
        border-box !important;

    display:
        grid !important;

    grid-template-columns:

        repeat(
            auto-fill,
            minmax(
                132px,
                142px
            )
        )

        !important;

    grid-auto-rows:
        128px !important;

    

    

    gap:
        10px !important;

    

    

    scrollbar-width:
        thin !important;

    scrollbar-color:
        #ada1dc
        transparent !important;
}

#pantallaAvatarStudio
.opcionesAvatarStudio::-webkit-scrollbar {

    width:
        7px !important;
}

#pantallaAvatarStudio
.opcionesAvatarStudio::-webkit-scrollbar-track {

    background:
        transparent !important;
}

#pantallaAvatarStudio
.opcionesAvatarStudio::-webkit-scrollbar-thumb {

    border-radius:
        999px !important;

    background:
        #ada1dc !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio {

    position:
        relative !important;

    

    height:
        128px !important;

    min-height:
        128px !important;

    max-height:
        128px !important;

    margin:
        0 !important;

    padding:
        18px 7px 7px !important;

    box-sizing:
        border-box !important;

    border-width:
        2px !important;

    border-radius:
        15px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    

    

    
}

#pantallaAvatarStudio
.muestraOpcionAvatar,

.pantallaAvatarStudio.panelJugadorActivoV3
.muestraOpcionAvatar {

    width:
        54px !important;

    height:
        54px !important;

    min-width:
        54px !important;

    min-height:
        54px !important;

    flex:
        0 0 54px !important;

    margin:
        0 auto 2px !important;

    border-radius:
        13px !important;

    font-size:
        29px !important;

    

    

    

    
}

#pantallaAvatarStudio
.miniaturaRealAvatar {

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        54px !important;

    max-height:
        54px !important;

    object-fit:
        contain !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio > strong,

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio > strong {

    

    min-height:
        22px !important;

    

    margin:
        0 !important;

    

    

    

    color:
        #493d82 !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        11px !important;

    

    font-weight:
        700 !important;

    

    overflow:
        hidden !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio > small,

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio > small {

    width:
        100% !important;

    min-height:
        14px !important;

    max-height:
        14px !important;

    

    color:
        #8d849f !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        7px !important;

    line-height:
        14px !important;

    font-weight:
        800 !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio
.etiquetaRarezaAvatar {

    position:
        absolute !important;

    top:
        5px !important;

    left:
        50% !important;

    transform:
        translateX(-50%) !important;

    max-width:
        calc(
            100% - 12px
        )
        !important;

    margin:
        0 !important;

    padding:
        2px 6px !important;

    font-size:
        6px !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio
.etiquetaAnimadaAvatar {

    position:
        absolute !important;

    right:
        5px !important;

    bottom:
        4px !important;

    margin:
        0 !important;

    font-size:
        5.5px !important;

    line-height:
        1 !important;
}

#pantallaAvatarStudio
.opcionAvatarSeleccionada {

    border-color:
        #7059dd !important;

    box-shadow:

        0 0 0 2px
        rgba(
            112,
            89,
            221,
            0.10
        ),

        0 4px 10px
        rgba(
            76,
            57,
            158,
            0.10
        )

        !important;
}

#pantallaAvatarStudio
.opcionAvatarBloqueada {

    opacity:
        0.62 !important;
}

#pantallaAvatarStudio
.datoCompatibilidadAvatarStudioV38 {

    display:
        none !important;
}

@media
(
    max-height: 720px
)
and
(
    min-width: 901px
) {

    #pantallaAvatarStudio:not(.oculto),

    .pantallaAvatarStudio.panelJugadorActivoV3 {

        padding-top:
            7px !important;

        padding-bottom:
            7px !important;
    }

    #pantallaAvatarStudio
    .cabeceraAvatarStudio {

        height:
            55px !important;

        min-height:
            55px !important;

        flex-basis:
            55px !important;

        margin-bottom:
            6px !important;
    }

    #pantallaAvatarStudio
    .tituloAvatarStudioV38 h2 {

        font-size:
            24px !important;
    }

    #pantallaAvatarStudio
    .tituloAvatarStudioV38 p {

        font-size:
            10px !important;
    }

    #pantallaAvatarStudio
    .zonaSuperiorAvatarStudioV38 {

        height:
            164px !important;

        min-height:
            164px !important;

        flex-basis:
            164px !important;

        margin-bottom:
            7px !important;
    }

    #pantallaAvatarStudio
    .previewAvatarStudio {

        width:
            148px !important;

        height:
            148px !important;
    }

    #pantallaAvatarStudio
    .previewAvatarStudio
    .avatarCompuesto {

        width:
            145px !important;

        height:
            145px !important;

        flex-basis:
            145px !important;
    }

    #pantallaAvatarStudio
    .accionesSuperioresAvatarStudioV38 {

        gap:
            5px !important;
    }

    #pantallaAvatarStudio
    .botonAccionSuperiorAvatarV38 {

        height:
            41px !important;

        min-height:
            41px !important;
    }

    #pantallaAvatarStudio
    .panelOpcionesAvatar {

        grid-template-rows:

            66px
            31px
            minmax(
                0,
                1fr
            )

            !important;

        gap:
            5px !important;
    }

    #pantallaAvatarStudio
    .categoriasAvatarStudio,

    .pantallaAvatarStudio.panelJugadorActivoV3
    .categoriasAvatarStudio {

        height:
            66px !important;
    }

    #pantallaAvatarStudio
    .categoriaAvatarStudio,

    .pantallaAvatarStudio.panelJugadorActivoV3
    .categoriaAvatarStudio {

        height:
            59px !important;

        min-height:
            59px !important;

        width:
            100px !important;

        min-width:
            100px !important;
    }

    #pantallaAvatarStudio
    .categoriaAvatarStudio span {

        font-size:
            21px !important;
    }

    #pantallaAvatarStudio
    .opcionesAvatarStudio,

    .pantallaAvatarStudio.panelJugadorActivoV3
    .opcionesAvatarStudio {

        grid-template-columns:

            repeat(
                auto-fill,
                minmax(
                    126px,
                    136px
                )
            )

            !important;

        grid-auto-rows:
            118px !important;

        gap:
            8px !important;
    }

    #pantallaAvatarStudio
    .opcionAvatarStudio,

    .pantallaAvatarStudio.panelJugadorActivoV3
    .opcionAvatarStudio {

        height:
            118px !important;

        min-height:
            118px !important;

        max-height:
            118px !important;

        padding-top:
            16px !important;
    }

    #pantallaAvatarStudio
    .muestraOpcionAvatar {

        width:
            48px !important;

        height:
            48px !important;

        min-width:
            48px !important;

        min-height:
            48px !important;

        flex-basis:
            48px !important;
    }

    #pantallaAvatarStudio
    .miniaturaRealAvatar {

        max-width:
            48px !important;

        max-height:
            48px !important;
    }

}

@media
(
    max-width: 900px
) {

    body:has(
        #pantallaAvatarStudio:not(.oculto)
    ) {

        overflow-y:
            auto !important;
    }

    #pantallaAvatarStudio:not(.oculto),

    .pantallaAvatarStudio.panelJugadorActivoV3 {

        position:
            relative !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            100vh !important;

        overflow:
            visible !important;

        padding:
            12px !important;
    }

    #pantallaAvatarStudio
    .cabeceraAvatarStudio {

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            76px !important;

        padding:
            54px 8px 8px !important;
    }

    #pantallaAvatarStudio
    #botonCerrarAvatarStudio {

        top:
            4px !important;

        left:
            0 !important;

        transform:
            none !important;
    }

    #pantallaAvatarStudio
    .zonaSuperiorAvatarStudioV38 {

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        padding:
            14px !important;

        grid-template-columns:
            1fr !important;
    }

    #pantallaAvatarStudio
    .espacioSuperiorAvatarStudioV38 {

        display:
            none !important;
    }

    #pantallaAvatarStudio
    .accionesSuperioresAvatarStudioV38 {

        width:
            min(
                360px,
                100%
            )
            !important;

        margin:
            0 auto !important;

        grid-template-columns:

            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            )

            !important;
    }

    #pantallaAvatarStudio
    .contenidoAvatarStudio {

        width:
            100% !important;

        overflow:
            visible !important;
    }

    #pantallaAvatarStudio
    .panelOpcionesAvatar {

        height:
            auto !important;

        display:
            block !important;

        overflow:
            visible !important;
    }

    #pantallaAvatarStudio
    .categoriasAvatarStudio {

        margin-bottom:
            10px !important;
    }

    #pantallaAvatarStudio
    .tituloCategoriaAvatar {

        margin-bottom:
            8px !important;
    }

    #pantallaAvatarStudio
    .opcionesAvatarStudio {

        overflow-y:
            visible !important;
    }

}

#pantallaAvatarStudio
.zonaSuperiorAvatarStudioV38 {

    position:
        relative !important;

    grid-template-columns:
        220px
        minmax(0, 1fr)
        220px
        !important;

    height:
        190px !important;

    min-height:
        190px !important;

    flex-basis:
        190px !important;
}

#pantallaAvatarStudio
.accionesSuperioresAvatarStudioV38 {

    position:
        static !important;

    display:
        block !important;

    width:
        auto !important;
}

#pantallaAvatarStudio
#botonGuardarAvatar {

    position:
        absolute !important;

    left:
        26px !important;

    top:
        38px !important;

    width:
        190px !important;

    height:
        58px !important;

    min-height:
        58px !important;

    border-radius:
        17px !important;

    font-size:
        12px !important;
}

#pantallaAvatarStudio
#botonRestablecerAvatar {

    position:
        absolute !important;

    left:
        26px !important;

    top:
        105px !important;

    width:
        190px !important;

    height:
        52px !important;

    min-height:
        52px !important;

    border-radius:
        17px !important;

    font-size:
        11px !important;
}

#pantallaAvatarStudio
#botonTiendaAvatarStudio {

    position:
        absolute !important;

    right:
        26px !important;

    top:
        50% !important;

    transform:
        translateY(-50%) !important;

    width:
        190px !important;

    height:
        64px !important;

    min-height:
        64px !important;

    border-radius:
        18px !important;

    font-size:
        13px !important;
}

#pantallaAvatarStudio
#botonTiendaAvatarStudio:hover {

    transform:
        translateY(
            calc(
                -50% - 2px
            )
        )
        !important;
}

#pantallaAvatarStudio
.previewAvatarStudio {

    width:
        172px !important;

    height:
        172px !important;
}

#pantallaAvatarStudio
.previewAvatarStudio
.avatarCompuesto {

    width:
        168px !important;

    height:
        168px !important;

    flex-basis:
        168px !important;
}

#pantallaAvatarStudio
.contenidoAvatarStudio {

    width:
        min(
            1240px,
            98%
        )
        !important;
}

#pantallaAvatarStudio
.panelOpcionesAvatar {

    grid-template-rows:

        76px
        36px
        auto
        minmax(
            0,
            1fr
        )

        !important;

    gap:
        7px !important;
}

#pantallaAvatarStudio
.categoriasAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriasAvatarStudio {

    display:
        grid !important;

    grid-template-columns:

        repeat(
            11,
            minmax(
                0,
                1fr
            )
        )

        !important;

    width:
        100% !important;

    height:
        76px !important;

    gap:
        7px !important;

    padding:
        0 !important;

    margin:
        0 !important;

    overflow:
        visible !important;

    scrollbar-width:
        none !important;
}

#pantallaAvatarStudio
.categoriasAvatarStudio::-webkit-scrollbar {

    display:
        none !important;
}

#pantallaAvatarStudio
[data-categoria-avatar="colorRopa"] {

    display:
        none !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio {

    width:
        100% !important;

    min-width:
        0 !important;

    height:
        70px !important;

    min-height:
        70px !important;

    padding:
        7px 5px !important;

    border-radius:
        15px !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio span {

    font-size:
        26px !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio small {

    font-size:
        8.5px !important;

    line-height:
        1.05 !important;

    text-align:
        center !important;
}

#pantallaAvatarStudio
.paletaColorRopaIntegradaV381 {

    width:
        100% !important;

    min-height:
        58px !important;

    padding:
        7px 12px !important;

    box-sizing:
        border-box !important;

    border:
        2px solid
        #ddd5fb !important;

    border-radius:
        16px !important;

    background:
        rgba(
            255,
            255,
            255,
            0.88
        )
        !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;
}

#pantallaAvatarStudio
.paletaColorRopaIntegradaV381.oculto {

    display:
        none !important;
}

#pantallaAvatarStudio
.tituloPaletaColorRopaV381 {

    flex:
        0 0 auto !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        6px !important;

    color:
        #4f438d !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        12px !important;

    white-space:
        nowrap !important;
}

#pantallaAvatarStudio
.coloresPaletaRopaV381 {

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        6px !important;
}

#pantallaAvatarStudio
.colorRopaIntegradoV381 {

    position:
        relative !important;

    width:
        54px !important;

    min-width:
        54px !important;

    height:
        44px !important;

    padding:
        3px !important;

    border:
        2px solid
        #d7d0ec !important;

    border-radius:
        11px !important;

    background:
        white !important;

    display:
        grid !important;

    grid-template-rows:
        24px
        11px !important;

    place-items:
        center !important;

    cursor:
        pointer !important;
}

#pantallaAvatarStudio
.muestraColorRopaV381 {

    width:
        23px !important;

    height:
        23px !important;

    border-radius:
        50% !important;

    border:
        2px solid
        rgba(
            70,
            60,
            90,
            0.18
        )
        !important;

    box-shadow:

        inset
        0 0 0 2px
        rgba(
            255,
            255,
            255,
            0.50
        )

        !important;
}

#pantallaAvatarStudio
.colorRopaIntegradoV381 small {

    max-width:
        48px !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;

    color:
        #5c5375 !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        7px !important;
}

#pantallaAvatarStudio
.colorRopaIntegradoV381 b {

    position:
        absolute !important;

    right:
        2px !important;

    top:
        1px !important;

    font-size:
        8px !important;
}

#pantallaAvatarStudio
.colorRopaIntegradoActivoV381 {

    border-color:
        #6f58dd !important;

    box-shadow:

        0 0 0 2px
        rgba(
            111,
            88,
            221,
            0.13
        )

        !important;
}

#pantallaAvatarStudio
.colorRopaIntegradoBloqueadoV381 {

    opacity:
        0.48 !important;

    cursor:
        not-allowed !important;
}

#pantallaAvatarStudio
.opcionesAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionesAvatarStudio {

    grid-template-columns:

        repeat(
            auto-fill,
            minmax(
                145px,
                158px
            )
        )

        !important;

    grid-auto-rows:
        160px !important;

    justify-content:
        center !important;

    align-content:
        start !important;

    gap:
        12px !important;

    padding:
        6px 5px 14px !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.opcionAvatarStudio {

    width:
        100% !important;

    height:
        160px !important;

    min-height:
        160px !important;

    max-height:
        160px !important;

    padding:
        20px 8px 9px !important;

    border-radius:
        17px !important;

    gap:
        5px !important;

    overflow:
        hidden !important;
}

#pantallaAvatarStudio
.muestraOpcionAvatar,

.pantallaAvatarStudio.panelJugadorActivoV3
.muestraOpcionAvatar {

    width:
        72px !important;

    height:
        72px !important;

    min-width:
        72px !important;

    min-height:
        72px !important;

    flex-basis:
        72px !important;

    border-radius:
        16px !important;

    font-size:
        36px !important;
}

#pantallaAvatarStudio
.miniaturaRealAvatar {

    max-width:
        72px !important;

    max-height:
        72px !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio > strong {

    min-height:
        27px !important;

    max-height:
        27px !important;

    font-size:
        12px !important;
}

#pantallaAvatarStudio
.opcionAvatarStudio > small {

    min-height:
        16px !important;

    max-height:
        16px !important;

    line-height:
        16px !important;

    font-size:
        7.5px !important;
}

@media
(
    max-height:
        720px
)
and
(
    min-width:
        1001px
) {

    #pantallaAvatarStudio
    .zonaSuperiorAvatarStudioV38 {

        height:
            174px !important;

        min-height:
            174px !important;

        flex-basis:
            174px !important;
    }

    #pantallaAvatarStudio
    .previewAvatarStudio {

        width:
            158px !important;

        height:
            158px !important;
    }

    #pantallaAvatarStudio
    .previewAvatarStudio
    .avatarCompuesto {

        width:
            154px !important;

        height:
            154px !important;

        flex-basis:
            154px !important;
    }

    #pantallaAvatarStudio
    #botonGuardarAvatar {

        top:
            29px !important;

        height:
            55px !important;

        min-height:
            55px !important;
    }

    #pantallaAvatarStudio
    #botonRestablecerAvatar {

        top:
            94px !important;

        height:
            50px !important;

        min-height:
            50px !important;
    }

    #pantallaAvatarStudio
    .opcionesAvatarStudio {

        grid-auto-rows:
            150px !important;
    }

    #pantallaAvatarStudio
    .opcionAvatarStudio {

        height:
            150px !important;

        min-height:
            150px !important;

        max-height:
            150px !important;
    }

    #pantallaAvatarStudio
    .muestraOpcionAvatar {

        width:
            66px !important;

        height:
            66px !important;

        min-width:
            66px !important;

        min-height:
            66px !important;

        flex-basis:
            66px !important;
    }

    #pantallaAvatarStudio
    .miniaturaRealAvatar {

        max-width:
            66px !important;

        max-height:
            66px !important;
    }

}

#pantallaAvatarStudio
.botonAccionSuperiorAvatarV38 {

    font-size:
        14px !important;

    font-weight:
        900 !important;

    letter-spacing:
        0.2px !important;
}

#pantallaAvatarStudio
.botonAccionSuperiorAvatarV38 > strong {

    font-size:
        13px !important;

    line-height:
        1.05 !important;

    font-weight:
        900 !important;

    white-space:
        nowrap !important;
}

#pantallaAvatarStudio
.botonAccionSuperiorAvatarV38 > span {

    font-size:
        22px !important;

    line-height:
        1 !important;
}

#pantallaAvatarStudio
#botonGuardarAvatar > strong {

    font-size:
        13px !important;
}

#pantallaAvatarStudio
#botonTiendaAvatarStudio > strong {

    font-size:
        14px !important;
}

#pantallaAvatarStudio
#botonRestablecerAvatar > strong {

    font-size:
        12px !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio small,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio small {

    font-size:
        11px !important;

    line-height:
        1.05 !important;

    font-weight:
        800 !important;

    color:
        inherit !important;

    text-align:
        center !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio span,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio span {

    font-size:
        29px !important;

    line-height:
        1 !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.categoriaAvatarStudio {

    gap:
        5px !important;

    padding:
        6px 5px !important;
}

#pantallaAvatarStudio
.categoriaAvatarStudio.categoriaAvatarActiva small {

    color:
        #ffffff !important;

    font-weight:
        900 !important;
}

#pantallaAvatarStudio
.tituloCategoriaAvatar h3,

.pantallaAvatarStudio.panelJugadorActivoV3
.tituloCategoriaAvatar h3 {

    font-size:
        20px !important;

    font-weight:
        800 !important;
}

@media
(
    max-height: 720px
)
and
(
    min-width: 1001px
) {

    #pantallaAvatarStudio
    .botonAccionSuperiorAvatarV38 > strong {

        font-size:
            12px !important;
    }

    #pantallaAvatarStudio
    #botonTiendaAvatarStudio > strong {

        font-size:
            13px !important;
    }

    #pantallaAvatarStudio
    .categoriaAvatarStudio small {

        font-size:
            10px !important;
    }

    #pantallaAvatarStudio
    .categoriaAvatarStudio span {

        font-size:
            27px !important;
    }

}
.tituloCategoriaAvatar,
.subtituloCategoriaAvatar,
.encabezadoCategoriaAvatar h2,
.encabezadoCategoriaAvatar h3 {
    display: none !important;
}
.barraInfoOpcionesAvatar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 10px 0;
    padding: 0 6px;
    box-sizing: border-box;
}
.textoBloqueoAvatar {
    font-size: 13px;
    font-weight: 700;
    color: #7b6b99;
    text-align: right;
    line-height: 1.2;
    white-space: nowrap;
}
.gridOpcionesAvatar {
    margin-top: 0 !important;
}

#pantallaAvatarStudio
#botonCerrarAvatarStudio {

    position:
        static !important;

    transform:
        none !important;

    justify-self:
        start !important;

    width:
        100px !important;

    min-width:
        100px !important;

    height:
        44px !important;

    min-height:
        44px !important;

    padding:
        7px 12px !important;

    border:
        2px solid #735ee5 !important;

    border-radius:
        14px !important;

    background:
        #ffffff !important;

    color:
        #5542ad !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        13px !important;

    font-weight:
        900 !important;

    cursor:
        pointer !important;

    box-sizing:
        border-box !important;
}

@media
(
    min-width: 1001px
) {

    :root {

        --v3-panel-ancho:
            300px;

        --v3-panel-separacion:
            18px;

        --v3-reserva-panel:
            350px;

    }

    .panelJugadorV3[data-contexto="menu"] {

        top:
            16px !important;

        bottom:
            16px !important;

        left:
            22px !important;

        width:
            300px !important;

        padding:
            14px !important;

        box-sizing:
            border-box !important;

        border:
            3px solid
            #6e59e6 !important;

        border-radius:
            27px !important;

        background:

            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(250, 247, 255, 0.98) 55%,
                rgba(244, 239, 255, 0.98) 100%
            )

            !important;

        box-shadow:

            0 11px 27px
            rgba(
                73,
                55,
                144,
                0.16
            )

            !important;

        overflow:
            hidden !important;

    }

    #pantallaMenu.pantallaMenu {

        padding-left:
            350px !important;

        padding-right:
            22px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .cabeceraPanelJugadorV3 {

        text-align:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .etiquetaPanelJugadorV3 {

        margin:
            0 0 4px !important;

        color:
            #8476b8 !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            10px !important;

        font-weight:
            900 !important;

        letter-spacing:
            1.5px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3 {

        width:
            164px !important;

        height:
            164px !important;

        margin:
            0 auto 3px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            160px !important;

        height:
            160px !important;

        flex:
            0 0 160px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .nombrePanelJugadorV3 {

        margin:
            1px 0 8px !important;

        color:
            #44378a !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            22px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statsPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            0 0 9px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 {

        min-height:
            50px !important;

        padding:
            6px 3px !important;

        box-sizing:
            border-box !important;

        border:
            1px solid
            #ddd5ff !important;

        border-radius:
            13px !important;

        background:
            #f3efff !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        color:
            #5d4fa0 !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 span {

        min-height:
            auto !important;

        margin:
            0 0 2px !important;

        font-size:
            13px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 strong {

        margin:
            0 !important;

        color:
            #322568 !important;

        font-size:
            17px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            0 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonPanelJugadorV3 {

        width:
            100% !important;

        min-width:
            0 !important;

        height:
            66px !important;

        min-height:
            66px !important;

        padding:
            7px 5px !important;

        box-sizing:
            border-box !important;

        border:
            2px solid
            #d8d0fb !important;

        border-radius:
            16px !important;

        background:
            #f1edff !important;

        color:
            #4c3c92 !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            4px !important;

        text-align:
            center !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-weight:
            900 !important;

        box-shadow:

            0 4px 0
            rgba(
                85,
                65,
                170,
                0.07
            )

            !important;

        transition:
            transform 0.15s ease,
            box-shadow 0.15s ease,
            background-color 0.15s ease
            !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonPanelJugadorV3:hover {

        transform:
            translateY(-2px) !important;

        background:
            #e9e3ff !important;

        box-shadow:

            0 6px 10px
            rgba(
                86,
                66,
                170,
                0.12
            )

            !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .iconoAccionPanelV3 {

        width:
            30px !important;

        height:
            30px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        border-radius:
            9px !important;

        background:
            rgba(
                255,
                255,
                255,
                0.75
            )
            !important;

        font-size:
            23px !important;

        line-height:
            1 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .textoAccionPanelV3 {

        display:
            block !important;

        width:
            100% !important;

        font-size:
            11px !important;

        line-height:
            1.05 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelVerPerfilV3 {

        grid-column:
            1 !important;

        background:

            linear-gradient(
                180deg,
                #826be8,
                #6a55d8
            )

            !important;

        border-color:
            #624dd0 !important;

        color:
            #ffffff !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelAvatarV3 {

        grid-column:
            2 !important;

        background:

            linear-gradient(
                180deg,
                #826be8,
                #6a55d8
            )

            !important;

        border-color:
            #624dd0 !important;

        color:
            #ffffff !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3 {

        grid-column:
            1 / -1 !important;

        height:
            59px !important;

        min-height:
            59px !important;

        flex-direction:
            row !important;

        gap:
            10px !important;

        border:
            2px solid
            #d7ad2e !important;

        background:

            linear-gradient(
                180deg,
                #ffe783,
                #f3cd4c
            )

            !important;

        color:
            #574000 !important;

        box-shadow:

            0 4px 0
            rgba(
                174,
                129,
                13,
                0.16
            )

            !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3
    .iconoAccionPanelV3 {

        width:
            33px !important;

        height:
            33px !important;

        font-size:
            25px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3
    .textoAccionPanelV3 {

        width:
            auto !important;

        font-size:
            13px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelIntroV3,

    .panelJugadorV3[data-contexto="menu"]
    #panelCambiarJugadorV3 {

        height:
            61px !important;

        min-height:
            61px !important;

        background:
            #f2efff !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelIntroV3 {

        grid-column:
            1 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelCambiarJugadorV3 {

        grid-column:
            2 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelMenuV3 {

        display:
            none !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesSistemaPanelV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            8px 0 0 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonSistemaPanelV3 {

        min-height:
            38px !important;

        padding:
            5px 6px !important;

        border:
            1.5px solid
            #d9d1f7 !important;

        border-radius:
            11px !important;

        background:
            #faf9ff !important;

        color:
            #554a87 !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            9px !important;

        font-weight:
            900 !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            5px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .iconoSistemaPanelV3 {

        font-size:
            17px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .audioPanelV3 {

        margin-top:
            auto !important;

        padding-top:
            9px !important;

        border-top:
            1px dashed
            #cfc5ee !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .filaAudioV3 {

        grid-template-columns:
            37px
            1fr
            38px
            !important;

        gap:
            7px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonMuteV3 {

        width:
            37px !important;

        height:
            37px !important;

        border-radius:
            11px !important;

        font-size:
            20px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .valorVolumenV3 {

        font-size:
            10px !important;

    }

}

@media
(
    max-height: 720px
)
and
(
    min-width: 1001px
) {

    .panelJugadorV3[data-contexto="menu"] {

        top:
            10px !important;

        bottom:
            10px !important;

        padding:
            11px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3 {

        width:
            145px !important;

        height:
            145px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            141px !important;

        height:
            141px !important;

        flex-basis:
            141px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .nombrePanelJugadorV3 {

        font-size:
            20px !important;

        margin-bottom:
            6px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 {

        min-height:
            45px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonPanelJugadorV3 {

        height:
            59px !important;

        min-height:
            59px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3 {

        height:
            52px !important;

        min-height:
            52px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelIntroV3,

    .panelJugadorV3[data-contexto="menu"]
    #panelCambiarJugadorV3 {

        height:
            54px !important;

        min-height:
            54px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesSistemaPanelV3 {

        margin-top:
            6px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonSistemaPanelV3 {

        min-height:
            34px !important;

    }

}

@media (min-width: 1001px) {

    #pantallaMenu.pantallaMenu {

        padding-left:
            310px !important;

        padding-right:
            18px !important;

    }

    #pantallaMenu .tituloMundos {

        width:
            min(980px, 100%) !important;

    }

    #pantallaMenu #tarjetaProgresoGeneral {

        width:
            min(980px, 100%) !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

    }

    .panelJugadorV3[data-contexto="menu"] {
        left:
            18px !important;

        top:
            102px !important;

        bottom:
            auto !important;
        width:
            272px !important;

        height:
            610px !important;

        max-height:
            calc(100dvh - 118px) !important;
        padding:
            12px !important;

        box-sizing:
            border-box !important;

        border:
            3px solid
            #6b58e5 !important;

        border-radius:
            25px !important;

        background:

            linear-gradient(
                180deg,
                #ffffff 0%,
                #fbf9ff 58%,
                #f5f1ff 100%
            )

            !important;

        box-shadow:

            0 9px 24px
            rgba(
                65,
                49,
                118,
                0.15
            )

            !important;

        overflow:
            hidden !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .etiquetaPanelJugadorV3 {

        margin-bottom:
            2px !important;

        font-size:
            9px !important;

        letter-spacing:
            1.3px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3 {

        width:
            150px !important;

        height:
            150px !important;

        margin:
            0 auto 2px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            146px !important;

        height:
            146px !important;

        flex:
            0 0 146px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .nombrePanelJugadorV3 {

        margin:
            1px 0 7px !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            20px !important;

        font-weight:
            900 !important;

        line-height:
            1 !important;

        color:
            #443783 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statsPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            6px !important;

        margin-bottom:
            8px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 {

        min-height:
            46px !important;

        padding:
            5px 3px !important;

        border-radius:
            12px !important;

        font-size:
            9px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 span {

        min-height:
            auto !important;

        margin-bottom:
            2px !important;

        font-size:
            11px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 strong {

        margin:
            0 !important;

        font-size:
            16px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            6px !important;

        margin:
            0 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelVerPerfilV3,

    .panelJugadorV3[data-contexto="menu"]
    #panelAvatarV3 {

        height:
            62px !important;

        min-height:
            62px !important;

        padding:
            6px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            3px !important;

        border:
            2px solid
            #6550d3 !important;

        border-radius:
            15px !important;

        background:

            linear-gradient(
                180deg,
                #826ae8,
                #6c56d9
            )

            !important;

        color:
            white !important;

        text-align:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3 {

        grid-column:
            1 / -1 !important;

        height:
            56px !important;

        min-height:
            56px !important;

        display:
            flex !important;

        flex-direction:
            row !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            9px !important;

        border:
            2px solid
            #d7ab2a !important;

        border-radius:
            15px !important;

        background:

            linear-gradient(
                180deg,
                #ffe783,
                #f4cf4f
            )

            !important;

        color:
            #574000 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelIntroV3,

    .panelJugadorV3[data-contexto="menu"]
    #panelCambiarJugadorV3 {

        height:
            58px !important;

        min-height:
            58px !important;

        padding:
            5px !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            3px !important;

        border:
            2px solid
            #ddd5fb !important;

        border-radius:
            14px !important;

        background:
            #f3efff !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .iconoAccionPanelV3 {

        width:
            28px !important;

        height:
            28px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        border-radius:
            9px !important;

        background:
            rgba(
                255,
                255,
                255,
                0.78
            )
            !important;

        font-size:
            21px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .textoAccionPanelV3 {

        width:
            100% !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            10px !important;

        font-weight:
            900 !important;

        line-height:
            1.05 !important;

        text-align:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3
    .textoAccionPanelV3 {

        width:
            auto !important;

        font-size:
            12px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesSistemaPanelV3 {

        display:
            grid !important;

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

        gap:
            6px !important;

        margin-top:
            7px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonSistemaPanelV3 {

        min-height:
            34px !important;

        padding:
            4px 5px !important;

        border-radius:
            10px !important;

        font-size:
            9px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .audioPanelV3 {

        margin-top:
            auto !important;

        padding-top:
            7px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .filaAudioV3 {

        grid-template-columns:
            34px
            1fr
            35px
            !important;

        gap:
            6px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonMuteV3 {

        width:
            34px !important;

        height:
            34px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelMenuV3 {

        display:
            none !important;

    }

}

@media
(
    min-width: 1001px
)
and
(
    max-height: 780px
) {

    .panelJugadorV3[data-contexto="menu"] {

        top:
            102px !important;

        height:
            610px !important;

        max-height:
            calc(100dvh - 116px) !important;

    }

}

@media (min-width: 1001px) {
  #pantallaMenu.pantallaMenu {
    padding-left: 350px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
  .panelJugadorV3[data-contexto="menu"] {
    position: fixed !important;
    left: 18px !important;
    top: 190px !important;

    width: 300px !important;
    height: 520px !important;

    padding: 16px 14px 14px 14px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    border: 3px solid #6b58e5 !important;
    border-radius: 28px !important;

    background: linear-gradient(180deg, #fcfbff 0%, #f6f2ff 100%) !important;
    box-shadow: 0 10px 22px rgba(83, 63, 153, 0.12) !important;

    overflow: hidden !important;
  }
  .panelJugadorV3[data-contexto="menu"] .etiquetaPanelJugadorV3 {
    margin: 0 !important;
    text-align: center !important;
    font-size: 10px !important;
    letter-spacing: 1.4px !important;
    line-height: 1 !important;
  }
  .panelJugadorV3[data-contexto="menu"] .avatarPanelJugadorV3 {
    width: 142px !important;
    height: 142px !important;
    margin: 0 auto 2px auto !important;
    flex: 0 0 auto !important;
  }

  .panelJugadorV3[data-contexto="menu"] .avatarPanelJugadorV3 .avatarCompuesto {
    width: 138px !important;
    height: 138px !important;
    flex: 0 0 138px !important;
  }
  .panelJugadorV3[data-contexto="menu"] .nombrePanelJugadorV3 {
    margin: 0 !important;
    text-align: center !important;
    font-family: Cambria, Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    color: #433982 !important;
    text-transform: uppercase !important;
  }
  .panelJugadorV3[data-contexto="menu"] .statsPanelJugadorV3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .panelJugadorV3[data-contexto="menu"] .statPanelJugadorV3 {
    min-height: 44px !important;
    padding: 5px 4px !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
  }

  .panelJugadorV3[data-contexto="menu"] .statPanelJugadorV3 span {
    font-size: 9px !important;
    margin-bottom: 2px !important;
    line-height: 1 !important;
  }

  .panelJugadorV3[data-contexto="menu"] .statPanelJugadorV3 strong {
    font-size: 16px !important;
    line-height: 1 !important;
  }
  .panelJugadorV3[data-contexto="menu"] .accionesPanelJugadorV3 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  .panelJugadorV3[data-contexto="menu"] #panelVerPerfilV3,
  .panelJugadorV3[data-contexto="menu"] #panelAvatarV3 {
    min-height: 64px !important;
    height: 64px !important;
    padding: 8px 6px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;

    border: 2px solid #6b58e5 !important;
    background: linear-gradient(180deg, #836eee 0%, #6a55d6 100%) !important;
    color: #fff !important;
  }
  .panelJugadorV3[data-contexto="menu"] #panelTiendaV3 {
    grid-column: 1 / -1 !important;

    min-height: 56px !important;
    height: 56px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    border: 2px solid #d6aa29 !important;
    background: linear-gradient(180deg, #ffe57f 0%, #f3cf50 100%) !important;
    color: #5d4600 !important;
  }
  .panelJugadorV3[data-contexto="menu"] #panelIntroV3,
  .panelJugadorV3[data-contexto="menu"] #panelCambiarJugadorV3 {
    min-height: 56px !important;
    height: 56px !important;
    padding: 7px 5px !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;

    border: 2px solid #ddd4fb !important;
    background: #f3efff !important;
    color: #4f438f !important;
  }
  .panelJugadorV3[data-contexto="menu"] .iconoAccionPanelV3 {
    width: 26px !important;
    height: 26px !important;
    border-radius: 9px !important;
    font-size: 18px !important;

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

    background: rgba(255,255,255,0.82) !important;
  }
  .panelJugadorV3[data-contexto="menu"] .textoAccionPanelV3 {
    width: 100% !important;
    text-align: center !important;
    font-family: Cambria, Georgia, serif !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }

  .panelJugadorV3[data-contexto="menu"] #panelTiendaV3 .textoAccionPanelV3 {
    width: auto !important;
    font-size: 12px !important;
  }
  .panelJugadorV3[data-contexto="menu"] .accionesSistemaPanelV3 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .panelJugadorV3[data-contexto="menu"] .botonSistemaPanelV3 {
    min-height: 34px !important;
    height: 34px !important;
    padding: 4px 6px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    font-size: 9px !important;
  }
  .panelJugadorV3[data-contexto="menu"] .audioPanelV3 {
    margin-top: auto !important;
    padding-top: 8px !important;
    border-top: 1px dashed #d8cff8 !important;
    flex: 0 0 auto !important;
  }

  .panelJugadorV3[data-contexto="menu"] .filaAudioV3 {
    grid-template-columns: 34px 1fr 34px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .panelJugadorV3[data-contexto="menu"] .botonMuteV3 {
    width: 34px !important;
    height: 34px !important;
  }
  .panelJugadorV3[data-contexto="menu"] #panelMenuV3 {
    display: none !important;
  }
  #pantallaMenu .tituloMundos,
  #pantallaMenu #tarjetaProgresoGeneral {
    width: min(810px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #pantallaMenu .tituloMundos {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  #pantallaMenu #tarjetaProgresoGeneral {
    border-radius: 28px !important;
  }
}
@media (min-width: 1001px) and (max-height: 790px) {
  .panelJugadorV3[data-contexto="menu"] {
    height: 516px !important;
    top: 190px !important;
  }
}

@media (min-width: 1001px) {

    #pantallaMenu.pantallaMenu {

        padding-left:
            310px !important;

        padding-right:
            18px !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .tituloMundos,

    #pantallaMenu
    #tarjetaProgresoGeneral {

        width:
            min(
                810px,
                100%
            )
            !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

    }

    .panelJugadorV3[data-contexto="menu"] {

        position:
            fixed !important;

        left:
            18px !important;

        top:
            74px !important;

        bottom:
            18px !important;

        width:
            320px !important;

        height:
            auto !important;

        max-height:
            none !important;

        padding:
            13px 14px !important;

        box-sizing:
            border-box !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        border:
            3px solid
            #6b58e5 !important;

        border-radius:
            27px !important;

        background:

            linear-gradient(
                180deg,
                #ffffff 0%,
                #fbf9ff 56%,
                #f5f1ff 100%
            )

            !important;

        box-shadow:

            0 9px 22px
            rgba(
                75,
                57,
                143,
                0.14
            )

            !important;

        overflow:
            hidden !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .etiquetaPanelJugadorV3 {

        margin:
            0 0 3px !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

        letter-spacing:
            1.4px !important;

        text-align:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3 {

        width:
            146px !important;

        height:
            146px !important;

        margin:
            0 auto 3px !important;

        flex:
            0 0 146px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            142px !important;

        height:
            142px !important;

        flex:
            0 0 142px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .nombrePanelJugadorV3 {

        margin:
            1px 0 8px !important;

        color:
            #443781 !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            19px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statsPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            8px !important;

        margin:
            0 0 8px !important;

        flex:
            0 0 auto !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 {

        height:
            47px !important;

        min-height:
            47px !important;

        padding:
            5px 3px !important;

        box-sizing:
            border-box !important;

        border:
            1px solid
            #ddd6ff !important;

        border-radius:
            13px !important;

        background:
            #f3efff !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 span {

        min-height:
            0 !important;

        margin:
            0 0 2px !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .statPanelJugadorV3 strong {

        margin:
            0 !important;

        font-size:
            16px !important;

        line-height:
            1 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            0 !important;

        flex:
            0 0 auto !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelVerPerfilV3,

    .panelJugadorV3[data-contexto="menu"]
    #panelAvatarV3 {

        width:
            100% !important;

        height:
            62px !important;

        min-height:
            62px !important;

        padding:
            6px !important;

        box-sizing:
            border-box !important;

        border:
            2px solid
            #6550d4 !important;

        border-radius:
            16px !important;

        background:

            linear-gradient(
                180deg,
                #826ce9,
                #6954d6
            )

            !important;

        color:
            white !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            3px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3 {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        height:
            55px !important;

        min-height:
            55px !important;

        padding:
            6px 10px !important;

        box-sizing:
            border-box !important;

        border:
            2px solid
            #d5aa2b !important;

        border-radius:
            16px !important;

        background:

            linear-gradient(
                180deg,
                #ffe57d,
                #f3cf4d
            )

            !important;

        color:
            #584200 !important;

        display:
            flex !important;

        flex-direction:
            row !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            9px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelIntroV3,

    .panelJugadorV3[data-contexto="menu"]
    #panelCambiarJugadorV3 {

        width:
            100% !important;

        height:
            56px !important;

        min-height:
            56px !important;

        padding:
            5px !important;

        box-sizing:
            border-box !important;

        border:
            2px solid
            #ddd5fb !important;

        border-radius:
            15px !important;

        background:
            #f3efff !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            3px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .iconoAccionPanelV3 {

        width:
            27px !important;

        height:
            27px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        border-radius:
            8px !important;

        background:
            rgba(
                255,
                255,
                255,
                0.80
            )
            !important;

        font-size:
            19px !important;

        line-height:
            1 !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .textoAccionPanelV3 {

        width:
            100% !important;

        color:
            inherit !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            9px !important;

        line-height:
            1.05 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelTiendaV3
    .textoAccionPanelV3 {

        width:
            auto !important;

        font-size:
            11px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .accionesSistemaPanelV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            7px 0 0 !important;

        flex:
            0 0 auto !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonSistemaPanelV3 {

        height:
            33px !important;

        min-height:
            33px !important;

        padding:
            3px 5px !important;

        box-sizing:
            border-box !important;

        border-radius:
            10px !important;

        font-size:
            8px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .audioPanelV3 {

        margin-top:
            auto !important;

        padding-top:
            7px !important;

        border-top:
            1px dashed
            #d7cff5 !important;

        flex:
            0 0 auto !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .filaAudioV3 {

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

        gap:
            7px !important;

        align-items:
            center !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .botonMuteV3 {

        width:
            34px !important;

        height:
            34px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    #panelMenuV3 {

        display:
            none !important;

    }

}

#pantallaAvatarStudio
.cabeceraAvatarStudio {

    position:
        relative !important;

    width:
        min(
            1240px,
            98%
        )
        !important;

    

    grid-template-columns:
        120px
        minmax(0, 1fr)
        120px
        !important;

    

    

    

}

#pantallaAvatarStudio:not(.oculto)
#botonCerrarAvatarStudio {

    display:
        flex !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    position:
        static !important;

    justify-self:
        start !important;

    width:
        102px !important;

    min-width:
        102px !important;

    height:
        44px !important;

    min-height:
        44px !important;

    padding:
        6px 12px !important;

    box-sizing:
        border-box !important;

    border:
        2px solid
        #7059e2 !important;

    border-radius:
        14px !important;

    background:
        #ffffff !important;

    color:
        #5542ad !important;

    font-family:
        Cambria,
        Georgia,
        serif !important;

    font-size:
        13px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    transform:
        none !important;

    cursor:
        pointer !important;

}

@media
(
    min-width: 1001px
)
and
(
    max-height: 720px
) {

    .panelJugadorV3[data-contexto="menu"] {

        top:
            68px !important;

        bottom:
            12px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3 {

        width:
            137px !important;

        height:
            137px !important;

        flex-basis:
            137px !important;

    }

    .panelJugadorV3[data-contexto="menu"]
    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            133px !important;

        height:
            133px !important;

        flex-basis:
            133px !important;

    }

}

@media (min-width: 1001px) {

    #pantallaMenu.pantallaMenu {

        width:
            100% !important;

        height:
            100vh !important;

        height:
            100dvh !important;

        min-height:
            0 !important;

        padding:
            12px 20px !important;

        box-sizing:
            border-box !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        overflow:
            hidden !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311 {

        width:
            min(
                1240px,
                calc(100vw - 50px)
            )
            !important;

        max-width:
            1240px !important;

        height:
            auto !important;

        max-height:
            calc(100dvh - 24px)
            !important;

        margin:
            0 auto !important;

        display:
            grid !important;

        grid-template-columns:

            clamp(
                315px,
                24vw,
                335px
            )

            minmax(
                720px,
                820px
            )

            !important;

        grid-template-rows:
            auto
            auto
            !important;

        grid-template-areas:

            ". titulo"

            "perfil mundos"

            !important;

        column-gap:
            clamp(
                34px,
                4vw,
                58px
            )
            !important;

        row-gap:
            8px !important;

        align-items:
            stretch !important;

        justify-content:
            center !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    .tituloMundos {

        grid-area:
            titulo !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 0 1px !important;

        align-self:
            end !important;

        text-align:
            center !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    #tarjetaProgresoGeneral {

        grid-area:
            mundos !important;

        width:
            100% !important;

        max-width:
            none !important;

        height:
            auto !important;

        margin:
            0 !important;

        align-self:
            stretch !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    .panelJugadorV3 {

        grid-area:
            perfil !important;

        position:
            relative !important;

        inset:
            auto !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            100% !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            12px 14px !important;

        box-sizing:
            border-box !important;

        align-self:
            stretch !important;

        border:
            3px solid
            #6b58e5 !important;

        border-radius:
            24px !important;

        background:

            linear-gradient(
                180deg,
                #ffffff 0%,
                #faf8ff 56%,
                #f5f1ff 100%
            )

            !important;

        box-shadow:

            0 8px 18px
            rgba(
                73,
                56,
                137,
                0.13
            )

            !important;

        overflow:
            hidden !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .cabeceraPanelJugadorV3 {

        flex:
            0 0 auto !important;

        text-align:
            center !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .etiquetaPanelJugadorV3 {

        display:
            block !important;

        margin:
            0 0 3px !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

        letter-spacing:
            1.3px !important;

        text-align:
            center !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .avatarPanelJugadorV3 {

        width:
            142px !important;

        height:
            142px !important;

        margin:
            0 auto 3px !important;

        flex:
            0 0 142px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .avatarPanelJugadorV3
    .avatarCompuesto {

        width:
            138px !important;

        height:
            138px !important;

        flex:
            0 0 138px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .nombrePanelJugadorV3 {

        margin:
            1px 0 7px !important;

        color:
            #443783 !important;

        font-family:
            Cambria,
            Georgia,
            serif !important;

        font-size:
            19px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        text-transform:
            uppercase !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .statsPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            0 0 7px !important;

        flex:
            0 0 auto !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .statPanelJugadorV3 {

        height:
            44px !important;

        min-height:
            44px !important;

        padding:
            4px 3px !important;

        box-sizing:
            border-box !important;

        border-radius:
            12px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .statPanelJugadorV3 span {

        min-height:
            0 !important;

        margin:
            0 0 2px !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .statPanelJugadorV3 strong {

        margin:
            0 !important;

        font-size:
            15px !important;

        line-height:
            1 !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .accionesPanelJugadorV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            0 !important;

        flex:
            0 0 auto !important;

    }

    #pantallaMenu
    .panelJugadorV3
    #panelVerPerfilV3,

    #pantallaMenu
    .panelJugadorV3
    #panelAvatarV3 {

        width:
            100% !important;

        height:
            58px !important;

        min-height:
            58px !important;

        padding:
            5px !important;

        border-radius:
            14px !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .panelJugadorV3
    #panelTiendaV3 {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        height:
            51px !important;

        min-height:
            51px !important;

        padding:
            5px 10px !important;

        border-radius:
            14px !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .panelJugadorV3
    #panelIntroV3,

    #pantallaMenu
    .panelJugadorV3
    #panelCambiarJugadorV3 {

        width:
            100% !important;

        height:
            52px !important;

        min-height:
            52px !important;

        padding:
            4px !important;

        border-radius:
            13px !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .iconoAccionPanelV3 {

        width:
            27px !important;

        height:
            27px !important;

        font-size:
            19px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .textoAccionPanelV3 {

        font-size:
            9px !important;

        line-height:
            1.05 !important;

    }

    #pantallaMenu
    .panelJugadorV3
    #panelTiendaV3
    .textoAccionPanelV3 {

        font-size:
            11px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .accionesSistemaPanelV3 {

        display:
            grid !important;

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

        gap:
            7px !important;

        margin:
            6px 0 0 !important;

        flex:
            0 0 auto !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .botonSistemaPanelV3 {

        height:
            31px !important;

        min-height:
            31px !important;

        padding:
            3px 5px !important;

        box-sizing:
            border-box !important;

        font-size:
            8px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .audioPanelV3 {

        margin-top:
            auto !important;

        padding-top:
            6px !important;

        flex:
            0 0 auto !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .filaAudioV3 {

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

        gap:
            6px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    .botonMuteV3 {

        width:
            33px !important;

        height:
            33px !important;

    }

    #pantallaMenu
    .panelJugadorV3
    #panelMenuV3 {

        display:
            none !important;

    }

}

@media
(
    min-width: 1001px
)
and
(
    max-width: 1180px
) {

    #pantallaMenu
    .layoutMenuPrincipalV311 {

        grid-template-columns:

            285px

            minmax(
                650px,
                1fr
            )

            !important;

        column-gap:
            24px !important;

    }

}

#pantallaAvatarStudio
.cabeceraAvatarStudio {

    width:
        min(
            1120px,
            94%
        )
        !important;

    max-width:
        1120px !important;

    margin:
        0 auto 8px !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    display:
        grid !important;

    grid-template-columns:
        110px
        minmax(0, 1fr)
        110px
        !important;

    align-items:
        center !important;

}

#pantallaAvatarStudio
.zonaSuperiorAvatarStudioV38 {

    width:
        min(
            1120px,
            94%
        )
        !important;

    max-width:
        1120px !important;

}

#pantallaAvatarStudio
#botonCerrarAvatarStudio:not(.oculto) {

    position:
        static !important;

    display:
        flex !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    grid-column:
        1 !important;

    justify-self:
        start !important;

    width:
        102px !important;

    min-width:
        102px !important;

    height:
        44px !important;

    min-height:
        44px !important;

    margin:
        0 !important;

    transform:
        none !important;

    align-items:
        center !important;

    justify-content:
        center !important;

}

#pantallaAvatarStudio
#botonCerrarAvatarStudio.oculto {

    display:
        none !important;

}

#pantallaAvatarStudio
.tituloAvatarStudioV38 {

    grid-column:
        2 !important;

    justify-self:
        center !important;

    width:
        100% !important;

    text-align:
        center !important;

}

#pantallaAvatarStudio
.espacioCabeceraAvatarStudioV39 {

    grid-column:
        3 !important;

    width:
        102px !important;

    height:
        1px !important;

    justify-self:
        end !important;

}

#pantallaInicio.pantalla.oculto,
#pantallaPerfiles.pantalla.oculto,
#pantallaBienvenida.pantalla.oculto,
#pantallaMenu.pantallaMenu.oculto,
#pantallaMapa.pantalla.oculto,
#pantallaPregunta.pantalla.oculto,
#pantallaNivelCompletado.pantalla.oculto,
#pantallaPerfilJugador.pantalla.oculto,
#pantallaRecompensas.pantalla.oculto,
#pantallaAvatarStudio.pantallaAvatarStudio.oculto,
#pantallaTiendaAvatar.pantallaTiendaAvatar.oculto {
    display: none !important;
}
body > .pantalla.oculto {
    display: none !important;
}
#pantallaMenu.pantallaMenu:not(.oculto) {
    visibility: visible !important;
}
#pantallaMenu:not(.oculto) .botonMundoProgresoV3:not(:disabled),
#pantallaMapa:not(.oculto) .nivelMapa:not(:disabled) {
    pointer-events: auto !important;
    cursor: pointer !important;
}
#pantallaPregunta:not(.oculto),
#pantallaMapa:not(.oculto),
#pantallaNivelCompletado:not(.oculto) {
    position: relative;
    z-index: 20;
}

body:has(#pantallaMapa:not(.oculto))
#panelJugadorV3,

body:has(#pantallaPregunta:not(.oculto))
#panelJugadorV3,

body:has(#pantallaNivelCompletado:not(.oculto))
#panelJugadorV3,

body:has(#pantallaPerfilJugador:not(.oculto))
#panelJugadorV3,

body:has(.pantallaAvatarStudio:not(.oculto))
#panelJugadorV3,

body:has(.pantallaTiendaAvatar:not(.oculto))
#panelJugadorV3 {

    display: none !important;

}

#pantallaMapa:not(.oculto) {

    width: 100% !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    box-sizing: border-box !important;
}

#pantallaPregunta:not(.oculto) {

    width: 100% !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    box-sizing: border-box !important;
}

#pantallaInicio.pantalla.oculto,
#pantallaPerfiles.pantalla.oculto,
#pantallaBienvenida.pantalla.oculto,
#pantallaMenu.pantallaMenu.oculto,
#pantallaMapa.pantalla.oculto,
#pantallaPregunta.pantalla.oculto,
#pantallaNivelCompletado.pantalla.oculto,
#pantallaPerfilJugador.pantalla.oculto,
.pantallaAvatarStudio.oculto,
.pantallaTiendaAvatar.oculto {

    display: none !important;

}

body:has(#pantallaMenu:not(.oculto))
#panelJugadorV3 {

    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    pointer-events: auto !important;

}

body:has(#pantallaInicio:not(.oculto))
#panelJugadorV3,

body:has(#pantallaPerfiles:not(.oculto))
#panelJugadorV3,

body:has(#pantallaBienvenida:not(.oculto))
#panelJugadorV3,

body:has(#pantallaMapa:not(.oculto))
#panelJugadorV3,

body:has(#pantallaPregunta:not(.oculto))
#panelJugadorV3,

body:has(#pantallaNivelCompletado:not(.oculto))
#panelJugadorV3,

body:has(#pantallaPerfilJugador:not(.oculto))
#panelJugadorV3,

body:has(.pantallaAvatarStudio:not(.oculto))
#panelJugadorV3,

body:has(.pantallaTiendaAvatar:not(.oculto))
#panelJugadorV3 {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;

}

body:has(#pantallaInicio:not(.oculto))
#pantallaMenu,

body:has(#pantallaPerfiles:not(.oculto))
#pantallaMenu,

body:has(#pantallaBienvenida:not(.oculto))
#pantallaMenu,

body:has(#pantallaMapa:not(.oculto))
#pantallaMenu,

body:has(#pantallaPregunta:not(.oculto))
#pantallaMenu,

body:has(#pantallaNivelCompletado:not(.oculto))
#pantallaMenu,

body:has(#pantallaPerfilJugador:not(.oculto))
#pantallaMenu,

body:has(.pantallaAvatarStudio:not(.oculto))
#pantallaMenu,

body:has(.pantallaTiendaAvatar:not(.oculto))
#pantallaMenu {

    display: none !important;

}

#pantallaPerfiles:not(.oculto) {

    width: 100% !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    box-sizing: border-box !important;

}

#pantallaPerfiles:not(.oculto)
.contenedorPerfiles {

    width: min(
        1080px,
        calc(100vw - 70px)
    ) !important;

    max-width: 1080px !important;

    margin-left: auto !important;
    margin-right: auto !important;

}

#pantallaMapa:not(.oculto),
#pantallaPregunta:not(.oculto),
#pantallaNivelCompletado:not(.oculto) {

    width: 100% !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    box-sizing: border-box !important;

}

@media (min-width: 1001px) {

    #pantallaMenu.pantallaMenu:not(.oculto) {

        width: 100% !important;

        height: 100vh !important;
        height: 100dvh !important;

        min-height: 0 !important;

        padding:
            12px
            24px
            !important;

        box-sizing: border-box !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        overflow: hidden !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311 {

        width:
            min(
                1240px,
                calc(100vw - 64px)
            )
            !important;

        max-width:
            1240px !important;

        height:
            min(
                620px,
                calc(100dvh - 24px)
            )
            !important;

        max-height:
            calc(100dvh - 24px)
            !important;

        margin:
            0 auto !important;

        display:
            grid !important;

        grid-template-columns:

            300px

            minmax(
                0,
                1fr
            )

            !important;

        grid-template-rows:

            auto

            minmax(
                0,
                1fr
            )

            !important;

        grid-template-areas:

            ". titulo"

            "perfil mundos"

            !important;

        column-gap:
            30px !important;

        row-gap:
            8px !important;

        align-items:
            stretch !important;

        justify-content:
            center !important;

        box-sizing:
            border-box !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    .tituloMundos,

    #pantallaMenu
    .layoutMenuPrincipalV311
    #tarjetaProgresoGeneral {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            0 !important;

        transform:
            none !important;

        margin-left:
            0 !important;

        margin-right:
            0 !important;

        max-width:
            none !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    .tituloMundos {

        grid-area:
            titulo !important;

        width:
            100% !important;

        margin:
            0 0 2px !important;

        align-self:
            end !important;

        text-align:
            center !important;

        font-size:
            clamp(
                31px,
                3vw,
                42px
            )
            !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    #panelJugadorV3 {

        grid-area:
            perfil !important;

        position:
            relative !important;

        inset:
            auto !important;

        width:
            300px !important;

        min-width:
            300px !important;

        max-width:
            300px !important;

        height:
            100% !important;

        margin:
            0 !important;

        box-sizing:
            border-box !important;

        align-self:
            stretch !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    #tarjetaProgresoGeneral {

        grid-area:
            mundos !important;

        width:
            100% !important;

        height:
            100% !important;

        margin:
            0 !important;

        box-sizing:
            border-box !important;

        align-self:
            stretch !important;

    }

}

@media
(
    min-width: 1001px
)
and
(
    max-width: 1180px
) {

    #pantallaMenu
    .layoutMenuPrincipalV311 {

        width:
            calc(100vw - 36px)
            !important;

        grid-template-columns:

            275px

            minmax(
                0,
                1fr
            )

            !important;

        column-gap:
            20px !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    #panelJugadorV3 {

        width:
            275px !important;

        min-width:
            275px !important;

        max-width:
            275px !important;

    }

}

#pantallaPerfilJugador:not(.oculto) {

    width: 100% !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-top: 22px !important;
    padding-bottom: 30px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

}

#pantallaPerfilJugador.panelJugadorActivoV3,
#pantallaPerfilJugador:not(.oculto).panelJugadorActivoV3 {

    padding-left: 28px !important;
    padding-right: 28px !important;

}

#pantallaPerfilJugador:not(.oculto)
.cabeceraPerfil {

    width:
        min(
            1120px,
            calc(100vw - 56px)
        )
        !important;

    max-width: 1120px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;

}

#pantallaPerfilJugador:not(.oculto)
.carnetAventurero {

    width:
        min(
            1120px,
            calc(100vw - 56px)
        )
        !important;

    max-width: 1120px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;

}

#pantallaPerfilJugador:not(.oculto)
.cabeceraPerfil,

#pantallaPerfilJugador:not(.oculto)
.carnetAventurero {

    position: relative !important;

    left: 0 !important;
    right: auto !important;

    transform: none !important;

}

@media (max-width: 1100px) {

    #pantallaPerfilJugador:not(.oculto) {

        padding-left: 18px !important;
        padding-right: 18px !important;

    }

    #pantallaPerfilJugador:not(.oculto)
    .cabeceraPerfil,

    #pantallaPerfilJugador:not(.oculto)
    .carnetAventurero {

        width:
            calc(100vw - 36px)
            !important;

    }

}

#pantallaPerfilJugador:not(.oculto)
.zonaIdentidadPerfil {

    position: relative !important;

    width: 100% !important;

    min-height: 175px !important;

    padding-left: 210px !important;
    padding-right: 210px !important;
    padding-bottom: 25px !important;

    box-sizing: border-box !important;

    display: flex !important;

    grid-template-columns: none !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 24px !important;

}

#pantallaPerfilJugador:not(.oculto)
.avatarPerfil {

    flex:
        0 0 145px
        !important;

    justify-self:
        auto !important;

    margin:
        0 !important;

}

#pantallaPerfilJugador:not(.oculto)
.datosIdentidadPerfil {

    flex:
        0 0 auto
        !important;

    min-width:
        190px !important;

    max-width:
        300px !important;

    justify-self:
        auto !important;

    text-align:
        left !important;

}

#pantallaPerfilJugador:not(.oculto)
.datosIdentidadPerfil h1 {

    margin:
        5px 0 !important;

    text-align:
        left !important;

}

#pantallaPerfilJugador:not(.oculto)
.accionesRapidasPerfilV3 {

    position:
        absolute !important;

    right:
        0 !important;

    top:
        50% !important;

    transform:
        translateY(-50%) !important;

    width:
        190px !important;

    min-width:
        190px !important;

    margin:
        0 !important;

}

@media (max-width: 850px) {

    #pantallaPerfilJugador:not(.oculto)
    .zonaIdentidadPerfil {

        min-height:
            auto !important;

        padding-left:
            0 !important;

        padding-right:
            0 !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            16px !important;

        text-align:
            center !important;

    }

    #pantallaPerfilJugador:not(.oculto)
    .datosIdentidadPerfil {

        text-align:
            center !important;

    }

    #pantallaPerfilJugador:not(.oculto)
    .datosIdentidadPerfil h1 {

        text-align:
            center !important;

    }

    #pantallaPerfilJugador:not(.oculto)
    .accionesRapidasPerfilV3 {

        position:
            relative !important;

        right:
            auto !important;

        top:
            auto !important;

        transform:
            none !important;

        width:
            min(
                420px,
                100%
            )
            !important;

        margin:
            0 auto !important;

    }

}

@media (min-width: 1001px) {

    #pantallaMenu
    .layoutMenuPrincipalV311 {

        grid-template-areas:

            "titulo titulo"
            "perfil mundos"

            !important;

        grid-template-rows:

            auto
            minmax(0, 1fr)

            !important;

        row-gap:
            4px !important;

    }

    #pantallaMenu
    .layoutMenuPrincipalV311
    .tituloMundos {

        grid-area:
            titulo !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 0 2px 0 !important;

        padding:
            0 !important;

        position:
            relative !important;

        left:
            0 !important;

        right:
            auto !important;

        transform:
            none !important;

        justify-self:
            stretch !important;

        text-align:
            center !important;

    }

}

#pantallaAvatarStudio,
.pantallaAvatarStudio {

    position:
        relative !important;

}

#pantallaAvatarStudio
.barraInfoOpcionesAvatar,

.pantallaAvatarStudio
.barraInfoOpcionesAvatar {

    position:
        absolute !important;

    top:
        10px !important;

    right:
        18px !important;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        5px 10px !important;

    border:
        1px solid
        rgba(
            110,
            89,
            230,
            0.18
        );

    border-radius:
        999px !important;

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

    box-shadow:
        0 2px 8px
        rgba(
            75,
            55,
            145,
            0.06
        );

    z-index:
        50 !important;

    pointer-events:
        none;

}

#pantallaAvatarStudio
.textoBloqueoAvatar,

.pantallaAvatarStudio
.textoBloqueoAvatar {

    margin:
        0 !important;

    color:
        #756994 !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    opacity:
        0.88;

}

#pantallaAvatarStudio
.tituloCategoriaAvatar,

.pantallaAvatarStudio
.tituloCategoriaAvatar {

    position:
        fixed !important;

    top:
        10px !important;

    right:
        16px !important;

    left:
        auto !important;

    bottom:
        auto !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        5px 10px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    border:
        1px solid
        rgba(
            101,
            80,
            196,
            0.16
        );

    border-radius:
        999px !important;

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

    box-shadow:
        0 2px 8px
        rgba(
            62,
            48,
            119,
            0.06
        );

    z-index:
        999 !important;

    pointer-events:
        none;

}

#pantallaAvatarStudio
.tituloCategoriaAvatar h3,

.pantallaAvatarStudio
.tituloCategoriaAvatar h3 {

    display:
        none !important;

}

#pantallaAvatarStudio
.tituloCategoriaAvatar small,

.pantallaAvatarStudio
.tituloCategoriaAvatar small {

    display:
        block !important;

    margin:
        0 !important;

    color:
        #746990 !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    text-align:
        right !important;

}

#pantallaAvatarStudio
.panelOpcionesAvatar,

.pantallaAvatarStudio
.panelOpcionesAvatar {

    grid-template-rows:

        auto
        minmax(
            0,
            1fr
        )

        !important;

}

#pantallaAvatarStudio
.opcionesAvatarStudio,

.pantallaAvatarStudio
.opcionesAvatarStudio {

    margin-top:
        5px !important;

    padding-top:
        2px !important;

}

#pantallaMenu
.tituloMundos {

    font-family:
        "Trebuchet MS",
        "Segoe UI",
        Arial,
        sans-serif
        !important;

    font-size:
        clamp(
            26px,
            2.2vw,
            32px
        )
        !important;

    font-weight:
        800 !important;

    letter-spacing:
        0.2px !important;

    line-height:
        1.05 !important;

    

    

}

#pantallaMenu
.tituloMundos::before {

    

    

    

    

    font-size:
        0.78em !important;

    

}

#pantallaMenu
.tituloMundos::after {

    

    

    

    

    font-size:
        0.78em !important;

    

}

#pantallaAvatarStudio {

    position:
        relative !important;

}

#pantallaAvatarStudio
.barraInfoAvatarStudioV39 {

    

    top:
        96px !important;

    right:
        18px !important;

    

    

    

    

    

    

    padding:
        5px 9px !important;

    

    

    justify-content:
        flex-end !important;

    border:
        1px solid
        rgba(
            103,
            82,
            205,
            0.16
        )
        !important;

    

    background:
        rgba(
            255,
            255,
            255,
            0.78
        )
        !important;

    box-shadow:
        0 2px 7px
        rgba(
            55,
            40,
            110,
            0.06
        )
        !important;

    z-index:
        1000 !important;

    

}

#pantallaAvatarStudio
.barraInfoAvatarStudioV39 small {

    

    

    

    font-family:
        Cambria,
        Georgia,
        serif
        !important;

    

    

    

    

}

#pantallaAvatarStudio
.panelOpcionesAvatar {

    position:
        relative !important;

}

#pantallaAvatarStudio
.opcionesAvatarStudio {

    margin-top:
        5px !important;

    padding-top:
        3px !important;

}
#pantallaMenu .tituloMundos::before {
    content: "🗺️" !important;
    display: inline-block !important;
    margin-right: 12px !important;
    font-family: "Segoe UI Emoji", sans-serif !important;
    font-size: 0.8em !important;
    vertical-align: -0.03em !important;
}
#pantallaMenu .tituloMundos::after {
    content: "🗺️" !important;
    display: inline-block !important;
    margin-left: 12px !important;
    font-family: "Segoe UI Emoji", sans-serif !important;
    font-size: 0.8em !important;
    vertical-align: -0.03em !important;
}
#pantallaAvatarStudio .barraInfoAvatarStudioV39 {
    position: fixed !important;
    top: 8px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 4px 9px !important;

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

    border: 1px solid rgba(103, 82, 205, 0.15) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 2px 6px rgba(55, 40, 110, 0.08) !important;

    z-index: 9999 !important;
    pointer-events: none !important;
}

#pantallaAvatarStudio .barraInfoAvatarStudioV39 small {
    margin: 0 !important;
    padding: 0 !important;
    color: #746a91 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#pantallaMenu .tituloMundos {

    font-family:
        Verdana,
        Geneva,
        sans-serif
        !important;

    font-size:
        clamp(
            20px,
            1.65vw,
            25px
        )
        !important;

    font-style:
        normal !important;

    font-weight:
        700 !important;

    text-transform:
        uppercase !important;

    letter-spacing:
        0.5px !important;

    line-height:
        1.15 !important;

    white-space:
        nowrap !important;

    text-align:
        center !important;

}

#pantallaMenu .tituloMundos::before,
#pantallaMenu .tituloMundos::after {

    font-size:
        0.88em !important;

    vertical-align:
        -0.06em !important;

}

#pantallaMenu .tituloMundos::before {

    margin-right:
        10px !important;

}

#pantallaMenu .tituloMundos::after {

    margin-left:
        10px !important;

}

#pantallaMenu.pantallaMenu:not(.oculto)
.layoutMenuPrincipalV311
.tituloMundos {
    font-family:
        Verdana,
        Geneva,
        sans-serif
        !important;
    font-size:
        clamp(
            18px,
            1.55vw,
            23px
        )
        !important;

    font-weight:
        700 !important;

    font-style:
        normal !important;

    text-transform:
        uppercase !important;

    letter-spacing:
        0.35px !important;

    line-height:
        1.15 !important;
    width:
        auto !important;

    max-width:
        980px !important;

    min-width:
        0 !important;

    margin:
        0 auto 5px !important;

    padding:
        0 20px !important;

    box-sizing:
        border-box !important;

    justify-self:
        center !important;

    align-self:
        center !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    color:
        #493a97 !important;

}

#pantallaMenu.pantallaMenu:not(.oculto)
.layoutMenuPrincipalV311
.tituloMundos::before {

    content:
        "🗺️" !important;

    display:
        inline-block !important;

    margin-right:
        10px !important;

    font-family:
        "Segoe UI Emoji",
        sans-serif
        !important;

    font-size:
        0.82em !important;

    vertical-align:
        -0.05em !important;

}

#pantallaMenu.pantallaMenu:not(.oculto)
.layoutMenuPrincipalV311
.tituloMundos::after {

    content:
        "🗺️" !important;

    display:
        inline-block !important;

    margin-left:
        10px !important;

    font-family:
        "Segoe UI Emoji",
        sans-serif
        !important;

    font-size:
        0.82em !important;

    vertical-align:
        -0.05em !important;

}

@media
(
    min-width: 1001px
)
and
(
    max-height: 760px
) {

    #pantallaMenu.pantallaMenu:not(.oculto)
    .layoutMenuPrincipalV311
    .tituloMundos {

        font-size:
            20px !important;

        margin-bottom:
            4px !important;

    }

}

#pantallaAvatarStudio
#paletaColorRopaIntegradaV39 {

    display:
        none !important;

}

#pantallaAvatarStudio
#opcionesAvatarStudio.modoSubmenuColorAvatarV318 {

    

    padding:
        7px 8px 16px !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

}

#pantallaAvatarStudio
.cabeceraSubmenuColorAvatarV318 {

    width:
        100%;

    min-height:
        44px;

    margin:
        0 0 10px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

}

#pantallaAvatarStudio
.botonVolverSubmenuColorAvatarV318 {

    width:
        auto;

    min-width:
        82px;

    height:
        38px;

    padding:
        6px 13px;

    border:
        2px solid #7360d9;

    border-radius:
        12px;

    background:
        #ffffff;

    color:
        #51439c;

    font-family:
        Verdana,
        Geneva,
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    cursor:
        pointer;

}

#pantallaAvatarStudio
.botonVolverSubmenuColorAvatarV318:hover {

    background:
        #f1edff;

}

#pantallaAvatarStudio
.nombreObjetoSubmenuColorAvatarV318 {

    color:
        #55478e;

    font-family:
        Verdana,
        Geneva,
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

}

#pantallaAvatarStudio
.gridSubmenuColorAvatarV318 {

    display:
        grid;

    grid-template-columns:

        repeat(
            auto-fill,
            minmax(
                100px,
                118px
            )
        );

    justify-content:
        start;

    align-content:
        start;

    gap:
        10px;

}

#pantallaAvatarStudio
.opcionColorSubmenuAvatarV318 {

    position:
        relative;

    width:
        100%;

    height:
        112px;

    padding:
        8px 6px;

    border:
        2px solid #d7d1e9;

    border-radius:
        15px;

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

    color:
        #554b78;

    cursor:
        pointer;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    font-family:
        Verdana,
        Geneva,
        sans-serif;

}

#pantallaAvatarStudio
.opcionColorSubmenuAvatarV318:hover:not(:disabled) {

    transform:
        translateY(-2px);

    border-color:
        #7762dc;

}

#pantallaAvatarStudio
.opcionColorSubmenuActivaV318 {

    border-color:
        #684fd7;

    background:
        #f0edff;

    box-shadow:
        0 0 0 3px
        rgba(
            104,
            79,
            215,
            0.11
        );

}

#pantallaAvatarStudio
.visualColorSubmenuAvatarV318 {

    width:
        62px;

    height:
        62px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}

#pantallaAvatarStudio
.muestraVarianteColorAvatarV318 {

    width:
        48px;

    height:
        48px;

    border:
        3px solid white;

    border-radius:
        50%;

    box-shadow:
        0 0 0 2px
        rgba(
            72,
            59,
            108,
            0.17
        );

}

#pantallaAvatarStudio
.miniaturaVarianteColorAvatarV318 {

    width:
        62px !important;

    height:
        62px !important;

    max-width:
        62px !important;

    max-height:
        62px !important;

    object-fit:
        contain;

}

#pantallaAvatarStudio
.opcionColorSubmenuAvatarV318 strong {

    font-size:
        10px;

    line-height:
        1.05;

}

#pantallaAvatarStudio
.opcionColorSubmenuBloqueadaV318 {

    opacity:
        0.45;

    cursor:
        not-allowed;

}

/* =========================================================
   MINIATURAS MÁS GRANDES Y ARMÓNICAS EN EL EDITOR AVATAR
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio {

    min-height: 172px !important;
    padding: 10px 10px 14px !important;
    gap: 8px !important;
}

#pantallaAvatarStudio .muestraOpcionAvatar,
.pantallaAvatarStudio.panelJugadorActivoV3 .muestraOpcionAvatar {

    
    

    
    

    

    

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

    overflow: hidden !important;
}

#pantallaAvatarStudio .miniaturaRealAvatar,
.pantallaAvatarStudio.panelJugadorActivoV3 .miniaturaRealAvatar {

    
    

    
    

    
    display: block !important;
}

/* -----------------------------------------
   Cabezas base de piel / sin cabello
   ----------------------------------------- */

#pantallaAvatarStudio .miniaturaCabezaBaseAvatarStudioWrap,
.pantallaAvatarStudio.panelJugadorActivoV3 .miniaturaCabezaBaseAvatarStudioWrap {

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#pantallaAvatarStudio .muestraCabezaGrandeAvatarStudio .miniaturaRealAvatar,
#pantallaAvatarStudio .miniaturaCabezaBaseAvatarStudio,
.pantallaAvatarStudio.panelJugadorActivoV3 .muestraCabezaGrandeAvatarStudio .miniaturaRealAvatar,
.pantallaAvatarStudio.panelJugadorActivoV3 .miniaturaCabezaBaseAvatarStudio {

    width: 92px !important;
    height: 92px !important;

    max-width: 92px !important;
    max-height: 92px !important;

    object-fit: contain !important;

    transform: scale(1.12) translateY(2px) !important;
    transform-origin: center center !important;
}

/* -----------------------------------------
   Texto de las tarjetas un poco mejor
   ----------------------------------------- */

#pantallaAvatarStudio .opcionAvatarStudio > strong,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > strong {

    font-size: 17px !important;
    

    min-height: 34px !important;
    
}

#pantallaAvatarStudio .opcionAvatarStudio > small,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > small {

    font-size: 10px !important;
    line-height: 1.1 !important;
}

/* =========================================================
   TARJETAS COMPACTAS DEL EDITOR DE AVATAR
   Conserva miniaturas grandes
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio {

    /* Tarjeta más compacta */
    min-height: 155px !important;
    height: 155px !important;

    padding:
        6px 8px 8px
        !important;

    gap:
        3px !important;
}


/* =========================================================
   MINIATURA
   Conservamos el tamaño grande
   ========================================================= */

#pantallaAvatarStudio .muestraOpcionAvatar,
.pantallaAvatarStudio.panelJugadorActivoV3 .muestraOpcionAvatar {

    
    

    
    

    flex-basis: 88px !important;

    border-radius:
        18px !important;

    flex-shrink:
        0 !important;
}


/* Imagen dentro de la miniatura */

#pantallaAvatarStudio .miniaturaRealAvatar,
.pantallaAvatarStudio.panelJugadorActivoV3 .miniaturaRealAvatar {

    width: 84px !important;
    height: 84px !important;

    max-width: 84px !important;
    max-height: 84px !important;

    object-fit:
        contain !important;
}


/* =========================================================
   NOMBRE
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio > strong,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > strong {

    min-height:
        20px !important;

    max-height:
        22px !important;

    margin:
        1px 0 0 !important;

    font-size:
        14px !important;

    line-height:
        1.1 !important;
}


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

#pantallaAvatarStudio .opcionAvatarStudio > small,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > small {

    margin:
        0 !important;

    

    line-height:
        1 !important;
}

/* =========================================================
   CORRECCIÓN DE NOMBRES EN TARJETAS DEL AVATAR
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio > strong,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > strong {

    

    min-height:
        32px !important;

    max-height:
        none !important;

    margin:
        2px 0 1px !important;

    padding:
        0 4px !important;

    font-size:
        13px !important;

    line-height:
        1.15 !important;

    

    

    

    word-break:
        normal !important;

    overflow-wrap:
        normal !important;

    

    

    
}


/* Un poquito más de espacio total
   sin volver a las tarjetas gigantes */
#pantallaAvatarStudio .opcionAvatarStudio,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio {

    min-height:
        148px !important;

    height:
        148px !important;
}

/* =========================================================
   AJUSTE FINAL DE TEXTO EN TARJETAS DEL AVATAR
   Conserva iconos grandes y tarjetas compactas
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio {

    justify-content:
        flex-start !important;

    padding:
        6px 8px 7px !important;

    gap:
        2px !important;
}


/* MINIATURA: SE MANTIENE GRANDE */

#pantallaAvatarStudio .muestraOpcionAvatar,
.pantallaAvatarStudio.panelJugadorActivoV3 .muestraOpcionAvatar {

    width:
        88px !important;

    height:
        88px !important;

    min-width:
        88px !important;

    min-height:
        88px !important;

    flex:
        0 0 88px !important;
}


/* =========================================================
   NOMBRE
   Más grande y más cerca del icono
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio > strong,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > strong {

    width:
        100% !important;

    min-height:
        28px !important;

    max-height:
        32px !important;

    margin:
        -3px 0 0 !important;

    padding:
        0 3px !important;

    font-size:
        15px !important;

    line-height:
        1.05 !important;

    font-weight:
        800 !important;

    text-align:
        center !important;

    white-space:
        normal !important;

    overflow:
        visible !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}


/* =========================================================
   ESTADO / PRECIO
   También queda más cerca del nombre
   ========================================================= */

#pantallaAvatarStudio .opcionAvatarStudio > small,
.pantallaAvatarStudio.panelJugadorActivoV3 .opcionAvatarStudio > small {

    margin:
        -2px 0 0 !important;

    min-height:
        10px !important;

    line-height:
        10px !important;

    font-size:
        8px !important;
}

/* =========================================================
   TAMAÑO DE LAS CABEZAS MAESTRAS EN LAS MINIATURAS
   Solo afecta Piel y "Sin cabello"
   ========================================================= */

#pantallaAvatarStudio .miniaturaCabezaBaseAvatarStudio,
.pantallaAvatarStudio.panelJugadorActivoV3 .miniaturaCabezaBaseAvatarStudio {

    width: 50px !important;
    height: 50px !important;

    max-width: 50px !important;
    max-height: 50px !important;

    object-fit: contain !important;

    transform:
        translateY(1px)
        scale(1)
        !important;

    transform-origin:
        center center !important;
}

/* =========================================================
   CORRECCIÓN FINAL:
   TAMAÑO SOLO DE CABEZAS MAESTRAS
   Piel + "Sin cabello"
   ========================================================= */

#pantallaAvatarStudio
.muestraCabezaGrandeAvatarStudio
img.miniaturaCabezaBaseAvatarStudio,

.pantallaAvatarStudio.panelJugadorActivoV3
.muestraCabezaGrandeAvatarStudio
img.miniaturaCabezaBaseAvatarStudio {

    width: 74px !important;
    height: 74px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 74px !important;
    max-height: 74px !important;

    object-fit: contain !important;

    transform: none !important;

    margin: auto !important;
}


/* El contenedor sigue grande.
   Solo reducimos la imagen que está dentro. */

#pantallaAvatarStudio
.muestraCabezaGrandeAvatarStudio
.miniaturaCabezaBaseAvatarStudioWrap,

.pantallaAvatarStudio.panelJugadorActivoV3
.muestraCabezaGrandeAvatarStudio
.miniaturaCabezaBaseAvatarStudioWrap {

    width: 88px !important;
    height: 88px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
}
/* =========================================================
   PERFILES V3 - ELIMINACIÓN DESDE ESQUINA SUPERIOR DERECHA
   ========================================================= */

#pantallaPerfiles .botonEliminarPerfilV3 {
    position: fixed !important;
    top: 16px !important;
    right: 22px !important;
    z-index: 12000 !important;

    min-width: 170px !important;
    min-height: 44px !important;
    padding: 10px 16px !important;

    border: 2px solid #d95f69 !important;
    border-radius: 15px !important;
    background: rgba(255, 248, 248, 0.96) !important;
    color: #9e3541 !important;

    font: 800 12px/1.1 Georgia, "Times New Roman", serif !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 0 rgba(129, 52, 62, 0.12) !important;
    cursor: pointer !important;
}

#pantallaPerfiles .botonEliminarPerfilV3:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    background: #fff0f1 !important;
}

#pantallaPerfiles .botonEliminarPerfilV3[aria-pressed="true"] {
    background: #a93d49 !important;
    border-color: #8e303a !important;
    color: #ffffff !important;
}

#pantallaPerfiles .botonEliminarPerfilV3:disabled {
    opacity: 0.42 !important;
    cursor: default !important;
    transform: none !important;
}

#pantallaPerfiles.modoEliminarPerfilesV3 .perfilGuardadoV3 {
    position: relative !important;
    border-color: #e16b74 !important;
    background: #fff8f8 !important;
    cursor: pointer !important;
}

#pantallaPerfiles.modoEliminarPerfilesV3 .perfilGuardadoV3::after {
    content: "🗑️  ELIMINAR";
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #b84450;
    color: #ffffff;
    font: 800 9px/1 "Segoe UI", Arial, sans-serif;
    letter-spacing: 0.03em;
    box-shadow: 0 2px 0 rgba(80, 24, 30, 0.12);
}

#pantallaPerfiles.modoEliminarPerfilesV3 .perfilGuardadoV3:hover {
    border-color: #bb3f4b !important;
    transform: translateY(-3px) scale(1.01) !important;
}

#pantallaPerfiles.modoEliminarPerfilesV3 .perfilCrearV3 {
    opacity: 0.48 !important;
    pointer-events: none !important;
}

@media (max-width: 720px) {
    #pantallaPerfiles .botonEliminarPerfilV3 {
        top: 10px !important;
        right: 10px !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 8px 11px !important;
        font-size: 10px !important;
    }
}


/* =========================================================
   AJUSTES VISUALES REFINADOS - 2026-09-26 (V3)
   Mantiene el diseño original que funcionaba mejor.
   ========================================================= */

/* ---------------------------------------------------------
   1. EDITOR DE AVATAR
   Centrar categorías y opciones normales SIN alterar
   el submenú original de colores.
   --------------------------------------------------------- */

#pantallaAvatarStudio .categoriasAvatarStudio {
    justify-content: center !important;
}

#pantallaAvatarStudio
#opcionesAvatarStudio:not(.modoSubmenuColorAvatarV318) {
    display: grid !important;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(148px, 148px)
        ) !important;

    justify-content: center !important;
    justify-items: center !important;
    align-content: start !important;

    gap: 14px !important;
}

/*
   MUY IMPORTANTE:
   El submenú de colores conserva su estructura anterior.
*/
#pantallaAvatarStudio
#opcionesAvatarStudio.modoSubmenuColorAvatarV318 {
    display: block !important;
}

/* ---------------------------------------------------------
   2. PANTALLA "HOLA"
   Avatar claramente mayor que antes, pero sin invadir título.
   --------------------------------------------------------- */

#pantallaBienvenida {
    width: min(640px, calc(100% - 34px)) !important;
    max-width: 640px !important;

    margin:
        18px auto 0 !important;

    padding:
        26px 28px 28px !important;

    border:
        3px solid #c9bbff !important;

    border-radius:
        30px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.96),
            rgba(248,245,255,0.96)
        ) !important;

    box-shadow:
        0 10px 0 rgba(112, 90, 205, 0.09),
        0 18px 34px rgba(104, 82, 190, 0.12) !important;
}

#pantallaBienvenida .avatarGrande {
    width:
        238px !important;

    height:
        238px !important;

    min-width:
        238px !important;

    min-height:
        238px !important;

    margin:
        0 auto 15px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}

#pantallaBienvenida
.avatarGrande
.avatarCompuesto {

    width:
        226px !important;

    height:
        226px !important;

    max-width:
        226px !important;

    max-height:
        226px !important;

    margin:
        6px auto 0 !important;

    filter:
        drop-shadow(
            0 9px 12px
            rgba(80, 57, 160, 0.13)
        );
}

#pantallaBienvenida h2 {

    

    font-size:
        clamp(
            44px,
            4.7vw,
            58px
        ) !important;

    line-height:
        1.02 !important;
}

#pantallaBienvenida p {

    margin:
        0 0 24px !important;

    color:
        #59488f !important;

    font-size:
        clamp(
            19px,
            1.8vw,
            23px
        ) !important;
}


/* ---------------------------------------------------------
   3. BOTONES
   Recuperamos la estética de EDITAR AVATAR del perfil.
   --------------------------------------------------------- */

/* MISMA ACCIÓN: EDITAR AVATAR */
#panelAvatarV3,
#botonAvatarStudioMenu,
#botonEditarAvatarPerfilV3 {

    border:
        2px solid #7763de !important;

    border-radius:
        15px !important;

    background:
        #eee9ff !important;

    color:
        #493c87 !important;

    box-shadow:
        0 5px 10px
        rgba(
            83,
            64,
            160,
            0.14
        ) !important;

    text-shadow:
        none !important;
}

#panelAvatarV3
.textoAccionPanelV3 {

    color:
        #493c87 !important;

    font-weight:
        900 !important;
}

#panelAvatarV3
.iconoAccionPanelV3 {

    background:
        #ffffff !important;

    color:
        #493c87 !important;

    border-color:
        transparent !important;
}

/* MISMA ACCIÓN: TIENDA */
#panelTiendaV3,
#botonTiendaPerfilV3,
#botonTiendaAvatarStudio {

    border:
        2px solid #d6ad35 !important;

    background:
        #fff3bd !important;

    color:
        #654d09 !important;

    box-shadow:
        0 5px 10px
        rgba(
            194,
            148,
            28,
            0.16
        ) !important;

    
}

#panelTiendaV3
.textoAccionPanelV3 {

    color:
        #654d09 !important;

    font-weight:
        900 !important;
}

/* VER PERFIL: misma familia visual, pero azul */
#panelVerPerfilV3,
#pantallaMenu #botonPerfilJugador {

    border:
        2px solid #6b9ddd !important;

    background:
        #eaf4ff !important;

    color:
        #365f94 !important;

    box-shadow:
        0 5px 10px
        rgba(
            65,
            111,
            166,
            0.13
        ) !important;

    text-shadow:
        none !important;
}

#panelVerPerfilV3
.textoAccionPanelV3 {

    color:
        #365f94 !important;

    font-weight:
        900 !important;
}

#panelVerPerfilV3
.iconoAccionPanelV3 {

    background:
        #ffffff !important;

    color:
        #365f94 !important;

    border-color:
        transparent !important;
}

/* Acciones secundarias del panel */
#panelIntroV3,
#panelCambiarJugadorV3,
#panelMenuV3,
#panelExportarV3,
#panelImportarV3 {

    border-color:
        #c7bbf4 !important;

    background:
        linear-gradient(
            180deg,
            #f7f4ff,
            #eee9ff
        ) !important;

    color:
        #594b91 !important;

    box-shadow:
        0 4px 8px
        rgba(
            82,
            67,
            145,
            0.08
        ) !important;

    text-shadow:
        none !important;
}

/* Entrada principal conserva carácter fuerte */
#botonEntrar {

    border:
        2px solid #6550d6 !important;

    background:
        linear-gradient(
            180deg,
            #806bed,
            #6752dc
        ) !important;

    

    box-shadow:
        0 6px 0 #4f3caf,
        0 10px 18px
        rgba(
            83,
            63,
            174,
            0.16
        ) !important;
}


/* ---------------------------------------------------------
   4. CURSOS DEL MENÚ PRINCIPAL
   Conservamos los colores mejorados, pero reducimos tipografía.
   --------------------------------------------------------- */

#pantallaMenu
#tarjetaProgresoGeneral {

    border-width:
        3px !important;

    box-shadow:
        0 9px 18px
        rgba(
            110,
            93,
            188,
            0.11
        ) !important;
}

#pantallaMenu
.mundoProgresoGeneral {

    border-width:
        3px !important;

    border-style:
        solid !important;

    box-shadow:
        0 6px 12px
        rgba(
            95,
            78,
            165,
            0.08
        ) !important;
}

#pantallaMenu
.mundoProgresoGeneral strong {

    font-size:
        17px !important;

    line-height:
        1.05 !important;
}

#pantallaMenu
.mundoProgresoGeneral small {

    font-size:
        10px !important;

    
}

/* Colores suaves por curso */
#pantallaMenu .mundoProgresoGeneral:nth-child(1) {
    background: linear-gradient(180deg, #f4f1ff, #efebff) !important;
    border-color: #6d5ae5 !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(2) {
    background: linear-gradient(180deg, #f2f7ff, #ebf3ff) !important;
    border-color: #3b80df !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(3) {
    background: linear-gradient(180deg, #f0faf4, #e9f6ee) !important;
    border-color: #40b06b !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(4) {
    background: linear-gradient(180deg, #fff7ee, #fbf0e5) !important;
    border-color: #e19a42 !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(5) {
    background: linear-gradient(180deg, #fffbee, #f8f2db) !important;
    border-color: #d9a91e !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(6) {
    background: linear-gradient(180deg, #fff3f8, #fceaf2) !important;
    border-color: #db629d !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(7) {
    background: linear-gradient(180deg, #f1fafc, #e8f4f8) !important;
    border-color: #42a7b8 !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(8) {
    background: linear-gradient(180deg, #fff4f2, #fce9e6) !important;
    border-color: #dc746c !important;
}

#pantallaMenu .mundoProgresoGeneral:nth-child(9) {
    background: linear-gradient(180deg, #fffbed, #f8f2d9) !important;
    border-color: #d5af2e !important;
}

/* La Gran Prueba sí debe destacar */
#pantallaMenu
.granPruebaActivaV354,
#pantallaMenu
.granPruebaAccesibleV3,
#pantallaMenu
.granPruebaLimpiaV3 {

    background:
        linear-gradient(
            135deg,
            #fff7ce,
            #ffe78b
        ) !important;

    border-color:
        #ca9418 !important;

    box-shadow:
        0 8px 16px
        rgba(
            194,
            139,
            20,
            0.15
        ),
        inset 0 0 0 2px
        rgba(
            255,
            246,
            194,
            0.7
        ) !important;
}


/* ---------------------------------------------------------
   5. PERFILES
   Siempre cuadrados y centrados, haya 1, 2 o muchos.
   --------------------------------------------------------- */

#pantallaPerfiles
.contenedorPerfiles {

    width:
        min(
            1120px,
            94%
        ) !important;

    grid-template-columns:
        repeat(
            auto-fill,
            210px
        ) !important;

    

    align-items:
        start !important;

    gap:
        18px !important;
}

#pantallaPerfiles
.perfilV3 {

    width:
        210px !important;

    height:
        210px !important;

    min-width:
        210px !important;

    min-height:
        210px !important;

    aspect-ratio:
        1 / 1;

    padding:
        14px !important;
}

#pantallaPerfiles
.avatarPerfilV3 {

    width:
        94px !important;

    height:
        94px !important;
}

#pantallaPerfiles
.avatarPerfilV3
.avatarCompuesto {

    width:
        90px !important;

    height:
        90px !important;
}

/* Responsive: siguen siendo cuadrados, pero caben mejor */
@media (max-width: 560px) {

    #pantallaPerfiles
    .contenedorPerfiles {

        grid-template-columns:
            repeat(
                auto-fill,
                168px
            ) !important;

        gap:
            12px !important;
    }

    #pantallaPerfiles
    .perfilV3 {

        width:
            168px !important;

        height:
            168px !important;

        min-width:
            168px !important;

        min-height:
            168px !important;
    }

    #pantallaPerfiles
    .avatarPerfilV3 {

        width:
            74px !important;

        height:
            74px !important;
    }

    #pantallaPerfiles
    .avatarPerfilV3
    .avatarCompuesto {

        width:
            70px !important;

        height:
            70px !important;
    }
}

/* =========================================================
   AJUSTES VISUALES FINALES - 2026-09-26 (V4)
   Réplica del lenguaje visual de los botones de referencia.
   ========================================================= */

/* 1) Bienvenida a pantalla completa sin barra vertical */
body:has(#pantallaBienvenida:not(.oculto)) {
    overflow: hidden !important;
}

#pantallaBienvenida:not(.oculto) {
    width: min(1180px, calc(100vw - 40px)) !important;
    max-width: 1180px !important;
    min-height: calc(100dvh - 36px) !important;
    margin: 18px auto !important;
    padding: 22px 30px 26px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

#pantallaBienvenida .avatarGrande {
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    margin: 0 auto 18px !important;
}

#pantallaBienvenida .avatarGrande .avatarCompuesto {
    width: 236px !important;
    height: 236px !important;
    max-width: 236px !important;
    max-height: 236px !important;
    margin: 4px auto 0 !important;
}

#pantallaBienvenida h2 {
    margin: 0 0 8px !important;
    font-size: clamp(46px, 4.8vw, 62px) !important;
    line-height: 0.98 !important;
}

#pantallaBienvenida p {
    margin: 0 0 28px !important;
    font-size: clamp(18px, 1.7vw, 24px) !important;
}

/* 2) Lenguaje visual base de botones lilas */
#panelVerPerfilV3,
#panelAvatarV3,
#panelIntroV3,
#panelCambiarJugadorV3,
#panelMenuV3,
#panelExportarV3,
#panelImportarV3,
#botonEditarAvatarPerfilV3,
#botonIrEstudioAvatar,
#botonGuardarAvatar,
#botonRestablecerAvatar,
#panelGuardarAvatarV3,
#panelRestablecerAvatarV3,
#botonCambiarPerfil,
#botonEntrar,
#botonVolverTiendaAvatar,
#botonVolverSubmenuColorAvatarV318,
#botonCerrarAvatarStudio {
    border: 2px solid #7763de !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fcfbff 0%, #eee9ff 100%) !important;
    color: #4a3e89 !important;
    text-shadow: none !important;
    box-shadow: 0 4px 0 #c3b8f3, 0 10px 18px rgba(95, 77, 173, 0.10) !important;
}

#panelVerPerfilV3:hover,
#panelAvatarV3:hover,
#panelIntroV3:hover,
#panelCambiarJugadorV3:hover,
#panelMenuV3:hover,
#panelExportarV3:hover,
#panelImportarV3:hover,
#botonEditarAvatarPerfilV3:hover,
#botonIrEstudioAvatar:hover,
#botonGuardarAvatar:hover,
#botonRestablecerAvatar:hover,
#panelGuardarAvatarV3:hover,
#panelRestablecerAvatarV3:hover,
#botonCambiarPerfil:hover,
#botonEntrar:hover,
#botonVolverTiendaAvatar:hover,
#botonVolverSubmenuColorAvatarV318:hover,
#botonCerrarAvatarStudio:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 0 #b9adf2, 0 12px 18px rgba(95, 77, 173, 0.14) !important;
}

#panelVerPerfilV3 .textoAccionPanelV3,
#panelAvatarV3 .textoAccionPanelV3,
#panelIntroV3 .textoAccionPanelV3,
#panelCambiarJugadorV3 .textoAccionPanelV3,
#panelMenuV3 .textoAccionPanelV3,
#panelExportarV3 span:last-child,
#panelImportarV3 span:last-child,
#botonEditarAvatarPerfilV3,
#botonIrEstudioAvatar,
#botonGuardarAvatar,
#botonRestablecerAvatar,
#panelGuardarAvatarV3,
#panelRestablecerAvatarV3,
#botonCambiarPerfil,
#botonEntrar,
#botonVolverTiendaAvatar,
#botonVolverSubmenuColorAvatarV318,
#botonCerrarAvatarStudio {
    color: #4a3e89 !important;
    font-weight: 900 !important;
}

#panelVerPerfilV3 .iconoAccionPanelV3,
#panelAvatarV3 .iconoAccionPanelV3,
#panelIntroV3 .iconoAccionPanelV3,
#panelCambiarJugadorV3 .iconoAccionPanelV3,
#panelMenuV3 .iconoAccionPanelV3,
#panelExportarV3 .iconoSistemaPanelV3,
#panelImportarV3 .iconoSistemaPanelV3 {
    background: #ffffff !important;
    color: #4a3e89 !important;
    border: 1px solid #e0d7ff !important;
}

/* 3) Misma lógica amarilla para TIENDA */
#panelTiendaV3,
#botonTiendaPerfilV3,
#botonTiendaAvatarStudio {
    border: 2px solid #d5ae34 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fff4bb 0%, #f7de72 100%) !important;
    color: #6a4d05 !important;
    text-shadow: none !important;
    box-shadow: 0 4px 0 #d9c36b, 0 10px 18px rgba(177, 137, 17, 0.14) !important;
}

#panelTiendaV3:hover,
#botonTiendaPerfilV3:hover,
#botonTiendaAvatarStudio:hover {
    transform: translateY(-2px) !important;
}

#panelTiendaV3 .textoAccionPanelV3,
#botonTiendaPerfilV3,
#botonTiendaAvatarStudio {
    color: #6a4d05 !important;
    font-weight: 900 !important;
}

#panelTiendaV3 .iconoAccionPanelV3 {
    background: #fffdf4 !important;
    border: 1px solid #f0de97 !important;
}

/* 4) Entrar a la aventura: mantiene protagonismo, pero con misma familia */
#botonEntrar {
    min-width: 320px !important;
    padding: 18px 26px !important;
    font-size: 15px !important;
    background: linear-gradient(180deg, #836ef0 0%, #6a56dd 100%) !important;
    color: #ffffff !important;
    border-color: #6956dc !important;
    box-shadow: 0 6px 0 #5140b1, 0 12px 22px rgba(83, 63, 174, 0.17) !important;
}

#botonCambiarPerfil {
    min-width: 230px !important;
    padding: 14px 22px !important;
}

/* 5) Avatar Studio: cabecera con botones armónicos */
#botonGuardarAvatar,
#botonRestablecerAvatar,
#botonTiendaAvatarStudio {
    min-height: 56px !important;
    padding: 12px 24px !important;
}

#panelGuardarAvatarV3,
#panelRestablecerAvatarV3,
#panelTiendaV3 {
    min-height: 56px !important;
}

/* 6) Tienda: botón superior de editar avatar */
#botonIrEstudioAvatar {
    min-width: 220px !important;
    min-height: 58px !important;
}

/* 7) Cursos: tipografía un poco menor para no saturar */
#pantallaMenu .mundoProgresoGeneral {
    gap: 10px !important;
}

#pantallaMenu .mundoProgresoGeneral strong {
    font-size: clamp(14px, 1.25vw, 15px) !important;
    line-height: 1.06 !important;
    letter-spacing: 0.01em !important;
}

#pantallaMenu .mundoProgresoGeneral small {
    font-size: 9px !important;
    line-height: 1.05 !important;
}

/* 8) Perfiles: centrar siempre todas las tarjetas */
#pantallaPerfiles .contenedorPerfiles {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: min(1120px, calc(100vw - 60px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 22px !important;
}

#pantallaPerfiles .perfilV3,
#pantallaPerfiles .perfilCrearV3,
#pantallaPerfiles .perfilGuardadoV3 {
    width: 210px !important;
    min-width: 210px !important;
    height: 210px !important;
    min-height: 210px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

#pantallaPerfiles .perfilCrearV3 {
    border-style: dashed !important;
    border-width: 3px !important;
}

@media (max-width: 560px) {
    #pantallaPerfiles .contenedorPerfiles {
        width: min(96vw, 360px) !important;
        gap: 14px !important;
    }

    #pantallaPerfiles .perfilV3,
    #pantallaPerfiles .perfilCrearV3,
    #pantallaPerfiles .perfilGuardadoV3 {
        width: 168px !important;
        min-width: 168px !important;
        height: 168px !important;
        min-height: 168px !important;
    }
}


/* =========================================================
   AJUSTES VISUALES V5 - 2026-09-26
   Correcciones finas solicitadas:
   - tamaño de cursos restaurado
   - botones del panel principal legibles y coherentes
   - botones del editor con lenguaje visual unificado
   - categorías/opciones del editor centradas
   - sin movimiento al pasar el mouse en botones de tienda
   ========================================================= */

/* ---------------------------------------------------------
   1. CURSOS: volver exactamente al tamaño que funcionaba bien
   --------------------------------------------------------- */

#pantallaMenu
#tarjetaProgresoGeneral
.mundoProgresoGeneral
strong,
#pantallaMenu
.mundoProgresoGeneral
strong {

    font-size:
        17px !important;

    line-height:
        1.05 !important;

    letter-spacing:
        0 !important;
}

#pantallaMenu
#tarjetaProgresoGeneral
.mundoProgresoGeneral
small,
#pantallaMenu
.mundoProgresoGeneral
small {

    font-size:
        10px !important;

    line-height:
        1.05 !important;
}


/* ---------------------------------------------------------
   2. TIENDA: botones no se desplazan al hacer hover
   --------------------------------------------------------- */

#pantallaTiendaAvatar
#botonVolverTiendaAvatar:hover,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:hover {

    transform:
        none !important;

    filter:
        brightness(1.025) !important;
}

#pantallaTiendaAvatar
#botonVolverTiendaAvatar,
#pantallaTiendaAvatar
#botonIrEstudioAvatar {

    transition:
        background-color 0.15s ease,
        filter 0.15s ease,
        box-shadow 0.15s ease !important;
}


/* ---------------------------------------------------------
   3. EDITOR DE AVATAR:
   centrar categorías y las tarjetas de personalización
   --------------------------------------------------------- */

#pantallaAvatarStudio
.panelOpcionesAvatar
#categoriasAvatarStudio {

    display:
        grid !important;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                96px,
                106px
            )
        ) !important;

    justify-content:
        center !important;

    justify-items:
        stretch !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    min-height:
        76px !important;

    height:
        auto !important;

    margin:
        0 auto !important;

    padding:
        0 10px !important;

    gap:
        9px !important;

    box-sizing:
        border-box !important;
}

#pantallaAvatarStudio
.panelOpcionesAvatar
#categoriasAvatarStudio
.categoriaAvatarStudio {

    width:
        106px !important;

    max-width:
        106px !important;

    justify-self:
        center !important;
}


#pantallaAvatarStudio
.panelOpcionesAvatar
#opcionesAvatarStudio:not(
    .modoSubmenuColorAvatarV318
) {

    display:
        grid !important;

    grid-template-columns:
        repeat(
            auto-fit,
            148px
        ) !important;

    justify-content:
        center !important;

    justify-items:
        center !important;

    align-content:
        start !important;

    width:
        100% !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    padding-left:
        12px !important;

    padding-right:
        12px !important;

    box-sizing:
        border-box !important;
}


/* ---------------------------------------------------------
   4. EDITOR DE AVATAR:
   aplicar de verdad el patrón visual de referencia
   --------------------------------------------------------- */

/* GUARDAR */
#pantallaAvatarStudio
#botonGuardarAvatar {

    border:
        2px solid #7763de !important;

    background:
        linear-gradient(
            180deg,
            #fbfaff 0%,
            #ece7ff 100%
        ) !important;

    color:
        #493c87 !important;

    box-shadow:
        0 4px 0 #c0b5f2,
        0 10px 18px
        rgba(
            87,
            69,
            164,
            0.11
        ) !important;
}

#pantallaAvatarStudio
#botonGuardarAvatar
strong {

    color:
        #493c87 !important;

    font-weight:
        900 !important;
}

#pantallaAvatarStudio
#botonGuardarAvatar
> span {

    width:
        34px !important;

    height:
        34px !important;

    border-radius:
        10px !important;

    background:
        #ffffff !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}


/* RESTABLECER */
#pantallaAvatarStudio
#botonRestablecerAvatar {

    border:
        2px solid #c7bbf5 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f1edff 100%
        ) !important;

    color:
        #594b91 !important;

    box-shadow:
        0 4px 0 #d7cff8,
        0 8px 15px
        rgba(
            87,
            69,
            164,
            0.08
        ) !important;
}

#pantallaAvatarStudio
#botonRestablecerAvatar
strong {

    color:
        #594b91 !important;

    font-weight:
        900 !important;
}

#pantallaAvatarStudio
#botonRestablecerAvatar
> span {

    width:
        31px !important;

    height:
        31px !important;

    border-radius:
        9px !important;

    background:
        #ffffff !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}


/* TIENDA dentro del editor */
#pantallaAvatarStudio
#botonTiendaAvatarStudio {

    border:
        2px solid #d5ae34 !important;

    background:
        linear-gradient(
            180deg,
            #fff3b5 0%,
            #f6d866 100%
        ) !important;

    color:
        #654b05 !important;

    box-shadow:
        0 4px 0 #d7bc58,
        0 10px 18px
        rgba(
            174,
            128,
            10,
            0.13
        ) !important;
}

#pantallaAvatarStudio
#botonTiendaAvatarStudio
strong {

    color:
        #654b05 !important;

    font-weight:
        900 !important;
}


/* MENÚ / VOLVER del editor */
#pantallaAvatarStudio
#botonCerrarAvatarStudio {

    border:
        2px solid #7763de !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #eee9ff 100%
        ) !important;

    color:
        #493c87 !important;

    box-shadow:
        0 4px 0 #c3b8f3 !important;
}


/* Hover del editor: brillo, sin saltos innecesarios */
#pantallaAvatarStudio
#botonGuardarAvatar:hover,
#pantallaAvatarStudio
#botonRestablecerAvatar:hover,
#pantallaAvatarStudio
#botonCerrarAvatarStudio:hover {

    transform:
        none !important;

    filter:
        brightness(1.025) !important;
}

#pantallaAvatarStudio
#botonTiendaAvatarStudio:hover {

    transform:
        translateY(-50%) !important;

    filter:
        brightness(1.025) !important;
}


/* ---------------------------------------------------------
   5. PANEL LATERAL DEL MENÚ PRINCIPAL
   mismo lenguaje visual, máxima legibilidad
   --------------------------------------------------------- */

/* VER PERFIL + EDITAR AVATAR */
.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3 {

    border:
        2px solid #7763de !important;

    background:
        linear-gradient(
            180deg,
            #fbfaff 0%,
            #eee9ff 100%
        ) !important;

    color:
        #493c87 !important;

    box-shadow:
        0 4px 0 #c3b8f3,
        0 8px 14px
        rgba(
            84,
            66,
            153,
            0.09
        ) !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3
.textoAccionPanelV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3
.textoAccionPanelV3 {

    color:
        #493c87 !important;

    font-size:
        10.5px !important;

    font-weight:
        900 !important;

    opacity:
        1 !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3
.iconoAccionPanelV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3
.iconoAccionPanelV3 {

    background:
        #ffffff !important;

    color:
        #493c87 !important;

    border:
        1px solid #ddd5ff !important;
}


/* TIENDA */
.panelJugadorV3[data-contexto="menu"]
#panelTiendaV3 {

    border:
        2px solid #d5ae34 !important;

    background:
        linear-gradient(
            180deg,
            #fff3b5 0%,
            #f6d866 100%
        ) !important;

    color:
        #654b05 !important;

    box-shadow:
        0 4px 0 #d7bc58,
        0 8px 14px
        rgba(
            174,
            128,
            10,
            0.11
        ) !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelTiendaV3
.textoAccionPanelV3 {

    color:
        #654b05 !important;

    font-size:
        11px !important;

    font-weight:
        900 !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelTiendaV3
.iconoAccionPanelV3 {

    background:
        #fffdf3 !important;

    border:
        1px solid #ecd987 !important;
}


/* INTRODUCCIÓN + CAMBIAR PERSONAJE */
.panelJugadorV3[data-contexto="menu"]
#panelIntroV3,
.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3 {

    border:
        2px solid #c9bef5 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f0ecff 100%
        ) !important;

    color:
        #594b91 !important;

    box-shadow:
        0 4px 0 #d8d0f8,
        0 7px 12px
        rgba(
            82,
            66,
            145,
            0.07
        ) !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelIntroV3
.textoAccionPanelV3,
.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3
.textoAccionPanelV3 {

    color:
        #594b91 !important;

    font-size:
        9.5px !important;

    font-weight:
        900 !important;

    opacity:
        1 !important;
}


/* EXPORTAR + IMPORTAR */
.panelJugadorV3[data-contexto="menu"]
#panelExportarV3,
.panelJugadorV3[data-contexto="menu"]
#panelImportarV3 {

    border:
        2px solid #c9bef5 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f0ecff 100%
        ) !important;

    color:
        #594b91 !important;

    box-shadow:
        0 3px 0 #d8d0f8 !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelExportarV3
span:last-child,
.panelJugadorV3[data-contexto="menu"]
#panelImportarV3
span:last-child {

    color:
        #594b91 !important;

    font-size:
        9px !important;

    font-weight:
        900 !important;

    opacity:
        1 !important;
}


/* Hover del panel principal: no pierde legibilidad */
.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3:hover,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3:hover,
.panelJugadorV3[data-contexto="menu"]
#panelTiendaV3:hover,
.panelJugadorV3[data-contexto="menu"]
#panelIntroV3:hover,
.panelJugadorV3[data-contexto="menu"]
#panelCambiarJugadorV3:hover,
.panelJugadorV3[data-contexto="menu"]
#panelExportarV3:hover,
.panelJugadorV3[data-contexto="menu"]
#panelImportarV3:hover {

    filter:
        brightness(1.025) !important;
}


/* ---------------------------------------------------------
   6. RESPONSIVE DEL EDITOR
   --------------------------------------------------------- */

@media (max-width: 1050px) {

    #pantallaAvatarStudio
    .panelOpcionesAvatar
    #categoriasAvatarStudio {

        grid-template-columns:
            repeat(
                auto-fit,
                minmax(
                    88px,
                    98px
                )
            ) !important;
    }

    #pantallaAvatarStudio
    .panelOpcionesAvatar
    #categoriasAvatarStudio
    .categoriaAvatarStudio {

        width:
            98px !important;

        max-width:
            98px !important;
    }
}


/* =========================================================
   AJUSTES VISUALES V6 - 2026-09-26
   - Tono lila ligeramente más marcado
   - Hover estable en botones de la tienda
   ========================================================= */

/* ---------------------------------------------------------
   1. VER PERFIL / EDITAR AVATAR
   Un poco más de presencia sin perder el estilo claro.
   --------------------------------------------------------- */

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3 {

    border-color:
        #6c55e3 !important;

    background:
        linear-gradient(
            180deg,
            #f1edff 0%,
            #dfd7ff 100%
        ) !important;

    color:
        #41347d !important;

    box-shadow:
        0 4px 0 #b4a7ef,
        0 9px 16px
        rgba(
            84,
            64,
            165,
            0.13
        ) !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3
.textoAccionPanelV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3
.textoAccionPanelV3 {

    color:
        #41347d !important;
}


/* ---------------------------------------------------------
   2. GUARDAR CAMBIOS
   Mismo estilo, ligeramente más intenso.
   --------------------------------------------------------- */

#pantallaAvatarStudio
#botonGuardarAvatar {

    border-color:
        #6c55e3 !important;

    background:
        linear-gradient(
            180deg,
            #f1edff 0%,
            #ddd4ff 100%
        ) !important;

    color:
        #41347d !important;

    box-shadow:
        0 4px 0 #b1a3ed,
        0 9px 17px
        rgba(
            84,
            64,
            165,
            0.14
        ) !important;
}

#pantallaAvatarStudio
#botonGuardarAvatar
strong {

    color:
        #41347d !important;
}


/* ---------------------------------------------------------
   3. TIENDA
   Evitar definitivamente el "baile" al pasar el mouse.
   Estos botones están centrados verticalmente con translateY.
   El hover debe conservar exactamente ese transform.
   --------------------------------------------------------- */

.pantallaTiendaAvatar
#botonVolverTiendaAvatar,
.pantallaTiendaAvatar
#botonVolverTiendaAvatar:hover,
.pantallaTiendaAvatar
#botonVolverTiendaAvatar:focus-visible,
.pantallaTiendaAvatar
#botonVolverTiendaAvatar:active {

    transform:
        translateY(-50%) !important;
}

.pantallaTiendaAvatar
#botonIrEstudioAvatar,
.pantallaTiendaAvatar
#botonIrEstudioAvatar:hover,
.pantallaTiendaAvatar
#botonIrEstudioAvatar:focus-visible,
.pantallaTiendaAvatar
#botonIrEstudioAvatar:active {

    transform:
        translateY(-50%) !important;
}


/*
   En pantallas pequeñas dejan de ser absolutos.
   Allí sí deben quedarse sin transform.
*/
@media (max-width: 900px) {

    .pantallaTiendaAvatar
    #botonVolverTiendaAvatar,
    .pantallaTiendaAvatar
    #botonVolverTiendaAvatar:hover,
    .pantallaTiendaAvatar
    #botonVolverTiendaAvatar:focus-visible,
    .pantallaTiendaAvatar
    #botonVolverTiendaAvatar:active,

    .pantallaTiendaAvatar
    #botonIrEstudioAvatar,
    .pantallaTiendaAvatar
    #botonIrEstudioAvatar:hover,
    .pantallaTiendaAvatar
    #botonIrEstudioAvatar:focus-visible,
    .pantallaTiendaAvatar
    #botonIrEstudioAvatar:active {

        transform:
            none !important;
    }
}


/* Hover con brillo solamente: nada de desplazamiento */
.pantallaTiendaAvatar
#botonVolverTiendaAvatar:hover,
.pantallaTiendaAvatar
#botonIrEstudioAvatar:hover {

    filter:
        brightness(1.035) !important;
}


/* =========================================================
   AJUSTES VISUALES V7 - 2026-09-26
   - Lila un poco más intenso en acciones principales
   - Tienda: botones totalmente inmóviles en hover/focus/click
   ========================================================= */

/* ---------------------------------------------------------
   1. VER PERFIL / EDITAR AVATAR
   Más presencia visual, conservando el estilo claro.
   --------------------------------------------------------- */

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3 {

    border-color:
        #6248df !important;

    background:
        linear-gradient(
            180deg,
            #ece7ff 0%,
            #d8ceff 100%
        ) !important;

    color:
        #3d3179 !important;

    box-shadow:
        0 4px 0 #aa9be9,
        0 9px 16px
        rgba(
            78,
            58,
            160,
            0.15
        ) !important;
}

.panelJugadorV3[data-contexto="menu"]
#panelVerPerfilV3
.textoAccionPanelV3,
.panelJugadorV3[data-contexto="menu"]
#panelAvatarV3
.textoAccionPanelV3 {

    color:
        #3d3179 !important;
}


/* ---------------------------------------------------------
   2. GUARDAR CAMBIOS
   --------------------------------------------------------- */

#pantallaAvatarStudio
#botonGuardarAvatar {

    border-color:
        #6248df !important;

    background:
        linear-gradient(
            180deg,
            #ece7ff 0%,
            #d6cbff 100%
        ) !important;

    color:
        #3d3179 !important;

    box-shadow:
        0 4px 0 #a99ae8,
        0 9px 17px
        rgba(
            78,
            58,
            160,
            0.15
        ) !important;
}

#pantallaAvatarStudio
#botonGuardarAvatar
strong {

    color:
        #3d3179 !important;
}


/* ---------------------------------------------------------
   3. TIENDA
   Congelar por completo geometría y sombra.
   El hover solo puede cambiar el color de fondo levemente.
   --------------------------------------------------------- */

/* VOLVER */
#pantallaTiendaAvatar
#botonVolverTiendaAvatar,
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:hover,
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:focus,
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:focus-visible,
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:active {

    position:
        absolute !important;

    left:
        0 !important;

    top:
        50% !important;

    transform:
        translate3d(
            0,
            -50%,
            0
        ) !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 4px 0 #c3b8f3,
        0 10px 18px
        rgba(
            95,
            77,
            173,
            0.10
        ) !important;

    animation:
        none !important;

    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease !important;
}


/* EDITAR AVATAR */
#pantallaTiendaAvatar
#botonIrEstudioAvatar,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:hover,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:focus,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:focus-visible,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:active {

    position:
        absolute !important;

    right:
        28px !important;

    top:
        50% !important;

    transform:
        translate3d(
            0,
            -50%,
            0
        ) !important;

    margin:
        0 !important;

    box-sizing:
        border-box !important;

    box-shadow:
        0 4px 0 #c3b8f3,
        0 10px 18px
        rgba(
            95,
            77,
            173,
            0.10
        ) !important;

    animation:
        none !important;

    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease !important;
}


/* Ningún estado puede escalar ni trasladar hijos */
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:hover
*,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:hover
*,
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:active
*,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:active
* {

    transform:
        none !important;

    animation:
        none !important;
}


/* Hover visual sin mover ni la sombra */
#pantallaTiendaAvatar
#botonVolverTiendaAvatar:hover,
#pantallaTiendaAvatar
#botonIrEstudioAvatar:hover {

    filter:
        none !important;

    background:
        linear-gradient(
            180deg,
            #f8f5ff 0%,
            #e9e2ff 100%
        ) !important;
}


/* Responsive: vuelven a flujo normal */
@media (max-width: 900px) {

    #pantallaTiendaAvatar
    #botonVolverTiendaAvatar,
    #pantallaTiendaAvatar
    #botonVolverTiendaAvatar:hover,
    #pantallaTiendaAvatar
    #botonVolverTiendaAvatar:focus,
    #pantallaTiendaAvatar
    #botonVolverTiendaAvatar:focus-visible,
    #pantallaTiendaAvatar
    #botonVolverTiendaAvatar:active {

        top:
            10px !important;

        transform:
            none !important;
    }

    #pantallaTiendaAvatar
    #botonIrEstudioAvatar,
    #pantallaTiendaAvatar
    #botonIrEstudioAvatar:hover,
    #pantallaTiendaAvatar
    #botonIrEstudioAvatar:focus,
    #pantallaTiendaAvatar
    #botonIrEstudioAvatar:focus-visible,
    #pantallaTiendaAvatar
    #botonIrEstudioAvatar:active {

        position:
            static !important;

        right:
            auto !important;

        top:
            auto !important;

        transform:
            none !important;
    }
}


/* =========================================================
   CREAR PERFIL V4 — nombre + dificultad fija del perfil
   ========================================================= */
.fondoNuevoPerfilV3 {
    position: fixed;
    inset: 0;
    z-index: 30000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(39, 44, 80, .46);
    backdrop-filter: blur(7px);
}

.fondoNuevoPerfilV3.ocultoNuevoPerfilV3 {
    display: none !important;
}

.panelNuevoPerfilV3 {
    position: relative;
    width: min(760px, 94vw);
    padding: 26px 28px 27px;
    border: 3px solid rgba(255,255,255,.94);
    border-radius: 26px;
    background: linear-gradient(135deg, #fffdf9 0%, #fffaf0 50%, #f3efff 100%);
    box-shadow: 0 20px 55px rgba(48, 39, 103, .25);
}

.cerrarNuevoPerfilV3 {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.cerrarNuevoPerfilV3 img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.cabeceraNuevoPerfilV3 {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-right: 48px;
    margin-bottom: 20px;
}

.iconoNuevoPerfilV3 {
    font-size: 34px;
}

.cabeceraNuevoPerfilV3 h2 {
    margin: 0;
    color: #5d46aa;
    font-family: "Comfortaa", sans-serif;
    font-size: 28px;
    line-height: 1.05;
}

.cabeceraNuevoPerfilV3 p {
    margin: 5px 0 0;
    color: #756b91;
    font-size: 12px;
}

.etiquetaNombreNuevoPerfilV3 {
    display: block;
    margin-bottom: 7px;
    color: #58468c;
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.nombreNuevoPerfilV3 {
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    padding: 0 16px;
    border: 2px solid #d8cff8;
    border-radius: 13px;
    background: #fff;
    color: #423866;
    outline: none;
    font-family: "Comfortaa", sans-serif;
    font-size: 16px;
    font-weight: 700;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.nombreNuevoPerfilV3:focus {
    border-color: #7b61df;
    box-shadow: 0 0 0 4px rgba(123, 97, 223, .12);
}

.nombreNuevoPerfilV3.errorNombreNuevoPerfilV3 {
    border-color: #e26474;
    animation: sacudirNombrePerfilV3 .24s linear 2;
}

@keyframes sacudirNombrePerfilV3 {
    0%,100% { transform: translateX(0); }
    50% { transform: translateX(5px); }
}

.cabeceraDificultadNuevoPerfilV3 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 21px 2px 10px;
}

.cabeceraDificultadNuevoPerfilV3 strong {
    color: #58468c;
    font-family: "Comfortaa", sans-serif;
    font-size: 13px;
}

.cabeceraDificultadNuevoPerfilV3 span {
    color: #8a809f;
    font-size: 10.5px;
}

.opcionesDificultadNuevoPerfilV3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.opcionDificultadNuevoPerfilV3 {
    min-height: 142px;
    padding: 14px 11px;
    border: 2px solid #ded7f5;
    border-radius: 14px;
    background: rgba(255,255,255,.86);
    color: #554879;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 5px 12px rgba(77, 61, 130, .06);
    transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.opcionDificultadNuevoPerfilV3:hover {
    transform: translateY(-2px);
    border-color: #ad9af0;
}

.opcionDificultadNuevoPerfilV3.seleccionada {
    border-color: #7b61df;
    background: #eee9ff;
    box-shadow: 0 7px 16px rgba(91, 69, 173, .14), inset 0 0 0 1px rgba(123,97,223,.13);
}

.iconoDificultadNuevoPerfilV3 {
    margin-bottom: 7px;
    font-size: 29px;
}

.opcionDificultadNuevoPerfilV3 strong {
    margin-bottom: 5px;
    font-family: "Comfortaa", sans-serif;
    font-size: 12px;
    color: #514176;
}

.opcionDificultadNuevoPerfilV3 small {
    font-size: 10.5px;
    line-height: 1.22;
    color: #7c7295;
}

.confirmarNuevoPerfilV3 {
    display: block;
    min-width: 240px;
    min-height: 50px;
    margin: 22px auto 0;
    padding: 0 22px;
    border: 2px solid #fff;
    border-radius: 16px;
    background: linear-gradient(180deg, #8269e7, #6549c3);
    color: #fff;
    font-family: "Comfortaa", sans-serif;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .03em;
    box-shadow: 0 7px 0 #4d3898, 0 11px 20px rgba(76, 52, 147, .22);
    cursor: pointer;
}

.confirmarNuevoPerfilV3:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.confirmarNuevoPerfilV3:active {
    transform: translateY(4px);
    box-shadow: 0 3px 0 #4d3898, 0 6px 12px rgba(76, 52, 147, .18);
}

@media (max-width: 700px) {
    .panelNuevoPerfilV3 {
        width: min(94vw, 500px);
        max-height: 94vh;
        overflow-y: auto;
        padding: 21px 17px 22px;
    }
    .opcionesDificultadNuevoPerfilV3 {
        grid-template-columns: 1fr;
    }
    .opcionDificultadNuevoPerfilV3 {
        min-height: 92px;
    }
    .cabeceraDificultadNuevoPerfilV3 {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

/* ============================================================
   RENDIMIENTO V3.12 — overlays más ligeros
   ============================================================ */
.introduccionV3 {
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

.fondoNuevoPerfilV3 {
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* ============================================================
   INTRODUCCIÓN V6 · 7 pantallas · 2026-10
   Composición con los PNG entregados por el profesor.
   ============================================================ */

.introduccionV3.introAventuraV6 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 5000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: rgba(34, 30, 31, .52) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.introduccionV3.introAventuraV6.oculto {
    display: none !important;
}

.introV6Stage {
    position: relative;
    width: min(1180px, 96vw, 163.4vh);
    aspect-ratio: 1672 / 941;
    isolation: isolate;
    overflow: visible;
    contain: layout style;
    filter: none;
}

.introV6Clip {
    position: absolute;
    z-index: 1;
    inset: 5.6% 4.5% 6.2% 4.5%;
    overflow: hidden;
    border-radius: 22px;
    background: #dcecc3;
    transform: translateZ(0);
    box-shadow: 0 14px 26px rgba(35, 22, 16, .22);
}

.introV6Fondo {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    user-select: none;
    pointer-events: none;
    transform: translateZ(0);
}

.introV6Pergamino {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .90;
    user-select: none;
    pointer-events: none;
}

.introV6Pose {
    position: absolute;
    z-index: 5;
    left: 6.8%;
    bottom: -0.5%;
    width: 42.5%;
    height: 76.5%;
    object-fit: contain;
    object-position: left bottom;
    transform-origin: 48% 100%;
    pointer-events: none;
    user-select: none;
    filter: none;
    animation: introV6Respirar 5.2s ease-in-out infinite;
    will-change: transform;
}

.introV6Stage[data-escena="explora"] .introV6Pose,
.introV6Stage[data-escena="aventura"] .introV6Pose,
.introV6Stage[data-escena="recompensa"] .introV6Pose,
.introV6Stage[data-escena="estilo"] .introV6Pose {
    width: 43.5%;
    left: 6.0%;
}

.introV6Stage[data-escena="nombre"] .introV6Pose,
.introV6Stage[data-escena="iniciemos"] .introV6Pose {
    width: 42.5%;
    left: 6.8%;
}

.introV6Contenido,
.introV6NombreWrap,
.introV6FinalWrap {
    position: absolute;
    z-index: 8;
    inset: 0;
    pointer-events: none;
}

.introV6Contenido.oculto,
.introV6NombreWrap.oculto,
.introV6FinalWrap.oculto,
.introV6Panel.oculto {
    display: none !important;
}

.introV6Titulo {
    position: absolute;
    right: 4.0%;
    top: 14.8%;
    width: 50.5%;
    height: 28%;
    object-fit: contain;
    object-position: center center;
    user-select: none;
    pointer-events: none;
}

.introV6Panel {
    position: absolute;
    right: 4.7%;
    top: 39.0%;
    width: 49.5%;
    height: 34.5%;
    object-fit: contain;
    object-position: center center;
    user-select: none;
    pointer-events: none;
}

.introV6Stage[data-escena="bienvenida"] .introV6Titulo {
    top: 20.0%;
    height: 24%;
}

.introV6Stage[data-escena="bienvenida"] .introV6Panel {
    top: 45.0%;
    right: 4.5%;
    width: 49.5%;
    height: 31.2%;
}

.introV6Stage[data-escena="explora"] .introV6Titulo {
    top: 14.4%;
    height: 24%;
}

.introV6Stage[data-escena="explora"] .introV6Panel {
    top: 40.0%;
    height: 33.5%;
}

.introV6Stage[data-escena="aventura"] .introV6Titulo,
.introV6Stage[data-escena="recompensa"] .introV6Titulo,
.introV6Stage[data-escena="estilo"] .introV6Titulo {
    top: 14.4%;
    height: 24%;
}

.introV6Stage[data-escena="aventura"] .introV6Panel,
.introV6Stage[data-escena="recompensa"] .introV6Panel,
.introV6Stage[data-escena="estilo"] .introV6Panel {
    top: 39.0%;
    height: 35%;
}

.introV6NombreWrap {
    pointer-events: none;
}

.introV6Stage[data-escena="nombre"] #introV6Titulo {
    top: 15.0%;
    right: 3.8%;
    width: 51%;
    height: 23.5%;
}

.introV6NombrePanel {
    position: absolute;
    right: 5.0%;
    top: 42.0%;
    width: 49%;
    height: 27%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.introV6InputNombre {
    position: absolute;
    z-index: 3;
    right: 11.9%;
    top: 52.2%;
    width: 36.2%;
    height: 7.2%;
    box-sizing: border-box;
    border: 0;
    outline: none;
    border-radius: 14px;
    padding: 0 2.0%;
    background: rgba(255, 255, 255, .04);
    color: #45263c;
    font-family: var(--fuente-v3-texto) !important;
    font-size: clamp(15px, 1.55vw, 23px);
    font-weight: 800;
    text-align: left;
    pointer-events: auto;
    caret-color: #6d25c7;
}

.introV6InputNombre::placeholder {
    color: rgba(76, 58, 61, .48);
    opacity: 1;
}

.introV6InputNombre:focus {
    box-shadow: 0 0 0 3px rgba(115, 52, 216, .58), 0 0 0 6px rgba(255, 212, 65, .28);
    background: rgba(255, 255, 255, .20);
}

.introV6InputNombre[readonly] {
    cursor: default;
}

.introV6InputNombre.introV6ErrorNombre {
    animation: introV6Error .42s ease;
    box-shadow: 0 0 0 3px rgba(210, 62, 62, .72);
}

.introV6FinalWrap {
    pointer-events: none;
}


.introV6Stage[data-escena="dificultad"] .introV6Pose,
.introV6Stage[data-escena="dificultad"] .introV6DecoWrap {
    display: none !important;
}

.introV6Stage[data-escena="dificultad"] .introV6Contenido,
.introV6Stage[data-escena="dificultad"] .introV6FinalWrap {
    z-index: 31 !important;
}

.introV6Stage[data-escena="dificultad"] .introV6Nav {
    z-index: 34 !important;
}

.introV6Stage[data-escena="dificultad"] .introV6Progreso {
    z-index: 35 !important;
}

.introV6Stage[data-escena="dificultad"] #introV6Titulo {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: 16.0%;
    width: 72.5%;
    height: 14.8%;
}

.introV6Stage[data-escena="dificultad"] .introV6DificultadWrap {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: 34.2%;
    width: 79.5%;
    height: 39.8%;
}

.introV6Stage[data-escena="dificultad"] .introV6DifBtn {
    top: 18.2%;
    width: 25.2%;
    height: 35.2%;
}
.introV6Stage[data-escena="dificultad"] .introV6DifApoyo { left: 8.9%; }
.introV6Stage[data-escena="dificultad"] .introV6DifAventura { left: 37.35%; }
.introV6Stage[data-escena="dificultad"] .introV6DifDesafio { left: 65.8%; }

.introV6Stage[data-escena="iniciemos"] #introV6Titulo {
    top: 15.0%;
    right: 3.6%;
    width: 51%;
    height: 15.5%;
}

.introV6FinalNombrePanel {
    position: absolute;
    right: 8.1%;
    top: 31.0%;
    width: 43.5%;
    height: 13.2%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.introV6NombreConfirmado {
    position: absolute;
    z-index: 4;
    right: 13.0%;
    top: 33.9%;
    width: 34.0%;
    height: 6.7%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #4f221e;
    font-family: var(--fuente-v3-aventura) !important;
    font-size: clamp(17px, 1.9vw, 29px);
    line-height: 1;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}

.introV6DificultadWrap {
    position: absolute;
    z-index: 3;
    right: 4.3%;
    top: 42.3%;
    width: 50.6%;
    height: 31.4%;
    pointer-events: auto;
}

.introV6DificultadBase {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.introV6DifBtn {
    position: absolute;
    top: 29.0%;
    width: 29.2%;
    height: 62%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 17px;
    cursor: pointer;
    transition: transform .14s ease, filter .14s ease;
}

.introV6DifApoyo { left: 4.2%; }
.introV6DifAventura { left: 35.5%; }
.introV6DifDesafio { left: 66.8%; }

.introV6DifImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 4px 3px rgba(55, 34, 20, .08));
}

.introV6DifBtn:hover:not(:disabled) {
    transform: translateY(-2px) scale(1.015);
}

.introV6DifBtn.seleccionada .introV6DifImg {
    filter: drop-shadow(0 0 3px rgba(255, 212, 51, .95)) drop-shadow(0 0 7px rgba(93, 189, 54, .62));
}

.introV6DifBtn.seleccionada::after {
    content: "";
    position: absolute;
    inset: 5% 6%;
    border: 4px solid rgba(115, 196, 50, .86);
    border-radius: 18px;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .60);
    pointer-events: none;
}

.introV6DifBtn.bloqueada {
    cursor: not-allowed;
}

.introV6DifBtn.bloqueada .introV6DifImg {
    filter: grayscale(1) saturate(.15) brightness(.80) opacity(.76);
}

.introV6Candado,
.introV6CandadoBoton {
    position: absolute;
    display: block;
    box-sizing: border-box;
    pointer-events: none;
}

.introV6Candado {
    left: 50%;
    top: 50%;
    width: 28px;
    height: 22px;
    transform: translate(-50%, -28%);
    border-radius: 5px;
    background: #797470;
    border: 3px solid #514d4a;
    box-shadow: 0 2px 0 rgba(255,255,255,.35) inset, 0 3px 5px rgba(34,28,25,.18);
}

.introV6Candado::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -16px;
    width: 17px;
    height: 17px;
    transform: translateX(-50%);
    border: 4px solid #514d4a;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
}

.introV6Listo {
    position: absolute;
    z-index: 4;
    right: 13.1%;
    top: 70.8%;
    width: 32.5%;
    height: 9.5%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.introV6Nav {
    position: absolute;
    z-index: 18;
    right: 6.0%;
    bottom: 12.2%;
    width: 48.2%;
    height: 10.0%;
    display: grid;
    grid-template-columns: 1fr 1fr 1.26fr;
    gap: 1.1%;
    align-items: center;
    pointer-events: auto;
}

.introV6NavBtn {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 18px;
    transition: transform .13s ease, filter .13s ease, opacity .13s ease;
}

.introV6BtnImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    user-select: none;
    pointer-events: none;
}

.introV6NavBtn:hover:not(:disabled) {
    transform: translateY(-2px);
    filter: brightness(1.035);
}

.introV6NavBtn:active:not(:disabled) {
    transform: translateY(1px) scale(.995);
}

.introV6NavBtn:disabled {
    cursor: default;
    transform: none !important;
    filter: grayscale(.86) saturate(.18) brightness(.86);
    opacity: .62;
}

.introV6NavBtn.bloqueado .introV6CandadoBoton {
    display: block;
}

.introV6CandadoBoton {
    display: none;
    left: 21%;
    top: 50%;
    width: 17px;
    height: 14px;
    transform: translate(-50%, -24%);
    border-radius: 3px;
    background: #6d6966;
    border: 2px solid #514e4b;
}

.introV6CandadoBoton::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    width: 11px;
    height: 10px;
    transform: translateX(-50%);
    border: 2px solid #514e4b;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
}


.introV6NavBtn.introV6OcultoPrimera {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ============================================================
   INTRODUCCIÓN — CONSOLIDADO ESTABLE 1.0
   Sustituye los ajustes acumulados V84.1–V84.8 sin cambiar el
   aspecto alcanzado. Las reglas de rendimiento del fondo viven
   ahora en fondo-global-estable.css.
   ============================================================ */

.introV6Stage,
.introV6Clip,
.introV6Fondo,
.introV6Pose,
.introV6DecoWrap,
.introV6Deco {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.introV6NavBtn:focus-visible,
.introV6DifBtn:focus-visible,
.introV6InputNombre:focus-visible,
.introV6Cerrar:focus-visible {
    outline: 3px solid #ffca2c;
    outline-offset: 2px;
}

/* Fondo y pergamino llenan el interior del marco. */
.introV6Fondo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: translateZ(0) scale(1.012) !important;
    transform-origin: center center !important;
}

.introV6Pergamino {
    top: -1.6% !important;
    left: -1.1% !important;
    right: auto !important;
    bottom: auto !important;
    width: 102.8% !important;
    height: 103.4% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: translateZ(0) !important;
}

/* Profesor: escala y posición final aprobadas en V84.8. */
.introV6Pose {
    left: 9.8% !important;
    width: 36.4% !important;
}
.introV6Stage[data-escena="explora"] .introV6Pose,
.introV6Stage[data-escena="aventura"] .introV6Pose,
.introV6Stage[data-escena="recompensa"] .introV6Pose,
.introV6Stage[data-escena="estilo"] .introV6Pose {
    left: 9.1% !important;
    width: 37.2% !important;
}
.introV6Stage[data-escena="nombre"] .introV6Pose,
.introV6Stage[data-escena="iniciemos"] .introV6Pose {
    left: 9.8% !important;
    width: 36.4% !important;
}

.introV6Stage[data-escena="bienvenida"] .introV6Panel { right: 2.7% !important; }
.introV6Stage[data-escena="bienvenida"] .introV6Titulo { right: 2.2% !important; }

/* Paginación fija en las siete pantallas. */
.introV6Progreso {
    position: absolute;
    z-index: 33;
    right: 18.6% !important;
    bottom: 5.7% !important;
    width: 25.5% !important;
    height: 4.6% !important;
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
    gap: 12px;
    pointer-events: none;
}
.introV6Puntos { display:flex; align-items:center; gap:7px; }
.introV6Punto {
    width:10px; height:10px; border-radius:50%;
    border:2px solid rgba(135,107,81,.68);
    background:rgba(255,255,255,.34); box-sizing:border-box;
}
.introV6Punto.activo {
    border-color:#6d21c9; background:#9134e4;
    box-shadow:0 0 0 2px rgba(255,255,255,.82);
}
.introV6Contador {
    color:#321447; font-family:var(--fuente-v3-texto) !important;
    font-size:clamp(10px,1vw,14px); font-weight:900; line-height:1;
}

.introV6Marco {
    position:absolute; z-index:26; inset:0; width:100%; height:100%;
    object-fit:contain; pointer-events:none; user-select:none;
}

/* Decoraciones inferiores: mantienen sus animaciones ligeras. */
.introV6DecoWrap {
    position:absolute; z-index:32; left:-.6%; bottom:1.4%;
    width:23%; height:25%; pointer-events:none; overflow:visible;
}
.introV6Deco {
    position:absolute; left:0; bottom:0; width:100%; height:100%;
    object-fit:contain; object-position:left bottom; transform-origin:35% 100%;
    filter:drop-shadow(0 6px 5px rgba(48,29,19,.12)); user-select:none;
}
.introV6DecoHojas {
    width:22%; height:24%; animation:introV6HojasBase 5.8s ease-in-out infinite;
    transform-origin:42% 100%; will-change:transform;
}
.introV6DecoHojas .introV6Deco {
    animation:introV6Hojas 4.4s ease-in-out infinite; will-change:transform;
}
.introV6DecoObjeto { width:25%; height:28%; left:-.8%; bottom:.8%; }
.introV6Stage[data-escena="recompensa"] .introV6DecoWrap {
    width:28%; height:31%; left:-1%; bottom:.6%;
}
.introV6DecoObjeto .introV6Deco { animation:introV6Flotar 4.6s ease-in-out infinite; }

/* Navegación fija: Anterior y Continuar/Comenzar no cambian de lugar. */
.introV6Nav {
    right:6% !important;
    width:38% !important;
    display:block !important;
    pointer-events:none !important;
}
.introV6NavBtn {
    position:absolute !important;
    top:0 !important;
    width:47% !important;
    height:100% !important;
    pointer-events:auto !important;
}
.introV6Anterior { left:0 !important; right:auto !important; }
.introV6Siguiente { right:0 !important; left:auto !important; }
.introV6Stage[data-escena="bienvenida"] #botonAnteriorIntroV3 {
    visibility:hidden !important;
    display:block !important;
    pointer-events:none !important;
}
.introV6NavBtn,
.introV6BtnImg { width:100% !important; height:100% !important; }

/* Botón X maestro, sin candado visual durante creación. */
.introV6Cerrar {
    position:absolute !important;
    z-index:48 !important;
    top:4.55% !important;
    right:1.25% !important;
    width:6.2% !important;
    aspect-ratio:1/1 !important;
    margin:0 !important; padding:0 !important; border:0 !important;
    border-radius:50% !important;
    background:transparent url("imagenes/interfaz/config-v39/cerrar.png") center/contain no-repeat !important;
    cursor:pointer !important;
    filter:drop-shadow(0 5px 5px rgba(63,35,18,.22)) !important;
    transition:transform .14s ease,filter .14s ease,opacity .14s ease !important;
}
.introV6Cerrar:hover:not(:disabled) {
    transform:translateY(-1px) scale(1.035) !important;
    filter:brightness(1.04) drop-shadow(0 6px 6px rgba(63,35,18,.24)) !important;
}
.introV6Cerrar:active:not(:disabled) { transform:translateY(1px) scale(.97) !important; }
.introV6Cerrar:disabled,
.introV6Cerrar.bloqueado {
    cursor:not-allowed !important; opacity:.64 !important;
    filter:grayscale(1) saturate(.1) brightness(.82) drop-shadow(0 3px 3px rgba(40,34,30,.16)) !important;
    transform:none !important;
}
.introV6Cerrar.bloqueado::before,
.introV6Cerrar.bloqueado::after,
.introV6Cerrar:disabled::before,
.introV6Cerrar:disabled::after { content:none !important; display:none !important; }

/* Entrada suave por escena. */
.introV6Entrando .introV6Titulo,
.introV6Entrando .introV6Panel,
.introV6Entrando .introV6NombrePanel,
.introV6Entrando .introV6FinalNombrePanel,
.introV6Entrando .introV6DificultadWrap,
.introV6Entrando .introV6Listo {
    animation:introV6EntrarDerecha .36s cubic-bezier(.2,.7,.2,1) both;
}
.introV6Entrando .introV6Pose {
    animation:introV6EntrarPersonaje .40s cubic-bezier(.2,.72,.2,1) both,
              introV6Respirar 5.2s ease-in-out .40s infinite;
}

.introV6Stage { filter:none !important; transform:translateZ(0); }
.introduccionV3.introAventuraV6 {
    transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    background:rgba(34,30,31,.48) !important;
}

@keyframes introV6EntrarDerecha {
    from { opacity:0; transform:translate3d(10px,0,0); }
    to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes introV6EntrarPersonaje {
    from { opacity:0; transform:translate3d(0,7px,0) scale(.992); }
    to { opacity:1; transform:translate3d(0,0,0) scale(1); }
}
@keyframes introV6Respirar {
    0%,100% { transform:translate3d(0,0,0) rotate(0); }
    50% { transform:translate3d(0,-2px,0) rotate(.12deg); }
}
@keyframes introV6HojasBase {
    0%,100% { transform:translate3d(0,0,0) rotate(0); }
    35% { transform:translate3d(2px,-2px,0) rotate(.8deg); }
    70% { transform:translate3d(-1px,1px,0) rotate(-.55deg); }
}
@keyframes introV6Hojas {
    0%,100% { transform:translate3d(0,0,0) rotate(0); }
    30% { transform:translate3d(1px,-4px,0) rotate(2deg); }
    65% { transform:translate3d(-1px,-1px,0) rotate(-1.15deg); }
}
@keyframes introV6Flotar {
    0%,100% { transform:translate3d(0,0,0) rotate(-.15deg); }
    50% { transform:translate3d(0,-3px,0) rotate(.45deg); }
}
@keyframes introV6Error {
    0%,100% { transform:translateX(0); }
    25% { transform:translateX(-6px); }
    75% { transform:translateX(6px); }
}

@media (max-width:760px), (max-height:560px) {
    .introduccionV3.introAventuraV6 { padding:5px !important; }
    .introV6Clip { border-radius:16px; }
    .introV6Pergamino {
        top:-1.8% !important; left:-1.2% !important;
        width:103% !important; height:103.8% !important;
    }
    .introV6Nav { right:5.5% !important; width:39% !important; }
    .introV6Progreso { right:18% !important; bottom:5.2% !important; }
    .introV6Cerrar { top:4.4% !important; right:1.1% !important; width:6.5% !important; }
    .introV6DifBtn.seleccionada::after { border-width:3px; }
    .introV6InputNombre { border-radius:10px; }
}


/* ===== AJUSTE INTRO 1.8.0 — pantalla de dificultad y continuidad ===== */
.introV6Pose {
    bottom: 1.35% !important;
}

/* Pantallas 2 a 5: mantener la última posición aprobada. */
.introV6Stage[data-escena="explora"] .introV6Titulo,
.introV6Stage[data-escena="aventura"] .introV6Titulo,
.introV6Stage[data-escena="recompensa"] .introV6Titulo,
.introV6Stage[data-escena="estilo"] .introV6Titulo {
    right: -0.55% !important;
    top: 13.8% !important;
    width: 55.2% !important;
    height: 24.6% !important;
}

.introV6Stage[data-escena="explora"] .introV6Panel,
.introV6Stage[data-escena="aventura"] .introV6Panel,
.introV6Stage[data-escena="recompensa"] .introV6Panel,
.introV6Stage[data-escena="estilo"] .introV6Panel {
    right: -0.45% !important;
    top: 34.1% !important;
    width: 51.8% !important;
    height: 41.2% !important;
}

/* Pantalla 6: nombre. */
.introV6Stage[data-escena="nombre"] #introV6Titulo {
    right: -0.55% !important;
    top: 13.9% !important;
    width: 55.2% !important;
    height: 24.0% !important;
}

/* Pantalla 7: dificultad, centrada, sin personaje ni decoración lateral. */
.introV6Stage[data-escena="dificultad"] .introV6Contenido,
.introV6Stage[data-escena="dificultad"] .introV6FinalWrap {
    z-index: 31 !important;
}
.introV6Stage[data-escena="dificultad"] .introV6Nav {
    z-index: 34 !important;
}
.introV6Stage[data-escena="dificultad"] .introV6Progreso {
    z-index: 35 !important;
}
.introV6Stage[data-escena="dificultad"] #introV6Titulo {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    top: 15.4% !important;
    width: 73.0% !important;
    height: 15.0% !important;
}
.introV6Stage[data-escena="dificultad"] .introV6DificultadWrap {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    top: 33.5% !important;
    width: 79.5% !important;
    height: 40.0% !important;
}
.introV6Stage[data-escena="dificultad"] .introV6DifBtn {
    top: 18.2% !important;
    width: 25.2% !important;
    height: 35.2% !important;
}
.introV6Stage[data-escena="dificultad"] .introV6DifApoyo { left: 8.9% !important; }
.introV6Stage[data-escena="dificultad"] .introV6DifAventura { left: 37.35% !important; }
.introV6Stage[data-escena="dificultad"] .introV6DifDesafio { left: 65.8% !important; }

/* Pantalla 8: confirmación final, manteniendo lo ya existente. */
.introV6Stage[data-escena="iniciemos"] #introV6Titulo {
    right: -0.55% !important;
    top: 13.9% !important;
    width: 55.2% !important;
    height: 24.0% !important;
}

/* Botones: se mantienen estables. */
.introV6Nav {
    right: 5.5% !important;
    bottom: 11.15% !important;
    width: 39.4% !important;
    height: 10.6% !important;
}
.introV6NavBtn {
    top: 0 !important;
    height: 100% !important;
}
.introV6Anterior {
    left: 0 !important;
    width: 44.2% !important;
}
.introV6Siguiente {
    right: 0 !important;
    width: 49.4% !important;
}
.introV6Stage[data-escena="bienvenida"] #botonAnteriorIntroV3 {
    visibility: hidden !important;
}

@media (prefers-reduced-motion:reduce) {
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6Titulo,
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6Panel,
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6NombrePanel,
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6FinalNombrePanel,
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6DificultadWrap,
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6Listo,
    html:not([data-aventura-animaciones="activas"]) .introV6Entrando .introV6Pose,
    html:not([data-aventura-animaciones="activas"]) .introV6DecoHojas,
    html:not([data-aventura-animaciones="activas"]) .introV6DecoHojas .introV6Deco,
    html:not([data-aventura-animaciones="activas"]) .introV6DecoObjeto .introV6Deco {
        animation:none !important;
    }
}


/* ===== AJUSTE INTRO 1.8.4 — paneles corregidos y nombre ajustado ===== */
/* Pantallas 2 a 5: paneles correctos, mismo tamaño, un poco a la derecha. */
.introV6Stage[data-escena="explora"] .introV6Panel,
.introV6Stage[data-escena="aventura"] .introV6Panel,
.introV6Stage[data-escena="recompensa"] .introV6Panel,
.introV6Stage[data-escena="estilo"] .introV6Panel {
    right: -0.65% !important;
    top: 34.1% !important;
    width: 51.8% !important;
    height: 41.2% !important;
}

/* Pantalla 6: el cuadro del nombre queda alineado como los demás cuadros. */
.introV6Stage[data-escena="nombre"] .introV6NombrePanel {
    right: -0.65% !important;
    top: 34.1% !important;
    width: 51.8% !important;
    height: 28.8% !important;
}

/* Campo de nombre: más aprovechado dentro del espacio útil del cuadro. */
.introV6Stage[data-escena="nombre"] .introV6InputNombre {
    right: 7.7% !important;
    top: 46.35% !important;
    width: 39.8% !important;
    height: 8.1% !important;
    padding: 0 1.6% !important;
    font-size: clamp(16px, 1.65vw, 24px) !important;
}

/* Pantalla final de nombre confirmado: lo acercamos a la misma zona visual. */
.introV6Stage[data-escena="iniciemos"] .introV6FinalNombrePanel {
    right: -0.65% !important;
    top: 34.1% !important;
    width: 51.8% !important;
    height: 13.5% !important;
}
.introV6Stage[data-escena="iniciemos"] .introV6NombreConfirmado {
    right: 8.8% !important;
    top: 37.25% !important;
    width: 37.2% !important;
    height: 6.6% !important;
}