/*MENU GENERICO*/
header nav {
    position: fixed;
    top:0;
    width: 100%;
    z-index: 999;
}

/*__________________________________________*/
/*ELEMENTOS MENU*/
/*--OCULTAR MOSTRAR--*/
.elem_inactivo {
    opacity: 0;
    }
.elem_activo {
      opacity: 1;
     }
/*----------*/
.menu{
}
.men_li01{
    display:flex;
    justify-content: center;
}
.menu_100{
    background: rgba(0,0,0,0.8);
    display:flex;
    padding:1rem 2rem;
    border-radius:0 0 3rem 3rem;
    justify-content:center;
}
.menu_res{
    display:none;
}
/*--_____________--*/
@media screen and (max-width: 560px){
    .menu_100{
        display:none;
    }
    .menu_res{
        display:flex;
        justify-content: space-between;
        width: 100%;
        position: relative;
    }
}
/*--_____________--*/
@media screen and (max-width: 845px){
    .men_slogan{
        display:none!important;
    }
    
}
/*--_____________--*/

.menu_res .men_log{
   max-width: 25rem;
}
.menu_res .men_log .log_men{
    display:flex;
    background: rgba(0,0,0,0.8);
    padding:1.5em 1.5em 1.5em 3em;
    border-radius: 0 5rem 5rem 0;
    max-height: 10rem;
}
.menu_100 .men_log{
    width:30rem;
    min-width:21.5rem;
    padding:0 1rem 0 1rem;
}

.menu_100 .men_slogan{
    display:flex;
    border-left:solid 1.5px;
    border-right:solid 1.5px;
    border-color:red;
    text-align:center;
    color: white;

}
.menu_100 .men_slogan p{
    padding: 0 1rem;
}
.men-men,
.men-cons{
    width: 10rem;
    display:flex;
    justify-content:center;
    align-items:center;
}
.menu_100 .men-men{
    position:relative;
}
#men_blo0, #men_blo03,
#men_blo04{
    position:absolute;
    display:flex;
    flex-direction:column;
    margin:0;
    top: 95%; /* ALINEACION EN PARTE INFERIOR */
}
.menu_res #men_blo03,
.menu_res #men_blo04{
    width:100%;
}

#men_blo03,
#men_blo04{
    right: 0;
    top: calc(100% - 1rem);
}
#men_blo0 .ico.tri01, #men_blo03 .ico.tri01,
#men_blo04 .ico.tri01{
    display:flex;
    justify-content:center;
    color:white;
    font-size:2rem;
    margin-bottom:0.5rem;
    padding:0;
}
#men_blo03 .ico.tri01,
#men_blo04 .ico.tri01{
    color:red;
    justify-content: flex-end;
    padding-right: 4rem;
}
/*--activacion--*/
    #men_blo0.elem_inactivo_00, #men_blo03.elem_inactivo_03,
    #men_blo04.elem_inactivo_04{
      margin-top:-430%;
      transform: translateY(-5px);
      transition: all 1s ease;
        overflow:hidden;
    }
    #men_blo0.elem_inactivo_00.elem_activo_00,  #men_blo03.elem_inactivo_03.elem_activo_03,
    #men_blo04.elem_inactivo_04.elem_activo_04{
      margin-top:0;
      transform: translateY(0);
    }
/*----------*/
.men_blo00{
    border:solid 2px var(--c_g40);
    padding:1rem;
    min-width: 25rem;
    border-radius: 1rem;
    background-color: white;
}
.men_blo01{
    display:flex;
    flex-direction:column;
}
/*--activacion--*/
    #activaxid00.elem_inactivo,
    #activaxid01.elem_inactivo,
    #activaxid02.elem_inactivo{
      max-height: 0;
      transition: all 1s ease;
      overflow: hidden;
    }
    #activaxid00.elem_inactivo.elem_activo,
    #activaxid01.elem_inactivo.elem_activo,
    #activaxid02.elem_inactivo.elem_activo{
      max-height: 300px; 
    }
