:root{
    --estado-buda: 0.3s;
    --cada-item: 28px;
    --cantidad-items: 0;
}

#MVertical_01{
    position:fixed;
    top:0;
    right: 150px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 16px;
    gap: 30px;
    color: yellow;
    background: #5C97F7;
    cursor: pointer;
    transition: right 2s;
}
.MVertical_1_1{
    position:fixed;
    top:0;
    right: 150px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 1em;
    color: white;
    background: #5C97F7;
    transition: width 2s;
}
.MVertical_1_2{
    position:fixed;
    top:0;
    right: 150px;
    width: 350px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 1em;
    color: white;
    background: #5C97F7;
    transition: width 2s;
}
.menu_v_1 {
    position: absolute;
    left: 0px;
    bottom: 25px;
    font-size: 1.2em;
    text-align:bottom;
}
.menu_v_1 li{
    border-top: 2px solid yellow;
    border-bottom: 2px solid yellow;
    padding: 5px;
}
.menu_v_1 a{
    color: yellow;
}
.menu_v_1 a:hover{
    color: white;
}

#MVertical_02{
    position:fixed;
    top:0;
    right: 100px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 16px;
    gap: 30px;
    color: #441DAD;
    background: yellow;
    cursor: pointer;
    transition: right 2s;
}
.MVertical_2_1{
    position:fixed;
    top:0;
    right: 100px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 1em;
    color: #441DAD;
    background: yellow;
    transition: width 2s;
}
.MVertical_2_2{
    position:fixed;
    top:0;
    right: 100px;
    width: 300px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 1em;
    color: #441DAD;
    background: yellow;
    transition: width 2s;
}
.MVertical_01_2{ right: 400px !important; }
.menu_v_2 {
    position: absolute;
    left: 0px;
    bottom: 25px;
    font-size: 1.2em;
    text-align:bottom;
}
.menu_v_2 li{
    border-top: 2px solid #441DAD;
    border-bottom: 2px solid #441DAD;
    padding: 5px;
}
.menu_v_2 a{
    color: #441DAD;
}
.menu_v_2 a:hover{
    color: #5C97F7;
}

#MVertical_03{
    position:fixed;
    top:0;
    right: 50px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 16px;
    gap: 30px;
    color: #5C97F7;
    background: #441DAD;
    cursor: pointer;
    transition: right 2s;
}
.MVertical_3_1{
    position:fixed;
    top:0;
    right: 50px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 1em;
    color: #5C97F7;
    background: #441DAD;
    transition: width 2s;
}
.MVertical_3_2{
    position:fixed;
    top:0;
    right: 50px;
    width: 300px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 1em;
    color: #5C97F7;
    background: #441DAD;
    transition: width 2s;
}
.MVertical_01_2{ right: 400px !important; }
.MVertical_02_2{ right: 350px !important; }
.menu_v_3 {
    position: absolute;
    left: 0px;
    bottom: 25px;
    font-size: 1.2em;
    text-align:bottom;
}
.menu_v_3 li{
    border-top: 2px solid #5C97F7;
    border-bottom: 2px solid #5C97F7;
    padding: 5px;
}
.menu_v_3 a{
    color: #5C97F7;
}
.menu_v_3 a:hover{
    color: yellow;
}

/* Menu Release */
.MVertical_01r{ right: 150px !important; }
.MVertical_02r{ right: 100px !important; }
.MVertical_03r{ right: 50px !important; }


#MVertical_04{
    position:fixed;
    top:0;
    right: 0px;
    width: 50px;
    min-height: 100vh;
    margin:0;
    /* font-family: Arial; */
    font-size: 16px;
    gap: 30px;
    color: #000000;
    background: white;
}

.texto-vertical-2 {
    position: absolute;
    left: 0px;
    bottom: 25px;
    font-size: 2em;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-align:bottom;
}