body {
  background-color: white;  
}

.oculto {
	display:none;
}

.progreso1 {
	display:block;
}

.progreso2 {
	display:none;
}

.texto {
	color: #333;
}

/* Estilos para Modo Oscuro */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #333;
  }
  
  .progreso1 {
	display:none;
  }

  .progreso2 {
    display:block;
  }
  
  .texto {
  	color: #fff;  	
  }
  
}