body{
    margin: 0;
    background-color: #f4f4f4;
    text-align: center;
    min-height: 100vh; /* Footer pegado abajo */
      display: flex;
  flex-direction: column;
}
 .contenedor {
    text-align: center; 
}
ul {
    display: inline-block; 
    text-align: left; /* Para mantener texto con viñetas */
}  
li {
     list-style-position: inside;
    text-align: center;
    
}
.seleccionado {
    background-color: #cfcfb0;   
}
.oculto {
    display: none;
}
footer {
    background-color: #1a1a1a; 
    color: #e6ffea;          
   /* text-align: center;*/
    padding: 20px;
    margin-top: auto;  /* Para que footer vaya al final */
}
footer a {
    color: #8ae6ff; 
    text-decoration: none;
}