/* :root{
    --alto-barra_sup:60px;
    --fondo_header:black;
    --fondo_menu:#788545;
    --fondo_main: #444737;
    --color_fuente:white;
    --color_star:#3366ff;
} */


*{
margin:0; 
}





html, body{
    scroll-behavior: smooth;
    background-color:var(--fondo_main);
    font-size: 20px;
    
}


.header{
    background-color: var(--fondo_header);
    height: var(--alto-barra_sup); 
    z-index: 3000;
    
}
.decorado{
    font-size: 2.3rem;
 }

.nav{
   
    display:flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    /* border:1px solid red; */
}

.menu-seccion{
    position: sticky;
    display:flex;
    flex-direction: row;
    width: 850px;
}

main{
    width: 80%;
    display: block;
    margin:0 auto;
    color: var(--color_fuente);
    padding: 0 15px;
}


section[id]{
    scroll-margin-top: var(--alto-barra_sup) ;
    
}

.menu-seccion{
    padding: 0;
    background-color: var(--fondo_header);
    overflow-y: auto;
    pointer-events: all;
    opacity: 1;

}

.nav-link{
    color:white;
    font-size: 1.0em;
    text-decoration: none;
   
}

.menu-item{
    list-style: none;
    padding:0 10px;
  
   
    
}

.menu-item:hover{
    background-color: var(--fondo_menu);
    border-radius: 1em;
}

.btn-abrir-menu{
    display:none;
    position: sticky;
}
.exp_op_educativa,.ad_op_educativa{
    width:23%;
    color:var(--color_fuente);
}

.adicionales_item{
    width:75%;
}

.experiencia_item,.adicionales_item{
    display:flex;
    flex-direction: row;
    padding:20px 0;

}
 

.acerca, .experiencia{
    background-color: var(--fondo_main);
}
.objetivos, .profesionales,.idiomas,.intereses{
    background-color: var(--fondo_header);
    padding: 20px 10px;
}





 .secc_per{
    width:33%;
    min-width: 280px;
    font-size: 1rem;
}/* done */
.secc_per.centro{
    border-left: solid 2px var(--fondo_menu);
    border-right: solid 2px var(--fondo_menu);
}/* done */


.bi, .gliphicon{
    padding: 5px 8px;
}

.bi{
    font-size: 1.3rem;
    display: inline-block;
    color:#4f81bd;

}









/* **************** Estilos del pie de página ********************  */
footer{
    width: 100%;
    background-color: var(--fondo_header);
    margin:5px;
    padding:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


.footer .bi{
    
    font-size: 1.2rem;
    padding: 0 25px;
   
    color:var(--color_fuente);
  
  }



 