/*----------*/
/*__________________________________________*/
/*MENU BOTONES*/
/*__________________________________________*/
.menu_res .ico.menu{
    background: black;
    width: 7.5rem;
    height:7.5rem;
    border-radius:50%;
    justify-content: center;
    border: solid 0.3rem red;
}
.menu_res .bt_ver.ico.menu:before, .menu_res .bt_ver.ico.menu span{
    padding: 0;
    line-height:1em;
    color:white;
}
.bt_ver.ico.menu,
.bt_ver.ico.cons{
    transition:all 1s ease;
}
.bt_ver.ico.menu span,
.bt_ver.ico.cons span{
    padding: 0.3rem 0 0.3rem 0;
    color: var(--c_orange);
    transition:all 1s ease
}
.bt_ver.ico.menu:before,
.bt_ver.ico.cons:before{
    font-size: 2.5rem;
    display:flex;
    justify-content:center;
    padding:0.2rem;
    transition:all 1s ease;
    color: var(--c_orange);
}
.menu_100 .bt_ver.ico.menu:hover span,
.menu_100 .bt_ver.ico.cons:hover span{
    color:white;
}
.menu_100 .bt_ver.ico.menu:hover:before,
.menu_100 .bt_ver.ico.cons:hover:before{
    background-color:white;
    color:black;
    border-radius: 50%;
}
.menu_100 .bt_ver.ico.menu:hover:before{
    content:"\4b";
}
.menu_100 .bt_ver.ico.menu.clicked_00:hover:before{
    color:black;
}
.menu_100 .bt_ver.ico.menu.clicked_00:before, .menu_res .clicked_03:before{
    content:"\4b"!important;
    transform:rotate(360deg);
}
.bt_ver.ico.menu.clicked_00 span,
.bt_ver.ico.cons.clicked_00 span,
.bt_ver.ico.menu.clicked_00:before{
    color:white;
}
/*__________________________________________*/
/*SUBMENU BOTONES*/
/*__________________________________________*/
.men_blo011{
    z-index:-1;
}
.men_bot010,
.men_bot011{
    margin-bottom: 1rem;
}
.men_bot010:after,
.men_bot011:after{
  display:flex;
  justify-content:center;
  align-items:center;
  width: 2.2rem;
  border:solid 1.5px var(--c_g40);
  transition: all 0.5s ease;
}
.men_bot010 span,
.men_bot011 span{
    margin-right:0.5rem;
}
.men_bot011:after{
    border:none;
}
.men_bot011 span{
    margin-left:0.5rem;
}
/*--animacion links--*/

.men_bot010:hover,
.men_bot010:hover span,
.men_bot010:hover:after,
.men_bot010.clicked:after,
.men_bot010.clicked span{
    color:var(--c_orange);
    border-color:var(--c_orange);
}

#men_blo01 .bt_arrw02:hover span,
#men_blo01 .bt_arrw02:hover:after{
    color:red;
}
.men_bot010.clicked:after{
    content:"\4b";
    transform:rotate(360deg);
}
.bt_arrw02:after{
    color:var(--c_g40);
}
.bt_arrw02:hover:after{
    border:none;
    transform:scale(1.5) translateX(-0.5rem);
}
.men_blo00 .bot_01.bot_orange:hover,
.men_blo00 .bot_01.bot_red:hover{
    background-color:var(--c_g70);
}
.men_blo00 .bot_01.bot_black:hover{
    background-color:red;
}
.men_blo00 .bot_01.bot_orange a:before,
.men_blo00 .bot_01.bot_red a:before,
.men_blo00 .bot_01.bot_black a:before,
.men_blo00 .bot_01.bot_orange a,
.men_blo00 .bot_01.bot_red a,
.men_blo00 .bot_01.bot_black a{
    transition: all 1s ease;
}
.men_blo00 .bot_01.bot_orange a:hover:before,
.men_blo00 .bot_01.bot_red a:hover:before,
.men_blo00 .bot_01.bot_black a:hover:before{
    transform:scale(1.5);
}
.men_blo00 .bot_01.bot_orange a:hover,
.men_blo00 .bot_01.bot_red a:hover,
.men_blo00 .bot_01.bot_black a:hover{
    transform:translateX(2rem);
}