.sideNavTitulo{
    position: sticky;
    top: 0;
    background-color: #111;
    padding: 10px;
    color: white;
    font-weight: bold;
    z-index: 2000;
}
/* Nav lateral */
.sideNav{
height: 100%;
width: 0%;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: #111;   /* coherente con footer y topNav */
overflow-x: hidden;
transition: width 0.5s;
padding-top: 50px;
}
/* enlaces */
.sideNav a{
padding: 6px 10px;
display: block;
font-size: 15px;
color: #bdbdbd;
text-decoration: none;
margin: 5px 15px;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s;
}
.sideNav a:hover{
background-color: #04AA6D;
color: white;
}
/* botón de cerrar */
.sideNav .closeBtn{
position: absolute;
top: 10px;
right: 15px;
font-size: 40px;
color: white;
cursor: pointer;
}
/* contenido */
.main{
transition: margin-left 0.5s;
padding: 16px;
}
body{
background-color: lightblue;
font-family: Arial;
padding: 20px;
max-width: 1200px;
margin: 0 auto;   /* esto centra el contenido en pantalla */
}
body{
    margin-top: 0;
}