.topheader{   
    box-shadow: 0 4px 5px var(--navbar-shallow-color);
    position: fixed;
    background-color: var(--theme-color);
    left: 0;
    top: 0;
    width: 100%;
    z-index:2;
    
    }
    
    
    
    .topnavini{
        display: flex;
        justify-content: space-between;/*espacio entre*/
       /* padding: 15px 35px;*/
        background-color: var(--navbar-shadowmenu-color);
      
       /* max-width: 980px;*/
        margin: 0 auto; /* top-bottom izq-der */
       
    }
    
    
    /*logo*/
    .logo{
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
        color: var(--primary-color);
        
        
    }
    /*
    .logo img{
        border-radius: 50%;
    }*/
    
    .titl1{
        font-size: 25px;  
        align-items: center;
        color: var(--text-color);
    }
    
    .titl2{
        font-size: 20px;  
        align-items: center;
        color: var(--secundary-color);
    }
    
    
    
    
    
    .movtitl{
        display: none;
    }
    
    
    /*menu*/
    
    .menu {
        display: flex;
        list-style: none; /*li sin puntos*/
        margin: 0;
        padding: 0;

       
    }
    
    .menu li{
        
        /*background-color: tomato;*/
        height: 47px;
        padding: 10px 15px;
        margin-top: -8px;
        margin-left: -10px;
       
        
        
    }
    
    
    
    .menu a{
      
        font-size: 18px;
        font-weight: 600;
        line-height: 10px;
        text-decoration: none;
        color: var(--text-color);
       /* position: relative;/* en menu a::after debe ir absolut */
    }
    
    
    
    
    
    /*
    .menu a::after{
        content: "";/*debe ir un contenido vacio*/
       /* background-color: var(--primary-color);
        position: absolute;
        left: 0;
        /*top: 100%;*/
       /* top: calc(100% + 4px);/*con separacion*/
      /*  width: 100%;
        height: 4px;
        opacity: 0;
        transition: 0.3s;
    
    }*/
    
    /*de la clase selected*/
    /*
    .menu a.selected::after,
    .menu a:hover::after{    
        opacity: 0.8;
       
    }*/
    
    .menu a:hover{
        color: var(--primary-color);
    }
    
    .menu li.active{
        background-color:var(--secundary-color);
    }
    
    .menu li.active a{
       color: var(--text-color-inverse);       
    }
    
    .open-menu,
    .close-menu{
    display: none;
    }
    
    
    
     .bddesc{
       
       /* padding: 15px 5px;*/
        color: var(--text-color);
        font-weight: bold;
        font-size: 20px;
        
    }
    
    
    
    @media (max-width:900px){
    
       /*menu*/
    
    .menu {
       flex-direction: column;
       position: fixed;
       left: 0;
       top: 0;
       width: 100%;
       align-items: center;/*alinear colum*/
       background-color: var(--menu-mobile-background-color);
       height: 100%;
       overflow-y: auto;    
       /*opacidad 0 y sin eventos clic*/
       opacity: 0;
       pointer-events: none;    
       /**/
       transition:opacity 0.3s;

      
      
      
    }
    
    .menu li{
        /*padding: 0;*/
    
       /* padding: 10px 15px;*/
        margin-top: 15px;
        width: 100%;
    
        height: 47px;
        padding: 1px 1px;

       
        
       
    }
    
    .menu li.active{
        background-color: transparent;
    }
    
    .menu a{
        color: var(--text-color-inverse);
        line-height: 70px;
        font-size: 25px;
       
    }
    
    
    
    .open-menu,
    .close-menu{
    display: block;
    border: none;
    background: none;
    cursor: pointer;
    }
    
    .close-menu{
        align-self: flex-end;/*alinea al final*/
        padding: 20px 15px;
    }
    
    .open-menu{
        align-self: flex-end;/*alinea al final*/
        padding: 1px 0px;
    }
    
    .menu_opened{
        opacity: 1;
        pointer-events: all;
    }
    
    .open-menu:focus:not(:focus-visible),
    .close-menu:focus:not(:focus-visible){
        outline: none;
    }
    
    
    .topnavini{
        display: none;
    }
    
    .movtitl{
        display: block;
        font-weight: bold;
        
        display: flex;  
        justify-content: space-between;
    
    }
    .bddesc{
        display: none;
        
    }
    
    
    
    /*--------------------*/
    .menu a::after{
        content: none; /*debe ir un contenido vacio*/
       }
    
    /*de la clase selected*/
    .menu a.selected::after,
    .menu a:hover::after{    
        color: var(--secundary-color);
    }
    
    
    /*----------------------*/
    
    
    }