:root
{
    --color-verde:#3fbf3f; /*#a6cd38 verde original*/
    --color-complementario: #444434;    /*https://colorswall.com/palette/190492*/
}

#menu a p
{
    font-family: 'Raleway', sans-serif;
}
#menu 
{
    height: 150px;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: var(--color-verde);
    opacity: 0.9;
    color: #f3f3f3;
    line-height: 150px;
}

#logo_menu
{
    float: left;
    height: 80px;
    margin-top: 35px;
    margin-left: 35px;
}

#menu a
{
    text-decoration: none;
}

#menu a p 
{
    padding: 0;
    margin: 0;
    float: right;
    font-size: 1.2vw;
    margin-left: 40px;
    color: #f3f3f3;
    font-weight: 400;
}

#first_p
{
    margin-right: 20vw!important;
}

#icon_menu
{
    display: none;
}

#menu
{
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s; /* Firefox < 16 */
    -ms-animation: fadein 4s; /* Internet Explorer */
    -o-animation: fadein 4s; /* Opera < 12.1 */
    animation: fadein 4s;
}

#logo_menu, #menu 
{
    transition: all 1s ease;
}


.menu_scroll 
{
    height: 80px!important;
    line-height: 80px!important;
    /*background: #333333!important;*/
    border-bottom: 1px solid white;
}

.logo_menu_scroll
{
    height:40px!important;
    margin-top: 20px!important;
    margin-left: 20px!important;
}

#menu a p:hover:not(.positioned_nav), .positioned_nav
{
    transition: color 0.5s ease;
    font-weight: 600!important;
    border-bottom: 1px solid #f3f3f3;
}

.scrolled_one, .scrolled_two, .scrolled_three
{
    transition: opacity 1.5s ease-in;
    opacity: 0;
}

#logo_menu_movil
{
    display: none;
}

@media (max-width:1024px)
{
    #menu
    {
        -webkit-animation: fadein 0s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0s; /* Firefox < 16 */
        -ms-animation: fadein 0s; /* Internet Explorer */
        -o-animation: fadein 0s; /* Opera < 12.1 */
        animation: fadein 0s;
    }
    
    #menu 
    {
        width: 70vw;
        height: 40vh!important;
        position: fixed;
        top: 0;
        right: 0;
        transition: opacity ease 1s;
        opacity: 0;
        z-index: 2;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #333333;
    }

    #logo_menu 
    {
        display: none;
    }

    #icon_menu 
    {
        font-size: 11vw;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 3;
        display: flex;
        transition: color ease 1s;
        transition: transform ease 1.5s;
        cursor: pointer;
        color: #222222;
    }

    #menu a p, #first_p 
    {
        display: block;
        float: none;
        margin: 0;
        font-size: 6vw;
        text-align: center;
        line-height: 6vw;
    }

    #first_p 
    {
        margin-right: 0!important;
    }

    #logo_menu_movil
    {
        display: initial;
        position: absolute;
        width: 70vw;
        top: 20vh;
        left: 10px;
        z-index: 2;
        left: 50%;
        transform: translateX(-50%);
    }

    .scrolled_one, .scrolled_two, .scrolled_three
    {
        transition: opacity 0.1s ease-in;
        opacity: 1!important;
    }
}